CINXE.COM

I Migliori Hotel a Monaco di Baviera, Germania

<!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="Se stai pensando di viaggiare a Monaco di Baviera, hai sicuramente iniziato la tua ricerca su dove alloggiare. Ci sono molte opzioni disponibili, tra"> <title>I Migliori Hotel a Monaco di Baviera, Germania</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/it/monaco-di-baviera-hotel" /> <meta property="og:locale" content="it_IT" /> <meta property="og:type" content="website" /> <meta property="og:title" content="I Migliori Hotel a Monaco di Baviera, Germania" /> <meta property="og:url" content="https://touristvr.com/it/" /> <meta property="og:site_name" content="Virtual Tourist" /> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/munich-hotels" title="English"> <link rel="alternate" hreflang="en-AU" type="text/html" href="https://touristvr.com/au/munich-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/munich-hotels" title="English"> <link rel="alternate" hreflang="en-NZ" type="text/html" href="https://touristvr.com/nz/munich-hotels" title="English"> <link rel="alternate" hreflang="en-IE" type="text/html" href="https://touristvr.com/ie/munich-hotels" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/munich-hotels" title="English"> <link rel="alternate" hreflang="de-DE" type="text/html" href="https://touristvr.com/de/muenchen-hotels" title="Deutsch"> <link rel="alternate" hreflang="fr-BE" type="text/html" href="https://touristvr.com/fr-be/munich-hotels" title="Français"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/munich-hotels" title="Français"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/munich-hoteles" title="Español"> <link rel="alternate" hreflang="es-CO" type="text/html" href="https://touristvr.com/co/munich-hoteles" title="Español"> <link rel="alternate" hreflang="es-AR" type="text/html" href="https://touristvr.com/ar/munich-hoteles" title="Español"> <link rel="alternate" hreflang="es-MX" type="text/html" href="https://touristvr.com/mx/munich-hoteles" title="Español"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/monaco-di-baviera-hotel" title="Italiano"> <link rel="alternate" hreflang="nl-BE" type="text/html" href="https://touristvr.com/be/muenchen-hotels" title="Nederlands"> <link rel="alternate" hreflang="nl-NL" type="text/html" href="https://touristvr.com/nl/muenchen-hotels" title="Nederlands"> <link rel="alternate" hreflang="pt-PT" type="text/html" href="https://touristvr.com/pt/munique-hoteis" title="Português"> <link rel="alternate" hreflang="br-BR" type="text/html" href="https://touristvr.com/br/munique-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-Bby2Xo7-.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-Bby2Xo7-.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": "5" }, "priceRange" : "161€", "address": { "@type": "PostalAddress", "streetAddress": "Landsberger Strasse 68" }, "name": "Roomers Munich, Autograph Collection" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "312€", "address": { "@type": "PostalAddress", "streetAddress": "Trogerstrasse 21" }, "name": "Hotel Munchen Palace" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "44€", "address": { "@type": "PostalAddress", "streetAddress": "Ottobrunner Strasse 17-19" }, "name": "Nh Munchen City Sud" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "77€", "address": { "@type": "PostalAddress", "streetAddress": "Landsberger Strasse 114" }, "name": "Hampton By Hilton Munich City West" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "113€", "address": { "@type": "PostalAddress", "streetAddress": "Atelierstrasse 7" }, "name": "gambino hotel WERKSVIERTEL" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "52€", "address": { "@type": "PostalAddress", "streetAddress": "Landwehrstrasse 42" }, "name": "Hotel Mirabell By Maier Privathotels" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "86€", "address": { "@type": "PostalAddress", "streetAddress": "Pettenkoferstrasse 2" }, "name": "Centro Hotel Mondial" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "130€", "address": { "@type": "PostalAddress", "streetAddress": "Senefelderstrasse 12" }, "name": "Hotel Marc Munchen (Adults Only)" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "133€", "address": { "@type": "PostalAddress", "streetAddress": "Orleansstrasse 81-83" }, "name": "Residence Inn By Marriott Munich City East" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "223€", "address": { "@type": "PostalAddress", "streetAddress": "Marsstrasse, 15" }, "name": "King&#039;S Hotel Center Superior" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "58€", "address": { "@type": "PostalAddress", "streetAddress": "Karlsplatz 25" }, "name": "Hotel Konigshof" } ] ,"includesAttraction": [ { "@type": "TouristAttraction", "name": "Maximillianstrasse" }, { "@type": "TouristAttraction", "name": "FC Bayern" }, { "@type": "TouristAttraction", "name": "Isartor" }, { "@type": "TouristAttraction", "name": "Angelo della Pace" }, { "@type": "TouristAttraction", "name": "Museo di Stato di Etnologia" } ] } </script> <!-- Google tag (gtag.js) --> <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/it/" title="title" rel="home">Virtual Tourist</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/it.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">Seleziona la lingua</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/gb/munich-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/au/munich-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/au.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">AU</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/en-us/munich-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/munich-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/ie/munich-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/ca/munich-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/de/muenchen-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/de.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">DE</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/fr-be/munich-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/munich-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/es/munich-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/co/munich-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/co.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CO</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/ar/munich-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/mx/munich-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/mx.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">MX</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/be/muenchen-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 ">Nederlands</span> </a> <a href="https://touristvr.com/nl/muenchen-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/munique-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/munique-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; } .mob-map-toggle-btn.show { .mob-map-toggle-btn-show { display: none; } .mob-map-toggle-btn-hide { display: flex; } } </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/64.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/64.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">Hotel Monaco di Baviera</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 Hotel Monaco di Baviera, 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">Monaco di Baviera</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"> mar 30, 2025 - mar 31, 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 adulti, 1 camera</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"> Trova <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/it/'>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/it/germania-hotel/'>Germania Hotel</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/it/hotel-baviera/'>Baviera Hotel</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">Hotel Monaco di Baviera</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">Prezzo per notte:</span> <span class="hidden md:inline">Prezzo / notte</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">Fino a 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">Da $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">Valutazione:</span> <span class="hidden md:inline">Valutazione degli ospiti</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">Eccellente 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">Molto buono 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">Buono 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">Tutte le valutazioni</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">Valutazione in stelle:</span> <span class="hidden md:inline">Valutazione in stelle</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">Non classificato</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="h2-hotel-muenchen-olympiapark" data-bhotel-id="h2-hotel-muenchen-olympiapark" data-name = "H2 Hotel Muenchen Olympiapark" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/8441/844131/844131758.JPEG" data-lat="48.186989" data-lng="11.54537" data-price = "82€" data-link = "https://touristvr.com/it/h2-hotel-muenchen-olympiapark" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="4168972" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8441/844131/844131758.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13823/1382357/1382357612.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13823/1382357/1382357618.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/8441/844131/844131758.JPEG" alt="" loading="lazy" data-bhotel-id="4168972" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (570)</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/it/h2-hotel-muenchen-olympiapark" 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">H2 Hotel Muenchen Olympiapark</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4168972" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="arthotel-munich" data-bhotel-id="arthotel-munich" data-name = "Arthotel Munich" data-rating = "8.6" data-rating-label = "Eccellente" data-img = "https://images.touristvr.com/data/images/450x450w/9178/917840/917840032.JPEG" data-lat="48.13807" data-lng="11.555823" data-price = "58€" data-link = "https://touristvr.com/it/arthotel-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="66946" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9178/917840/917840032.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9178/917840/917840542.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9178/917840/917840566.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/9178/917840/917840032.JPEG" alt="" loading="lazy" data-bhotel-id="66946" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Eccellente </span> <span> (1956)</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/it/arthotel-monaco-di-baviera" 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">Arthotel Munich</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">58€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="66946" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-amba" data-bhotel-id="hotel-amba" data-name = "Hotel Amba" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/6902/690293/690293838.JPEG" data-lat="48.14192" data-lng="11.55774" data-price = "51€" data-link = "https://touristvr.com/it/hotel-amba-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="60426" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6902/690293/690293838.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12769/1276942/1276942444.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12769/1276942/1276942627.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/6902/690293/690293838.JPEG" alt="" loading="lazy" data-bhotel-id="60426" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (1142)</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/it/hotel-amba-monaco-di-baviera" 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 Amba</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">51€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="60426" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="bento-inn-munich" data-bhotel-id="bento-inn-munich" data-name = "Bento Inn Munich" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/15670/1567095/1567095914.JPEG" data-lat="48.13486" data-lng="11.66922" data-price = "66€" data-link = "https://touristvr.com/it/bento-inn-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="4199523" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15670/1567095/1567095914.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16037/1603773/1603773015.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16037/1603773/1603773018.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15670/1567095/1567095914.JPEG" alt="" loading="lazy" data-bhotel-id="4199523" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (415)</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/it/bento-inn-monaco-di-baviera" 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">Bento Inn Munich</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">66€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4199523" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="ao-muenchen-hackerbruecke" data-bhotel-id="ao-muenchen-hackerbruecke" data-name = "A&amp;O Muenchen Hackerbruecke" data-rating = "8" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/13914/1391420/1391420528.JPEG" data-lat="48.1455" data-lng="11.5409" data-price = "13€" data-link = "https://touristvr.com/it/a-o-muenchen-hackerbruecke-ostello" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="64216" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13914/1391420/1391420528.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15880/1588036/1588036970.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15880/1588036/1588036992.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13914/1391420/1391420528.JPEG" alt="" loading="lazy" data-bhotel-id="64216" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Molto buono </span> <span> (427)</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/it/a-o-muenchen-hackerbruecke-ostello" 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">A&amp;O Muenchen Hackerbruecke</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="64216" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hilton-munich-park" data-bhotel-id="hilton-munich-park" data-name = "Hilton Munich Park" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/14358/1435801/1435801720.JPEG" data-lat="48.152472" data-lng="11.598151" data-price = "122€" data-link = "https://touristvr.com/it/hotel-hilton-munich-park" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="63959" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14358/1435801/1435801720.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15524/1552490/1552490473.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15524/1552490/1552490512.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/14358/1435801/1435801720.JPEG" alt="" loading="lazy" data-bhotel-id="63959" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (1341)</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/it/hotel-hilton-munich-park" 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">Hilton Munich Park</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">122€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="63959" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-bayerischer-hof" data-bhotel-id="hotel-bayerischer-hof" data-name = "Hotel Bayerischer Hof" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/11553/1155324/1155324666.JPEG" data-lat="48.14029" data-lng="11.5732" data-price = "347€" data-link = "https://touristvr.com/it/hotel-bayerischer-hof-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="73128" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11553/1155324/1155324666.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15895/1589502/1589502371.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15891/1589123/1589123176.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/11553/1155324/1155324666.JPEG" alt="" loading="lazy" data-bhotel-id="73128" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (713)</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/it/hotel-bayerischer-hof-monaco-di-baviera" 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 Bayerischer Hof</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">347€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="73128" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="leonardo-hotelresidenz-muenchen" data-bhotel-id="leonardo-hotelresidenz-muenchen" data-name = "Leonardo Hotel&amp;Residenz Muenchen" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/13041/1304158/1304158615.JPEG" data-lat="48.113274" data-lng="11.58355" data-price = "61€" data-link = "https://touristvr.com/it/leonardo-hotel-residenz-muenchen" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="60003" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13041/1304158/1304158615.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16182/1618264/1618264198.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16182/1618264/1618264199.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13041/1304158/1304158615.JPEG" alt="" loading="lazy" data-bhotel-id="60003" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (1524)</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/it/leonardo-hotel-residenz-muenchen" 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">Leonardo Hotel&amp;Residenz Muenchen</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">61€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="60003" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="h2-hotel-muenchen-messe" data-bhotel-id="h2-hotel-muenchen-messe" data-name = "H2 Hotel Muenchen Messe" data-rating = "8.6" data-rating-label = "Eccellente" data-img = "https://images.touristvr.com/data/images/450x450w/7052/705223/705223225.JPEG" data-lat="48.136448" data-lng="11.689852" data-price = "72€" data-link = "https://touristvr.com/it/h2-hotel-muenchen-messe" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="714905" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7052/705223/705223225.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15845/1584552/1584552289.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15845/1584552/1584552292.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/7052/705223/705223225.JPEG" alt="" loading="lazy" data-bhotel-id="714905" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Eccellente </span> <span> (1152)</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/it/h2-hotel-muenchen-messe" 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">H2 Hotel Muenchen Messe</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">72€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="714905" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="leonardo-hotel-munich-city-east" data-bhotel-id="leonardo-hotel-munich-city-east" data-name = "Leonardo Hotel Munich City East" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/12800/1280058/1280058382.JPEG" data-lat="48.08685" data-lng="11.645" data-price = "74€" data-link = "https://touristvr.com/it/leonardo-hotel-munich-city-east" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="2311790" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12800/1280058/1280058382.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12877/1287735/1287735361.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12877/1287735/1287735379.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12800/1280058/1280058382.JPEG" alt="" loading="lazy" data-bhotel-id="2311790" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (332)</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/it/leonardo-hotel-munich-city-east" 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">Leonardo Hotel Munich City East</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2311790" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-munich" data-bhotel-id="hotel-munich" data-name = "Hotel Munich" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/15746/1574689/1574689706.JPEG" data-lat="48.13717" data-lng="11.64844" data-price = "57€" data-link = "https://touristvr.com/it/hotel-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="71896" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15746/1574689/1574689706.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15746/1574689/1574689619.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15746/1574689/1574689625.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15746/1574689/1574689706.JPEG" alt="" loading="lazy" data-bhotel-id="71896" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (485)</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/it/hotel-monaco-di-baviera" 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 Munich</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">57€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="71896" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hyperion-hotel-munchen" data-bhotel-id="hyperion-hotel-munchen" data-name = "Hyperion Hotel München" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/15238/1523817/1523817946.JPEG" data-lat="48.137" data-lng="11.62297" data-price = "98€" data-link = "https://touristvr.com/it/hyperion-hotel-muenchen" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="3877121" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15238/1523817/1523817946.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13511/1351181/1351181518.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13511/1351194/1351194997.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15238/1523817/1523817946.JPEG" alt="" loading="lazy" data-bhotel-id="3877121" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (335)</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/it/hyperion-hotel-muenchen" 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">Hyperion Hotel München</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3877121" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hampton-by-hilton-munich-city-west" data-bhotel-id="hampton-by-hilton-munich-city-west" data-name = "Hampton By Hilton Munich City West" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/15524/1552470/1552470310.JPEG" data-lat="48.140968" data-lng="11.535178" data-price = "79€" data-link = "https://touristvr.com/it/hotel-hampton-by-hilton-munich-city-west" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="3495761" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15524/1552470/1552470310.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15524/1552470/1552470286.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15524/1552470/1552470340.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15524/1552470/1552470310.JPEG" alt="" loading="lazy" data-bhotel-id="3495761" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (394)</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/it/hotel-hampton-by-hilton-munich-city-west" 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">Hampton By Hilton Munich City West</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3495761" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="h4-hotel-muenchen-messe" data-bhotel-id="h4-hotel-muenchen-messe" data-name = "H4 Hotel Muenchen Messe" data-rating = "8.6" data-rating-label = "Eccellente" data-img = "https://images.touristvr.com/data/images/450x450w/7051/705153/705153409.JPEG" data-lat="48.13741" data-lng="11.68953" data-price = "77€" data-link = "https://touristvr.com/it/h4-hotel-muenchen-messe" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="714886" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7051/705153/705153409.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15845/1584552/1584552298.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15845/1584552/1584552301.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/7051/705153/705153409.JPEG" alt="" loading="lazy" data-bhotel-id="714886" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Eccellente </span> <span> (936)</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/it/h4-hotel-muenchen-messe" 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">H4 Hotel Muenchen Messe</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="714886" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="bold-hotel-muenchen-giesing" data-bhotel-id="bold-hotel-muenchen-giesing" data-name = "Bold Hotel Muenchen Giesing" data-rating = "8.6" data-rating-label = "Eccellente" data-img = "https://images.touristvr.com/data/images/450x450w/12771/1277195/1277195146.JPEG" data-lat="48.10662" data-lng="11.6" data-price = "76€" data-link = "https://touristvr.com/it/bold-hotel-muenchen-giesing" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="550933" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12771/1277195/1277195146.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12771/1277193/1277193988.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12771/1277194/1277194942.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12771/1277195/1277195146.JPEG" alt="" loading="lazy" data-bhotel-id="550933" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Eccellente </span> <span> (702)</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/it/bold-hotel-muenchen-giesing" 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">Bold Hotel Muenchen Giesing</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">76€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="550933" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="ibis-muenchen-city-arnulfpark" data-bhotel-id="ibis-muenchen-city-arnulfpark" data-name = "Ibis Muenchen City Arnulfpark" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/12771/1277130/1277130484.JPEG" data-lat="48.14523" data-lng="11.53983" data-price = "85€" data-link = "https://touristvr.com/it/hotel-ibis-muenchen-city-arnulfpark" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1179399" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12771/1277130/1277130484.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12771/1277131/1277131456.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12771/1277131/1277131711.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12771/1277130/1277130484.JPEG" alt="" loading="lazy" data-bhotel-id="1179399" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (517)</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/it/hotel-ibis-muenchen-city-arnulfpark" 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">Ibis Muenchen City Arnulfpark</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">85€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1179399" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="koos-hotelapartments-city-aparthotel" data-bhotel-id="koos-hotelapartments-city-aparthotel" data-name = "Koos Hotel&amp;Apartments - City Aparthotel" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/13473/1347392/1347392567.JPEG" data-lat="48.136186" data-lng="11.564418" data-price = "91€" data-link = "https://touristvr.com/it/koos-hotel-apartments-city-aparthotel-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="258487" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13473/1347392/1347392567.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14529/1452903/1452903226.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14529/1452903/1452903829.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13473/1347392/1347392567.JPEG" alt="" loading="lazy" data-bhotel-id="258487" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (742)</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/it/koos-hotel-apartments-city-aparthotel-monaco-di-baviera" 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">Koos Hotel&amp;Apartments - City Aparthotel</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">91€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="258487" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="gambino-hotel-werksviertel" data-bhotel-id="gambino-hotel-werksviertel" data-name = "gambino hotel WERKSVIERTEL" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/10875/1087596/1087596364.JPEG" data-lat="48.12563" data-lng="11.60545" data-price = "116€" data-link = "https://touristvr.com/it/gambino-hotel-werksviertel-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="5201510" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10875/1087596/1087596364.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10875/1087597/1087597396.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10875/1087595/1087595902.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/10875/1087596/1087596364.JPEG" alt="" loading="lazy" data-bhotel-id="5201510" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (339)</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/it/gambino-hotel-werksviertel-monaco-di-baviera" 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">gambino hotel WERKSVIERTEL</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="5201510" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="holiday-inn-munich-city-centre-an-ihg-hotel" data-bhotel-id="holiday-inn-munich-city-centre-an-ihg-hotel" data-name = "Holiday Inn Munich City Centre, An Ihg Hotel" data-rating = "8.6" data-rating-label = "Eccellente" data-img = "https://images.touristvr.com/data/images/450x450w/12769/1276935/1276935469.JPEG" data-lat="48.13062" data-lng="11.58942" data-price = "111€" data-link = "https://touristvr.com/it/holiday-inn-munich-city-centre-an-ihg-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="62784" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12769/1276935/1276935469.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12769/1276937/1276937845.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12769/1276935/1276935784.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12769/1276935/1276935469.JPEG" alt="" loading="lazy" data-bhotel-id="62784" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Eccellente </span> <span> (1847)</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/it/holiday-inn-munich-city-centre-an-ihg-hotel" 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">Holiday Inn Munich City Centre, An Ihg 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">111€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="62784" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-europa" data-bhotel-id="hotel-europa" data-name = "Hotel Europa" data-rating = "8.6" data-rating-label = "Eccellente" data-img = "https://images.touristvr.com/data/images/450x450w/14987/1498731/1498731679.JPEG" data-lat="48.152" data-lng="11.5563" data-price = "90€" data-link = "https://touristvr.com/it/hotel-europa-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="60011" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14987/1498731/1498731679.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14987/1498731/1498731685.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14987/1498731/1498731799.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/14987/1498731/1498731679.JPEG" alt="" loading="lazy" data-bhotel-id="60011" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Eccellente </span> <span> (1747)</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/it/hotel-europa-monaco-di-baviera" 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 Europa</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">90€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="60011" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="tulip-inn-muenchen-messe" data-bhotel-id="tulip-inn-muenchen-messe" data-name = "Tulip Inn Muenchen Messe" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/13235/1323553/1323553105.JPEG" data-lat="48.13847" data-lng="11.6476" data-price = "61€" data-link = "https://touristvr.com/it/tulip-inn-muenchen-messe" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1453436" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13235/1323553/1323553105.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12822/1282227/1282227871.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12822/1282234/1282234054.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13235/1323553/1323553105.JPEG" alt="" loading="lazy" data-bhotel-id="1453436" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (298)</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/it/tulip-inn-muenchen-messe" 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">Tulip Inn Muenchen Messe</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">61€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1453436" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="meininger-hotel-muenchen-olympiapark" data-bhotel-id="meininger-hotel-muenchen-olympiapark" data-name = "Meininger Hotel Muenchen Olympiapark" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/7918/791847/791847480.JPEG" data-lat="48.1648" data-lng="11.53842" data-price = "20€" data-link = "https://touristvr.com/it/meininger-hotel-muenchen-olympiapark" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="3503705" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7918/791847/791847480.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7918/791836/791836506.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7918/791836/791836563.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/7918/791847/791847480.JPEG" alt="" loading="lazy" data-bhotel-id="3503705" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (405)</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/it/meininger-hotel-muenchen-olympiapark" 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">Meininger Hotel Muenchen Olympiapark</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">20€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3503705" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-wetterstein" data-bhotel-id="hotel-wetterstein" data-name = "Hotel Wetterstein" data-rating = "8.6" data-rating-label = "Eccellente" data-img = "https://images.touristvr.com/data/images/450x450w/15802/1580269/1580269069.JPEG" data-lat="48.108341217041" data-lng="11.5735597610474" data-price = "96€" data-link = "https://touristvr.com/it/hotel-wetterstein-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="61549" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15802/1580269/1580269069.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15802/1580269/1580269161.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14166/1416625/1416625773.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15802/1580269/1580269069.JPEG" alt="" loading="lazy" data-bhotel-id="61549" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Eccellente </span> <span> (1214)</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/it/hotel-wetterstein-monaco-di-baviera" 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 Wetterstein</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="61549" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hampton-by-hilton-munich-city-center-east" data-bhotel-id="hampton-by-hilton-munich-city-center-east" data-name = "Hampton By Hilton Munich City Center East" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/15391/1539120/1539120478.JPEG" data-lat="48.13333" data-lng="11.62994" data-price = "93€" data-link = "https://touristvr.com/it/hotel-hampton-by-hilton-munich-city-center-east" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="6374996" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15391/1539120/1539120478.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16048/1604816/1604816812.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16048/1604816/1604816813.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15391/1539120/1539120478.JPEG" alt="" loading="lazy" data-bhotel-id="6374996" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (229)</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/it/hotel-hampton-by-hilton-munich-city-center-east" 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">Hampton By Hilton Munich City Center East</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">93€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6374996" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="flemings-hotel-muenchen-city" data-bhotel-id="flemings-hotel-muenchen-city" data-name = "Flemings Hotel Muenchen-City" data-rating = "8.6" data-rating-label = "Eccellente" data-img = "https://images.touristvr.com/data/images/450x450w/15960/1596011/1596011686.JPEG" data-lat="48.139033" data-lng="11.557119" data-price = "73€" data-link = "https://touristvr.com/it/flemings-hotel-muenchen-city" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="66052" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15960/1596011/1596011686.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12769/1276944/1276944187.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16060/1606042/1606042097.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15960/1596011/1596011686.JPEG" alt="" loading="lazy" data-bhotel-id="66052" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Eccellente </span> <span> (849)</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/it/flemings-hotel-muenchen-city" 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">Flemings Hotel Muenchen-City</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">73€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="66052" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="le-meridien-munich" data-bhotel-id="le-meridien-munich" data-name = "Le Méridien Munich" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/16322/1632205/1632205774.JPEG" data-lat="48.13904" data-lng="11.55797" data-price = "138€" data-link = "https://touristvr.com/it/hotel-le-meridien-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="64863" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16322/1632205/1632205774.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16322/1632205/1632205140.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16322/1632205/1632205665.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16322/1632205/1632205774.JPEG" alt="" loading="lazy" data-bhotel-id="64863" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (748)</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/it/hotel-le-meridien-monaco-di-baviera" 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">Le Méridien Munich</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="64863" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-deutsche-eiche" data-bhotel-id="hotel-deutsche-eiche" data-name = "Hotel Deutsche Eiche" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/15861/1586133/1586133923.JPEG" data-lat="48.132725" data-lng="11.576148" data-price = "102€" data-link = "https://touristvr.com/it/hotel-deutsche-eiche-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="802941" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15861/1586133/1586133923.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15861/1586133/1586133905.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15861/1586133/1586133921.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15861/1586133/1586133923.JPEG" alt="" loading="lazy" data-bhotel-id="802941" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (275)</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/it/hotel-deutsche-eiche-monaco-di-baviera" 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 Deutsche Eiche</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">102€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="802941" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="aloft-muenchen" data-bhotel-id="aloft-muenchen" data-name = "Aloft Muenchen" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/16431/1643182/1643182074.JPEG" data-lat="48.139137" data-lng="11.559198" data-price = "118€" data-link = "https://touristvr.com/it/hotel-aloft-muenchen" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1351695" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16431/1643182/1643182074.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16431/1643182/1643182064.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16431/1643182/1643182097.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16431/1643182/1643182074.JPEG" alt="" loading="lazy" data-bhotel-id="1351695" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (357)</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/it/hotel-aloft-muenchen" 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">Aloft Muenchen</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">118€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1351695" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-am-markt" data-bhotel-id="hotel-am-markt" data-name = "Hotel Am Markt" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/10034/1003453/1003453602.JPEG" data-lat="48.135519" data-lng="11.577144" data-price = "194€" data-link = "https://touristvr.com/it/hotel-am-markt-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="66601" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10034/1003453/1003453602.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10061/1006163/1006163902.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10061/1006164/1006164418.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/10034/1003453/1003453602.JPEG" alt="" loading="lazy" data-bhotel-id="66601" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (702)</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/it/hotel-am-markt-monaco-di-baviera" 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 Am Markt</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">194€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="66601" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="leonardo-hotel-munich-city-olympiapark" data-bhotel-id="leonardo-hotel-munich-city-olympiapark" data-name = "Leonardo Hotel Munich City Olympiapark" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/4325/432518/432518421.JPEG" data-lat="48.160824" data-lng="11.545148" data-price = "143€" data-link = "https://touristvr.com/it/leonardo-hotel-munich-city-olympiapark" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="61507" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/4325/432518/432518421.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13099/1309997/1309997497.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13100/1310000/1310000137.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/4325/432518/432518421.JPEG" alt="" loading="lazy" data-bhotel-id="61507" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (728)</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/it/leonardo-hotel-munich-city-olympiapark" 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">Leonardo Hotel Munich City Olympiapark</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="61507" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="novotel-muenchen-city" data-bhotel-id="novotel-muenchen-city" data-name = "Novotel Muenchen City" data-rating = "8.6" data-rating-label = "Eccellente" data-img = "https://images.touristvr.com/data/images/450x450w/13738/1373858/1373858246.JPEG" data-lat="48.1294915" data-lng="11.588651400000003" data-price = "100€" data-link = "https://touristvr.com/it/novotel-munchen-city" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="61358" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13738/1373858/1373858246.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12771/1277127/1277127955.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12771/1277127/1277127592.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13738/1373858/1373858246.JPEG" alt="" loading="lazy" data-bhotel-id="61358" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Eccellente </span> <span> (1105)</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/it/novotel-munchen-city" 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">Novotel Muenchen City</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="61358" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="maritim-hotel-muenchen" data-bhotel-id="maritim-hotel-muenchen" data-name = "Maritim Hotel Muenchen" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/13990/1399037/1399037690.JPEG" data-lat="48.13837" data-lng="11.55879" data-price = "108€" data-link = "https://touristvr.com/it/maritim-hotel-muenchen" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="61501" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13990/1399037/1399037690.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14037/1403709/1403709242.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14037/1403709/1403709257.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13990/1399037/1399037690.JPEG" alt="" loading="lazy" data-bhotel-id="61501" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (742)</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/it/maritim-hotel-muenchen" 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">Maritim Hotel Muenchen</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">108€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="61501" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="jaegers-munich" data-bhotel-id="jaegers-munich" data-name = "Jaeger&#039;S Munich" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/15384/1538402/1538402008.JPEG" data-lat="48.13866" data-lng="11.56021" data-price = "17€" data-link = "https://touristvr.com/it/jaeger-s-munich-ostello" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="241790" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15384/1538402/1538402008.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15830/1583076/1583076608.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15830/1583076/1583076617.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15384/1538402/1538402008.JPEG" alt="" loading="lazy" data-bhotel-id="241790" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (615)</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/it/jaeger-s-munich-ostello" 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">Jaeger&#039;S Munich</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">17€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="241790" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="wunderlocke-munich" data-bhotel-id="wunderlocke-munich" data-name = "Wunderlocke Munich" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/13189/1318997/1318997578.JPEG" data-lat="48.09731" data-lng="11.52836" data-price = "71€" data-link = "https://touristvr.com/it/wunderlocke-munich-aparthotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="8321949" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13189/1318997/1318997578.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13189/1318996/1318996459.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15181/1518181/1518181975.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13189/1318997/1318997578.JPEG" alt="" loading="lazy" data-bhotel-id="8321949" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (242)</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/it/wunderlocke-munich-aparthotel" 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">Wunderlocke Munich</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">71€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="8321949" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="ao-munchen-laim" data-bhotel-id="ao-munchen-laim" data-name = "a&amp;o München Laim" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/14357/1435783/1435783558.JPEG" data-lat="48.14408" data-lng="11.49492" data-price = "13€" data-link = "https://touristvr.com/it/hotel-a-o-muenchen-laim" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="853452" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14357/1435783/1435783558.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16083/1608307/1608307711.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12876/1287648/1287648946.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/14357/1435783/1435783558.JPEG" alt="" loading="lazy" data-bhotel-id="853452" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (483)</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/it/hotel-a-o-muenchen-laim" 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">a&amp;o München Laim</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="853452" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="eden-hotel-wolff" data-bhotel-id="eden-hotel-wolff" data-name = "Eden Hotel Wolff" data-rating = "8.6" data-rating-label = "Eccellente" data-img = "https://images.touristvr.com/data/images/450x450w/11944/1194427/1194427918.JPEG" data-lat="48.1415" data-lng="11.5593" data-price = "162€" data-link = "https://touristvr.com/it/eden-hotel-wolff-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="60102" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11944/1194427/1194427918.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12769/1276971/1276971484.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12769/1276971/1276971889.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/11944/1194427/1194427918.JPEG" alt="" loading="lazy" data-bhotel-id="60102" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Eccellente </span> <span> (1244)</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/it/eden-hotel-wolff-monaco-di-baviera" 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">Eden Hotel Wolff</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="60102" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="buddy-hotel" data-bhotel-id="buddy-hotel" data-name = "Buddy Hotel" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/13015/1301526/1301526160.JPEG" data-lat="48.138191" data-lng="11.564613" data-price = "77€" data-link = "https://touristvr.com/it/buddy-hotel-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1446223" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13015/1301526/1301526160.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13015/1301508/1301508499.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13015/1301508/1301508694.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13015/1301526/1301526160.JPEG" alt="" loading="lazy" data-bhotel-id="1446223" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (377)</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/it/buddy-hotel-monaco-di-baviera" 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">Buddy 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">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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1446223" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="nh-muenchen-city-sued" data-bhotel-id="nh-muenchen-city-sued" data-name = "Nh Muenchen City Sued" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/12770/1277033/1277033545.JPEG" data-lat="48.1113" data-lng="11.618" data-price = "45€" data-link = "https://touristvr.com/it/hotel-nh-muenchen-city-sued" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="61198" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12770/1277033/1277033545.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12770/1277032/1277032984.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12770/1277033/1277033386.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12770/1277033/1277033545.JPEG" alt="" loading="lazy" data-bhotel-id="61198" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (613)</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/it/hotel-nh-muenchen-city-sued" 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">Nh Muenchen City Sued</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">45€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="61198" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="bold-hotel-muenchen-zentrum" data-bhotel-id="bold-hotel-muenchen-zentrum" data-name = "Bold Hotel Muenchen Zentrum" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/12771/1277135/1277135875.JPEG" data-lat="48.126354" data-lng="11.551576" data-price = "48€" data-link = "https://touristvr.com/it/bold-hotel-muenchen-zentrum" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="362464" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12771/1277135/1277135875.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16087/1608789/1608789166.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9182/918288/918288916.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12771/1277135/1277135875.JPEG" alt="" loading="lazy" data-bhotel-id="362464" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (621)</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/it/bold-hotel-muenchen-zentrum" 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">Bold Hotel Muenchen Zentrum</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">48€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="362464" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hilton-munich-city" data-bhotel-id="hilton-munich-city" data-name = "Hilton Munich City" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/11397/1139718/1139718516.JPEG" data-lat="48.12978" data-lng="11.59248" data-price = "135€" data-link = "https://touristvr.com/it/hotel-hilton-munich-city" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="63958" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11397/1139718/1139718516.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16060/1606042/1606042230.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16060/1606042/1606042232.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/11397/1139718/1139718516.JPEG" alt="" loading="lazy" data-bhotel-id="63958" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (614)</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/it/hotel-hilton-munich-city" 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">Hilton Munich City</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="63958" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="grand-hotel-palladium" data-bhotel-id="grand-hotel-palladium" data-name = "Grand Hotel Palladium" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/9743/974339/974339869.JPEG" data-lat="48.09595" data-lng="11.51025" data-price = "98€" data-link = "https://touristvr.com/it/grand-hotel-palladium-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1501390" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9743/974339/974339869.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15846/1584669/1584669042.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15846/1584669/1584669046.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/9743/974339/974339869.JPEG" alt="" loading="lazy" data-bhotel-id="1501390" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (264)</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/it/grand-hotel-palladium-monaco-di-baviera" 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">Grand 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1501390" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-westin-grand-munich" data-bhotel-id="the-westin-grand-munich" data-name = "The Westin Grand Munich" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/8870/887020/887020333.JPEG" data-lat="48.1522" data-lng="11.6173" data-price = "112€" data-link = "https://touristvr.com/it/hotel-the-westin-grand-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="61179" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8870/887020/887020333.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16423/1642308/1642308530.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16423/1642308/1642308559.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/8870/887020/887020333.JPEG" alt="" loading="lazy" data-bhotel-id="61179" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (926)</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/it/hotel-the-westin-grand-monaco-di-baviera" 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 Westin Grand Munich</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">112€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="61179" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="abasto-hotel-muenchen-feldmoching" data-bhotel-id="abasto-hotel-muenchen-feldmoching" data-name = "Abasto Hotel Muenchen Feldmoching" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/10993/1099369/1099369125.JPEG" data-lat="48.2142" data-lng="11.54043" data-price = "57€" data-link = "https://touristvr.com/it/abasto-hotel-muenchen-feldmoching" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="6656179" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10993/1099369/1099369125.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11500/1150003/1150003501.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10913/1091338/1091338548.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/10993/1099369/1099369125.JPEG" alt="" loading="lazy" data-bhotel-id="6656179" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (221)</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/it/abasto-hotel-muenchen-feldmoching" 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">Abasto Hotel Muenchen Feldmoching</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">57€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6656179" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-condor" data-bhotel-id="hotel-condor" data-name = "Hotel Condor" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/5379/537910/537910821.JPEG" data-lat="48.13880722" data-lng="11.56231642" data-price = "49€" data-link = "https://touristvr.com/it/hotel-condor-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="61472" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5379/537910/537910821.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11327/1132717/1132717290.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11327/1132719/1132719333.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/5379/537910/537910821.JPEG" alt="" loading="lazy" data-bhotel-id="61472" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (1249)</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/it/hotel-condor-monaco-di-baviera" 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 Condor</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">49€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="61472" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-munchen-city-center-affiliated-by-melia" data-bhotel-id="hotel-munchen-city-center-affiliated-by-melia" data-name = "Hotel München City Center affiliated by Meliá" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/10182/1018249/1018249453.JPEG" data-lat="48.13622" data-lng="11.55565" data-price = "98€" data-link = "https://touristvr.com/it/hotel-muenchen-city-center-affiliated-by-melia" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="64143" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10182/1018249/1018249453.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16076/1607654/1607654226.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16076/1607654/1607654263.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/10182/1018249/1018249453.JPEG" alt="" loading="lazy" data-bhotel-id="64143" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (567)</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/it/hotel-muenchen-city-center-affiliated-by-melia" 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 München City Center affiliated by Meliá</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="64143" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="leonardo-hotel-munich-arabellapark" data-bhotel-id="leonardo-hotel-munich-arabellapark" data-name = "Leonardo Hotel Munich Arabellapark" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/15895/1589553/1589553079.JPEG" data-lat="48.1599" data-lng="11.6203" data-price = "142€" data-link = "https://touristvr.com/it/leonardo-hotel-munich-arabellapark" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="62008" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15895/1589553/1589553079.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15895/1589552/1589552981.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15895/1589553/1589553002.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15895/1589553/1589553079.JPEG" alt="" loading="lazy" data-bhotel-id="62008" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (410)</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/it/leonardo-hotel-munich-arabellapark" 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">Leonardo Hotel Munich Arabellapark</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="62008" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="super-8-by-wyndham-munich-city-north" data-bhotel-id="super-8-by-wyndham-munich-city-north" data-name = "Super 8 By Wyndham Munich City North" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/12824/1282411/1282411354.JPEG" data-lat="48.188416" data-lng="11.591438" data-price = "182€" data-link = "https://touristvr.com/it/hotel-super-8-by-wyndham-munich-city-north" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1609837" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12824/1282411/1282411354.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12824/1282411/1282411543.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12824/1282411/1282411882.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12824/1282411/1282411354.JPEG" alt="" loading="lazy" data-bhotel-id="1609837" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (372)</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/it/hotel-super-8-by-wyndham-munich-city-north" 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">Super 8 By Wyndham Munich City North</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">182€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1609837" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-rilano-hotel-munchen" data-bhotel-id="the-rilano-hotel-munchen" data-name = "The Rilano Hotel München" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/12838/1283838/1283838502.JPEG" data-lat="48.1833" data-lng="11.59459" data-price = "83€" data-link = "https://touristvr.com/it/the-rilano-hotel-muenchen" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="43915" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12838/1283838/1283838502.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12838/1283838/1283838874.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12838/1283838/1283838301.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12838/1283838/1283838502.JPEG" alt="" loading="lazy" data-bhotel-id="43915" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (415)</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/it/the-rilano-hotel-muenchen" 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 Rilano Hotel München</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">83€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="43915" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="munich-aparthotel" data-bhotel-id="munich-aparthotel" data-name = "Munich Aparthotel" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/6051/605133/605133327.JPEG" data-lat="48.137699" data-lng="11.55251" data-price = "170€" data-link = "https://touristvr.com/it/munich-aparthotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="2352188" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6051/605133/605133327.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13101/1310186/1310186350.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13101/1310194/1310194051.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/6051/605133/605133327.JPEG" alt="" loading="lazy" data-bhotel-id="2352188" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (121)</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/it/munich-aparthotel" 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">Munich Aparthotel</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">170€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2352188" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="citadines-arnulfpark-munich" data-bhotel-id="citadines-arnulfpark-munich" data-name = "Citadines Arnulfpark Munich" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/12771/1277127/1277127694.JPEG" data-lat="48.144817" data-lng="11.541325" data-price = "81€" data-link = "https://touristvr.com/it/citadines-arnulfpark-munich-aparthotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="181537" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12771/1277127/1277127694.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12771/1277126/1277126731.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12771/1277126/1277126677.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12771/1277127/1277127694.JPEG" alt="" loading="lazy" data-bhotel-id="181537" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (848)</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/it/citadines-arnulfpark-munich-aparthotel" 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">Citadines Arnulfpark Munich</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">81€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="181537" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="leonardo-hotel-munich-city-north" data-bhotel-id="leonardo-hotel-munich-city-north" data-name = "Leonardo Hotel Munich City North" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/13077/1307767/1307767933.JPEG" data-lat="48.180464" data-lng="11.512153" data-price = "80€" data-link = "https://touristvr.com/it/leonardo-hotel-munich-city-north" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="60824" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13077/1307767/1307767933.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13077/1307782/1307782333.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13041/1304158/1304158735.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13077/1307767/1307767933.JPEG" alt="" loading="lazy" data-bhotel-id="60824" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (325)</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/it/leonardo-hotel-munich-city-north" 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">Leonardo Hotel Munich City North</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="60824" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-book-hotel" data-bhotel-id="eurostars-book-hotel" data-name = "Eurostars Book Hotel" data-rating = "8.6" data-rating-label = "Eccellente" data-img = "https://images.touristvr.com/data/images/450x450w/12769/1276901/1276901494.JPEG" data-lat="48.137554" data-lng="11.557666" data-price = "267€" data-link = "https://touristvr.com/it/eurostars-book-hotel-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="401988" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12769/1276901/1276901494.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12769/1276901/1276901317.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12768/1276899/1276899907.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12769/1276901/1276901494.JPEG" alt="" loading="lazy" data-bhotel-id="401988" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Eccellente </span> <span> (1121)</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/it/eurostars-book-hotel-monaco-di-baviera" 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 Book 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">267€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="401988" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="ao-muenchen-hauptbahnhof" data-bhotel-id="ao-muenchen-hauptbahnhof" data-name = "A&amp;O Muenchen Hauptbahnhof" data-rating = "8" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/14357/1435732/1435732483.JPEG" data-lat="48.139" data-lng="11.55354" data-price = "72€" data-link = "https://touristvr.com/it/hotel-a-o-muenchen-hauptbahnhof" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="61831" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14357/1435732/1435732483.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15472/1547265/1547265955.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15472/1547265/1547265961.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/14357/1435732/1435732483.JPEG" alt="" loading="lazy" data-bhotel-id="61831" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[1]"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Molto buono </span> <span> (449)</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/it/hotel-a-o-muenchen-hauptbahnhof" 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">A&amp;O Muenchen Hauptbahnhof</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">72€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="61831" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="sofitel-munich-bayerpost" data-bhotel-id="sofitel-munich-bayerpost" data-name = "Sofitel Munich Bayerpost" data-rating = "8.6" data-rating-label = "Eccellente" data-img = "https://images.touristvr.com/data/images/450x450w/14401/1440128/1440128083.JPEG" data-lat="48.139484" data-lng="11.557444" data-price = "219€" data-link = "https://touristvr.com/it/hotel-sofitel-munich-bayerpost" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="64438" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14401/1440128/1440128083.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16423/1642306/1642306728.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16423/1642306/1642306746.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/14401/1440128/1440128083.JPEG" alt="" loading="lazy" data-bhotel-id="64438" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Eccellente </span> <span> (1230)</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/it/hotel-sofitel-munich-bayerpost" 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">Sofitel Munich Bayerpost</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">219€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="64438" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="leonardo-hotel-munich-city-south" data-bhotel-id="leonardo-hotel-munich-city-south" data-name = "Leonardo Hotel Munich City South" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/12800/1280061/1280061421.JPEG" data-lat="48.1023483276367" data-lng="11.5299501419067" data-price = "68€" data-link = "https://touristvr.com/it/leonardo-hotel-munich-city-south" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1818702" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12800/1280061/1280061421.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12823/1282309/1282309576.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12877/1287740/1287740185.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12800/1280061/1280061421.JPEG" alt="" loading="lazy" data-bhotel-id="1818702" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (253)</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/it/leonardo-hotel-munich-city-south" 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">Leonardo Hotel Munich City South</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">68€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1818702" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="1st-creatif-hotel-elephant" data-bhotel-id="1st-creatif-hotel-elephant" data-name = "1St Creatif Hotel Elephant" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/12771/1277169/1277169289.JPEG" data-lat="48.1422" data-lng="11.5589" data-price = "58€" data-link = "https://touristvr.com/it/1st-creatif-hotel-elephant-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="60348" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12771/1277169/1277169289.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14049/1404970/1404970445.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14049/1404966/1404966743.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12771/1277169/1277169289.JPEG" alt="" loading="lazy" data-bhotel-id="60348" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (591)</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/it/1st-creatif-hotel-elephant-monaco-di-baviera" 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">1St Creatif Hotel Elephant</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">58€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="60348" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="rilano-247-hotel-munchen" data-bhotel-id="rilano-247-hotel-munchen" data-name = "Rilano 24/7 Hotel München" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/13489/1348944/1348944668.JPEG" data-lat="48.183355" data-lng="11.594642" data-price = "64€" data-link = "https://touristvr.com/it/rilano-24-7-hotel-muenchen" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="60195" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13489/1348944/1348944668.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13527/1352736/1352736988.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13527/1352732/1352732523.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13489/1348944/1348944668.JPEG" alt="" loading="lazy" data-bhotel-id="60195" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (933)</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/it/rilano-24-7-hotel-muenchen" 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">Rilano 24/7 Hotel München</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">64€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="60195" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="nyx-hotel-munich-by-leonardo-hotels" data-bhotel-id="nyx-hotel-munich-by-leonardo-hotels" data-name = "Nyx Hotel Munich By Leonardo Hotels" data-rating = "8.2" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/12823/1282390/1282390273.JPEG" data-lat="48.10233" data-lng="11.52984" data-price = "81€" data-link = "https://touristvr.com/it/nyx-hotel-munich-by-leonardo-hotels" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="2894616" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12823/1282390/1282390273.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15258/1525867/1525867951.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12877/1287742/1287742036.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12823/1282390/1282390273.JPEG" alt="" loading="lazy" data-bhotel-id="2894616" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (347)</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/it/nyx-hotel-munich-by-leonardo-hotels" 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">Nyx Hotel Munich By Leonardo Hotels</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">81€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2894616" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="euro-youth-hotel-munich" data-bhotel-id="euro-youth-hotel-munich" data-name = "Euro Youth Hotel Munich" data-rating = "8.6" data-rating-label = "Eccellente" data-img = "https://images.touristvr.com/data/images/450x450w/15801/1580154/1580154805.JPEG" data-lat="48.1384887695313" data-lng="11.5601902008057" data-price = "15€" data-link = "https://touristvr.com/it/euro-youth-hotel-monaco-di-baviera" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="79460" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15801/1580154/1580154805.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15473/1547335/1547335828.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13310/1331028/1331028146.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15801/1580154/1580154805.JPEG" alt="" loading="lazy" data-bhotel-id="79460" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Eccellente </span> <span> (760)</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/it/euro-youth-hotel-monaco-di-baviera" 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">Euro Youth Hotel Munich</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</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">Da</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">15€</span> <span class="text-secondary-950 font-normal text-sm">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="79460" > <span class="mr-2">Verifica la disponibilità</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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="plaza-premium-munchen" data-bhotel-id="plaza-premium-munchen" data-name = "Plaza Premium Munchen" data-rating = "8.4" data-rating-label = "Molto buono" data-img = "https://images.touristvr.com/data/images/450x450w/15746/1574673/1574673275.JPEG" data-lat="48.186064" data-lng="11.6074443" data-price = "116€" data-link = "https://touristvr.com/it/hotel-plaza-premium-munchen" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="7360391" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15746/1574673/1574673275.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15490/1549078/1549078411.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16330/1633092/1633092554.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15746/1574673/1574673275.JPEG" alt="" loading="lazy" data-bhotel-id="7360391" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> Molto buono </span> <span> (255)</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/it/hotel-plaza-premium-munchen" 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">Plaza Premium Munchen</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">Vedi mappa</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Da</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">/a notte</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="7360391" > <span class="mr-2">Verifica la disponibilità</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 } } .map.show{ display: block } </style> <div class="map sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden bg-white md:hidden md:fixed md:left-0 md:z-20 md:rounded-none js-map" > <div class="w-full h-dvh" id="mapbox" data-lat="48.1374" data-lng="11.5753"></div> <button class="hidden absolute top-2.5 left-2.5 bg-white p-2.5 rounded-md shadow-md md:block js-map-close"> <svg class="w-4 h-4 fill-black" 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> </button> <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"> <a data-popup class="flex gap-2 bg-white w-[380px] p-2 rounded-lg border border-solid border-neutral-200 cursor-default 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">Da</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/a notte</span> </div> </div> </div> </a> </template> </div> </div> </div> <button class="mob-map-toggle-btn hidden fixed left-1/2 -translate-x-1/2 bottom-5 px-4 py-3 rounded-lg bg-secondary-950 text-white text-base font-semibold z-20 md:block js-map-toggle"> <div class="mob-map-toggle-btn-show flex items-center gap-1"> <svg class="fill-white w-5 h-5" width="16" height="16" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"> <path d="M10.4333 14.7734C10.1466 14.7734 9.85994 14.7134 9.62661 14.6001L6.12661 12.8468C5.92661 12.7468 5.53328 12.7534 5.33994 12.8668L3.76661 13.7668C3.08661 14.1534 2.38661 14.2068 1.85994 13.8934C1.32661 13.5868 1.02661 12.9601 1.02661 12.1734V5.69344C1.02661 5.08677 1.42661 4.4001 1.95328 4.1001L4.83994 2.44677C5.32661 2.16677 6.06661 2.14677 6.56661 2.4001L10.0666 4.15344C10.2666 4.25344 10.6533 4.2401 10.8533 4.13344L12.4199 3.2401C13.0999 2.85344 13.7999 2.8001 14.3266 3.11344C14.8599 3.4201 15.1599 4.04677 15.1599 4.83344V11.3201C15.1599 11.9268 14.7599 12.6134 14.2333 12.9134L11.3466 14.5668C11.0933 14.7001 10.7599 14.7734 10.4333 14.7734ZM5.75994 11.7801C6.04661 11.7801 6.33328 11.8401 6.56661 11.9534L10.0666 13.7068C10.2666 13.8068 10.6533 13.7934 10.8533 13.6868L13.7399 12.0334C13.9533 11.9134 14.1599 11.5534 14.1599 11.3134V4.82677C14.1599 4.40677 14.0399 4.09344 13.8199 3.97344C13.6066 3.85344 13.2733 3.9001 12.9133 4.10677L11.3466 5.0001C10.8599 5.2801 10.1199 5.3001 9.61995 5.04677L6.11995 3.29344C5.91995 3.19344 5.53328 3.20677 5.33328 3.31344L2.44661 4.96677C2.23328 5.08677 2.02661 5.44677 2.02661 5.69344V12.1801C2.02661 12.6001 2.14661 12.9134 2.35994 13.0334C2.57328 13.1601 2.90661 13.1068 3.27328 12.9001L4.83994 12.0068C5.09995 11.8534 5.43328 11.7801 5.75994 11.7801Z" /> <path d="M5.70679 12.3334C5.43345 12.3334 5.20679 12.1067 5.20679 11.8334V3.16675C5.20679 2.89341 5.43345 2.66675 5.70679 2.66675C5.98012 2.66675 6.20679 2.89341 6.20679 3.16675V11.8334C6.20679 12.1067 5.98012 12.3334 5.70679 12.3334Z" /> <path d="M10.4866 14.3333C10.2132 14.3333 9.98657 14.1067 9.98657 13.8333V4.91333C9.98657 4.64 10.2132 4.41333 10.4866 4.41333C10.7599 4.41333 10.9866 4.64 10.9866 4.91333V13.8333C10.9866 14.1067 10.7599 14.3333 10.4866 14.3333Z" /> </svg> <span>Mostra mappa</span> </div> <div class="mob-map-toggle-btn-hide hidden items-center gap-1"> <svg class="fill-white w-5 h-5" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.07999 5.62001C3.1606 5.65189 3.24665 5.66774 3.33332 5.66668C3.42 5.66774 3.50605 5.65189 3.58666 5.62001C3.66632 5.58136 3.74034 5.53201 3.80666 5.47335C3.86845 5.41105 3.91733 5.33717 3.9505 5.25595C3.98368 5.17472 4.0005 5.08775 3.99999 5.00001C3.99754 4.8235 3.92848 4.65443 3.80666 4.52668C3.74326 4.46599 3.66849 4.41841 3.58666 4.38668C3.42435 4.32 3.2423 4.32 3.07999 4.38668C2.99756 4.41722 2.92257 4.46494 2.85999 4.52668C2.73817 4.65443 2.66911 4.8235 2.66666 5.00001C2.66615 5.08775 2.68297 5.17472 2.71614 5.25595C2.74932 5.33717 2.7982 5.41105 2.85999 5.47335C2.92631 5.53201 3.00033 5.58136 3.07999 5.62001ZM5.33333 5.5H12.6667C12.7993 5.5 12.9265 5.44732 13.0202 5.35355C13.114 5.25978 13.1667 5.13261 13.1667 5C13.1667 4.86739 13.114 4.74021 13.0202 4.64645C12.9265 4.55268 12.7993 4.5 12.6667 4.5H5.33333C5.20072 4.5 5.07355 4.55268 4.97978 4.64645C4.88601 4.74021 4.83333 4.86739 4.83333 5C4.83333 5.13261 4.88601 5.25978 4.97978 5.35355C5.07355 5.44732 5.20072 5.5 5.33333 5.5ZM5.33333 8.5H12.6667C12.7993 8.5 12.9265 8.44732 13.0202 8.35355C13.114 8.25978 13.1667 8.13261 13.1667 8C13.1667 7.86739 13.114 7.74022 13.0202 7.64645C12.9265 7.55268 12.7993 7.5 12.6667 7.5H5.33333C5.20072 7.5 5.07355 7.55268 4.97978 7.64645C4.88601 7.74022 4.83333 7.86739 4.83333 8C4.83333 8.13261 4.88601 8.25978 4.97978 8.35355C5.07355 8.44732 5.20072 8.5 5.33333 8.5ZM12.6667 11.5H5.33333C5.20072 11.5 5.07355 11.4473 4.97978 11.3536C4.88601 11.2598 4.83333 11.1326 4.83333 11C4.83333 10.8674 4.88601 10.7402 4.97978 10.6464C5.07355 10.5527 5.20072 10.5 5.33333 10.5H12.6667C12.7993 10.5 12.9265 10.5527 13.0202 10.6464C13.114 10.7402 13.1667 10.8674 13.1667 11C13.1667 11.1326 13.114 11.2598 13.0202 11.3536C12.9265 11.4473 12.7993 11.5 12.6667 11.5ZM3.33332 8.66668C3.24621 8.66563 3.16014 8.64751 3.07999 8.61335C2.9992 8.57959 2.92479 8.53224 2.85999 8.47335C2.7982 8.41105 2.74932 8.33718 2.71614 8.25595C2.68297 8.17473 2.66615 8.08775 2.66666 8.00001C2.66911 7.8235 2.73817 7.65444 2.85999 7.52668C2.92479 7.46779 2.9992 7.42044 3.07999 7.38668C3.20067 7.33072 3.33533 7.31215 3.46666 7.33335L3.58666 7.37335L3.70666 7.43335C3.74158 7.45796 3.77498 7.48468 3.80666 7.51335C3.93164 7.64445 4.00094 7.81889 3.99999 8.00001C3.99999 8.17683 3.92975 8.34639 3.80473 8.47142C3.6797 8.59644 3.51014 8.66668 3.33332 8.66668ZM3.07999 11.62C3.1606 11.6519 3.24665 11.6677 3.33333 11.6667C3.42106 11.6672 3.50804 11.6504 3.58926 11.6172C3.67049 11.584 3.74437 11.5351 3.80666 11.4733C3.86555 11.4085 3.9129 11.3341 3.94666 11.2533C3.98193 11.1735 4.00015 11.0873 4.00015 11C4.00015 10.9128 3.98193 10.8265 3.94666 10.7467C3.9129 10.6659 3.86555 10.5915 3.80666 10.5267C3.74326 10.466 3.66849 10.4184 3.58666 10.3867C3.46525 10.3356 3.33144 10.3217 3.20212 10.3466C3.07279 10.3715 2.95374 10.4342 2.85999 10.5267C2.80111 10.5915 2.75375 10.6659 2.71999 10.7467C2.68472 10.8265 2.6665 10.9128 2.6665 11C2.6665 11.0873 2.68472 11.1735 2.71999 11.2533C2.75375 11.3341 2.80111 11.4085 2.85999 11.4733C2.92631 11.532 3.00033 11.5814 3.07999 11.62Z" fill="white"/> </svg> <span>Mostra elenco</span> </div> </button> <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">Scoprite il vostro soggiorno perfetto</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>Se stai pensando di viaggiare a Monaco di Baviera, hai sicuramente iniziato la tua ricerca su dove alloggiare. Ci sono molte opzioni disponibili, tra cui hotel, appartamenti e ostelli. Tuttavia, in questo post del blog, ti spiegheremo perché scegliere un hotel può essere la soluzione ideale per il tuo soggiorno.</p><p>Prima di tutto, gli hotel offrono un alto livello di comfort e servizi. Gli alloggi sono solitamente molto puliti e ben mantenuti, con camere arredate con gusto e confortevoli. Inoltre, molti hotel offrono servizi aggiuntivi come una piscina, un centro benessere e una palestra, il che significa che sarai in grado di rilassarti e divertirti durante il tuo soggiorno.</p><p>In secondo luogo, gli hotel sono convenienti. Di solito, si trovano in posizioni centrali che ti permetteranno di esplorare facilmente la città a piedi o con i mezzi pubblici, senza doverti preoccupare troppo degli spostamenti. Inoltre, molti hotel offrono la possibilità di prenotare il trasporto per l'aeroporto o la stazione ferroviaria, il che significa che non dovrai preoccuparti di organizzare il trasporto da solo.</p><p>Infine, gli hotel offrono una vasta gamma di opzioni di ristorazione. Molti hotel hanno ristoranti interni, bar e caffetterie, dove potrai gustare deliziosi piatti locali o internazionali. Inoltre, molti hotel offrono la colazione inclusa nella tariffa della camera, il che significa che potrai iniziare la giornata con una colazione deliziosa e sostanziosa senza dover uscire dall'hotel. </p><p>In sintesi, se stai pianificando un viaggio a Monaco di Baviera, un hotel potrebbe essere la soluzione perfetta per il tuo soggiorno. Offrono comfort, comodità e opzioni di ristorazione, che ti permetteranno di goderti la città al meglio.</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-304864" data-langcode="it" data-bcity-id="-1829149" data-city-name="Monaco di Baviera" > <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>Nome dell&#039;hotel</span> </td> <td style="width: 135px;"> <span>Valutazione della prenotazione</span> </td> <td style="width: 100px;"> <span>Prezzo, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#roomers-munich-autograph-collection" class="js-clk-open" data-type="table" data-bhotel-id="2664301" data-open-once data-open-passive>Roomers Munich, Autograph Collection</a> </td> <td> <p> 8.2 / 10 </p> <p> (2421 Recensioni)</p> </td> <td> <span>Da 161€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="2664301">Controlla il prezzo</button> </td> </tr> <tr> <td> <a href="#hotel-munchen-palace" class="js-clk-open" data-type="table" data-bhotel-id="62170" data-open-once data-open-passive>Hotel Munchen Palace</a> </td> <td> <p> 8.8 / 10 </p> <p> (535 Recensioni)</p> </td> <td> <span>Da 312€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="62170">Controlla il prezzo</button> </td> </tr> <tr> <td> <a href="#nh-munchen-city-sud" class="js-clk-open" data-type="table" data-bhotel-id="61198" data-open-once data-open-passive>Nh Munchen City Sud</a> </td> <td> <p> 7.0 / 10 </p> <p> (4024 Recensioni)</p> </td> <td> <span>Da 44€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="61198">Controlla il prezzo</button> </td> </tr> <tr> <td> <a href="#hampton-by-hilton-munich-city-west" class="js-clk-open" data-type="table" data-bhotel-id="3495761" data-open-once data-open-passive>Hampton By Hilton Munich City West</a> </td> <td> <p> 7.7 / 10 </p> <p> (6405 Recensioni)</p> </td> <td> <span>Da 77€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="3495761">Controlla il prezzo</button> </td> </tr> <tr> <td> <a href="#gambino-hotel-werksviertel" class="js-clk-open" data-type="table" data-bhotel-id="5201510" data-open-once data-open-passive>gambino hotel WERKSVIERTEL</a> </td> <td> <p> 8.4 / 10 </p> <p> (11826 Recensioni)</p> </td> <td> <span>Da 113€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="5201510">Controlla il prezzo</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="roomers-munich-autograph-collection" data-id="511063" data-lat="48.139828" data-lng="11.540949"> <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/14060/1406046/1406046887.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14060/1406046/1406046887.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14001/1400181/1400181782.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14001/1400181/1400181845.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14001/1400182/1400182028.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403030/1403030540.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403030/1403030813.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403030/1403030822.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403031/1403031938.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403031/1403031989.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403032/1403032001.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403032/1403032013.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403032/1403032064.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403035/1403035583.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403035/1403035595.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403035/1403035604.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403035/1403035721.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403035/1403035802.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403035/1403035844.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403037/1403037815.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403037/1403037827.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403037/1403037836.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403037/1403037863.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403037/1403037887.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403037/1403037917.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403037/1403037977.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403038/1403038019.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403038/1403038091.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403039/1403039213.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403039/1403039240.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403039/1403039252.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403039/1403039267.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403039/1403039357.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403039/1403039387.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403039/1403039429.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14059/1405996/1405996892.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14059/1405996/1405996937.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14059/1405996/1405996979.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14060/1406025/1406025566.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403032/1403032136.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403032/1403032148.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403032/1403032163.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13965/1396514/1396514930.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14060/1406000/1406000912.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16134/1613441/1613441075.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15181/1518129/1518129496.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15181/1518129/1518129529.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15181/1518129/1518129676.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15181/1518129/1518129790.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14001/1400181/1400181476.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403031/1403031950.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403035/1403035823.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403035/1403035748.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282413/1282413094.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282413/1282413193.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282413/1282413280.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282413/1282413376.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282413/1282413499.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282413/1282413568.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282413/1282413661.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282413/1282413760.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282413/1282413937.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282414/1282414021.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282414/1282414102.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282414/1282414225.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282414/1282414291.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282414/1282414390.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282414/1282414459.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282414/1282414573.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282414/1282414654.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282414/1282414744.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14001/1400181/1400181665.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403030/1403030876.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403032/1403032175.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403031/1403031011.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403039/1403039225.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403032/1403032052.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15181/1518129/1518129454.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14060/1406046/1406046644.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14059/1405980/1405980968.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403037/1403037875.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403039/1403039201.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403030/1403030900.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15181/1518129/1518129607.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403035/1403035619.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403032/1403032043.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12824/1282413/1282413832.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403032/1403032076.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14060/1406025/1406025575.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15181/1518129/1518129361.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403032/1403032112.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403038/1403038106.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403035/1403035733.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403031/1403031971.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403030/1403030552.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14001/1400182/1400182184.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4894/489400/489400152.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403037/1403037893.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14030/1403039/1403039306.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14060/1406001/1406001614.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3797/379729/379729243.JPEG" data-image-gallery="galleryroomers-munich-autograph-collection" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="roomers-munich-autograph-collection" > </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> Molto buono </span> <span> (2421)</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="2664301">Roomers Munich, Autograph Collection</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">Landsberger Strasse 68</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Roomers Munich, Autograph Collection si trova accanto alle Auferstehungskirche e dista solo 20 minuti di passeggiata dal centro di Monaco di Baviera. L'hotel include anche il Wi-Fi nelle camere.</p><p>Posizionata nel quartiere Schwanthalerhöhe, la struttura dista 2,2 km da Asam's Church. Trovandosi a 700 metri dalla stazione metropolitana Schwanthalerhohe, l'hotel è a 10 minuti di auto da Viktualienmarkt. La stazione ferroviaria più vicina all'hotel è Hackerbrucke che si trova a 650 metri. Ci vorranno circa 35 minuti per raggiungere l'aeroporto di Monaco di Baviera in auto.</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">Da</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">161€</span> <span class="text-secondary-950 text-sm font-normal">/a notte</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="2664301" > <span>Controlla le tariffe</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-munchen-palace" data-id="511064" data-lat="48.14003" data-lng="11.60126"> <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/6410/641055/641055783.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6410/641055/641055783.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277042/1277042113.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039734.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277041/1277041003.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039953.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040778.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277041/1277041195.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277041/1277041270.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277041/1277041147.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277038/1277038645.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039845.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277041/1277041432.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580279/1580279709.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277041/1277041921.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040433.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040577.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039890.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277038/1277038597.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039179.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040718.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580279/1580279547.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15803/1580313/1580313321.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039329.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040178.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040208.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040304.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039281.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580279/1580279771.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039236.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277038/1277038717.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039053.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039986.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040268.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040409.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039512.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039779.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6410/641058/641058417.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277041/1277041228.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039605.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040664.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040535.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040823.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039680.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6410/641062/641062584.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6415/641550/641550033.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040073.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6415/641548/641548080.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277038/1277038759.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039005.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6412/641234/641234244.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6410/641058/641058525.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6415/641550/641550510.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6415/641543/641543709.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6415/641539/641539353.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277039/1277039137.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277038/1277038804.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9072/907256/907256395.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040616.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14355/1435562/1435562770.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14355/1435561/1435561243.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14355/1435561/1435561312.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14355/1435561/1435561363.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14355/1435562/1435562407.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14355/1435562/1435562515.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14355/1435563/1435563313.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14355/1435563/1435563538.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12118/1211833/1211833681.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277038/1277038915.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12118/1211833/1211833534.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277038/1277038837.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6410/641047/641047209.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1295/129524/129524298.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277041/1277041597.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12118/1211833/1211833210.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277041/1277041969.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14355/1435563/1435563979.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12118/1211833/1211833483.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12118/1211833/1211833276.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12118/1211833/1211833762.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277038/1277038975.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14355/1435563/1435563022.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14355/1435565/1435565173.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14355/1435562/1435562539.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12118/1211835/1211835649.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12118/1211833/1211833141.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12118/1211833/1211833405.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12118/1211834/1211834458.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6410/641056/641056233.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6415/641549/641549979.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14355/1435561/1435561744.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9386/938697/938697067.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9386/938697/938697163.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277042/1277042035.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14239/1423967/1423967076.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9072/907247/907247149.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14239/1423967/1423967103.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14239/1423967/1423967112.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277040/1277040361.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14239/1423967/1423967079.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14239/1423967/1423967082.JPEG" data-image-gallery="galleryhotel-munchen-palace" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-munchen-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> Eccellente </span> <span> (535)</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="62170">Hotel Munchen 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">Trogerstrasse 21</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Hotel Munchen Palace è un alloggio elegante per soggiornare nella zona per lo shopping, a 2,3 km dal Giardino Inglese. L'hotel è noto per i suoi servizi personalizzati e il suo personale plurilingue.</p><p>L'hotel vanta una posizione perfetta a Monaco di Baviera, a 5 minuti a piedi dalla stazione della metropolitana Prinzregentenplatz. La Vecchia Pinacoteca si trova a 10 minuti di auto dall'hotel. A breve distanza dall'hotel elegante ci sono le attrazioni turistiche come Maximiliansanlagen e Prinzregententheater. Hotel Munchen Palace si trova a 40 km dall'aeroporto di Monaco di Baviera e a 100 metri dalla fermata di autobus Friedensengel/Villa Stuck.</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">Da</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">312€</span> <span class="text-secondary-950 text-sm font-normal">/a notte</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="62170" > <span>Controlla le tariffe</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="nh-munchen-city-sud" data-id="511065" data-lat="48.111164" data-lng="11.618152"> <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/12770/1277033/1277033545.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12770/1277033/1277033545.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032984.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033386.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032870.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032903.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033995.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033029.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033824.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033116.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032018.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032156.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032450.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032573.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032618.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032762.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032831.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032939.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033788.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277034/1277034085.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277031/1277031841.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033242.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033341.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032192.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032384.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033194.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277034/1277034046.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11647/1164792/1164792718.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033461.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032705.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277031/1277031964.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277031/1277031796.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032312.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033293.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033500.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033902.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032234.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10158/1015890/1015890280.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10158/1015889/1015889854.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6784/678466/678466341.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032414.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033749.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6819/681925/681925356.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6819/681925/681925431.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6102/610251/610251368.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6102/610251/610251372.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4325/432517/432517464.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6784/678466/678466665.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277033/1277033869.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6722/672248/672248721.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2268/226898/226898618.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2268/226898/226898645.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3061/306126/306126368.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6784/678466/678466881.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8409/840974/840974357.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2268/226899/226899050.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032666.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4289/428938/428938575.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2268/226898/226898744.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6819/681925/681925500.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4379/437965/437965068.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3883/388301/388301345.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2758/275852/275852385.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3363/336342/336342082.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2758/275852/275852393.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3363/336342/336342094.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3061/306126/306126352.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10158/1015890/1015890433.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8409/840974/840974624.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6784/678467/678467145.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8409/840973/840973946.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8409/840974/840974576.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610217/1610217449.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7024/702419/702419338.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3363/336342/336342085.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4545/454595/454595553.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2758/275852/275852269.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8409/840973/840973910.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032489.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12409/1240985/1240985437.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1463/146376/146376704.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12770/1277032/1277032048.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8409/840974/840974027.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/339/33977/33977059.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/339/33977/33977053.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10854/1085445/1085445166.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8409/840974/840974825.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8409/840974/840974990.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/339/33977/33977047.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2758/275852/275852389.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8409/840975/840975044.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8409/840975/840975080.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8409/840975/840975155.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8409/840975/840975179.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8409/840975/840975218.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5810/581043/581043489.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2758/275852/275852345.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9425/942577/942577135.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6727/672713/672713919.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2758/275852/275852317.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/538/53828/53828497.JPEG" data-image-gallery="gallerynh-munchen-city-sud" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="nh-munchen-city-sud" > </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 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Buono </span> <span> (4024)</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="61198">Nh Munchen City Sud</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">Ottobrunner Strasse 17-19</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Nh Munchen City Sud Hotel a 3 stelle offre un alloggio perfetto in 163 camere. Dista 34 minuti di auto dall'aeroporto di Monaco di Baviera e 4,3 km da Viktualienmarkt.</p><p>L'hotel gode di una posizione conveniente nel quartiere Ramersdorf - Perlach. L'hotel è situato a 10 minuti di auto dall'Angelo della Pace. Questo hotel perfetto è collocato vicino a Verklarung Christi. A 100 metri dall'hotel c'è la fermata dell'autobus Diakon-Kerolt-Weg.</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">Da</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">44€</span> <span class="text-secondary-950 text-sm font-normal">/a notte</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="61198" > <span>Controlla le tariffe</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="hampton-by-hilton-munich-city-west" data-id="511066" data-lat="48.140968" data-lng="11.535178"> <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/15524/1552470/1552470310.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15524/1552470/1552470310.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15017/1501788/1501788040.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15017/1501788/1501788346.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552470/1552470286.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552470/1552470340.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552470/1552470241.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552470/1552470265.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15017/1501788/1501788004.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552470/1552470301.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282388/1282388449.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282387/1282387957.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282387/1282387186.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282387/1282387390.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282387/1282387897.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282388/1282388821.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282388/1282388683.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15017/1501788/1501788226.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282386/1282386985.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282388/1282388533.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282388/1282388746.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282387/1282387468.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282386/1282386226.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552470/1552470331.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282388/1282388245.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282388/1282388032.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282387/1282387537.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282388/1282388086.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282387/1282387675.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282387/1282387327.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12192/1219251/1219251091.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15017/1501788/1501788031.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552470/1552470337.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7974/797463/797463531.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14518/1451861/1451861821.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14518/1451860/1451860081.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282388/1282388605.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552470/1552470343.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12823/1282387/1282387729.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14994/1499493/1499493379.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552470/1552470280.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12192/1219249/1219249201.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12192/1219248/1219248922.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7158/715827/715827643.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7158/715827/715827550.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7158/715827/715827598.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7158/715827/715827613.JPEG" data-image-gallery="galleryhampton-by-hilton-munich-city-west" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hampton-by-hilton-munich-city-west" > </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.7 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Molto buono </span> <span> (6405)</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="3495761">Hampton By Hilton Munich City West</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">Landsberger Strasse 114</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Hampton By Hilton Munich City West Hotel a 3 stelle è situato a 2,6 km da Karlsplatz. Per la maggiore comodità, gli ospiti avranno l'accesso a un parcheggio privato in loco.</p><p>Questo hotel è collocato a 2,8 km dalla Vecchia Pinacoteca. Questo hotel confortevole dista pochi passi da St. Benedict's Church e 3 km dal centro di Monaco di Baviera. La stazione della metro Heimeranplatz è posizionata a 850 metri da Hampton By Hilton Munich City West 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">Da</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">77€</span> <span class="text-secondary-950 text-sm font-normal">/a notte</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="3495761" > <span>Controlla le tariffe</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="gambino-hotel-werksviertel" data-id="511067" data-lat="48.12563" data-lng="11.60545"> <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/10875/1087596/1087596364.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10875/1087596/1087596364.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087597/1087597396.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087595/1087595902.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10876/1087606/1087606198.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10873/1087341/1087341100.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087595/1087595860.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087597/1087597381.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087594/1087594705.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087599/1087599700.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10876/1087604/1087604704.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10873/1087341/1087341043.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10110/1011050/1011050098.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9967/996781/996781738.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9967/996781/996781762.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8437/843766/843766790.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9967/996781/996781654.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8437/843743/843743531.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8437/843782/843782642.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8437/843782/843782753.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8437/843782/843782612.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11603/1160306/1160306031.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087599/1087599439.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8437/843766/843766781.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11428/1142853/1142853289.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9967/996781/996781708.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10102/1010205/1010205097.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10102/1010205/1010205409.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10102/1010205/1010205463.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9967/996781/996781630.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8437/843766/843766529.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8437/843766/843766751.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9967/996781/996781777.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087595/1087595392.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087595/1087595287.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087599/1087599628.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087595/1087595284.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087599/1087599601.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10876/1087604/1087604902.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10876/1087604/1087604809.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087595/1087595749.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8437/843766/843766760.JPEG" data-image-gallery="gallerygambino-hotel-werksviertel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="gambino-hotel-werksviertel" > </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> Molto buono </span> <span> (11826)</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="5201510">gambino hotel WERKSVIERTEL</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">Atelierstrasse 7</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Gambino hotel WERKSVIERTEL Monaco di Baviera a 3 stelle dista 7 km dal Museo Bmw e 2,5 km dalla Casa dell'Arte. Questo hotel dispone di Wi-Fi in tutta la proprietà e 6 camere con una vista sulla città.</p><p>L'hotel si trova a circa 25 minuti a piedi dal centro città. L'hotel è a 300 metri dalla stazione metropolitana Ostbahnhof. Con una breve passeggiata di 5 minuti raggiungete la stazione ferroviaria di Monaco di Baviera Est. Grazie alla sua posizione a 40 km dall'aeroporto di Monaco di Baviera, l'accesso rapido a gambino hotel WERKSVIERTEL è garantito.</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">Da</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">113€</span> <span class="text-secondary-950 text-sm font-normal">/a notte</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="5201510" > <span>Controlla le tariffe</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-mirabell-by-maier-privathotels" data-id="511068" data-lat="48.13643" data-lng="11.5588"> <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/15450/1545090/1545090241.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15450/1545090/1545090241.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15462/1546263/1546263751.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545090/1545090265.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15461/1546186/1546186732.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15461/1546186/1546186849.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15461/1546186/1546186918.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15461/1546186/1546186996.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15462/1546263/1546263613.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545090/1545090298.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15370/1537093/1537093462.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15461/1546187/1546187218.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15370/1537093/1537093402.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15461/1546186/1546186792.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15461/1546187/1546187014.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605366/1605366911.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15461/1546186/1546186675.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15461/1546186/1546186924.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15462/1546263/1546263766.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545089/1545089743.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9108/910853/910853569.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15461/1546186/1546186756.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15462/1546263/1546263916.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545089/1545089653.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15462/1546263/1546263757.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15461/1546187/1546187095.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9132/913226/913226911.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547665.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547674.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547683.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547686.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547704.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547728.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547869.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9180/918063/918063460.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8858/885847/885847762.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8858/885849/885849346.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8858/885881/885881932.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9061/906115/906115987.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9061/906116/906116080.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9061/906119/906119860.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9061/906119/906119896.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9061/906120/906120322.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9061/906127/906127336.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9108/910852/910852633.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9108/910852/910852771.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9108/910853/910853599.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7661/766169/766169620.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15370/1537093/1537093591.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547701.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547899.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547662.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9180/918056/918056845.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9061/906127/906127300.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747196/747196313.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547689.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4152/415281/415281546.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9180/918066/918066094.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547719.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219481/1219481929.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9180/918060/918060439.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547914.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7661/766169/766169599.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547677.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9108/910852/910852408.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547638.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9255/925579/925579558.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15370/1537093/1537093573.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747195/747195821.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7661/766171/766171570.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7472/747200/747200132.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14524/1452483/1452483982.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9135/913547/913547713.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219473/1219473235.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6704/670442/670442904.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219473/1219473853.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545089/1545089569.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219476/1219476235.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12278/1227807/1227807047.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12278/1227807/1227807251.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219476/1219476502.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219472/1219472377.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219473/1219473748.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219474/1219474036.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219474/1219474117.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219475/1219475740.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219477/1219477885.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219478/1219478323.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219478/1219478572.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219478/1219478800.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219479/1219479109.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219479/1219479865.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219479/1219479910.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219480/1219480927.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219481/1219481185.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219481/1219481371.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219481/1219481866.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219473/1219473148.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9331/933114/933114019.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219481/1219481992.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12194/1219474/1219474636.JPEG" data-image-gallery="galleryhotel-mirabell-by-maier-privathotels" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-mirabell-by-maier-privathotels" > </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.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Molto buono </span> <span> (4683)</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="60021">Hotel Mirabell By Maier Privathotels</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">Landwehrstrasse 42</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Situato vicino al Teatro tedesco e a 10 minuti a piedi dal centro di Monaco di Baviera, l'hotel carino Hotel Mirabell By Maier Privathotels include 73 camere. Per la maggiore comodità, gli ospiti avranno l'accesso a un parcheggio privato in loco.</p><p>La Chiesa di San Michele si trova a 1,2 km dalla struttura, mentre il Museo Bmw dista meno di 4,8 km. L'hotel è a 350 metri dalla stazione metropolitana Hauptbahnhof. Questo hotel si trova a 650 metri dalla stazione ferroviaria di Monaco di Baviera Karlsplatz. L'hotel è approssimativamente a 34 minuti d'auto dall'aeroporto di Monaco di Baviera.</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">Da</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">52€</span> <span class="text-secondary-950 text-sm font-normal">/a notte</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="60021" > <span>Controlla le tariffe</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="centro-hotel-mondial" data-id="511069" data-lat="48.133991241455" data-lng="11.564829826355"> <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/16164/1616417/1616417870.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/16164/1616417/1616417870.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417854.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417857.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417861.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417856.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417865.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417866.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417867.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417868.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417863.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417858.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11703/1170327/1170327409.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219105/1219105291.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219104/1219104916.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14657/1465757/1465757054.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219104/1219104298.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12650/1265079/1265079865.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219104/1219104427.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219105/1219105120.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219103/1219103965.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3335/333564/333564424.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3335/333564/333564430.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3335/333564/333564442.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3335/333564/333564448.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3335/333564/333564454.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3335/333564/333564466.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10174/1017456/1017456559.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3335/333564/333564436.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7411/741120/741120142.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452742/452742168.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7411/741119/741119944.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7411/741120/741120040.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7411/741120/741120091.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7411/741120/741120226.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7411/741120/741120283.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7411/741120/741120334.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7411/741120/741120442.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417864.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219104/1219104148.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7411/741120/741120502.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4909/490902/490902675.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417871.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6903/690344/690344637.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6903/690345/690345543.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6903/690345/690345729.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6903/690345/690345981.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6903/690345/690345060.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3335/333564/333564460.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417869.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9243/924351/924351313.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219104/1219104043.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10174/1017456/1017456628.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6903/690346/690346086.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1178/117845/117845161.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6903/690345/690345951.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219104/1219104730.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2882/288271/288271640.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6903/690345/690345486.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452742/452742141.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616417/1616417850.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452742/452742153.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219103/1219103824.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11703/1170333/1170333007.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219104/1219104538.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219103/1219103746.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3420/342055/342055348.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6903/690345/690345414.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7411/741120/741120394.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452742/452742192.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6803/680343/680343189.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6803/680343/680343240.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6803/680343/680343348.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452742/452742177.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6903/690346/690346317.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4474/447433/447433452.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4474/447433/447433467.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452742/452742189.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452742/452742174.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1913/191330/191330092.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1178/117845/117845149.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1913/191330/191330089.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1913/191330/191330098.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4270/427097/427097775.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4270/427097/427097802.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4270/427097/427097805.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4270/427097/427097808.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1445/144549/144549209.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1445/144549/144549212.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1178/117845/117845164.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/573/57331/57331870.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/573/57331/57331852.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/573/57331/57331861.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/573/57331/57331873.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/573/57331/57331858.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/573/57331/57331867.JPEG" data-image-gallery="gallerycentro-hotel-mondial" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="centro-hotel-mondial" > </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"> 6.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Buono </span> <span> (1807)</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="60498">Centro Hotel Mondial</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">Pettenkoferstrasse 2</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Centro Hotel Mondial Monaco di Baviera a 3 stelle si trova nel quartiere Ludwigsvorstadt, a pochi passi da Asam's Church. Posizionato vicino a Kurt Eisner Monument, Centro Hotel Mondial risale al 1972.</p><p>Questo hotel stupendo è situato solo a 15 minuti di auto dal Museo Bmw. A 14 minuti di passeggiata c'è il Municipio Nuovo. L'hotel si trova vicino alla stazione metropolitana Sendlinger Tor a 150 metri di distanza. L'aeroporto di Monaco di Baviera si trova a 34 minuti d'auto dalla struttura.</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">Da</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">86€</span> <span class="text-secondary-950 text-sm font-normal">/a notte</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="60498" > <span>Controlla le tariffe</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-marc-munchen-adults-only" data-id="511070" data-lat="48.138" data-lng="11.56"> <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/4183/418312/418312149.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/4183/418312/418312149.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418312/418312419.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418313/418313970.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418314/418314531.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418314/418314681.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418314/418314699.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418314/418314915.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418355/418355706.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418355/418355727.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418355/418355739.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418355/418355745.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1292/129204/129204423.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/715/71561/71561240.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/715/71566/71566622.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/715/71567/71567273.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219186/1219186978.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219188/1219188550.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219187/1219187848.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219184/1219184641.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219187/1219187530.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219186/1219186477.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219184/1219184968.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219188/1219188505.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219185/1219185922.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418355/418355757.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219185/1219185340.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219187/1219187974.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8888/888862/888862261.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/715/71561/71561843.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418314/418314510.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219187/1219187458.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219184/1219184041.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219185/1219185619.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219187/1219187755.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219188/1219188262.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8888/888860/888860386.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8888/888860/888860599.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8888/888860/888860953.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8888/888861/888861130.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8888/888861/888861298.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8888/888862/888862087.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8888/888860/888860743.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8888/888861/888861448.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8888/888861/888861649.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219189/1219189378.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8888/888861/888861814.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219183/1219183924.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679795/679795479.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679796/679796337.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219183/1219183642.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679795/679795305.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219186/1219186714.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219185/1219185412.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219185/1219185688.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219186/1219186777.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219190/1219190719.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219189/1219189846.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1058/105880/105880088.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219189/1219189702.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219190/1219190812.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4320/432032/432032493.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219189/1219189579.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418355/418355754.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219190/1219190551.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219185/1219185460.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12191/1219188/1219188850.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7410/741080/741080896.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452760/452760834.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452760/452760912.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452760/452760882.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452760/452760897.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452760/452760933.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5427/542767/542767485.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452760/452760837.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1913/191330/191330224.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4900/490044/490044507.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4527/452760/452760852.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1913/191330/191330263.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1913/191330/191330182.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4900/490044/490044630.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3131/313131/313131893.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1913/191330/191330227.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/789/78974/78974892.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/656/65696/65696848.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/790/79017/79017600.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/670/67002/67002217.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/668/66863/66863461.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/656/65696/65696791.JPEG" data-image-gallery="galleryhotel-marc-munchen-adults-only" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-marc-munchen-adults-only" > </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.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Molto buono </span> <span> (1109)</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="60504">Hotel Marc Munchen (Adults Only)</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">Senefelderstrasse 12</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Collocato vicinissimo alla stazione di Monaco di Baviera Centrale, Marc Munchen Hotel offre un alloggio confortevole con l'accesso a Internet ad alta velocità in tutta la proprietà. L'hotel si trova a 1 km dalla Chiesa di San Michele e dista 1 km dal centro di Monaco di Baviera.</p><p>Grazie alla sua posizione centrale, l'hotel offre una sistemazione perfetta nel quartiere Ludwigsvorstadt. Questo alloggio si trova a soli 12 minuti a piedi dal Duomo di Monaco. Il Giardino botanico Nymphenburg si trova vicino alla struttura. Dista 200 metri dalla fermata degli autobus Hauptbahnhof Sud e 5 minuti a piedi dalla stazione metropolitana Main train.</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">Da</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">130€</span> <span class="text-secondary-950 text-sm font-normal">/a notte</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="60504" > <span>Controlla le tariffe</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="residence-inn-by-marriott-munich-city-east" data-id="511071" data-lat="48.13128" data-lng="11.608296"> <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/13747/1374787/1374787904.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13747/1374787/1374787904.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608787/1608787627.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608787/1608787628.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586839/1586839302.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14993/1499308/1499308162.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15510/1551050/1551050230.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13747/1374796/1374796349.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13747/1374796/1374796406.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13748/1374802/1374802463.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13796/1379682/1379682845.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13796/1379682/1379682968.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13797/1379705/1379705168.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13797/1379716/1379716907.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13747/1374796/1374796385.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12629/1262954/1262954902.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12629/1262958/1262958262.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12613/1261372/1261372456.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10032/1003291/1003291212.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10032/1003295/1003295748.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13797/1379725/1379725565.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13796/1379682/1379682818.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13748/1374803/1374803072.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11865/1186556/1186556692.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13797/1379705/1379705288.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11865/1186554/1186554145.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10032/1003290/1003290951.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098033/1098033795.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098036/1098036861.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098033/1098033630.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098034/1098034005.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098034/1098034854.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098035/1098035181.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098036/1098036264.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098034/1098034350.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098035/1098035964.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13797/1379725/1379725616.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14992/1499290/1499290777.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13797/1379728/1379728133.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098033/1098033312.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098033/1098033462.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098032/1098032976.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098035/1098035013.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098033/1098033225.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098033/1098033549.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098033/1098033720.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098034/1098034275.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098034/1098034743.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098035/1098035112.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098036/1098036036.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098036/1098036183.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098036/1098036750.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8371/837176/837176885.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098036/1098036336.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13747/1374787/1374787919.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098035/1098035895.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4786/478631/478631187.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3904/390408/390408756.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3904/390408/390408765.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3904/390408/390408777.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3904/390408/390408780.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13748/1374802/1374802445.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098036/1098036669.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11832/1183236/1183236166.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5653/565335/565335780.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5653/565335/565335822.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5653/565335/565335966.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14992/1499290/1499290786.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10980/1098035/1098035340.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3904/390408/390408759.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5653/565336/565336317.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608787/1608787625.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5653/565336/565336344.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608787/1608787626.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15510/1551050/1551050227.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5653/565336/565336365.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13797/1379728/1379728193.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13796/1379682/1379682941.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5653/565335/565335921.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1942/194238/194238862.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1942/194238/194238994.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8401/840146/840146747.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8401/840146/840146819.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8401/840147/840147413.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8401/840147/840147095.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8401/840147/840147809.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5797/579750/579750159.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1942/194238/194238874.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1942/194238/194238940.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1942/194238/194238976.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4267/426758/426758670.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4267/426758/426758637.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4267/426758/426758664.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5797/579750/579750147.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4267/426758/426758655.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4267/426758/426758658.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4267/426758/426758661.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5797/579750/579750162.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/670/67067/67067206.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3904/390408/390408774.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/670/67067/67067215.JPEG" data-image-gallery="galleryresidence-inn-by-marriott-munich-city-east" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="residence-inn-by-marriott-munich-city-east" > </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> Molto buono </span> <span> (919)</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="318856">Residence Inn By Marriott Munich City East</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">Orleansstrasse 81-83</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Residence Inn By Marriott Munich City East offre l'accesso a Internet ad alta velocità nelle aree comuni e dista 2 km dal centro di Monaco di Baviera. In 10 minuti a piedi gli ospiti possono raggiungere la stazione metropolitana Ostbahnhof.</p><p>L'hotel eccellente dista 7 km dal Parco Olimpico e 3 km dal Duomo di Monaco. L'hotel è ubicato nel quartiere Au-Haidhausen. Dista meno di 5 minuti di passeggiata dalla stazione ferroviaria di Monaco di Baviera Est.</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">Da</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">133€</span> <span class="text-secondary-950 text-sm font-normal">/a notte</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="318856" > <span>Controlla le tariffe</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="kings-hotel-center-superior" data-id="511072" data-lat="48.14309" data-lng="11.55839"> <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/12771/1277123/1277123557.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12771/1277123/1277123557.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122141.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122189.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122231.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122285.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122333.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122405.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122450.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122483.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122549.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122585.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122627.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122714.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122777.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122855.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122882.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122996.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123044.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123125.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123257.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123299.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123428.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123527.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123662.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123713.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123797.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123863.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123899.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123938.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123995.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277124/1277124040.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277124/1277124091.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277124/1277124142.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123203.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123080.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122681.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277122/1277122930.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123176.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596011/1596011173.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596011/1596011202.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596011/1596011209.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596011/1596011218.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596011/1596011251.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596011/1596011286.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12771/1277123/1277123392.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15511/1551131/1551131731.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15511/1551131/1551131782.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15511/1551131/1551131983.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15511/1551131/1551131986.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596011/1596011234.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596011/1596011412.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13521/1352198/1352198243.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13521/1352198/1352198477.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13521/1352199/1352199539.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13521/1352199/1352199929.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596011/1596011224.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596011/1596011203.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13371/1337162/1337162054.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13371/1337162/1337162084.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13371/1337162/1337162411.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13371/1337163/1337163650.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13371/1337163/1337163719.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340605/1340605829.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340605/1340605844.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340605/1340605874.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340606/1340606609.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340607/1340607014.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340609/1340609204.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340609/1340609225.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340609/1340609246.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340609/1340609273.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340610/1340610128.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340610/1340610425.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340610/1340610458.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340617/1340617466.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340617/1340617490.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340618/1340618753.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340623/1340623325.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340623/1340623352.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340623/1340623397.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340623/1340623427.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340623/1340623712.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340629/1340629565.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340629/1340629589.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340629/1340629622.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340629/1340629646.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340629/1340629853.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340630/1340630561.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340606/1340606747.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340609/1340609717.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340617/1340617964.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340617/1340617997.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340630/1340630105.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13406/1340630/1340630126.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15511/1551131/1551131578.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15511/1551131/1551131806.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15511/1551131/1551131962.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596011/1596011190.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596011/1596011240.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/318/31856/31856201.JPEG" data-image-gallery="gallerykings-hotel-center-superior" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="kings-hotel-center-superior" > </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> Eccellente </span> <span> (5560)</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="61470">King&#039;S Hotel Center Superior</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">Marsstrasse, 15</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>King'S Hotel Center Superior Monaco di Baviera è un hotel confortevole a 3 stelle posizionato a 800 metri da Karlsplatz e a 1,3 km dal Duomo di Monaco. Questo hotel dispone sia di Wi-Fi nelle aree comuni che di un parcheggio privato in loco.</p><p>Questo hotel è posizionato vicino alla Birreria Spaten, a 10 minuti a piedi dal centro di Monaco di Baviera. L'hotel è situato nel quartiere Maxvorstadt vicino al Giardino botanico Nymphenburg. Con una breve passeggiata di 5 minuti raggiungete la stazione di metro Main train. L'hotel è a circa 34 minuti d'auto dall'aeroporto di Monaco di Baviera che si trova a 40 km.</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">Da</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">223€</span> <span class="text-secondary-950 text-sm font-normal">/a notte</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="61470" > <span>Controlla le tariffe</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-konigshof" data-id="511073" data-lat="48.139574" data-lng="11.564733"> <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/1840/184023/184023558.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/1840/184023/184023558.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2017/201743/201743149.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2443/244393/244393721.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2798/279887/279887649.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2798/279887/279887665.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2798/279887/279887369.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683917/683917581.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2798/279887/279887637.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10159/1015930/1015930438.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10159/1015930/1015930771.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10159/1015930/1015930882.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10159/1015931/1015931218.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10159/1015932/1015932709.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2798/279887/279887681.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5511/551157/551157570.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3099/309974/309974089.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10159/1015931/1015931536.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2798/279887/279887625.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2017/201743/201743161.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10159/1015932/1015932415.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3099/309974/309974073.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5511/551158/551158113.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683916/683916873.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1208/120858/120858954.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/89/8954/8954009.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4934/493427/493427781.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683916/683916048.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2017/201743/201743158.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1840/184023/184023579.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683917/683917653.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5511/551157/551157783.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5511/551158/551158020.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8377/837780/837780503.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5511/551157/551157591.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5511/551157/551157663.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1840/184023/184023825.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3099/309974/309974081.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683917/683917347.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3541/354148/354148045.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8377/837781/837781295.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683916/683916732.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5511/551158/551158065.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1840/184023/184023606.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683917/683917065.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5511/551157/551157921.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683916/683916330.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3099/309974/309974097.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5511/551157/551157873.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683916/683916942.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8377/837781/837781448.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683917/683917137.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8377/837781/837781514.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1454/145424/145424216.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1645/164597/164597340.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5297/529764/529764291.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4707/470771/470771958.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5297/529764/529764273.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5297/529764/529764249.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5297/529764/529764399.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5297/529764/529764219.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5297/529764/529764426.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5297/529764/529764360.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5297/529764/529764324.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5297/529764/529764192.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3745/374595/374595682.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3541/354196/354196750.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3745/374595/374595664.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3745/374595/374595652.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2812/281203/281203045.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3732/373240/373240105.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3732/373240/373240108.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3732/373240/373240096.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3732/373240/373240102.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3732/373240/373240099.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1454/145424/145424207.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1454/145424/145424213.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/827/82766/82766117.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/841/84179/84179342.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/477/47735/47735521.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/847/84704/84704675.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1201/120191/120191967.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/611/61105/61105882.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1201/120191/120191985.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1201/120191/120191979.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1201/120191/120191976.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/156/15652/15652340.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1201/120191/120191961.JPEG" data-image-gallery="galleryhotel-konigshof" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-konigshof" > </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.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Eccellente </span> <span> (722)</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="73425">Hotel Konigshof</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">Karlsplatz 25</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Hotel Konigshof Monaco di Baviera si trova a pochi passi da Karlsplatz e vanta una posizione eccellente. Il Wi-Fi è disponibile nelle camere, quindi potete rimanere connessi.</p><p>Questo hotel si trova a 6 km dal Palazzo di Nymphenburg e a 4,5 km dal Museo Bmw. Il centro di Monaco di Baviera dista 1 km da questo hotel. È anche centralmente posizionato vicino alle Bürgersaalkirche. L'hotel dista anche 5 minuti di passeggiata dalla stazione ferroviaria di Monaco di Baviera Karlsplatz e 35 minuti di auto dall'aeroporto di Monaco di Baviera.</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">Da</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">58€</span> <span class="text-secondary-950 text-sm font-normal">/a notte</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="73425" > <span>Controlla le tariffe</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 "> <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">Altra città in Germania</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/it/amburgo-hotel">Amburgo</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/it/berlino-hotel">Berlino</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/it/colonia-hotel">Colonia</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/it/duesseldorf-hotel">Düsseldorf</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/it/rostock-hotel">Rostock</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/it/treviri-hotel">Treviri</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/it/rust-hotel">Rust</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/it/bamberga-hotel">Bamberga</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/it/memmingen-hotel">Memmingen</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/it/norimberga-hotel">Norimberga</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/it/wiesbaden-hotel">Wiesbaden</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/it/flensburgo-hotel">Flensburgo</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/it/san-candido-hotel">San Candido</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/it/valenza-hotel">Valenza</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/it/lisbona-hotel">Lisbona</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/it/barcellona-hotel">Barcellona</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/it/favignana-hotel">Favignana</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/it/cagliari-hotel">Cagliari</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/it/sarande-hotel">Sarandë</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/it/aosta-hotel">Aosta</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/it/dobbiaco-hotel">Dobbiaco</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/it/palma-di-maiorca-hotel">Palma di Maiorca</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/it/sottomarina-hotel">Sottomarina</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/it/porto-cesareo-hotel">Porto Cesareo</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels near Landmark</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/it/monaco-di-baviera-hotel-vicino-a-central-station-munich">Central Station Munich</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">Viaggiando a Monaco di Baviera</h3> <p class="trawell-exit-popup__subtitle">Trova il tuo alloggio perfetto!</p> <p class="trawell-exit-popup__text">Ottime posizioni e offerte per tutte le tasche.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Controlla le offerte</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">No, grazie</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">Trova su <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">Affina la tua ricerca</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/it/top-countries/">Paesi popolari</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/it/top-hotels/">I migliori hotel</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/it/popular-destinations/">Città Popolari</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/it/top-landmarks/">Le principali attrazioni</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/it/top-regions/">Regioni Popolari</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Monaco di Baviera</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/it/monaco-di-baviera-hotel-5-stelle">hotel 5 stelle monaco di baviera</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=">Politica</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Diritto d&#039;autore</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Termini e condizioni</div> </div> <p>Copyright 2025 · All rights reserved</p> </div> </div> </footer> <!-- Hotjar --> <!-- End Hotjar Code --> <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"0g1Vj5gOUgKlVDC0"},"isBot":false,"language":{"id":5,"name":"Italian","code":"it","script":"Latn","native":"italiano","regional":"it_IT"},"aid":2194096,"dest_type":"city","dest_id":"-1829149","dest_name":"Monaco di Baviera","city_id":18260,"pid":304864,"page":"post","bid":"-1829149"} </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="preload" as="style" href="https://touristvr.com/build/assets/createSlider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post-gRPuHYnO.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-xmMQKjFG.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-B81A-QHD.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/media-DZZXPl_y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/createSlider-DIcCBx3D.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="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/createSlider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/post-gRPuHYnO.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> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10