Best Hotels in Lucerne, Switzerland from 81US$/night

<!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="Nestled amidst the stunning Swiss Alps and bordered by the serene Lake Lucerne, the picturesque city of Lucerne offers an enchanting blend of natural"> <title>Best Hotels in Lucerne, Switzerland from 81US$/night</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/en-us/lucerne-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Hotels in Lucerne, Switzerland from 81US$/night" /> <meta property="og:url" content="https://touristvr.com/en-us/" /> <meta property="og:site_name" content="Virtual Tourist" /> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/lucerne-hotels" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/lucerne-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/lucerne-hotels" title="English"> <link rel="alternate" hreflang="en-AU" type="text/html" href="https://touristvr.com/au/lucerne-hotels" title="English"> <link rel="alternate" hreflang="de-CH" type="text/html" href="https://touristvr.com/ch/luzern-hotels" title="Deutsch"> <link rel="alternate" hreflang="de-AT" type="text/html" href="https://touristvr.com/at/luzern-hotels" title="Deutsch"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/lucerne-hotels" title="Français"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/lucerna-hoteles" title="Español"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/lucerna-hotel" title="Italiano"> <link rel="alternate" hreflang="nl-NL" type="text/html" href="https://touristvr.com/nl/luzern-hotels" title="Nederlands"> <link rel="alternate" hreflang="nl-BE" type="text/html" href="https://touristvr.com/be/luzern-hotels" title="Nederlands"> <link rel="alternate" hreflang="br-BR" type="text/html" href="https://touristvr.com/br/lucerne-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": "1" }, "priceRange" : "101US$", "address": { "@type": "PostalAddress", "streetAddress": "Kellerstrasse 6" }, "name": "Ibis Budget Hotel Luzern City" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "407US$", "address": { "@type": "PostalAddress", "streetAddress": "Schlossweg 1, Kriens" }, "name": "Hotel Pilatus-Kulm" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "294US$", "address": { "@type": "PostalAddress", "streetAddress": "Weinmarkt" }, "name": "Hotel des Balances" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "232US$", "address": { "@type": "PostalAddress", "streetAddress": "Morgartenstrasse 13" }, "name": "Boutique Hotel By Continental Park" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "179US$", "address": { "@type": "PostalAddress", "streetAddress": "Friedenstrasse 8" }, "name": "Ibis Styles Luzern" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "151US$", "address": { "@type": "PostalAddress", "streetAddress": "Pilatusstrasse 1" }, "name": "Hotel Monopol Luzern" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "119US$", "address": { "@type": "PostalAddress", "streetAddress": "Seidenhofstrasse 5" }, "name": "Ameron Luzern Hotel Flora" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "113US$", "address": { "@type": "PostalAddress", "streetAddress": "Seeburgstrasse 53-61" }, "name": "Hotel Seeburg" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "389US$", "address": { "@type": "PostalAddress", "streetAddress": "Kanonenstrasse" }, "name": "Chateau Gütsch" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "405US$", "address": { "@type": "PostalAddress", "streetAddress": "Haldenstrasse 4" }, "name": "Grand Hotel National Luzern" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "126US$", "address": { "@type": "PostalAddress", "streetAddress": "Klosterstrasse 4" }, "name": "Hotel Rothaus Luzern & Peruvian Culinary Art" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "150US$", "address": { "@type": "PostalAddress", "streetAddress": "Balmstr. 3" }, "name": "Boutique Hotel Balm" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "445US$", "address": { "@type": "PostalAddress", "streetAddress": "Schweizerhofquai" }, "name": "Hotel Schweizerhof Luzern" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "164US$", "address": { "@type": "PostalAddress", "streetAddress": "Haldenstrasse 59" }, "name": "Grand Hotel Europe" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "236US$", "address": { "@type": "PostalAddress", "streetAddress": "Lakefront Center Inseliquai 12" }, "name": "Radisson Blu Hotel, Lucerne" } ] } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-E8BCN5M94B"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E8BCN5M94B'); </script> </head> <body class="post-template-default single single-post postid-10252 single-format-standard wp-embed-responsive trawell-header-wide trawell-header-shadow trawell-sidebar-mini-none trawell-has-sidebar trawell-sidebar-right trawell-v_1_5_3 grid grid-rows-[auto_1fr_auto] min-h-screen grid-cols-1"> <img class="absolute top-0 left-0 w-full h-[90vh] max-h-[99vh] pointer-events-none" width="1240" height="1240" alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg==" /> <style> .header-toogle-btn .header-icon-open { display: block; } .header-toogle-btn .header-icon-close { display: none; } .header-toogle-btn.active .header-icon-open{ display: none; } .header-toogle-btn.active .header-icon-close{ display: block; } .header-toogle-block.active { top: 100%; transform: translateY(0); } </style> <header class="sticky top-0 z-10 h-14 w-full bg-white shadow-lg "> <div class="container h-full"> <div class="flex justify-between items-center h-full"> <div class="flex items-center w-full z-10 bg-white"> <a class="text-2xl text-neutral-950 font-bold" href="https://touristvr.com/en-us/" 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/us.svg" width="22" height="16" alt="flag"> <svg class="fill-secondary-950 w-4 h-4 shrink-0 duration-300" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="hidden fixed left-0 top-0 w-screen h-screen z-10 items-center justify-center bg-gray-700 bg-opacity-50 lang-modal js-lang-modal"> <div class="rounded-md bg-white min-w-[400px] md:w-screen md:h-screen js-lang-modal-content"> <div class="flex items-center justify-between p-5 border-b border-solid border-secondary-100 md:px-8"> <span class="section-sub-title">Select language</span> <svg class="js-lang-modal-close cursor-pointer" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="p-5 columns-3 gap-2 md:columns-1 md:px-8"> <a href="https://touristvr.com/gb/lucerne-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/gb.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">GB</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ca/lucerne-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/au/lucerne-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/ch/luzern-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/ch.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CH</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/at/luzern-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/at.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">AT</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/fr/lucerne-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/lucerna-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/it/lucerna-hotel" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/it.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IT</span> <span class="text-secondary-950 text-base ">Italiano</span> </a> <a href="https://touristvr.com/nl/luzern-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/be/luzern-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/br/lucerne-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/251.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/251.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">Lucerne Hotels</h1> <p class="text-sm text-white font-medium mb-5 px-5 text-center md:text-xs">Not Just Any Hotel – Only the Best Lucerne Hotels, Selected for You!</p> <div class="w-full min-w-[1000px] md:px-0 lg:min-w-0"> <div class="w-full border border-solid border-neutral-200 rounded-md shadow-2xl bg-white p-2"> <div class="js-clk-open" data-type="form"> <div class="flex items-center justify-between gap-1.5 w-full md:flex-col md:h-full"> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600 w-6 h-6" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <div class="text-base text-secondary-950">Lucerne</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 17, 2025 - Mar 18, 2025 </div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-[220px] flex-shrink-0 h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2"> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 6.375C4.5 4.09683 6.34683 2.25 8.625 2.25C10.9032 2.25 12.75 4.09683 12.75 6.375C12.75 8.65317 10.9032 10.5 8.625 10.5C6.34683 10.5 4.5 8.65317 4.5 6.375Z" /> <path d="M14.25 8.625C14.25 6.76104 15.761 5.25 17.625 5.25C19.489 5.25 21 6.76104 21 8.625C21 10.489 19.489 12 17.625 12C15.761 12 14.25 10.489 14.25 8.625Z" /> <path d="M1.5 19.125C1.5 15.19 4.68997 12 8.625 12C12.56 12 15.75 15.19 15.75 19.125V19.1276C15.75 19.1674 15.7496 19.2074 15.749 19.2469C15.7446 19.5054 15.6074 19.7435 15.3859 19.8768C13.4107 21.0661 11.0966 21.75 8.625 21.75C6.15343 21.75 3.8393 21.0661 1.86406 19.8768C1.64256 19.7435 1.50537 19.5054 1.50103 19.2469C1.50034 19.2064 1.5 19.1657 1.5 19.125Z" /> <path d="M17.2498 19.1281C17.2498 19.1762 17.2494 19.2244 17.2486 19.2722C17.2429 19.6108 17.1612 19.9378 17.0157 20.232C17.2172 20.2439 17.4203 20.25 17.6248 20.25C19.2206 20.25 20.732 19.8803 22.0764 19.2213C22.3234 19.1002 22.4843 18.8536 22.4957 18.5787C22.4984 18.5111 22.4998 18.4432 22.4998 18.375C22.4998 15.6826 20.3172 13.5 17.6248 13.5C16.8784 13.5 16.1711 13.6678 15.5387 13.9676C16.6135 15.4061 17.2498 17.1912 17.2498 19.125V19.1281Z"/> </svg> <div class="text-base text-secondary-950">2 adults, 1 room</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center justify-center gap-2 rounded-md uppercase bg-primary-500 text-white w-[150px] px-8 flex-shrink-0 h-14 whitespace-nowrap md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Find <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/us/'>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/us/switzerland-hotels/'>Switzerland Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <span class="text-secondary-950">Lucerne Hotels</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10"> <div class="flex items-center flex-wrap gap-x-10 gap-y-2.5 w-full px-9 md:px-5 md:gap-1 md:grid md:grid-cols-3"> <div class="group relative flex items-center gap-2.5"> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full "> <span class="md:hidden">Price per night:</span> <span class="hidden md:inline">Price / night</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap bg-[#77cd7d] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Up to $100</div> <div class="flex items-center h-10 text-nowrap bg-[#7bdfb5] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">$100 - 200</div> <div class="flex items-center h-10 text-nowrap bg-[#fed169] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">From $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">Rating:</span> <span class="hidden md:inline">Guest rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#77cd7d] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Excellent 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">Very good 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">Good 7+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">All ratings</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Star rating:</span> <span class="hidden md:inline">Star rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">5-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">4-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">3-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Unrated</div> </div> </div> </div> </div> <div class="w-full px-9 md:px-5"> <div class="flex justify-between gap-8 md:flex-col"> <div class="mb-8 flex-shrink-0"> <div class="grid"> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1 md:grid-cols-1 js-extra-hotels"> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } .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="ameron-luzern-hotel-flora" data-bhotel-id="ameron-luzern-hotel-flora" data-name = "Ameron Luzern Hotel Flora" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12755/1275587/1275587041.JPEG" data-lat="47.0502" data-lng="8.30765" data-price = "256US$" data-link = "https://touristvr.com/us/ameron-luzern-hotel-flora" > <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="65362" 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/12755/1275587/1275587041.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/12755/1275587/1275587452.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/12755/1275587/1275587344.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/12755/1275587/1275587041.JPEG" alt="" loading="lazy" data-bhotel-id="65362" 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> Excellent </span> <span> (1022)</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/us/ameron-luzern-hotel-flora" 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">Ameron Luzern Hotel Flora</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">256US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65362" > <span class="mr-2">Check Availability</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="art-deco-hotel-montana" data-bhotel-id="art-deco-hotel-montana" data-name = "Art Deco Hotel Montana" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/11334/1133481/1133481051.JPEG" data-lat="47.056519" data-lng="8.31971" data-price = "285US$" data-link = "https://touristvr.com/en-us/art-deco-hotel-montana-lucerne" > <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="65376" 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/11334/1133481/1133481051.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/12754/1275434/1275434725.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/12754/1275434/1275434194.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/11334/1133481/1133481051.JPEG" alt="" loading="lazy" data-bhotel-id="65376" 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> Excellent </span> <span> (205)</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/en-us/art-deco-hotel-montana-lucerne" 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">Art Deco Hotel Montana</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">285US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65376" > <span class="mr-2">Check Availability</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-styles-luzern" data-bhotel-id="ibis-styles-luzern" data-name = "Ibis Styles Luzern" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12785/1278598/1278598879.JPEG" data-lat="47.056667" data-lng="8.311704" data-price = "81US$" data-link = "https://touristvr.com/en-us/ibis-styles-luzern-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="355440" 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/12785/1278598/1278598879.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/15377/1537703/1537703674.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/15377/1537703/1537703746.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/12785/1278598/1278598879.JPEG" alt="" loading="lazy" data-bhotel-id="355440" 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> Very good </span> <span> (552)</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/en-us/ibis-styles-luzern-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">Ibis Styles Luzern</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">81US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="355440" > <span class="mr-2">Check Availability</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-drei-koenige" data-bhotel-id="hotel-drei-koenige" data-name = "Hotel Drei Koenige" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/14343/1434303/1434303361.JPEG" data-lat="47.0495134412372" data-lng="8.30070852107997" data-price = "171US$" data-link = "https://touristvr.com/us/hotel-drei-koenige-lucerne" > <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="65200" 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/14343/1434303/1434303361.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/7811/781103/781103868.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/7811/781108/781108755.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/14343/1434303/1434303361.JPEG" alt="" loading="lazy" data-bhotel-id="65200" 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> Very good </span> <span> (406)</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/us/hotel-drei-koenige-lucerne" 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 Drei Koenige</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">171US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65200" > <span class="mr-2">Check Availability</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-europe" data-bhotel-id="grand-hotel-europe" data-name = "Grand Hotel Europe" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/5490/549053/549053877.JPEG" data-lat="47.0558319091797" data-lng="8.32495784759521" data-price = "164US$" data-link = "https://touristvr.com/en-us/grand-hotel-europe-lucerne" > <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="247838" 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/5490/549053/549053877.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/16214/1621411/1621411202.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/16214/1621411/1621411204.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/5490/549053/549053877.JPEG" alt="" loading="lazy" data-bhotel-id="247838" 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> Very good </span> <span> (193)</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/en-us/grand-hotel-europe-lucerne" 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 Europe</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">164US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="247838" > <span class="mr-2">Check Availability</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="mandarin-oriental-palace-luzern" data-bhotel-id="mandarin-oriental-palace-luzern" data-name = "Mandarin Oriental Palace, Luzern" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/14949/1494940/1494940489.jpeg" data-lat="47.055254" data-lng="8.319633" data-price = "705US$" data-link = "https://touristvr.com/en-us/mandarin-oriental-palace-luzern-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="8627487" 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/14949/1494940/1494940489.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/14949/1494940/1494940312.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/14949/1494940/1494940318.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/14949/1494940/1494940489.jpeg" alt="" loading="lazy" data-bhotel-id="8627487" 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> Very good </span> <span> (105)</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/en-us/mandarin-oriental-palace-luzern-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">Mandarin Oriental Palace, Luzern</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">705US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="8627487" > <span class="mr-2">Check Availability</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-muenzgasse" data-bhotel-id="hotel-muenzgasse" data-name = "Hotel Muenzgasse" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15400/1540001/1540001884.JPEG" data-lat="47.05083" data-lng="8.30334" data-price = "130US$" data-link = "https://touristvr.com/us/hotel-muenzgasse-lucerne" > <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="188095" 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/15400/1540001/1540001884.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/15400/1540002/1540002016.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/15400/1540002/1540002052.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/15400/1540001/1540001884.JPEG" alt="" loading="lazy" data-bhotel-id="188095" 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> Very good </span> <span> (358)</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/us/hotel-muenzgasse-lucerne" 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 Muenzgasse</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">130US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="188095" > <span class="mr-2">Check Availability</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-budget-hotel-luzern-city" data-bhotel-id="ibis-budget-hotel-luzern-city" data-name = "Ibis Budget Hotel Luzern City" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15450/1545048/1545048115.JPEG" data-lat="47.04363" data-lng="8.311587" data-price = "176US$" data-link = "https://touristvr.com/en-us/ibis-budget-hotel-luzern-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="185008" 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/15450/1545048/1545048115.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/15920/1592051/1592051836.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/15920/1592051/1592051839.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/15450/1545048/1545048115.JPEG" alt="" loading="lazy" data-bhotel-id="185008" 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> Very good </span> <span> (1355)</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/en-us/ibis-budget-hotel-luzern-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">Ibis Budget Hotel Luzern 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">1</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">176US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="185008" > <span class="mr-2">Check Availability</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="backpackers-luzern" data-bhotel-id="backpackers-luzern" data-name = "Backpackers Luzern" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/10924/1092463/1092463341.JPEG" data-lat="47.04389" data-lng="8.3211" data-price = "143US$" data-link = "https://touristvr.com/us/backpackers-luzern-hostel" > <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="1564988" 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/10924/1092463/1092463341.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/15597/1559714/1559714308.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/15597/1559714/1559714311.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/10924/1092463/1092463341.JPEG" alt="" loading="lazy" data-bhotel-id="1564988" 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> Excellent </span> <span> (146)</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/us/backpackers-luzern-hostel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Backpackers Luzern</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">143US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1564988" > <span class="mr-2">Check Availability</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-express-luzern-kriens-an-ihg-hotel" data-bhotel-id="holiday-inn-express-luzern-kriens-an-ihg-hotel" data-name = "Holiday Inn Express - Luzern - Kriens, An Ihg Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12842/1284239/1284239131.JPEG" data-lat="47.0265407161626" data-lng="8.30030500888824" data-price = "144US$" data-link = "https://touristvr.com/us/holiday-inn-express-luzern-kriens-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="4296137" 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/12842/1284239/1284239131.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/12842/1284240/1284240937.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/12842/1284241/1284241762.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/12842/1284239/1284239131.JPEG" alt="" loading="lazy" data-bhotel-id="4296137" 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> Very good </span> <span> (331)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/holiday-inn-express-luzern-kriens-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 Express - Luzern - Kriens, 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">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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">144US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4296137" > <span class="mr-2">Check Availability</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-schluessel" data-bhotel-id="hotel-schluessel" data-name = "Hotel Schluessel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15746/1574699/1574699186.JPEG" data-lat="47.0498836" data-lng="8.3028745" data-price = "120US$" data-link = "https://touristvr.com/us/hotel-schluessel-lucerne" > <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="27946" 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/1574699/1574699186.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/1574699/1574699144.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/1574699/1574699183.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/1574699/1574699186.JPEG" alt="" loading="lazy" data-bhotel-id="27946" 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> Very good </span> <span> (327)</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/us/hotel-schluessel-lucerne" 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 Schluessel</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">120US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="27946" > <span class="mr-2">Check Availability</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-pilatus-kulm" data-bhotel-id="hotel-pilatus-kulm" data-name = "Hotel Pilatus-Kulm" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/10690/1069010/1069010140.JPEG" data-lat="46.97964" data-lng="8.25456" data-price = "527US$" data-link = "https://touristvr.com/us/hotel-pilatus-kulm-lucerne" > <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="1888619" 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/10690/1069010/1069010140.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/15847/1584708/1584708252.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/15847/1584708/1584708297.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/10690/1069010/1069010140.JPEG" alt="" loading="lazy" data-bhotel-id="1888619" 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> Very good </span> <span> (123)</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/us/hotel-pilatus-kulm-lucerne" 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 Pilatus-Kulm</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">527US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1888619" > <span class="mr-2">Check Availability</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-central-luzern" data-bhotel-id="hotel-central-luzern" data-name = "Hotel Central Luzern" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/5359/535965/535965360.JPEG" data-lat="47.0492428812323" data-lng="8.30784034021726" data-price = "257US$" data-link = "https://touristvr.com/en-us/hotel-central-luzern" > <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="2076968" 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/5359/535965/535965360.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/9432/943298/943298062.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/9432/943298/943298122.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/5359/535965/535965360.JPEG" alt="" loading="lazy" data-bhotel-id="2076968" 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> Very good </span> <span> (279)</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/en-us/hotel-central-luzern" 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 Central Luzern</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">257US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2076968" > <span class="mr-2">Check Availability</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="cascada-boutique-hotel" data-bhotel-id="cascada-boutique-hotel" data-name = "Cascada Boutique Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/9974/997495/997495113.JPEG" data-lat="47.0462" data-lng="8.30943" data-price = "188US$" data-link = "https://touristvr.com/en-us/cascada-boutique-hotel-lucerne" > <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="65171" 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/9974/997495/997495113.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/13876/1387692/1387692491.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/13876/1387698/1387698890.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/9974/997495/997495113.JPEG" alt="" loading="lazy" data-bhotel-id="65171" 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> Very good </span> <span> (522)</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/en-us/cascada-boutique-hotel-lucerne" 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">Cascada Boutique Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">188US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65171" > <span class="mr-2">Check Availability</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-alpha" data-bhotel-id="hotel-alpha" data-name = "Hotel Alpha" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/3963/396351/396351867.JPEG" data-lat="47.047" data-lng="8.30151" data-price = "85US$" data-link = "https://touristvr.com/us/hotel-alpha-lucerne" > <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="65369" 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/3963/396351/396351867.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/3963/396346/396346131.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/3963/396347/396347568.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/3963/396351/396351867.JPEG" alt="" loading="lazy" data-bhotel-id="65369" 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> Very good </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/us/hotel-alpha-lucerne" 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 Alpha</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">85US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65369" > <span class="mr-2">Check Availability</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="roesli-guest-house" data-bhotel-id="roesli-guest-house" data-name = "Roesli Guest House" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/6876/687683/687683925.JPEG" data-lat="47.05077" data-lng="8.30252" data-price = "108US$" data-link = "https://touristvr.com/us/roesli-guest-house-lucerne" > <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="74533" 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/6876/687683/687683925.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/16168/1616876/1616876866.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/15001/1500126/1500126211.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/6876/687683/687683925.JPEG" alt="" loading="lazy" data-bhotel-id="74533" 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> Very good </span> <span> (679)</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/us/roesli-guest-house-lucerne" 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">Roesli Guest House</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">108US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="74533" > <span class="mr-2">Check Availability</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-luzernerhof" data-bhotel-id="hotel-luzernerhof" data-name = "Hotel Luzernerhof" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16102/1610215/1610215419.JPEG" data-lat="47.055088" data-lng="8.310955" data-price = "129US$" data-link = "https://touristvr.com/us/hotel-luzernerhof" > <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="65485" 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/16102/1610215/1610215419.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/16102/1610215/1610215326.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/16102/1610215/1610215327.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/16102/1610215/1610215419.JPEG" alt="" loading="lazy" data-bhotel-id="65485" 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> Very good </span> <span> (234)</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/us/hotel-luzernerhof" 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 Luzernerhof</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">129US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65485" > <span class="mr-2">Check Availability</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="boutique-hotel-weisses-kreuz-adult-only-hotel" data-bhotel-id="boutique-hotel-weisses-kreuz-adult-only-hotel" data-name = "Boutique Hotel Weisses Kreuz - Adult Only Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/3221/322187/322187557.JPEG" data-lat="47.05203" data-lng="8.30648" data-price = "116US$" data-link = "https://touristvr.com/us/boutique-hotel-weisses-kreuz-adult-only-hotel-lucerne" > <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="65363" 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/3221/322187/322187557.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/1580268/1580268235.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/15629/1562927/1562927560.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/3221/322187/322187557.JPEG" alt="" loading="lazy" data-bhotel-id="65363" 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> Excellent </span> <span> (830)</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/us/boutique-hotel-weisses-kreuz-adult-only-hotel-lucerne" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Boutique Hotel Weisses Kreuz - Adult Only 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">116US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65363" > <span class="mr-2">Check Availability</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="barabas-luzern" data-bhotel-id="barabas-luzern" data-name = "Barabas Luzern" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/10057/1005775/1005775207.JPEG" data-lat="47.05285" data-lng="8.30441" data-price = "110US$" data-link = "https://touristvr.com/us/barabas-luzern-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="3371541" 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/10057/1005775/1005775207.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/15784/1578441/1578441812.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/15784/1578441/1578441824.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/10057/1005775/1005775207.JPEG" alt="" loading="lazy" data-bhotel-id="3371541" 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> Very good </span> <span> (337)</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/us/barabas-luzern-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">Barabas Luzern</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">110US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3371541" > <span class="mr-2">Check Availability</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-sonnenberg" data-bhotel-id="hotel-sonnenberg" data-name = "Hotel Sonnenberg" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16298/1629893/1629893704.JPEG" data-lat="47.04422" data-lng="8.2733" data-price = "133US$" data-link = "https://touristvr.com/us/hotel-sonnenberg-lucerne" > <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="183518" 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/16298/1629893/1629893704.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/16016/1601681/1601681433.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/1618271/1618271738.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/16298/1629893/1629893704.JPEG" alt="" loading="lazy" data-bhotel-id="183518" 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> Very good </span> <span> (233)</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/us/hotel-sonnenberg-lucerne" 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 Sonnenberg</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">133US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="183518" > <span class="mr-2">Check Availability</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-astoria" data-bhotel-id="hotel-astoria" data-name = "Hotel Astoria" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16205/1620585/1620585365.JPEG" data-lat="47.048206" data-lng="8.305634" data-price = "146US$" data-link = "https://touristvr.com/us/hotel-astoria-lucerne" > <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="76769" 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/16205/1620585/1620585365.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/16005/1600561/1600561200.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/15551/1555151/1555151656.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/16205/1620585/1620585365.JPEG" alt="" loading="lazy" data-bhotel-id="76769" 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> Very good </span> <span> (576)</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/us/hotel-astoria-lucerne" 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 Astoria</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">146US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="76769" > <span class="mr-2">Check Availability</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="seehotel-kastanienbaum" data-bhotel-id="seehotel-kastanienbaum" data-name = "Seehotel Kastanienbaum" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15163/1516368/1516368877.JPEG" data-lat="47.007751" data-lng="8.34025" data-price = "264US$" data-link = "https://touristvr.com/us/seehotel-kastanienbaum-lucerne" > <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="65256" 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/15163/1516368/1516368877.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/12753/1275371/1275371794.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/16065/1606540/1606540754.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/15163/1516368/1516368877.JPEG" alt="" loading="lazy" data-bhotel-id="65256" 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> Very good </span> <span> (282)</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/us/seehotel-kastanienbaum-lucerne" 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">Seehotel Kastanienbaum</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">264US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65256" > <span class="mr-2">Check Availability</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-des-alpes" data-bhotel-id="hotel-des-alpes" data-name = "Hotel Des Alpes" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/4637/463767/463767447.JPEG" data-lat="47.0523" data-lng="8.30739" data-price = "242US$" data-link = "https://touristvr.com/en-us/hotel-des-alpes-lucerne" > <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="22293" 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/4637/463767/463767447.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/15844/1584410/1584410517.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/9834/983427/983427694.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/4637/463767/463767447.JPEG" alt="" loading="lazy" data-bhotel-id="22293" 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> Excellent </span> <span> (869)</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/en-us/hotel-des-alpes-lucerne" 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 Des Alpes</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">242US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="22293" > <span class="mr-2">Check Availability</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="romantik-hotel-wilden-mann-luzern" data-bhotel-id="romantik-hotel-wilden-mann-luzern" data-name = "Romantik Hotel Wilden Mann Luzern" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/8324/832462/832462124.JPEG" data-lat="47.05029" data-lng="8.30308" data-price = "206US$" data-link = "https://touristvr.com/us/romantik-hotel-wilden-mann-luzern" > <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="65434" 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/8324/832462/832462124.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/12752/1275289/1275289447.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/12752/1275289/1275289117.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/8324/832462/832462124.JPEG" alt="" loading="lazy" data-bhotel-id="65434" 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> Very good </span> <span> (168)</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/us/romantik-hotel-wilden-mann-luzern" 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">Romantik Hotel Wilden Mann Luzern</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">206US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65434" > <span class="mr-2">Check Availability</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-rebstock" data-bhotel-id="hotel-rebstock" data-name = "Hotel Rebstock" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/11335/1133524/1133524149.JPEG" data-lat="47.05541" data-lng="8.31259" data-price = "183US$" data-link = "https://touristvr.com/us/hotel-rebstock-lucerne" > <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="67090" 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/11335/1133524/1133524149.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/15975/1597541/1597541980.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/15975/1597541/1597541956.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/11335/1133524/1133524149.JPEG" alt="" loading="lazy" data-bhotel-id="67090" 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> Very good </span> <span> (316)</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/us/hotel-rebstock-lucerne" 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 Rebstock</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">183US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="67090" > <span class="mr-2">Check Availability</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-anker-luzern" data-bhotel-id="hotel-anker-luzern" data-name = "Hotel Anker Luzern" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7112/711211/711211417.JPEG" data-lat="47.04809" data-lng="8.30404" data-price = "184US$" data-link = "https://touristvr.com/us/hotel-anker-luzern" > <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="1814665" 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/7112/711211/711211417.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/12333/1233341/1233341378.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/6395/639595/639595020.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/7112/711211/711211417.JPEG" alt="" loading="lazy" data-bhotel-id="1814665" 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> Very good </span> <span> (251)</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/us/hotel-anker-luzern" 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 Anker Luzern</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">184US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1814665" > <span class="mr-2">Check Availability</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-spatz" data-bhotel-id="hotel-spatz" data-name = "Hotel Spatz" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/9855/985526/985526560.JPEG" data-lat="47.04007" data-lng="8.30138" data-price = "274US$" data-link = "https://touristvr.com/us/hotel-spatz-lucerne" > <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="65237" 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/9855/985526/985526560.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/15163/1516390/1516390276.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/15163/1516390/1516390351.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/9855/985526/985526560.JPEG" alt="" loading="lazy" data-bhotel-id="65237" 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> Very good </span> <span> (496)</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/us/hotel-spatz-lucerne" 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 Spatz</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">274US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65237" > <span class="mr-2">Check Availability</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="luzern-youth-hostel" data-bhotel-id="luzern-youth-hostel" data-name = "Luzern Youth Hostel" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16087/1608787/1608787682.JPEG" data-lat="47.06183" data-lng="8.30154" data-price = "43US$" data-link = "https://touristvr.com/us/luzern-youth-hostel" > <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="321688" 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/16087/1608787/1608787682.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/1608787/1608787674.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/1608787/1608787675.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/16087/1608787/1608787682.JPEG" alt="" loading="lazy" data-bhotel-id="321688" 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> Very good </span> <span> (180)</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/us/luzern-youth-hostel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Luzern Youth Hostel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">43US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="321688" > <span class="mr-2">Check Availability</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-bellevue-kriens" data-bhotel-id="hotel-bellevue-kriens" data-name = "Hotel Bellevue Kriens" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7901/790140/790140999.JPEG" data-lat="46.97956" data-lng="8.25553" data-price = "299US$" data-link = "https://touristvr.com/us/hotel-bellevue-kriens-lucerne" > <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="316051" 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/7901/790140/790140999.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/16444/1644414/1644414672.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/15960/1596029/1596029785.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/7901/790140/790140999.JPEG" alt="" loading="lazy" data-bhotel-id="316051" 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> Very good </span> <span> (42)</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/us/hotel-bellevue-kriens-lucerne" 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 Bellevue Kriens</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">299US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="316051" > <span class="mr-2">Check Availability</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-des-balances" data-bhotel-id="hotel-des-balances" data-name = "Hotel Des Balances" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12754/1275479/1275479716.JPEG" data-lat="47.051624" data-lng="8.304522" data-price = "173US$" data-link = "https://touristvr.com/en-us/hotel-des-balances-lucerne" > <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="65018" 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/12754/1275479/1275479716.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/12754/1275479/1275479968.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/1580270/1580270123.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/12754/1275479/1275479716.JPEG" alt="" loading="lazy" data-bhotel-id="65018" 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> Excellent </span> <span> (632)</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/en-us/hotel-des-balances-lucerne" 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 Des Balances</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">173US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65018" > <span class="mr-2">Check Availability</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-de-la-paix" data-bhotel-id="hotel-de-la-paix" data-name = "Hotel De La Paix" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/9681/968111/968111233.JPEG" data-lat="47.055902" data-lng="8.310367" data-price = "203US$" data-link = "https://touristvr.com/us/hotel-de-la-paix-lucerne" > <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="65274" 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/9681/968111/968111233.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/16263/1626350/1626350815.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/16263/1626350/1626350816.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/9681/968111/968111233.JPEG" alt="" loading="lazy" data-bhotel-id="65274" 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> Very good </span> <span> (411)</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/us/hotel-de-la-paix-lucerne" 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 De La Paix</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">203US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65274" > <span class="mr-2">Check Availability</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="boutique-hotel-karl" data-bhotel-id="boutique-hotel-karl" data-name = "Boutique Hotel Karl" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/16377/1637706/1637706633.JPEG" data-lat="47.0529" data-lng="8.300509" data-price = "315US$" data-link = "https://touristvr.com/us/boutique-hotel-karl-lucerne" > <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="67058" 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/16377/1637706/1637706633.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/1588044/1588044357.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/1588044/1588044333.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/16377/1637706/1637706633.JPEG" alt="" loading="lazy" data-bhotel-id="67058" 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> Excellent </span> <span> (1099)</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/us/boutique-hotel-karl-lucerne" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Boutique Hotel Karl</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">315US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="67058" > <span class="mr-2">Check Availability</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="businesshotel-lux" data-bhotel-id="businesshotel-lux" data-name = "Businesshotel Lux" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/585/58503/58503322.JPEG" data-lat="47.08111" data-lng="8.27065" data-price = "165US$" data-link = "https://touristvr.com/us/businesshotel-lux-lucerne" > <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="470975" 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/585/58503/58503322.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/15363/1536330/1536330004.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/15363/1536330/1536330034.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/585/58503/58503322.JPEG" alt="" loading="lazy" data-bhotel-id="470975" 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> Very good </span> <span> (328)</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/us/businesshotel-lux-lucerne" 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">Businesshotel Lux</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">165US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="470975" > <span class="mr-2">Check Availability</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="capsule-hotel-thelab-self-check-in" data-bhotel-id="capsule-hotel-thelab-self-check-in" data-name = "Capsule Hotel Thelab - Self Check-In" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/11347/1134764/1134764815.JPEG" data-lat="47.05042" data-lng="8.30172" data-price = "62US$" data-link = "https://touristvr.com/us/capsule-hotel-thelab-self-check-in-lucerne" > <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="4086100" 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/11347/1134764/1134764815.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/16197/1619799/1619799441.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/16197/1619799/1619799442.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/11347/1134764/1134764815.JPEG" alt="" loading="lazy" data-bhotel-id="4086100" 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> Very good </span> <span> (251)</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/us/capsule-hotel-thelab-self-check-in-lucerne" 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">Capsule Hotel Thelab - Self Check-In</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">62US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4086100" > <span class="mr-2">Check Availability</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="seehotel-sternen" data-bhotel-id="seehotel-sternen" data-name = "Seehotel Sternen" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/1098/109855/109855770.JPEG" data-lat="47.01193" data-lng="8.31622" data-price = "181US$" data-link = "https://touristvr.com/us/seehotel-sternen-lucerne" > <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="73415" 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/1098/109855/109855770.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/1092/109206/109206105.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/1588065/1588065386.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/1098/109855/109855770.JPEG" alt="" loading="lazy" data-bhotel-id="73415" 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> Excellent </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/us/seehotel-sternen-lucerne" 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">Seehotel Sternen</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">181US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="73415" > <span class="mr-2">Check Availability</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-alpina-luzern" data-bhotel-id="hotel-alpina-luzern" data-name = "Hotel Alpina Luzern" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12812/1281287/1281287902.JPEG" data-lat="47.049254" data-lng="8.308457" data-price = "198US$" data-link = "https://touristvr.com/us/hotel-alpina-luzern" > <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="47262" 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/12812/1281287/1281287902.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/12812/1281287/1281287221.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/12812/1281287/1281287767.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/12812/1281287/1281287902.JPEG" alt="" loading="lazy" data-bhotel-id="47262" 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> Very good </span> <span> (385)</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/us/hotel-alpina-luzern" 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 Alpina Luzern</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">198US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="47262" > <span class="mr-2">Check Availability</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="continental-park" data-bhotel-id="continental-park" data-name = "Continental Park" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7894/789471/789471642.JPEG" data-lat="47.04857" data-lng="8.30904" data-price = "122US$" data-link = "https://touristvr.com/en-us/hotel-continental-park-lucerne" > <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="68068" 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/7894/789471/789471642.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/16384/1638475/1638475279.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/16384/1638475/1638475276.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/7894/789471/789471642.JPEG" alt="" loading="lazy" data-bhotel-id="68068" 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> Very good </span> <span> (387)</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/en-us/hotel-continental-park-lucerne" 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">Continental 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">122US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="68068" > <span class="mr-2">Check Availability</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="altstadt-hotel-krone-luzern" data-bhotel-id="altstadt-hotel-krone-luzern" data-name = "Altstadt Hotel Krone Luzern" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/4516/451651/451651590.JPEG" data-lat="47.05197" data-lng="8.30448" data-price = "139US$" data-link = "https://touristvr.com/us/altstadt-hotel-krone-luzern" > <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="65106" 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/4516/451651/451651590.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/10099/1009968/1009968088.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/2392/239219/239219445.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/4516/451651/451651590.JPEG" alt="" loading="lazy" data-bhotel-id="65106" 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> Very good </span> <span> (529)</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/us/altstadt-hotel-krone-luzern" 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">Altstadt Hotel Krone Luzern</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">139US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65106" > <span class="mr-2">Check Availability</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-hofgarten-luzern" data-bhotel-id="hotel-hofgarten-luzern" data-name = "Hotel Hofgarten Luzern" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/11362/1136278/1136278846.JPEG" data-lat="47.05585" data-lng="8.31272" data-price = "209US$" data-link = "https://touristvr.com/us/hotel-hofgarten-luzern" > <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="66841" 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/11362/1136278/1136278846.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/11275/1127552/1127552625.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/11275/1127529/1127529450.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/11362/1136278/1136278846.JPEG" alt="" loading="lazy" data-bhotel-id="66841" 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> Very good </span> <span> (281)</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/us/hotel-hofgarten-luzern" 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 Hofgarten Luzern</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">209US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="66841" > <span class="mr-2">Check Availability</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="neustadt-apartments-managed-by-hotel-central-luzern" data-bhotel-id="neustadt-apartments-managed-by-hotel-central-luzern" data-name = "Neustadt Apartments Managed By Hotel Central Luzern" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/9417/941783/941783803.JPEG" data-lat="47.04823" data-lng="8.30902" data-price = "183US$" data-link = "https://touristvr.com/us/neustadt-apartments-managed-by-hotel-central-luzern" > <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="4886979" 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/9417/941783/941783803.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/12002/1200211/1200211321.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/12002/1200211/1200211609.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/9417/941783/941783803.JPEG" alt="" loading="lazy" data-bhotel-id="4886979" 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> Very good </span> <span> (2)</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/us/neustadt-apartments-managed-by-hotel-central-luzern" 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">Neustadt Apartments Managed By Hotel Central Luzern</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">183US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4886979" > <span class="mr-2">Check Availability</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-felmis" data-bhotel-id="hotel-felmis" data-name = "Hotel Felmis" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/5532/553255/553255047.JPEG" data-lat="47.02129" data-lng="8.3256855" data-price = "141US$" data-link = "https://touristvr.com/us/hotel-felmis-lucerne" > <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="65510" 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/5532/553255/553255047.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/16168/1616874/1616874902.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/16168/1616875/1616875085.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/5532/553255/553255047.JPEG" alt="" loading="lazy" data-bhotel-id="65510" 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> Very good </span> <span> (289)</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/us/hotel-felmis-lucerne" 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 Felmis</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">141US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65510" > <span class="mr-2">Check Availability</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="bellpark-hostel" data-bhotel-id="bellpark-hostel" data-name = "Bellpark Hostel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/2273/227384/227384267.JPEG" data-lat="47.0343" data-lng="8.28358" data-price = "39US$" data-link = "https://touristvr.com/us/bellpark-hostel-lucerne" > <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="866893" 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/2273/227384/227384267.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/16243/1624326/1624326493.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/15337/1533792/1533792169.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/2273/227384/227384267.JPEG" alt="" loading="lazy" data-bhotel-id="866893" 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> Very good </span> <span> (204)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/bellpark-hostel-lucerne" 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">Bellpark Hostel</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">39US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="866893" > <span class="mr-2">Check Availability</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="boutique-hotel-himmelrich" data-bhotel-id="boutique-hotel-himmelrich" data-name = "Boutique Hotel Himmelrich" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7391/739164/739164280.JPEG" data-lat="47.0186169592202" data-lng="8.28309327363968" data-price = "176US$" data-link = "https://touristvr.com/us/boutique-hotel-himmelrich-lucerne" > <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="6244770" 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/7391/739164/739164280.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/11228/1122893/1122893865.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/14085/1408599/1408599212.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/7391/739164/739164280.JPEG" alt="" loading="lazy" data-bhotel-id="6244770" 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> Very good </span> <span> (381)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/boutique-hotel-himmelrich-lucerne" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Boutique Hotel Himmelrich</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">176US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6244770" > <span class="mr-2">Check Availability</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="ambassador-self-check-in-hotel" data-bhotel-id="ambassador-self-check-in-hotel" data-name = "Ambassador Self Check-In Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/6796/679676/679676604.JPEG" data-lat="47.05609014909889" data-lng="8.310393918072805" data-price = "139US$" data-link = "https://touristvr.com/us/ambassador-self-check-in-hotel-lucerne" > <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="65364" 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/6796/679676/679676604.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/1580278/1580278781.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/1580278/1580278963.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/6796/679676/679676604.JPEG" alt="" loading="lazy" data-bhotel-id="65364" 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> Very good </span> <span> (290)</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/us/ambassador-self-check-in-hotel-lucerne" 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">Ambassador Self Check-In 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">139US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65364" > <span class="mr-2">Check Availability</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="hermitage-lake-lucerne" data-bhotel-id="hermitage-lake-lucerne" data-name = "Hermitage Lake Lucerne" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15164/1516457/1516457959.JPEG" data-lat="47.0428" data-lng="8.35024" data-price = "434US$" data-link = "https://touristvr.com/us/hermitage-lake-lucerne-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="65482" 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/15164/1516457/1516457959.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/15983/1598393/1598393764.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/15983/1598393/1598393767.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/15164/1516457/1516457959.JPEG" alt="" loading="lazy" data-bhotel-id="65482" 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> Very good </span> <span> (563)</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/us/hermitage-lake-lucerne-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">Hermitage Lake Lucerne</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">434US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65482" > <span class="mr-2">Check Availability</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="boutique-hotel-balm" data-bhotel-id="boutique-hotel-balm" data-name = "Boutique Hotel Balm" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12408/1240820/1240820113.JPEG" data-lat="47.04437" data-lng="8.36814" data-price = "254US$" data-link = "https://touristvr.com/us/boutique-hotel-balm-lucerne" > <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="65578" 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/12408/1240820/1240820113.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/15669/1566902/1566902822.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/15669/1566902/1566902852.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/12408/1240820/1240820113.JPEG" alt="" loading="lazy" data-bhotel-id="65578" 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> Very good </span> <span> (501)</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/us/boutique-hotel-balm-lucerne" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Boutique Hotel Balm</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">254US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65578" > <span class="mr-2">Check Availability</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-royal-luzern" data-bhotel-id="hotel-royal-luzern" data-name = "Hotel Royal Luzern" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/14110/1411036/1411036124.JPEG" data-lat="47.05628" data-lng="8.3216" data-price = "91US$" data-link = "https://touristvr.com/us/hotel-royal-luzern" > <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="10244006" 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/14110/1411036/1411036124.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/16007/1600777/1600777928.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/15293/1529353/1529353366.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/14110/1411036/1411036124.JPEG" alt="" loading="lazy" data-bhotel-id="10244006" 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> Very good </span> <span> (26)</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/us/hotel-royal-luzern" 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 Royal Luzern</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">91US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="10244006" > <span class="mr-2">Check Availability</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-lestelle-self-check-in" data-bhotel-id="hotel-lestelle-self-check-in" data-name = "Hotel Lestelle - Self Check-In" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13886/1388604/1388604074.JPEG" data-lat="47.0523223876953" data-lng="8.30543518066406" data-price = "104US$" data-link = "https://touristvr.com/us/hotel-lestelle-self-check-in-lucerne" > <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="7984474" 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/13886/1388604/1388604074.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/11833/1183355/1183355407.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/13886/1388605/1388605262.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/13886/1388604/1388604074.JPEG" alt="" loading="lazy" data-bhotel-id="7984474" 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> Very good </span> <span> (297)</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/us/hotel-lestelle-self-check-in-lucerne" 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 Lestelle - Self Check-In</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">104US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="7984474" > <span class="mr-2">Check Availability</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-pickwick-and-pub-the-room-with-a-view" data-bhotel-id="hotel-pickwick-and-pub-the-room-with-a-view" data-name = "Hotel Pickwick And Pub "The Room With A View"" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/3801/380123/380123665.JPEG" data-lat="47.05206" data-lng="8.30731" data-price = "117US$" data-link = "https://touristvr.com/us/hotel-pickwick-and-pub-the-room-with-a-view-lucerne" > <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="449517" 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/3801/380123/380123665.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/15806/1580655/1580655947.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/16143/1614356/1614356977.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/3801/380123/380123665.JPEG" alt="" loading="lazy" data-bhotel-id="449517" 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> Very good </span> <span> (344)</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/us/hotel-pickwick-and-pub-the-room-with-a-view-lucerne" 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 Pickwick And Pub "The Room With A View"</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">117US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="449517" > <span class="mr-2">Check Availability</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-falken" data-bhotel-id="hotel-falken" data-name = "Hotel Falken" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/6851/685139/685139139.JPEG" data-lat="47.05372" data-lng="8.30758" data-price = "88US$" data-link = "https://touristvr.com/us/hotel-falken-lucerne" > <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="65505" 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/6851/685139/685139139.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/3997/399793/399793161.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/3997/399795/399795111.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/6851/685139/685139139.JPEG" alt="" loading="lazy" data-bhotel-id="65505" 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> Very good </span> <span> (526)</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/us/hotel-falken-lucerne" 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 Falken</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">88US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65505" > <span class="mr-2">Check Availability</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-hotel-lucerne-autograph-collection" data-bhotel-id="the-hotel-lucerne-autograph-collection" data-name = "The Hotel Lucerne, Autograph Collection" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/16377/1637707/1637707079.JPEG" data-lat="47.048" data-lng="8.30785" data-price = "239US$" data-link = "https://touristvr.com/us/the-hotel-lucerne-autograph-collection" > <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="68665" 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/16377/1637707/1637707079.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/16437/1643755/1643755465.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/16437/1643755/1643755470.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/16377/1637707/1637707079.JPEG" alt="" loading="lazy" data-bhotel-id="68665" 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> Excellent </span> <span> (205)</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/us/the-hotel-lucerne-autograph-collection" 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 Hotel Lucerne, Autograph Collection</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">239US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="68665" > <span class="mr-2">Check Availability</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="art-deco-hotel-montana-luzern" data-bhotel-id="art-deco-hotel-montana-luzern" data-name = "Art Deco Hotel Montana Luzern" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/11334/1133477/1133477895.JPEG" data-lat="47.05654" data-lng="8.31959" data-price = "324US$" data-link = "https://touristvr.com/us/art-deco-hotel-montana-luzern" > <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="1367522" 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/11334/1133477/1133477895.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/12754/1275434/1275434779.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/12754/1275434/1275434575.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/11334/1133477/1133477895.JPEG" alt="" loading="lazy" data-bhotel-id="1367522" 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> Very good </span> <span> (67)</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/us/art-deco-hotel-montana-luzern" 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">Art Deco Hotel Montana Luzern</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">324US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1367522" > <span class="mr-2">Check Availability</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="chateau-guetsch" data-bhotel-id="chateau-guetsch" data-name = "Chateau Guetsch" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13966/1396601/1396601369.JPEG" data-lat="47.0517771509023" data-lng="8.29469092539512" data-price = "320US$" data-link = "https://touristvr.com/us/chateau-guetsch-hotel-lucerne" > <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="1048754" 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/13966/1396601/1396601369.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/15494/1549420/1549420591.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/1589195/1589195894.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/13966/1396601/1396601369.JPEG" alt="" loading="lazy" data-bhotel-id="1048754" 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> Very good </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/us/chateau-guetsch-hotel-lucerne" 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">Chateau Guetsch</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">320US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1048754" > <span class="mr-2">Check Availability</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-national-luzern" data-bhotel-id="grand-hotel-national-luzern" data-name = "Grand Hotel National Luzern" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/10886/1088609/1088609482.JPEG" data-lat="47.054785" data-lng="8.314939" data-price = "354US$" data-link = "https://touristvr.com/us/grand-hotel-national-luzern" > <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="65368" 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/10886/1088609/1088609482.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/14381/1438144/1438144780.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/14381/1438146/1438146610.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/10886/1088609/1088609482.JPEG" alt="" loading="lazy" data-bhotel-id="65368" 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> Very good </span> <span> (293)</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/us/grand-hotel-national-luzern" 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 National Luzern</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">354US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="65368" > <span class="mr-2">Check Availability</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-beau-sejour-lucerne" data-bhotel-id="hotel-beau-sejour-lucerne" data-name = "Hotel Beau Sejour Lucerne" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13278/1327802/1327802327.JPEG" data-lat="47.05566" data-lng="8.3228" data-price = "109US$" data-link = "https://touristvr.com/us/hotel-beau-sejour-lucerne" > <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="2943412" 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/13278/1327802/1327802327.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/14277/1427785/1427785714.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/13243/1324379/1324379218.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/13278/1327802/1327802327.JPEG" alt="" loading="lazy" data-bhotel-id="2943412" 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> Very good </span> <span> (181)</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/us/hotel-beau-sejour-lucerne" 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 Beau Sejour Lucerne</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">109US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2943412" > <span class="mr-2">Check Availability</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="lake-villa-lotus" data-bhotel-id="lake-villa-lotus" data-name = "Lake Villa Lotus" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/8850/885081/885081718.JPEG" data-lat="47.032284" data-lng="8.337378" data-price = "3840US$" data-link = "https://touristvr.com/us/lake-villa-lotus-lucerne" > <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="4029790" 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/8850/885081/885081718.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/9822/982277/982277731.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/7594/759471/759471695.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/8850/885081/885081718.JPEG" alt="" loading="lazy" data-bhotel-id="4029790" 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> Very good </span> <span> (65)</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/us/lake-villa-lotus-lucerne" 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">Lake Villa Lotus</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">3840US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4029790" > <span class="mr-2">Check Availability</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="young-backpackers-homestay" data-bhotel-id="young-backpackers-homestay" data-name = "Young Backpackers Homestay" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/11292/1129227/1129227963.JPEG" data-lat="47.04044" data-lng="8.29127" data-price = "39US$" data-link = "https://touristvr.com/us/young-backpackers-homestay-lucerne" > <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="5241265" 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/11292/1129227/1129227963.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/15379/1537911/1537911571.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/15379/1537911/1537911649.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/11292/1129227/1129227963.JPEG" alt="" loading="lazy" data-bhotel-id="5241265" 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> Very good </span> <span> (59)</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/us/young-backpackers-homestay-lucerne" 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">Young Backpackers Homestay</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">39US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="5241265" > <span class="mr-2">Check Availability</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="gasthaus-zum-kreuz" data-bhotel-id="gasthaus-zum-kreuz" data-name = "Gasthaus Zum Kreuz" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15805/1580544/1580544045.JPEG" data-lat="47.05146" data-lng="8.38291" data-price = "93US$" data-link = "https://touristvr.com/us/gasthaus-zum-kreuz-hotel-lucerne" > <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="311575" 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/15805/1580544/1580544045.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/15805/1580553/1580553069.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/15805/1580553/1580553073.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/15805/1580544/1580544045.JPEG" alt="" loading="lazy" data-bhotel-id="311575" 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> Very good </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/us/gasthaus-zum-kreuz-hotel-lucerne" 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">Gasthaus Zum Kreuz</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">93US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="311575" > <span class="mr-2">Check Availability</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="47.043453606445" data-lng="8.3115542410148"></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">From</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/per night</span> </div> </div> </div> </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>Show map</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>Show list</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">Discover Your Perfect Stay</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>Nestled amidst the stunning Swiss Alps and bordered by the serene Lake Lucerne, the picturesque city of Lucerne offers an enchanting blend of natural beauty and cultural richness. Whether you’re drawn by the backdrop of towering mountains or the charming medieval architecture, finding the perfect place to stay enhances your travel experience. From luxurious lakeside retreats to cozy boutique hotels, the best hotels in Lucerne cater to every traveler's preferences and budgets.</p><p>For those seeking an unforgettable stay, consider accommodations that not only offer comfort but also breathtaking views of the iconic Swiss landscape. Hotels like the Hotel des Balances provide a unique opportunity to indulge in fine dining while gazing out at the majestic peaks. Meanwhile, the Hotel Monopol stands conveniently in the heart of the city, allowing guests to explore top attractions like Chapel Bridge and the Lion Monument effortlessly.</p><p>As you journey through Lucerne, immerse yourself in the local culture and hospitality that the city is renowned for. Many of the best hotels in Lucerne feature amenities that showcase Swiss traditions, offering exquisite local cuisine and wellness facilities. No matter which hotel you choose, you are sure to create lasting memories while enjoying all that this stunning destination has to offer.</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-896939" data-langcode="en" data-bcity-id="-2552994" data-city-name="Lucerne" > <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>Name of hotel</span> </td> <td style="width: 135px;"> <span>Accommodation Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#ibis-budget-hotel-luzern-city" class="js-clk-open" data-type="table" data-bhotel-id="185008" data-open-once data-open-passive>Ibis Budget Hotel Luzern City</a> </td> <td> <p> 7.3 / 10 </p> <p> (8671 Reviews)</p> </td> <td> <span>From 101US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="185008">Check Price</button> </td> </tr> <tr> <td> <a href="#hotel-pilatus-kulm" class="js-clk-open" data-type="table" data-bhotel-id="1888619" data-open-once data-open-passive>Hotel Pilatus-Kulm</a> </td> <td> <p> 9.2 / 10 </p> <p> (422 Reviews)</p> </td> <td> <span>From 407US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="1888619">Check Price</button> </td> </tr> <tr> <td> <a href="#hotel-des-balances" class="js-clk-open" data-type="table" data-bhotel-id="65018" data-open-once data-open-passive>Hotel des Balances</a> </td> <td> <p> 9.2 / 10 </p> <p> (1388 Reviews)</p> </td> <td> <span>From 294US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="65018">Check Price</button> </td> </tr> <tr> <td> <a href="#boutique-hotel-by-continental-park" class="js-clk-open" data-type="table" data-bhotel-id="6701454" data-open-once data-open-passive>Boutique Hotel By Continental Park</a> </td> <td> <p> 8.3 / 10 </p> <p> (485 Reviews)</p> </td> <td> <span>From 232US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="6701454">Check Price</button> </td> </tr> <tr> <td> <a href="#ibis-styles-luzern" class="js-clk-open" data-type="table" data-bhotel-id="355440" data-open-once data-open-passive>Ibis Styles Luzern</a> </td> <td> <p> 7.3 / 10 </p> <p> (2367 Reviews)</p> </td> <td> <span>From 179US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="355440">Check Price</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="ibis-budget-hotel-luzern-city" data-id="1716762" data-lat="47.043453606445" data-lng="8.3115542410148"> <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/1545048/1545048115.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15450/1545048/1545048115.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15946/1594678/1594678131.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15946/1594678/1594678136.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15946/1594678/1594678137.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15946/1594678/1594678139.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15946/1594678/1594678141.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15946/1594678/1594678144.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15920/1592051/1592051836.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15920/1592051/1592051839.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15920/1592051/1592051840.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15920/1592051/1592051841.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15920/1592051/1592051844.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15920/1592051/1592051846.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584424/1584424237.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584424/1584424272.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15946/1594678/1594678133.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15946/1594678/1594678134.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15946/1594678/1594678135.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546751/1546751473.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546751/1546751485.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546751/1546751491.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546751/1546751500.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546751/1546751551.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546751/1546751758.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546751/1546751782.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546753/1546753519.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546753/1546753549.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546753/1546753573.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546755/1546755364.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546755/1546755379.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546755/1546755649.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546755/1546755655.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546755/1546755679.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546755/1546755757.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546757/1546757209.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546751/1546751530.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546752/1546752019.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546752/1546752028.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546753/1546753525.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545047/1545047986.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584424/1584424254.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546751/1546751518.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545048/1545048133.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15946/1594678/1594678132.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545048/1545048082.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15920/1592051/1592051842.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546753/1546753537.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546751/1546751482.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545048/1545048103.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546751/1546751470.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15920/1592051/1592051838.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584424/1584424221.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546752/1546752076.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546755/1546755952.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280233/1280233759.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546756/1546756105.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584424/1584424246.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15920/1592051/1592051845.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546756/1546756903.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545048/1545048154.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15946/1594678/1594678126.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2628/262820/262820245.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546756/1546756897.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545048/1545048070.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1098/109807/109807185.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546756/1546756051.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545048/1545048073.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546752/1546752025.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280234/1280234125.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545048/1545048109.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546755/1546755988.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545048/1545048001.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546757/1546757158.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545048/1545048151.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15936/1593677/1593677369.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14766/1476627/1476627154.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546755/1546755964.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15450/1545048/1545048076.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280232/1280232451.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280232/1280232508.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280232/1280232781.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280234/1280234608.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280233/1280233201.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280234/1280234662.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546756/1546756870.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546756/1546756873.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14766/1476627/1476627370.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280232/1280232541.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14766/1476627/1476627031.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14766/1476627/1476627058.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14766/1476627/1476627070.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14766/1476627/1476627073.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14766/1476627/1476627103.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14766/1476627/1476627112.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14766/1476627/1476627133.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14766/1476627/1476627175.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14766/1476627/1476627181.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14766/1476627/1476627205.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14766/1476627/1476627241.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7083/708319/708319672.JPEG" data-image-gallery="galleryibis-budget-hotel-luzern-city" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="ibis-budget-hotel-luzern-city" > </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.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (8671)</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="185008">Ibis Budget Hotel Luzern City</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">1</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">Kellerstrasse 6</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Ibis Budget Hotel Luzern City provides a no-frills approach to comfort with its clean, minimalistic design and cozy atmosphere. This hotel is recognized as one of the best hotels in Lucerne for budget-conscious travelers who still seek a quality stay. The rooms are functional and well-equipped, making it a great base for exploring the city without breaking the bank. The hotel is conveniently located, with direct access to public transportation, ensuring guests can reach major attractions easily. A complimentary breakfast is available, providing a satisfying start to a busy day of sightseeing. Ibis Budget Hotel Luzern City combines affordability with convenience in the very heart of the city. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">101US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="185008" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-pilatus-kulm" data-id="1716763" data-lat="46.97964" data-lng="8.25456"> <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/10690/1069010/1069010140.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10690/1069010/1069010140.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15847/1584708/1584708252.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15847/1584708/1584708297.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15847/1584708/1584708268.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15847/1584708/1584708139.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15847/1584708/1584708146.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15847/1584708/1584708217.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15847/1584708/1584708228.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15847/1584708/1584708247.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15847/1584708/1584708186.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15961/1596104/1596104099.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15961/1596104/1596104048.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15961/1596104/1596104044.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15961/1596104/1596104053.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13573/1357396/1357396133.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13573/1357397/1357397708.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10690/1069010/1069010158.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10690/1069010/1069010659.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10690/1069011/1069011145.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10690/1069013/1069013257.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10690/1069014/1069014073.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10690/1069010/1069010704.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10690/1069015/1069015699.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9430/943065/943065349.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10690/1069007/1069007437.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10690/1069012/1069012132.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7901/790114/790114398.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5358/535869/535869804.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5358/535849/535849815.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10690/1069015/1069015012.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5358/535871/535871532.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10690/1069012/1069012654.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10690/1069008/1069008067.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10690/1069011/1069011226.JPEG" data-image-gallery="galleryhotel-pilatus-kulm" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-pilatus-kulm" > </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"> 9.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (422)</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="1888619">Hotel Pilatus-Kulm</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">Schlossweg 1, Kriens</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Pilatus-Kulm promises an unmatched experience for those who seek magnificent views from a remarkable vantage point. Recognized among the best hotels in Lucerne it is located at the summit of Mount Pilatus and offers unrivaled panoramas of the Swiss Alps and nearby lakes. Guests can look forward to dining with sweeping views while enjoying exceptional Swiss cuisine. The hotel serves as a gateway for numerous outdoor activities such as hiking and snow sports, all set against breathtaking backdrops. The rooms are designed to allow guests to savor the beauty of nature and provide a truly immersive experience. Hotel Pilatus-Kulm is the epitome of a scenic getaway. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">407US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="1888619" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="luxury-hotels">Luxury Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When it comes to an extraordinary experience in Lucerne, luxury hotels are the ideal choice. This section features the best hotels in Lucerne known for their lavish amenities, stunning views, and exceptional service. Staying at a luxury hotel ensures guests enjoy not only plush accommodations but also exquisite dining experiences and rejuvenating spa treatments. Each of these hotels embodies elegance, showcasing the sophistication that travelers expect from a premier destination. Whether you're looking for a romantic getaway or simply want to spoil yourself, there's a perfect luxurious sanctuary waiting for you. Let's explore some of the top options for an opulent stay in Lucerne.</p> </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-des-balances" data-id="1716764" data-lat="47.051624" data-lng="8.304522"> <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/12754/1275479/1275479716.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12754/1275479/1275479716.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479968.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580270/1580270123.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390108.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390180.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390201.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390252.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516367/1516367812.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390186.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390234.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390213.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275478/1275478843.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516367/1516367830.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390156.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390231.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390249.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390255.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13175/1317539/1317539884.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13175/1317549/1317549862.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479497.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479548.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275480/1275480130.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275480/1275480211.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390138.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390144.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390195.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390300.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479584.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275478/1275478741.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479179.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479629.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479749.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275480/1275480049.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275480/1275480094.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275480/1275480010.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390210.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13856/1385627/1385627336.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479131.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479887.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390606.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13856/1385630/1385630993.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479260.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4172/417269/417269193.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479389.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479335.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390168.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390207.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2506/250631/250631617.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13855/1385591/1385591534.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527158.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527221.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527239.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527251.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527326.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527341.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527383.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5493/549300/549300564.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390060.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4164/416451/416451342.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527272.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527260.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390150.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5596/559677/559677519.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4164/416451/416451354.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2506/250631/250631469.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527356.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13856/1385661/1385661275.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479665.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479074.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2506/250631/250631465.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2506/250631/250631629.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275480/1275480181.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2506/250631/250631641.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1847/184761/184761249.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527347.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13856/1385655/1385655506.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13856/1385659/1385659721.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13856/1385655/1385655881.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1847/184761/184761270.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527233.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390264.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580270/1580270015.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3334/333411/333411760.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4164/416451/416451348.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275478/1275478798.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275478/1275478879.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1847/184761/184761288.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13856/1385656/1385656025.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4172/417269/417269244.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1847/184761/184761279.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527293.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3334/333411/333411784.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527212.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275479/1275479929.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527335.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3334/333411/333411778.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390066.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3887/388730/388730501.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3887/388730/388730564.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1855/185527/185527302.JPEG" data-image-gallery="galleryhotel-des-balances" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-des-balances" > </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"> 9.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1388)</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="65018">Hotel des Balances</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">Weinmarkt</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel des Balances captures the essence of Swiss charm within its cozy and stylish confines. Located close to the lakeside, this hotel is a standout among the best hotels in Lucerne due to its warm ambiance and collaborative design that tells the local story. Each room is uniquely decorated, blending contemporary style with traditional elements that reflect the region's heritage. Guests can enjoy delectable local cuisine in the hotel’s restaurant or grab a drink in the chic bar area. The staff at Hotel des Balances pride themselves on providing personalized service, ensuring a memorable stay for every visitor. This boutique hotel is the perfect spot for travelers seeking a genuine, local experience without sacrificing comfort. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">294US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="65018" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="boutique-hotel-by-continental-park" data-id="1716765" data-lat="47.048604" data-lng="8.308731"> <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/10136/1013662/1013662672.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10136/1013662/1013662672.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13795/1379590/1379590124.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13795/1379577/1379577986.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12952/1295206/1295206456.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12951/1295172/1295172922.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12338/1233864/1233864782.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12297/1229718/1229718467.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12297/1229719/1229719823.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10656/1065669/1065669514.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10289/1028953/1028953462.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10303/1030367/1030367611.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10185/1018531/1018531567.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10136/1013662/1013662684.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10203/1020320/1020320218.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10136/1013662/1013662603.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10140/1014038/1014038287.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10203/1020320/1020320362.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10138/1013891/1013891086.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403101/1403101805.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13795/1379578/1379578013.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12951/1295159/1295159428.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10136/1013662/1013662783.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10289/1028953/1028953195.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13795/1379578/1379578043.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10314/1031434/1031434237.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10314/1031435/1031435695.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10203/1020326/1020326983.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15938/1593802/1593802478.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15938/1593802/1593802373.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10136/1013662/1013662600.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13795/1379590/1379590187.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10314/1031434/1031434621.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10314/1031434/1031434408.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12951/1295183/1295183953.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15938/1593802/1593802396.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10314/1031433/1031433331.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403103/1403103248.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12338/1233855/1233855800.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12951/1295166/1295166667.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12951/1295157/1295157349.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10203/1020329/1020329842.JPEG" data-image-gallery="galleryboutique-hotel-by-continental-park" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-by-continental-park" > </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.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (485)</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="6701454">Boutique Hotel By Continental Park</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">Morgartenstrasse 13</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Located conveniently near the train station, the Boutique Hotel By Continental Park is perfect for both adventurers and those on a leisurely trip. This elegant hotel is recognized as one of the best hotels in Lucerne due to its chic interior and thoughtful attention to detail. Guests can enjoy beautifully designed rooms and a lovely terrace that offers stunning views of the surrounding mountains. Its proximity to the historic sites of Lucerne ensures that guests have a rich exploration experience just a stone's throw away. The hotel’s modern amenities and personalized service make it a favorite for discerning travelers. The Boutique Hotel By Continental Park harmonizes luxury and comfort perfectly. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">232US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="6701454" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="boutique-hotels">Boutique Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For those seeking a more personalized experience, boutique hotels present a great option in Lucerne. This section highlights some of the best hotels in Lucerne that offer intimate atmospheres and distinctive character. Boutique hotels in Lucerne often feature unique designs, local art, and charming decor, providing an authentic glimpse into Swiss culture. These cozy establishments emphasize exceptional service and attention to detail, ensuring guests enjoy a memorable stay. With their intimate settings, boutique hotels serve as perfect retreats for couples, solo travelers, or anyone looking for a unique experience. Explore our curated selection of boutique hotels that stand out for their charm and individuality.</p> </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="ibis-styles-luzern" data-id="1716775" data-lat="47.056667" data-lng="8.311704"> <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/12785/1278598/1278598879.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12785/1278598/1278598879.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703674.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703746.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703752.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703770.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703938.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537704/1537704013.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537704/1537704019.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537704/1537704031.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537704/1537704046.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537704/1537704088.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703857.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703878.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703773.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597133.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278600/1278600280.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599821.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599707.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599980.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278598/1278598792.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11970/1197088/1197088660.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11970/1197095/1197095524.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703791.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703941.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703869.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703839.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278596/1278596509.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278596/1278596560.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278596/1278596707.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278596/1278596857.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278596/1278596935.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597022.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597958.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278598/1278598141.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599185.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599266.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599410.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599503.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703779.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5447/544720/544720329.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5447/544720/544720581.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703776.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599671.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278595/1278595402.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278598/1278598591.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597085.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278596/1278596452.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278595/1278595030.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278595/1278595780.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597565.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597664.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278600/1278600106.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703845.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599782.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599869.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597784.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278596/1278596401.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11970/1197096/1197096226.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703836.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278598/1278598840.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278595/1278595924.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278598/1278598969.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5447/544714/544714248.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703887.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278596/1278596812.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597163.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597496.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278598/1278598003.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278598/1278598240.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278598/1278598633.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599119.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599152.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599296.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599338.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599530.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703902.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599617.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12786/1278600/1278600043.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/722/72271/72271238.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278598/1278598696.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703926.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703794.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597394.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597595.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278598/1278598735.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278598/1278598285.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278596/1278596746.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278598/1278598045.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599227.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597286.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278596/1278596659.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597364.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278599/1278599737.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5447/544721/544721937.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597529.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278597/1278597205.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12785/1278598/1278598114.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537703/1537703956.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/739/73948/73948763.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4706/470648/470648853.JPEG" data-image-gallery="galleryibis-styles-luzern" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="ibis-styles-luzern" > </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.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (2367)</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="355440">Ibis Styles Luzern</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">Friedenstrasse 8</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Ibis Styles Luzern is a stylish and affordable option perfect for families visiting Lucerne. This hotel is recognized among the best hotels in Lucerne for its cheerful ambiance and kid-friendly features. Each room is bright and inviting, designed with both comfort and functionality in mind. The hotel offers complimentary breakfast for all guests, which includes a variety of options that cater to young palates. With its fun, playful decor and family-focused environment, Ibis Styles Luzern makes every guest feel welcome. This budget-friendly hotel contributes to a delightful family vacation while providing easy access to the city’s highlights. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">179US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="355440" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-monopol-luzern" data-id="1716789" data-lat="47.049984" data-lng="8.308918"> <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/16220/1622007/1622007485.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/16220/1622007/1622007485.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280226/1280226094.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280226/1280226736.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280231/1280231866.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280227/1280227066.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280232/1280232496.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280226/1280226364.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280226/1280226556.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280232/1280232133.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280226/1280226853.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280231/1280231230.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280228/1280228932.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280229/1280229691.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280229/1280229457.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280231/1280231452.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280228/1280228671.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280227/1280227654.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280228/1280228200.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280230/1280230369.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280227/1280227477.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280228/1280228356.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280230/1280230279.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280232/1280232367.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280226/1280226181.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280231/1280231548.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280229/1280229046.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280227/1280227354.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280230/1280230462.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280231/1280231998.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280231/1280231761.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280232/1280232250.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280231/1280231668.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280232/1280232631.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622007/1622007422.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588035/1588035189.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588035/1588035206.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622007/1622007503.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516368/1516368145.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390312.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622007/1622007456.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588032/1588032757.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15803/1580319/1580319493.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516380/1516380883.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516380/1516380910.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390159.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280230/1280230009.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588032/1588032764.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390285.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14200/1420032/1420032012.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13804/1380442/1380442403.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13801/1380195/1380195044.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13801/1380189/1380189869.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13801/1380194/1380194438.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13804/1380442/1380442007.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588032/1588032759.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10801/1080135/1080135925.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10847/1084738/1084738435.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11111/1111123/1111123815.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10801/1080126/1080126637.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10843/1084390/1084390414.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10843/1084393/1084393624.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10843/1084394/1084394053.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280231/1280231347.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10801/1080135/1080135796.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10801/1080135/1080135952.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10843/1084386/1084386859.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10843/1084389/1084389868.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10843/1084394/1084394209.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10843/1084398/1084398742.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10847/1084735/1084735915.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10801/1080134/1080134284.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10404/1040438/1040438491.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10843/1084399/1084399729.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14200/1420026/1420026690.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10057/1005731/1005731083.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280231/1280231113.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390240.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13804/1380444/1380444776.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516380/1516380985.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5372/537221/537221487.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5372/537221/537221850.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5453/545311/545311899.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14200/1420030/1420030902.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10057/1005731/1005731080.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10801/1080126/1080126124.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4195/419564/419564883.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10843/1084390/1084390933.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10057/1005730/1005730507.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5664/566454/566454384.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2206/220644/220644344.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280231/1280231062.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2402/240224/240224593.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2402/240224/240224605.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2400/240090/240090485.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2402/240229/240229357.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2402/240231/240231177.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2402/240237/240237677.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280230/1280230789.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280230/1280230861.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12802/1280229/1280229928.JPEG" data-image-gallery="galleryhotel-monopol-luzern" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-monopol-luzern" > </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.1 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1302)</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="65172">Hotel Monopol Luzern</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">Pilatusstrasse 1</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Monopol Luzern stands as a historic fixture within the city, having welcomed guests since the late 19th century. This elegant hotel is recognized as one of the best hotels in Lucerne due to its timeless charm and stunning architecture. The interior blends classic design with modern aesthetics, creating an inviting atmosphere for visitors. Guests can enjoy luxurious accommodations, fine dining, and a perfect location that enables easy access to the city's main attractions. The legacy and storied past of Hotel Monopol Luzern create an authentic experience that resonates with travelers seeking to connect with the history of Lucerne. Staying here makes every guest feel part of the city's narrative. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">151US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="65172" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="family-friendly-hotels">Family-Friendly Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling with family can be both exciting and challenging, which is why family-friendly hotels are a significant consideration in Lucerne. This section presents the best hotels in Lucerne that warmly welcome families with children, ensuring fun and comfortable stays for everyone. These hotels often offer spacious accommodations, kid-friendly amenities, and activities designed to engage younger guests. By selecting a hotel with family-focused offerings, parents can enjoy peace of mind while exploring the beautiful attractions of Lucerne together. Let’s delve into some of the most kid-friendly options for families visiting this charming Swiss city.</p> </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="ameron-luzern-hotel-flora" data-id="1716798" data-lat="47.0502" data-lng="8.30765"> <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/12755/1275587/1275587041.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12755/1275587/1275587041.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275587/1275587452.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275587/1275587344.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275587/1275587263.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607654/1607654137.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607654/1607654140.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275586/1275586672.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15928/1592873/1592873581.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16174/1617455/1617455949.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600214/1600214318.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600214/1600214335.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616871/1616871531.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16174/1617455/1617455955.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275585/1275585841.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607654/1607654143.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600214/1600214378.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275585/1275585475.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600214/1600214320.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600214/1600214329.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616871/1616871533.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591481/1591481777.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275586/1275586582.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275586/1275586882.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275585/1275585595.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275587/1275587191.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616871/1616871635.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616871/1616871641.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275586/1275586174.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600214/1600214337.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607654/1607654136.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591481/1591481771.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275586/1275586528.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275585/1275585367.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6955/695535/695535441.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14382/1438266/1438266121.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6955/695538/695538042.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275585/1275585928.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275585/1275585964.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275586/1275586207.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275586/1275586249.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275586/1275586321.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14382/1438271/1438271026.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275587/1275587101.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616871/1616871633.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275586/1275586000.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616871/1616871639.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275586/1275586420.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616871/1616871552.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600214/1600214310.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275586/1275586393.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275586/1275586123.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275585/1275585883.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275586/1275586366.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16174/1617455/1617455933.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14382/1438279/1438279969.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14382/1438280/1438280239.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14382/1438282/1438282789.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210257/1210257712.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14382/1438264/1438264591.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2808/280818/280818833.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9236/923664/923664304.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9236/923664/923664337.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9236/923664/923664418.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9236/923664/923664499.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9236/923664/923664553.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8324/832454/832454471.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14382/1438277/1438277707.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14382/1438281/1438281226.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4516/451647/451647552.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14382/1438262/1438262566.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8324/832454/832454381.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8324/832454/832454948.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685117/685117710.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10162/1016201/1016201629.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10162/1016201/1016201563.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14382/1438268/1438268980.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14071/1407103/1407103448.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2808/280819/280819229.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2808/280819/280819209.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8324/832454/832454273.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309002/309002709.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4696/469691/469691190.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6753/675369/675369216.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4664/466438/466438416.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309003/309003341.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309002/309002693.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4696/469691/469691196.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9236/923664/923664460.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14382/1438277/1438277389.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2266/226612/226612823.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2266/226612/226612832.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309002/309002717.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6753/675369/675369042.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5532/553250/553250313.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685117/685117104.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4327/432773/432773904.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7326/732619/732619612.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309002/309002701.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7326/732619/732619585.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7943/794360/794360658.JPEG" data-image-gallery="galleryameron-luzern-hotel-flora" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="ameron-luzern-hotel-flora" > </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.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (2446)</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="65362">Ameron Luzern Hotel Flora</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">Seidenhofstrasse 5</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Ameron Luzern Hotel Flora is another fantastic budget-friendly option that doesn’t compromise on style or comfort. This hotel is praised among the best hotels in Lucerne for its modern amenities and welcoming atmosphere. Guests can expect comfortable rooms, a complimentary breakfast buffet, and a central location that makes exploring the city a breeze. Many rooms offer stunning views of the lake or the mountains, adding a touch of luxury to an affordable stay. The friendly staff is always available to assist with local recommendations and travel tips. With its blend of comfort and convenience, Ameron Luzern Hotel Flora is a superb choice for travelers on a budget. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">119US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="65362" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-seeburg" data-id="1716807" data-lat="47.04672" data-lng="8.34402"> <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/11465/1146595/1146595447.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/11465/1146595/1146595447.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15803/1580333/1580333277.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15996/1599638/1599638752.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11569/1156969/1156969119.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11569/1156970/1156970253.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11569/1156970/1156970421.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11466/1146603/1146603409.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11475/1147533/1147533340.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11534/1153422/1153422846.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11465/1146594/1146594097.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11465/1146594/1146594688.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11465/1146595/1146595465.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11465/1146595/1146595885.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11465/1146597/1146597394.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11465/1146597/1146597409.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11466/1146602/1146602929.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11466/1146605/1146605842.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11466/1146605/1146605872.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11466/1146605/1146605902.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11466/1146606/1146606853.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11475/1147532/1147532686.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11475/1147534/1147534987.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11144/1114424/1114424526.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11179/1117910/1117910808.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11179/1117910/1117910862.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11179/1117910/1117910895.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11179/1117910/1117910907.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11179/1117910/1117910919.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11179/1117912/1117912260.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11179/1117917/1117917693.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10098/1009873/1009873018.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9175/917595/917595010.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9175/917585/917585815.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11702/1170293/1170293419.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7462/746252/746252543.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7462/746252/746252099.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2465/246507/246507925.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9175/917586/917586376.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5584/558477/558477795.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5585/558504/558504216.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5585/558507/558507789.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5585/558507/558507822.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5585/558538/558538857.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11144/1114416/1114416120.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11144/1114426/1114426800.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11465/1146595/1146595573.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11179/1117910/1117910934.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11442/1144265/1144265568.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15892/1589263/1589263013.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4200/420099/420099714.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4200/420099/420099693.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11179/1117904/1117904526.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4036/403624/403624278.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4169/416954/416954571.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3235/323587/323587840.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3235/323587/323587822.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5585/558538/558538926.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1961/196196/196196176.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1961/196196/196196179.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1961/196196/196196173.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11179/1117910/1117910781.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4036/403625/403625052.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4036/403626/403626366.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4200/420099/420099708.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3235/323587/323587837.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5868/586881/586881843.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3235/323587/323587819.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4169/416954/416954562.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11569/1156968/1156968618.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4179/417919/417919593.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4135/413545/413545614.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295796/1295796823.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3235/323587/323587783.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3235/323587/323587831.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11569/1156970/1156970238.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295796/1295796766.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295796/1295796433.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295797/1295797726.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295796/1295796202.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295796/1295796871.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295796/1295796988.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295797/1295797168.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295797/1295797465.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295797/1295797558.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295797/1295797603.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295797/1295797525.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295796/1295796100.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295797/1295797081.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624740/1624740414.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624740/1624740367.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624740/1624740218.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624740/1624740352.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624740/1624740132.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624740/1624740196.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624740/1624740204.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624740/1624740232.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624740/1624740243.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624740/1624740254.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624740/1624740269.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624740/1624740123.JPEG" data-image-gallery="galleryhotel-seeburg" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-seeburg" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (765)</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="65131">Hotel Seeburg</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">Seeburgstrasse 53-61</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Seeburg is not only family-friendly but also offers breathtaking views of Lake Lucerne and the surrounding mountains. As one of the best hotels in Lucerne it provides comfortable accommodations with an emphasis on scenic beauty. Guests can relax on the terrace and enjoy the stunning sunsets over the lake, making it a perfect spot for leisurely evenings. The hotel features cozy rooms designed with large windows to maximize the views, allowing a seamless connection with the natural beauty outside. Its lakeside location also enables guests to partake in various water activities right at their doorstep. At Hotel Seeburg, the combination of comfort and picturesque landscapes creates an idyllic getaway. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">113US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="65131" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="budget-hotels">Budget Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling on a budget doesn’t mean sacrificing comfort; Lucerne offers a variety of affordable accommodations without compromising on quality. This section highlights the best hotels in Lucerne that provide exceptional service and inviting rooms at budget-friendly prices. Many of these hotels are strategically located, making it easy for travelers to explore the city while enjoying cost-saving facilities. If you are looking for economical options that still deliver on charm and convenience, these picks are sure to impress. With options ranging from basic amenities to thoughtfully curated experiences, here’s our selection of budget hotels worth considering for your stay in Lucerne.</p> </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="chateau-gutsch" data-id="1716814" data-lat="47.051777150902" data-lng="8.2946909253951"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13966/1396601/1396601369.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13966/1396601/1396601369.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15494/1549420/1549420591.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589195/1589195894.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14037/1403703/1403703641.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14044/1404425/1404425900.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14037/1403732/1403732363.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13511/1351133/1351133389.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13511/1351143/1351143223.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15845/1584584/1584584655.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15845/1584584/1584584662.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15845/1584584/1584584651.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11975/1197576/1197576949.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11975/1197586/1197586762.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11944/1194472/1194472654.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589195/1589195740.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7808/780890/780890430.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11980/1198093/1198093912.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11980/1198094/1198094287.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589196/1589196285.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14044/1404418/1404418595.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11975/1197583/1197583687.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14044/1404436/1404436214.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11980/1198084/1198084828.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2339/233943/233943340.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2274/227495/227495939.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15845/1584584/1584584548.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15845/1584584/1584584528.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11980/1198078/1198078276.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14037/1403713/1403713991.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448145/1448145226.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2339/233943/233943772.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2339/233943/233943580.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14044/1404433/1404433403.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1542/154218/154218841.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448145/1448145964.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2339/233943/233943328.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448147/1448147341.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14037/1403730/1403730275.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14037/1403710/1403710046.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448147/1448147824.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448146/1448146570.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448149/1448149879.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448148/1448148646.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448148/1448148892.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448149/1448149315.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448150/1448150590.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448152/1448152114.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11975/1197592/1197592213.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14090/1409021/1409021327.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14090/1409021/1409021330.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14090/1409021/1409021336.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14090/1409021/1409021339.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448151/1448151055.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448151/1448151991.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448149/1448149783.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448152/1448152879.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7033/703317/703317739.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2339/233943/233943109.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11980/1198090/1198090708.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448145/1448145313.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10901/1090136/1090136256.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448153/1448153410.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448151/1448151376.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10982/1098213/1098213732.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10982/1098214/1098214407.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448147/1448147011.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13965/1396590/1396590869.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14090/1409021/1409021315.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11980/1198078/1198078579.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10982/1098214/1098214263.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14090/1409021/1409021321.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13966/1396603/1396603241.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5201/520103/520103772.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7651/765140/765140341.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7651/765140/765140344.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7651/765140/765140317.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14036/1403697/1403697437.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448152/1448152333.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403117/1403117828.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10982/1098214/1098214095.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5842/584262/584262411.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403109/1403109260.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14090/1409021/1409021318.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4229/422908/422908185.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13511/1351141/1351141294.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7651/765140/765140404.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14481/1448147/1448147272.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2339/233943/233943355.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11980/1198084/1198084273.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10982/1098213/1098213900.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14044/1404436/1404436037.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7033/703318/703318996.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7033/703317/703317550.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7033/703317/703317610.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7033/703318/703318774.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7033/703317/703317676.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7033/703317/703317793.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7033/703317/703317844.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7033/703317/703317889.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1250/125085/125085102.JPEG" data-image-gallery="gallerychateau-gutsch" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="chateau-gutsch" > </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"> 9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (2206)</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="1048754">Chateau Gütsch</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">Kanonenstrasse</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Chateau Gütsch is an enchanting hotel that offers stunning views over Lucerne, the lake, and the mountains beyond. As one of the best hotels in Lucerne it combines historical charm with modern luxury, providing a remarkable experience. The hotel features elegantly designed rooms, many of which boast terraces that overlook the mesmerizing landscapes. Guests can enjoy gourmet dining at the on-site restaurant while admiring the picturesque surroundings. The hilltop location makes it a perfect retreat for those looking to escape the hustle and bustle, providing a tranquil atmosphere enhanced by breathtaking scenery. Chateau Gütsch captures the essence of Lucerne’s natural beauty in a sophisticated setting. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">389US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="1048754" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="grand-hotel-national-luzern" data-id="1716823" data-lat="47.054785" data-lng="8.314939"> <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/10886/1088609/1088609482.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10886/1088609/1088609482.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438144/1438144780.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438146/1438146610.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438144/1438144339.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438146/1438146097.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516457/1516457017.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390531.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390693.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516457/1516457104.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516457/1516457266.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516457/1516457068.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516459/1516459435.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456864.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516457/1516457035.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14299/1429950/1429950340.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14299/1429947/1429947751.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14299/1429952/1429952287.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14299/1429952/1429952419.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390729.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390648.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456894.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390624.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390546.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390552.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390627.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390690.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456744.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456804.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456831.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456849.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456954.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456969.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516457/1516457002.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516457/1516457038.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516457/1516457110.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516459/1516459249.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516459/1516459309.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516459/1516459354.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516459/1516459402.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516459/1516459477.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516459/1516459531.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516459/1516459543.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456702.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456996.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390483.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456822.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438143/1438143589.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516457/1516457209.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11143/1114324/1114324062.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390774.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10886/1088610/1088610334.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10886/1088609/1088609530.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10886/1088610/1088610313.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390633.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390486.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516457/1516457347.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516459/1516459558.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516459/1516459381.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516459/1516459363.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390621.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516390/1516390597.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516459/1516459513.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516459/1516459399.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438138/1438138705.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438139/1438139443.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13302/1330227/1330227863.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456810.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456852.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516457/1516457071.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438143/1438143955.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438144/1438144642.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2803/280354/280354125.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516457/1516457137.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516457/1516457074.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456819.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516456/1516456948.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438139/1438139773.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438139/1438139893.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438140/1438140109.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438140/1438140280.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438140/1438140433.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438140/1438140610.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438140/1438140772.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438141/1438141057.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438141/1438141198.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438141/1438141351.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438141/1438141675.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438141/1438141882.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438142/1438142017.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438142/1438142284.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438142/1438142557.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14299/1429949/1429949539.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13302/1330219/1330219388.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13302/1330220/1330220168.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13302/1330227/1330227827.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13302/1330232/1330232492.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11439/1143932/1143932764.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438140/1438140007.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438141/1438141513.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4229/422914/422914311.JPEG" data-image-gallery="gallerygrand-hotel-national-luzern" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-national-luzern" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.7 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (580)</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="65368">Grand Hotel National Luzern</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">Haldenstrasse 4</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Grand Hotel National Luzern stands as a beacon of opulence, offering breathtaking views of Lake Lucerne and direct access to the city’s vibrant promenade. This luxurious establishment is home to elegantly designed rooms that evoke a sense of timeless sophistication, making it one of the best hotels in Lucerne. The hotel boasts a fine dining experience, with multiple restaurants serving exquisite Swiss and international cuisine. Guests can unwind at the spa or take a dip in the indoor swimming pool while enjoying panoramic lake views. Every aspect of the Grand Hotel National is crafted for indulgence, making it an ideal choice for those looking to pamper themselves. It’s not just a place to stay; it’s an experience to savor. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">405US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="65368" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="hotels-with-scenic-views">Hotels with Scenic Views</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For travelers who appreciate stunning landscapes and picturesque vistas, Lucerne offers several hotels that provide unforgettable views. This section showcases the best hotels in Lucerne known for their incredible locations and panoramic sights of the lake and mountains. Staying at one of these hotels allows guests to wake up to breathtaking sunsets and serene lake reflections right outside their windows. These scenic accommodations enhance the overall experience of visiting Lucerne, making it even more memorable. From tranquil lakeshores to majestic mountain peaks, let’s discover the hotels that deliver the best views in Lucerne.</p> </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-rothaus-luzern-peruvian-culinary-art" data-id="1716834" data-lat="47.049736" data-lng="8.301285"> <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/13760/1376034/1376034689.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13760/1376034/1376034689.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13454/1345452/1345452800.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13809/1380934/1380934115.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13809/1380934/1380934256.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13809/1380940/1380940214.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13809/1380935/1380935363.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13761/1376170/1376170997.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13761/1376173/1376173271.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13498/1349820/1349820694.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13498/1349822/1349822302.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13498/1349827/1349827120.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13420/1342081/1342081895.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13420/1342084/1342084097.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13420/1342084/1342084484.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13425/1342577/1342577480.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13425/1342579/1342579409.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13454/1345413/1345413167.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13454/1345428/1345428563.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13454/1345433/1345433636.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13454/1345437/1345437965.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13454/1345445/1345445657.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13454/1345452/1345452581.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13455/1345523/1345523396.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13455/1345535/1345535708.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13455/1345535/1345535735.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13455/1345536/1345536758.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13455/1345538/1345538648.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13461/1346193/1346193713.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13462/1346205/1346205827.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13462/1346205/1346205842.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13462/1346248/1346248775.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13451/1345148/1345148111.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13462/1346232/1346232728.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14986/1498621/1498621018.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13425/1342599/1342599440.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13425/1342597/1342597808.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13809/1380935/1380935426.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13462/1346232/1346232737.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13455/1345555/1345555553.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13498/1349823/1349823583.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13454/1345428/1345428119.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13461/1346193/1346193704.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13498/1349824/1349824951.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13761/1376182/1376182712.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13462/1346201/1346201849.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13809/1380934/1380934250.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13761/1376173/1376173241.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13498/1349823/1349823595.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434295/1434295825.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434295/1434295771.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434295/1434295105.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434294/1434294955.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434295/1434295576.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13498/1349822/1349822287.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210121/1210121743.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210121/1210121893.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210121/1210121947.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210122/1210122052.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210122/1210122322.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210122/1210122670.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210123/1210123087.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210123/1210123150.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210123/1210123894.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210122/1210122760.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13423/1342342/1342342271.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13451/1345139/1345139183.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13420/1342078/1342078682.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434295/1434295177.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210123/1210123024.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14986/1498620/1498620949.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434295/1434295354.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434297/1434297964.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434297/1434297901.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434295/1434295891.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434296/1434296092.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434297/1434297181.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210122/1210122796.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13809/1380930/1380930284.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210122/1210122139.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210123/1210123444.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210125/1210125091.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210125/1210125547.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434296/1434296347.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434297/1434297718.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434297/1434297631.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14342/1434297/1434297871.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7744/774425/774425674.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210124/1210124803.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12101/1210124/1210124065.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1376/137667/137667699.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6710/671090/671090727.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6710/671091/671091261.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6710/671091/671091603.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6710/671091/671091714.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6710/671091/671091861.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6710/671091/671091816.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7744/774425/774425686.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6710/671091/671091753.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7744/774425/774425683.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1459/145906/145906451.JPEG" data-image-gallery="galleryhotel-rothaus-luzern-peruvian-culinary-art" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-rothaus-luzern-peruvian-culinary-art" > </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> Good </span> <span> (1712)</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="68559">Hotel Rothaus Luzern & Peruvian Culinary Art</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">Klosterstrasse 4</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Rothaus Luzern stands out not only for its budget-friendly rates but also for its unique offering of Peruvian culinary delights. As one of the best hotels in Lucerne it provides cozy accommodations along with a vibrant dining experience that goes beyond the standard hotel fare. Each room is tastefully decorated, offering a comfortable place to unwind after a day of exploring the city. The on-site restaurant showcases authentic Peruvian dishes, making it a true culinary experience for guests. With its convenient location and unique offerings, Hotel Rothaus Luzern is perfect for budget travelers interested in taste and comfort. It's a remarkable find that combines affordability with diverse dining options. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">126US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="68559" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="boutique-hotel-balm" data-id="1716835" data-lat="47.04437" data-lng="8.36814"> <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/12408/1240820/1240820113.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12408/1240820/1240820113.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902822.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902852.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902810.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902831.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902837.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902834.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902828.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902816.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13936/1393651/1393651910.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13936/1393652/1393652171.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13936/1393653/1393653860.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13235/1323524/1323524980.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12408/1240818/1240818376.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12408/1240818/1240818415.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12408/1240825/1240825822.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12408/1240828/1240828957.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12459/1245936/1245936031.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12459/1245936/1245936700.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12459/1245937/1245937957.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12459/1245938/1245938710.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12459/1245943/1245943039.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11476/1147629/1147629106.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11476/1147629/1147629847.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902840.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6596/659665/659665362.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6596/659665/659665182.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6596/659665/659665359.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902849.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12459/1245936/1245936148.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12459/1245941/1245941260.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902804.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13235/1323533/1323533773.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6596/659662/659662215.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12408/1240824/1240824508.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6596/659661/659661819.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11647/1164703/1164703904.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10306/1030622/1030622053.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12408/1240817/1240817998.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1730/173031/173031009.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1730/173031/173031072.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1730/173031/173031090.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6596/659661/659661909.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12459/1245925/1245925303.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12459/1245936/1245936124.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13235/1323524/1323524404.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72558/72558572.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902819.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4192/419218/419218128.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6596/659661/659661552.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10306/1030623/1030623031.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6596/659665/659665761.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10306/1030620/1030620880.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13235/1323532/1323532483.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4493/449346/449346972.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902843.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685177/685177878.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685179/685179204.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685177/685177938.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685179/685179267.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685176/685176939.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685177/685177014.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685178/685178610.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685179/685179336.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685177/685177350.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685177/685177206.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685178/685178787.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902825.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685176/685176855.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685178/685178370.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566902/1566902813.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685177/685177137.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13235/1323531/1323531802.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685179/685179624.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685178/685178523.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685176/685176633.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685178/685178874.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4518/451853/451853976.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12459/1245941/1245941893.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2973/297341/297341056.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685177/685177074.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12459/1245945/1245945184.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6851/685176/685176768.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2973/297340/297340844.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2973/297340/297340840.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2973/297340/297340816.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2973/297340/297340800.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4518/451853/451853715.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4518/451853/451853751.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4518/451853/451853802.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4518/451854/451854141.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4518/451853/451853865.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2973/297340/297340788.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2973/297341/297341128.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2973/297341/297341188.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2973/297340/297340952.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2973/297340/297340940.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2973/297340/297340944.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2973/297341/297341100.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/419/41990/41990734.JPEG" data-image-gallery="galleryboutique-hotel-balm" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="boutique-hotel-balm" > </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.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1121)</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="65578">Boutique Hotel Balm</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">Balmstr. 3</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Boutique Hotel Balm is a delightful option nestled in a peaceful area just outside the city center, exemplifying the best hotels in Lucerne. This unique hotel combines modern amenities with a warm, welcoming atmosphere, offering guests a comfortable escape. Each room has its own distinct character, featuring quirky decor and artistic touches. The hotel’s restaurant focuses on farm-to-table dining, allowing guests to savor the best of Swiss cuisine made with locally sourced ingredients. Personal touches and attentive service create a home-away-from-home experience, making every guest feel valued. The Boutique Hotel Balm stands as an inviting option for those who cherish individuality in their accommodations. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">150US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="65578" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="historic-hotels">Historic Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For history buffs and travelers who appreciate stories of the past, Lucerne offers several historic hotels that provide a glimpse into the city's rich heritage. This section highlights the best hotels in Lucerne that pride themselves on their historical significance and architectural elegance. Staying in one of these hotels allows guests to experience the charm of bygone eras while enjoying modern amenities. These historic establishments embody the culture and traditions of Lucerne, making them ideal for immersive travel experiences. Let's explore some of the top historic hotels that tell the captivating stories of Lucerne.</p> </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-schweizerhof-luzern" data-id="1716849" data-lat="47.05426" data-lng="8.31021"> <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/16247/1624745/1624745853.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/16247/1624745/1624745853.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350575.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275351/1275351019.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350524.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275351/1275351772.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275348/1275348562.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275349/1275349390.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275349/1275349561.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275347/1275347983.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275347/1275347851.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275348/1275348319.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275348/1275348478.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275348/1275348769.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275351/1275351055.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275351/1275351877.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275348/1275348268.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275351/1275351817.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275349/1275349111.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275349/1275349072.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275351/1275351442.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275351/1275351706.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275352/1275352288.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350971.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275349/1275349021.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275348/1275348829.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624745/1624745854.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15803/1580328/1580328891.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15803/1580328/1580328975.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275351/1275351235.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275349/1275349282.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350293.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275352/1275352204.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624745/1624745855.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16247/1624745/1624745857.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350761.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350818.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275348/1275348037.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350125.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350869.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350038.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350077.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275352/1275352045.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13974/1397472/1397472290.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13919/1391929/1391929475.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275351/1275351313.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275351/1275351607.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275351/1275351661.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275351/1275351391.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275348/1275348526.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350662.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275352/1275352000.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697072/697072044.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350908.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697075/697075515.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7435/743528/743528428.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7435/743528/743528473.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697074/697074921.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697075/697075569.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275349/1275349948.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275349/1275349990.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350338.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7435/743529/743529865.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7435/743529/743529835.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7435/743527/743527606.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4148/414808/414808506.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275348/1275348226.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7435/743529/743529820.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7435/743529/743529253.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4148/414806/414806457.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434311/1434311998.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350713.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434312/1434312304.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434312/1434312505.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210284/1210284610.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210283/1210283956.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210284/1210284187.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210284/1210284454.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210284/1210284511.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210284/1210284823.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210283/1210283911.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275349/1275349699.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350506.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275349/1275349762.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275347/1275347494.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275347/1275347602.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434311/1434311941.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434312/1434312454.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434314/1434314014.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434314/1434314290.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697075/697075017.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275349/1275349792.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210285/1210285441.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275350/1275350257.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/841/84105/84105626.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2507/250707/250707277.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275348/1275348877.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275351/1275351358.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697076/697076748.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434313/1434313222.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2877/287766/287766124.JPEG" data-image-gallery="galleryhotel-schweizerhof-luzern" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-schweizerhof-luzern" > </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"> 9.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (990)</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="68269">Hotel Schweizerhof Luzern</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">Schweizerhofquai</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Hotel Schweizerhof Luzern is a symbol of elegance and luxury in the heart of the city, boasting stunning views of Lake Lucerne and the surrounding mountains. This historic hotel combines modern comforts with traditional Swiss hospitality, making it one of the best hotels in Lucerne. Guests can experience plush rooms adorned with rich décor, as well as indulge in gourmet dining at the on-site restaurant. The hotel also features a wellness center, allowing visitors to unwind after a day of exploring. Its prime location enables easy access to numerous cultural attractions and the scenic lakeside promenade. The Hotel Schweizerhof truly embodies luxury and offers an unforgettable experience. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">445US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="68269" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="grand-hotel-europe" data-id="1716858" data-lat="47.05583190918" data-lng="8.3249578475952"> <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/5490/549053/549053877.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/5490/549053/549053877.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621411/1621411202.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621411/1621411204.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621411/1621411205.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12657/1265745/1265745472.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12657/1265745/1265745634.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10978/1097878/1097878605.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9931/993169/993169345.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8304/830449/830449901.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8304/830449/830449925.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8133/813384/813384156.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8133/813390/813390522.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9931/993168/993168241.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549056/549056559.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549052/549052086.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549052/549052617.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549052/549052695.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549052/549052956.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549054/549054927.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549054/549054912.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8304/830450/830450687.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8133/813390/813390510.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12657/1265747/1265747506.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549054/549054219.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549054/549054900.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8133/813390/813390657.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5590/559035/559035519.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5590/559036/559036098.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5590/559034/559034841.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9931/993167/993167308.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549052/549052983.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8133/813390/813390492.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549054/549054444.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549054/549054852.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9931/993169/993169339.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549053/549053994.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549053/549053313.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9931/993165/993165472.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549053/549053061.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5490/549053/549053028.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10982/1098212/1098212415.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10982/1098212/1098212781.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10982/1098213/1098213204.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9085/908565/908565364.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9085/908565/908565520.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9085/908565/908565613.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6710/671081/671081454.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621411/1621411203.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12657/1265743/1265743873.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282266.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282332.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282395.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282425.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282443.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282473.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282512.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282524.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282575.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282605.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282635.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282680.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282755.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282773.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282818.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282155.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282236.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282887.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282914.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282302.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4544/454410/454410366.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4544/454410/454410381.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4544/454410/454410411.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4544/454410/454410420.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4544/454410/454410393.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10978/1097875/1097875197.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2005/200549/200549647.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2005/200549/200549767.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10982/1098212/1098212970.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8133/813384/813384141.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2005/200549/200549692.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701282/701282095.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8133/813379/813379119.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10982/1098212/1098212595.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8133/813380/813380643.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8133/813384/813384165.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8133/813378/813378528.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10855/1085539/1085539402.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7940/794091/794091063.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7940/794091/794091354.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7940/794091/794091114.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7940/794091/794091399.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7940/794090/794090706.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7940/794090/794090763.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7940/794090/794090826.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7940/794090/794090874.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7940/794090/794090922.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7940/794090/794090964.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7940/794091/794091159.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7940/794091/794091258.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/560/56069/56069431.JPEG" data-image-gallery="gallerygrand-hotel-europe" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-europe" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (632)</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="247838">Grand Hotel Europe</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">Haldenstrasse 59</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Grand Hotel Europe is a historic establishment that offers a glimpse into Lucerne's past while providing modern comforts. As one of the best hotels in Lucerne it features stunning architecture and beautifully preserved interiors that reflect Swiss luxury. The hotel has a rich history of impressive guests and events, making it a significant landmark in the city. Luxurious accommodations and multiple dining options add to the hotel's charm, allowing guests to indulge while soaking in the atmosphere. Its central location makes it easy to explore nearby attractions, immersing guests in the cultural history of Lucerne. Grand Hotel Europe stands out as a remarkable blend of history and elegance. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">164US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="247838" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="radisson-blu-hotel-lucerne" data-id="1716868" data-lat="47.048034" data-lng="8.313968"> <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/5650/565066/565066407.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/5650/565066/565066407.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9454/945473/945473416.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604076/1604076641.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604076/1604076642.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609310/1609310732.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609310/1609310734.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609310/1609310742.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604076/1604076638.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604076/1604076640.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604076/1604076643.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550331/1550331001.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15983/1598396/1598396126.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550331/1550331049.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604076/1604076639.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550330/1550330956.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604076/1604076645.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550331/1550331202.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604077/1604077028.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609310/1609310739.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13511/1351100/1351100191.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13511/1351128/1351128799.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13475/1347515/1347515882.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13475/1347519/1347519407.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15503/1550331/1550331031.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294090/1294090942.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294094/1294094485.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294094/1294094557.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294098/1294098100.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294094/1294094512.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12941/1294116/1294116439.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363891/1363891289.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363892/1363892615.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363892/1363892627.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363894/1363894220.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363897/1363897781.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13738/1373808/1373808257.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363895/1363895756.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294097/1294097995.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13106/1310606/1310606782.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13106/1310629/1310629432.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13106/1310635/1310635897.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13106/1310606/1310606875.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13106/1310629/1310629339.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13106/1310629/1310629405.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13106/1310629/1310629447.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13106/1310632/1310632348.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13106/1310635/1310635879.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13106/1310635/1310635906.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294090/1294090870.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294090/1294090906.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294090/1294090930.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294094/1294094545.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294094/1294094578.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294098/1294098025.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12941/1294106/1294106938.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12941/1294116/1294116469.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609310/1609310743.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9454/945477/945477301.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9454/945468/945468802.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15983/1598396/1598396127.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9454/945455/945455599.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9454/945456/945456250.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9454/945471/945471439.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9454/945473/945473074.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9454/945455/945455995.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9454/945456/945456442.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9454/945458/945458290.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9454/945460/945460447.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9454/945477/945477334.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13475/1347519/1347519392.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13475/1347517/1347517157.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294094/1294094470.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13106/1310632/1310632315.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13106/1310632/1310632330.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294094/1294094527.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294098/1294098040.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294098/1294098070.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12940/1294098/1294098085.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12941/1294106/1294106878.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12941/1294106/1294106890.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12941/1294106/1294106905.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12941/1294106/1294106920.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12941/1294116/1294116406.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12941/1294106/1294106830.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609310/1609310740.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6639/663986/663986256.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6639/663990/663990639.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6639/663994/663994518.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6639/663996/663996618.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6639/663997/663997104.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13593/1359384/1359384185.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13511/1351123/1351123783.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11873/1187301/1187301256.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609310/1609310741.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15983/1598396/1598396129.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11872/1187292/1187292568.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13638/1363895/1363895744.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604076/1604076636.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13511/1351100/1351100218.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609310/1609310733.JPEG" data-image-gallery="galleryradisson-blu-hotel-lucerne" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="radisson-blu-hotel-lucerne" > </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> Excellent </span> <span> (2646)</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="78391">Radisson Blu Hotel, Lucerne</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">Lakefront Center Inseliquai 12</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Radisson Blu Hotel, Lucerne offers a contemporary luxury experience with stunning views of Lake Lucerne and the surrounding mountains. This hotel is recognized among the best hotels in Lucerne for its modern design and exceptional amenities. Guests can enjoy spacious rooms equipped with stylish furnishings and state-of-the-art technology. The on-site restaurant serves delicious local and international dishes, alongside a stylish bar perfect for unwinding after a busy day. Additionally, the hotel is conveniently located near popular attractions, making it an excellent base for exploration. The blend of charm and modernity creates an inviting atmosphere for both leisure and business travelers. </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">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">236US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="78391" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> </article> </div> </div> </div> <div class="bg-neutral-0 py-14 "> <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">City Nearby</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/en-us/interlaken-hotels">Interlaken</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 Switzerland</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/us/st-moritz-hotels">St. Moritz</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/us/grindelwald-hotels">Grindelwald</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/us/lugano-hotels">Lugano</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/us/lauterbrunnen-hotels">Lauterbrunnen</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/us/davos-hotels">Davos</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/us/montreux-hotels">Montreux</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/us/lausanne-hotels">Lausanne</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/us/chur-hotels">Chur</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/us/verbier-hotels">Verbier</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/us/murren-hotels">Murren</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/us/zurich-hotels">Zurich</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/us/lenzerheide-hotels">Lenzerheide</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/us/chiang-mai-hotels">Chiang Mai</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/en-us/bridgeport-hotels-wv">Bridgeport</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/us/midland-hotels-tx">Midland</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/us/pittsburgh-hotels">Pittsburgh</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/en-us/glasgow-hotels">Glasgow</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/us/carmel-hotels">Carmel</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/us/grand-island-hotels-ne">Grand Island</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/us/conway-hotels-ar">Conway</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/us/carlsbad-hotels-nm">Carlsbad</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/us/jackson-hotels-tn">Jackson</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/us/temple-hotels">Temple</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/us/jackson-hotels">Jackson</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/us/lucerne-hotels-near-lucerne-station">Lucerne Station</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels in District</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/lucerne-hotels-old-town">Old Town</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/us/lucerne-hotels-meggen">Meggen</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/us/lucerne-hotels-kriens">Kriens</a> </div> </div> </div> </div> </div> </div> <div class="trawell-exit-popup js-exit-popup"> <div class="trawell-exit-popup__content js-exit-popup-content"> <h3 class="trawell-exit-popup__title">Travelling to Lucerne</h3> <p class="trawell-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="trawell-exit-popup__text">Great locations and deals for every budget.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Check the deals</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">No, thanks</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">Find on <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">Close, i need more options</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/en-us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/popular-destinations/">Popular Сities</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-regions/">Popular Regions</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-countries/">Popular Countries</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Lucerne</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/us/lucerne-hostels">lucerne hostels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/lucerne-bed-and-breakfast">lucerne bed and breakfast</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/lucerne-5-star-hotels">lucerne hotels 5 star</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/lucerne-cheap-hotels">cheapest hotels in lucerne</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/lucerne-boutique-hotels-lucerne-region">lucerne boutique hotels</a> </div> </div> </div> <div class="flex items-center justify-between py-5 border-t border-solid border-secondary-900 text-xs font-medium text-secondary-100"> <div class="flex items-center gap-8"> <div class="cursor-pointer hover:underline" data-lk="L3VzL3BvbGljeS8=">Policy</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Copyright</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms and Conditions</div> </div> <p>Copyright 2025 · All rights reserved</p> </div> </div> </footer>   <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"Nf1xhV4eSKUGsBsd"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"-2552994","dest_name":"Lucerne","city_id":26847,"pid":896939,"page":"post","bid":"-2552994"} </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>

CINXE.COM

Best Hotels in Lucerne, Switzerland from 81US$/night