Catalonië hotels en appartementen, alle accommodaties in Catalonië

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="nl" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Catalonië hotels en appartementen, alle accommodaties in Catalonië</title> <meta name="format-detection" content="telephone=no"/> <meta name="keywords" content="Catalonië hotels, Catalonië appartementen, accommodatie in Catalonië"/> <meta name="description" content="Online reserveren voor hotels in Catalonië, Spanje. Goede beschikbaarheid en de laagste prijzen. Goedkoop en veilig, betaal bij aankomst, geen reserveringskosten."/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/playfairdisplay/v29/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiunDXbtM.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v24/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v24/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/dynalight/v18/1Ptsg8LOU_aOmQvTsF44TYFq.woff2"> <link importance="high" rel="preload" media="(min-width: 701px)" href="/img/bg/126989.JPEG" as="image"> <link importance="high" rel="preload" media="(max-width: 700px) and (min-width: 451px)" href="/img/bg/700x500/126989.JPEG" as="image"> <link importance="high" rel="preload" media="(max-width: 450px)" href="/img/bg/450x450/126989.JPEG" as="image"> <link rel="stylesheet" type="text/css" href="/new/designs/80/build/destination-main-page/style.bde1652ad41a9333f9ff1572608ca482.css"> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <link rel="alternate" hreflang="ar" type="text/html" href="https://www.catalonia-hotels.com/ar/" title="Arabic"/> <link rel="alternate" hreflang="zh" type="text/html" href="https://www.catalonia-hotels.com/zh/" title="Chinese"/> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.catalonia-hotels.com/cs/" title="Czech"/> <link rel="alternate" hreflang="da" type="text/html" href="https://www.catalonia-hotels.com/da/" title="Danish"/> <link rel="alternate" hreflang="de" type="text/html" href="https://www.catalonia-hotels.com/de/" title="Deutch"/> <link rel="alternate" hreflang="en" type="text/html" href="https://www.catalonia-hotels.com/en/" title="English"/> <link rel="alternate" hreflang="es" type="text/html" href="https://www.catalonia-hotels.com/es/" title="Spanish"/> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.catalonia-hotels.com/fr/" title="French"/> <link rel="alternate" hreflang="el" type="text/html" href="https://www.catalonia-hotels.com/el/" title="Greek"/> <link rel="alternate" hreflang="he" type="text/html" href="https://www.catalonia-hotels.com/he/" title="Hebrew"/> <link rel="alternate" hreflang="it" type="text/html" href="https://www.catalonia-hotels.com/it/" title="Italiano"/> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.catalonia-hotels.com/ja/" title="Japanese"/> <link rel="alternate" hreflang="ko" type="text/html" href="https://www.catalonia-hotels.com/ko/" title="Korean"/> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.catalonia-hotels.com/hu/" title="Hungarian"/> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.catalonia-hotels.com/nl/" title="Dutch"/> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.catalonia-hotels.com/pl/" title="Polish"/> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.catalonia-hotels.com/pt/" title="Portuguese"/> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.catalonia-hotels.com/ru/" title="Russian"/> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.catalonia-hotels.com/sv/" title="Swedish"/> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.catalonia-hotels.com/tr/" title="Turkish"/> <link rel="canonical" href="https://www.catalonia-hotels.com/nl/"/> </head> <body> <div class="banner banner--cities" style="background-image: linear-gradient(to bottom, #202020, rgba(255, 255, 255, 0))"> <div class="banner__main-photo"> <div class="banner__main-photo-overlay"></div> <picture> <source srcset="/img/bg/126989.JPEG" media="(min-width: 701px)"> <source srcset="/img/bg/700x500/126989.JPEG" media="(max-width: 700px) and (min-width: 451px)"> <source srcset="/img/bg/450x450/126989.JPEG" media="(max-width: 450px)"> <img class="banner__main-photo-item banner__main-photo-item--0" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--1" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--2" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--3" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--4" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--5" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--6" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--7" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--8" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--9" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--10" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--11" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--12" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--13" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--14" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--15" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--16" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--17" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--18" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--19" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--20" srcset="" alt=""> </picture> </div> <header class="header js-header-mobile-modal"> <div class="header__inner"> <div class="header__mobile"> <div class="header__logo header-logo js-link js-link-hex" data-hex=34372e3131302e3130382e3437 > <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Catalonia </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </div> <div class="header__burger js-header-mobile-modal-trigger"> <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"> <path d="M13.5625 3.5H0.4375C0.321468 3.5 0.210188 3.45391 0.128141 3.37186C0.0460936 3.28981 0 3.17853 0 3.0625C0 2.94647 0.0460936 2.83519 0.128141 2.75314C0.210188 2.67109 0.321468 2.625 0.4375 2.625H13.5625C13.6785 2.625 13.7898 2.67109 13.8719 2.75314C13.9539 2.83519 14 2.94647 14 3.0625C14 3.17853 13.9539 3.28981 13.8719 3.37186C13.7898 3.45391 13.6785 3.5 13.5625 3.5Z"/><path d="M13.5625 7.875H0.4375C0.321468 7.875 0.210188 7.82891 0.128141 7.74686C0.0460936 7.66481 0 7.55353 0 7.4375C0 7.32147 0.0460936 7.21019 0.128141 7.12814C0.210188 7.04609 0.321468 7 0.4375 7H13.5625C13.6785 7 13.7898 7.04609 13.8719 7.12814C13.9539 7.21019 14 7.32147 14 7.4375C14 7.55353 13.9539 7.66481 13.8719 7.74686C13.7898 7.82891 13.6785 7.875 13.5625 7.875Z"/><path d="M13.5625 12.25H0.4375C0.321468 12.25 0.210188 12.2039 0.128141 12.1219C0.0460936 12.0398 0 11.9285 0 11.8125C0 11.6965 0.0460936 11.5852 0.128141 11.5031C0.210188 11.4211 0.321468 11.375 0.4375 11.375H13.5625C13.6785 11.375 13.7898 11.4211 13.8719 11.5031C13.9539 11.5852 14 11.6965 14 11.8125C14 11.9285 13.9539 12.0398 13.8719 12.1219C13.7898 12.2039 13.6785 12.25 13.5625 12.25Z"/> </svg> </div> </div> <div class="header__menu menu js-header-mobile-accordion"> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M4.375 0H15.625C18.0413 0 20 1.95875 20 4.375V15.625C20 18.0413 18.0413 20 15.625 20H4.375C1.95875 20 0 18.0413 0 15.625V4.375C0 1.95875 1.95875 0 4.375 0ZM15.625 18.75C17.3509 18.75 18.75 17.3509 18.75 15.625V4.375C18.75 2.6491 17.3509 1.25 15.625 1.25H4.375C2.6491 1.25 1.25 2.6491 1.25 4.375V15.625C1.25 17.3509 2.6491 18.75 4.375 18.75H15.625Z" /><path d="M6.25 4.375H5C4.6548 4.375 4.375 4.6548 4.375 5V6.25C4.375 6.5952 4.6548 6.875 5 6.875H6.25C6.5952 6.875 6.875 6.5952 6.875 6.25V5C6.875 4.6548 6.5952 4.375 6.25 4.375Z" /><path d="M6.25 8.75H5C4.6548 8.75 4.375 9.0298 4.375 9.375V10.625C4.375 10.9702 4.6548 11.25 5 11.25H6.25C6.5952 11.25 6.875 10.9702 6.875 10.625V9.375C6.875 9.0298 6.5952 8.75 6.25 8.75Z" /><path d="M6.25 13.125H5C4.6548 13.125 4.375 13.4048 4.375 13.75V15C4.375 15.3452 4.6548 15.625 5 15.625H6.25C6.5952 15.625 6.875 15.3452 6.875 15V13.75C6.875 13.4048 6.5952 13.125 6.25 13.125Z" /><rect x="8.125" y="5" width="7.5" height="1.25" /><rect x="8.125" y="9.375" width="7.5" height="1.25" /><rect x="8.125" y="13.75" width="7.5" height="1.25" /> </svg> <div class="accordion-btn__text">Collecties</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--collections js-header-dropdown-content"> <div class="mega-menu js-mega-menu-accordion"> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">Hotels</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">Hotels</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">Alle collecties</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="/nl/type/hotels-12/" class="mega-menu__link js-link">Hotels in Catalonië</a> </li> <li class="mega-menu__list-item"> <a href="/nl/type/aparthotels-2/" class="mega-menu__link js-link">Aparthotels in Catalonië</a> </li> <li class="mega-menu__list-item"> <a href="/nl/type/bed-and-breakfasts-4/" class="mega-menu__link js-link">Bed & Breakfasts in Catalonië</a> </li> <li class="mega-menu__list-item"> <a href="/nl/type/hostels-11/" class="mega-menu__link js-link">Hostels in Catalonië</a> </li> <li class="mega-menu__list-item mega-menu__list-item--title"> <span class="mega-menu__subtitle">Op beoordeling</span> </li> <li class="mega-menu__list-item"> <a href="/nl/5-stars/" class="mega-menu__link js-link">5-sterrenhotels in Catalonië</a> </li> <li class="mega-menu__list-item"> <a href="/nl/4-stars/" class="mega-menu__link js-link">4-sterrenhotels in Catalonië</a> </li> <li class="mega-menu__list-item"> <a href="/nl/3-stars/" class="mega-menu__link js-link">3-sterrenhotels in Catalonië</a> </li> </ul> </div> </div> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">Vakantiewoningen</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">Vakantiewoningen</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">Alle collecties</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="/nl/type/apartments-3/" class="mega-menu__link js-link">Appartementen in Catalonië</a> </li> <li class="mega-menu__list-item"> <a href="/nl/type/villas-24/" class="mega-menu__link js-link">Villa's in Catalonië</a> </li> <li class="mega-menu__list-item"> <a href="/nl/type/homestays-32/" class="mega-menu__link js-link">Accommodaties bij particulieren in Catalonië</a> </li> <li class="mega-menu__list-item"> <a href="/nl/type/holiday-homes-33/" class="mega-menu__link js-link">Vakantiehuizen in Catalonië</a> </li> <li class="mega-menu__list-item"> <a href="/nl/type/guest-houses-10/" class="mega-menu__link js-link">Gasthuizen in Catalonië</a> </li> </ul> </div> </div> </div> </div> </div> <div class="menu__item"> <div class="menu__button accordion-btn accordion-btn--link js-link js-link-hex" data-hex=34372e3131352e3131372e3131322e3131322e3131312e3131342e3131362e3437> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="19" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 20"> <path d="M16.6,8.2L16.6,8.2V7c0-3.9-3.1-7-7-7c-4,0-7.1,3.1-7.1,7v1.2H2.2c-1,0-1.9,1-1.9,2.1v3.1c0,1.1,0.9,2,1.9,2l0,0H4c0.2,0,0.5-0.2,0.5-0.5l0,0V8.8c0-0.2-0.1-0.6-0.5-0.6H3.5V7c0-3.4,2.7-6.1,6.1-6.1s6.1,2.7,6.1,6.1v1.2h-0.5c-0.2,0-0.5,0.2-0.5,0.6v6.1c0,0.2,0.1,0.5,0.4,0.5l0,0h0.6v0.1c-0.7,1-1.9,1.6-3.1,1.5c-0.2-1.4-1.6-2.1-2.9-1.9c-1.1,0.2-2,1.2-2,2.4c0,1.4,1.1,2.5,2.5,2.5c0.6,0,1.2-0.2,1.7-0.7c0.4-0.4,0.5-0.7,0.6-1.2c1.5,0,3-0.7,3.9-2l0.5-0.7c1.1-0.1,1.7-0.7,1.7-1.7v-3C18.6,9.4,17.7,8.2,16.6,8.2z M3.5,14.4H2.3c-0.5,0-1-0.5-1-1l0,0v-3.1c0-0.6,0.4-1.1,1-1.1h1.2V14.4z M11.5,17.4c0,0.4-0.1,0.7-0.4,1s-0.6,0.5-1.1,0.5c-0.7,0-1.5-0.6-1.5-1.5c0-0.7,0.6-1.5,1.5-1.5C10.9,16,11.5,16.6,11.5,17.4L11.5,17.4z M17.6,13.7c0,0.6-0.6,0.7-1,0.7h-1V9.2h1c0.5,0,1,0.7,1,1.4V13.7z"/> </svg> <div class="accordion-btn__text">Klantenservice</div> </div> <svg class="accordion-btn__arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> </div> </div> <div class="menu__column menu__column--center"> <div class="header__logo"> <a href="/nl/" class="header-logo"> <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Catalonia </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </a> </div> <div class="header__close-btn js-header-mobile-modal-close"> <svg width="16" height="16" viewBox="0 0 16 16" fill="#333E50" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> </div> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9939 4.47969 15.5203 0.00609306 10 0ZM19.2535 9.63034H16.4101C16.384 8.27011 16.1678 6.92027 15.7676 5.62C16.387 5.34304 16.976 5.00276 17.5253 4.60449C18.583 6.07343 19.1841 7.82158 19.2535 9.63034ZM15.5393 4.91905C16.0768 4.67177 16.5888 4.37247 17.0681 4.0254C16.026 2.78897 14.6793 1.84579 13.1611 1.28906C14.2338 2.29059 15.0495 3.53569 15.5393 4.91905ZM12.5813 10.3691H15.6758C15.6505 11.6342 15.4543 12.8901 15.0924 14.1025C14.232 13.7815 13.3411 13.5489 12.4336 13.4083C12.5259 12.3706 12.5739 11.3256 12.5813 10.3691ZM15.0963 5.89746C14.2359 6.2185 13.345 6.4511 12.4375 6.5917C12.5261 7.63306 12.5852 8.67811 12.5852 9.63084H15.6724C15.6495 8.36612 15.4557 7.11026 15.0963 5.89746ZM14.8524 5.19971C14.0459 5.5027 13.2108 5.72297 12.3598 5.85702C12.1456 3.8777 11.7615 2.00916 11.167 0.93457C12.7253 1.47002 14.0621 3.04683 14.8524 5.19971ZM11.7167 13.3234C11.7906 12.426 11.846 11.4437 11.846 10.3691H8.16797C8.17905 11.4585 8.22336 12.4408 8.29722 13.3234C9.43371 13.2001 10.5802 13.2001 11.7167 13.3234ZM8.15332 9.63097C8.15332 8.55637 8.20871 7.5741 8.28257 6.67676C8.85038 6.73852 9.42114 6.76935 9.99232 6.76908C10.5659 6.76958 11.1392 6.7388 11.7094 6.67676C11.7833 7.55933 11.8276 8.5416 11.8387 9.63097H8.15332ZM11.643 5.95615C11.2737 2.51819 10.4798 0.738281 9.99972 0.738281C9.51967 0.738281 8.72572 2.51819 8.35645 5.93769C8.90187 6.00333 9.45043 6.03906 9.99972 6.04478C10.5487 6.0452 11.0973 6.01561 11.643 5.95615ZM8.83284 0.93457V0.938263C8.2383 2.01286 7.85426 3.89247 7.64008 5.86071C6.78894 5.72547 5.95378 5.50399 5.14746 5.19971C5.93771 3.04683 7.27449 1.47002 8.83284 0.93457ZM4.32812 9.63084H7.41527C7.41527 8.67811 7.47805 7.63306 7.57037 6.5917C6.66283 6.4511 5.772 6.2185 4.91158 5.89746C4.54964 7.10993 4.35342 8.36575 4.32812 9.63084ZM7.57037 13.4083H7.56298C6.65544 13.5489 5.76461 13.7815 4.9042 14.1025C4.5448 12.8897 4.35102 11.6339 4.32812 10.3691H7.41527C7.41527 11.3219 7.47805 12.3669 7.57037 13.4083ZM4.46057 4.91905C4.95461 3.53417 5.77547 2.28897 6.85348 1.28906C5.32504 1.84021 3.96777 2.78242 2.91699 4.02171C3.40074 4.3709 3.91778 4.67145 4.46057 4.91905ZM2.478 4.60449V4.61188C3.0273 5.01014 3.61634 5.35043 4.23575 5.62739C3.835 6.92512 3.61745 8.27242 3.58952 9.63034H0.746094C0.816625 7.82121 1.41905 6.07301 2.478 4.60449ZM0.746094 10.3691C0.815564 12.1779 1.41665 13.9261 2.47431 15.395C3.02356 14.9967 3.61265 14.6563 4.23206 14.3795C3.83186 13.0792 3.6156 11.7294 3.58952 10.3691H0.746094ZM2.93164 15.9747C3.41091 15.6277 3.92296 15.3284 4.46044 15.0811C4.94969 16.4657 5.76547 17.7121 6.83858 18.7147C5.32003 18.1569 3.97332 17.2125 2.93164 15.9747ZM7.64008 14.1436C6.78908 14.2776 5.95391 14.4979 5.14746 14.8009C5.93771 16.9537 7.27449 18.5306 8.83284 19.066C8.2383 17.9914 7.85426 16.1229 7.64008 14.1436ZM9.99972 19.2614C9.51967 19.2614 8.72572 17.4815 8.35645 14.0435C9.44747 13.9243 10.5483 13.9243 11.6393 14.0435C11.2737 17.4815 10.4798 19.2614 9.99972 19.2614ZM11.1669 19.062V19.0657C12.7253 18.5303 14.062 16.9535 14.8523 14.8006C14.046 14.4963 13.2108 14.2748 12.3597 14.1396C12.1455 16.1078 11.7614 17.9874 11.1669 19.062ZM13.1465 18.711V18.6926C14.222 17.6979 15.0427 16.4593 15.5394 15.0811C16.0822 15.3287 16.5992 15.6292 17.083 15.9784C16.0322 17.2177 14.6749 18.1599 13.1465 18.711ZM17.5224 15.3691V15.395C18.5813 13.9265 19.1838 12.1783 19.2543 10.3691H16.4109C16.3812 11.7208 16.1637 13.0619 15.7646 14.3536C16.3841 14.6306 16.9731 14.9709 17.5224 15.3691Z" /> </svg> <div class="accordion-btn__text">Nederlands</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--languages js-header-dropdown-content"> <div class="dropdown__list"> <a href="/ar/" class="dropdown__link js-save-params js-link " data-name="العربية"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ar.svg" width="20" height="20" class="dropdown__icon" alt="ar" loading="lazy"> <div class="dropdown__name">العربية</div> </a> <a href="/zh/" class="dropdown__link js-save-params js-link " data-name="简体中文"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-zh.svg" width="20" height="20" class="dropdown__icon" alt="zh" loading="lazy"> <div class="dropdown__name">简体中文</div> </a> <a href="/cs/" class="dropdown__link js-save-params js-link " data-name="Čeština"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-cs.svg" width="20" height="20" class="dropdown__icon" alt="cs" loading="lazy"> <div class="dropdown__name">Čeština</div> </a> <a href="/da/" class="dropdown__link js-save-params js-link " data-name="Dansk"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-da.svg" width="20" height="20" class="dropdown__icon" alt="da" loading="lazy"> <div class="dropdown__name">Dansk</div> </a> <a href="/de/" class="dropdown__link js-save-params js-link " data-name="Deutsch"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-de.svg" width="20" height="20" class="dropdown__icon" alt="de" loading="lazy"> <div class="dropdown__name">Deutsch</div> </a> <a href="/en/" class="dropdown__link js-save-params js-link " data-name="English"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-en.svg" width="20" height="20" class="dropdown__icon" alt="en" loading="lazy"> <div class="dropdown__name">English</div> </a> <a href="/es/" class="dropdown__link js-save-params js-link " data-name="Español"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-es.svg" width="20" height="20" class="dropdown__icon" alt="es" loading="lazy"> <div class="dropdown__name">Español</div> </a> <a href="/fr/" class="dropdown__link js-save-params js-link " data-name="Français"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-fr.svg" width="20" height="20" class="dropdown__icon" alt="fr" loading="lazy"> <div class="dropdown__name">Français</div> </a> <a href="/el/" class="dropdown__link js-save-params js-link " data-name="Ελληνικά"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-el.svg" width="20" height="20" class="dropdown__icon" alt="el" loading="lazy"> <div class="dropdown__name">Ελληνικά</div> </a> <a href="/he/" class="dropdown__link js-save-params js-link " data-name="עברית"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-he.svg" width="20" height="20" class="dropdown__icon" alt="he" loading="lazy"> <div class="dropdown__name">עברית</div> </a> <a href="/it/" class="dropdown__link js-save-params js-link " data-name="Italiano"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-it.svg" width="20" height="20" class="dropdown__icon" alt="it" loading="lazy"> <div class="dropdown__name">Italiano</div> </a> <a href="/ja/" class="dropdown__link js-save-params js-link " data-name="日本語"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ja.svg" width="20" height="20" class="dropdown__icon" alt="ja" loading="lazy"> <div class="dropdown__name">日本語</div> </a> <a href="/ko/" class="dropdown__link js-save-params js-link " data-name="한국어"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ko.svg" width="20" height="20" class="dropdown__icon" alt="ko" loading="lazy"> <div class="dropdown__name">한국어</div> </a> <a href="/hu/" class="dropdown__link js-save-params js-link " data-name="Magyar"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-hu.svg" width="20" height="20" class="dropdown__icon" alt="hu" loading="lazy"> <div class="dropdown__name">Magyar</div> </a> <a href="/nl/" class="dropdown__link js-save-params js-link is-active" data-name="Nederlands"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-nl.svg" width="20" height="20" class="dropdown__icon" alt="nl" > <div class="dropdown__name">Nederlands</div> </a> <a href="/pl/" class="dropdown__link js-save-params js-link " data-name="Polski"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pl.svg" width="20" height="20" class="dropdown__icon" alt="pl" loading="lazy"> <div class="dropdown__name">Polski</div> </a> <a href="/pt/" class="dropdown__link js-save-params js-link " data-name="Português"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pt.svg" width="20" height="20" class="dropdown__icon" alt="pt" loading="lazy"> <div class="dropdown__name">Português</div> </a> <a href="/ru/" class="dropdown__link js-save-params js-link " data-name="Русский"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ru.svg" width="20" height="20" class="dropdown__icon" alt="ru" loading="lazy"> <div class="dropdown__name">Русский</div> </a> <a href="/sv/" class="dropdown__link js-save-params js-link " data-name="Svenska"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-sv.svg" width="20" height="20" class="dropdown__icon" alt="sv" loading="lazy"> <div class="dropdown__name">Svenska</div> </a> <a href="/tr/" class="dropdown__link js-save-params js-link " data-name="Türkçe"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-tr.svg" width="20" height="20" class="dropdown__icon" alt="tr" loading="lazy"> <div class="dropdown__name">Türkçe</div> </a> </div> </div> </div> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M2.92891 17.0711C4.81766 18.9598 7.32891 20 10 20C12.6711 20 15.1824 18.9599 17.0711 17.0711C18.9598 15.1823 20 12.6711 20 10C20 7.32891 18.9598 4.81766 17.0711 2.92891C15.1823 1.04016 12.6711 0 10 0C7.32891 0 4.81762 1.04012 2.92891 2.92891C1.0402 4.8177 0 7.32891 0 10C0 12.6711 1.04016 15.1823 2.92891 17.0711ZM1.25 10C1.25 5.17523 5.17523 1.25 10 1.25C14.8248 1.25 18.75 5.17523 18.75 10C18.75 14.8248 14.8248 18.75 10 18.75C5.17523 18.75 1.25 14.8248 1.25 10Z"/> <path d="M10 9.375C9.13844 9.375 8.4375 8.67406 8.4375 7.8125C8.4375 6.95094 9.13844 6.25 10 6.25C10.8616 6.25 11.5625 6.95094 11.5625 7.8125C11.5625 8.15766 11.8423 8.4375 12.1875 8.4375C12.5327 8.4375 12.8125 8.15766 12.8125 7.8125C12.8125 6.47652 11.8759 5.35594 10.625 5.07086V4.375C10.625 4.02984 10.3452 3.75 10 3.75C9.6548 3.75 9.375 4.02984 9.375 4.375V5.07086C8.12414 5.35594 7.1875 6.47652 7.1875 7.8125C7.1875 9.36332 8.44918 10.625 10 10.625C10.8616 10.625 11.5625 11.3259 11.5625 12.1875C11.5625 13.0491 10.8616 13.75 10 13.75C9.13844 13.75 8.4375 13.0491 8.4375 12.1875C8.4375 11.8423 8.1577 11.5625 7.8125 11.5625C7.4673 11.5625 7.1875 11.8423 7.1875 12.1875C7.1875 13.5235 8.12414 14.6441 9.375 14.9291V15.625C9.375 15.9702 9.6548 16.25 10 16.25C10.3452 16.25 10.625 15.9702 10.625 15.625V14.9291C11.8759 14.6441 12.8125 13.5235 12.8125 12.1875C12.8125 10.6367 11.5508 9.375 10 9.375Z"/> </svg> <div class="accordion-btn__text">Valuta</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--currencies js-header-dropdown-content"> <div class="dropdown__list"> <div class="dropdown__link js-link js-link-hex is-active js-save-params" data-curr="1" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3439> <div class="dropdown__code">USD</div> <div class="dropdown__name">US dollar</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="3" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3531> <div class="dropdown__code">EUR</div> <div class="dropdown__name">Euro</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="7" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3535> <div class="dropdown__code">GBP</div> <div class="dropdown__name">Pond sterling</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="11" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3439> <div class="dropdown__code">AUD</div> <div class="dropdown__name">Australische dollar</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="21" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3439> <div class="dropdown__code">CAD</div> <div class="dropdown__name">Canadese dollar</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="48" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3536> <div class="dropdown__code">BRL</div> <div class="dropdown__name">Braziliaanse real</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="49" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3537> <div class="dropdown__code">BGN</div> <div class="dropdown__name">Bulgaarse lev</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="57" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35332e3535> <div class="dropdown__code">CNY</div> <div class="dropdown__name">Chinese yuan</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="66" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35342e3534> <div class="dropdown__code">CZK</div> <div class="dropdown__name">Tsjechische kroon</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="4" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3532> <div class="dropdown__code">DKK</div> <div class="dropdown__name">Deense kroon</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="13" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3531> <div class="dropdown__code">HKD</div> <div class="dropdown__name">Hongkongse dollar</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="77" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35352e3535> <div class="dropdown__code">ILS</div> <div class="dropdown__name">Israëlische sjekel</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="23" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3531> <div class="dropdown__code">JPY</div> <div class="dropdown__name">Japanse yen</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="10" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3438> <div class="dropdown__code">MYR</div> <div class="dropdown__name">Maleisische ringgit</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="12" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3530> <div class="dropdown__code">NZD</div> <div class="dropdown__name">Nieuw-Zeelandse dollar</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="22" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3530> <div class="dropdown__code">NOK</div> <div class="dropdown__name">Noorse kroon</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="135" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3533> <div class="dropdown__code">PLN</div> <div class="dropdown__name">Poolse złoty</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="136" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3534> <div class="dropdown__code">RON</div> <div class="dropdown__name">Roemeense leu</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="137" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3535> <div class="dropdown__code">RUB</div> <div class="dropdown__name">Russische roebel</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="142" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35322e3530> <div class="dropdown__code">SAR</div> <div class="dropdown__name">Saoedi-Arabische riyal</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="24" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3532> <div class="dropdown__code">SGD</div> <div class="dropdown__name">Singaporese dollar</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="15" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3533> <div class="dropdown__code">ZAR</div> <div class="dropdown__name">Zuid-Afrikaanse rand</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="151" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35332e3439> <div class="dropdown__code">KRW</div> <div class="dropdown__name">Zuid-Koreaanse won</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="9" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3537> <div class="dropdown__code">SEK</div> <div class="dropdown__name">Zweedse kroon</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="8" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3536> <div class="dropdown__code">CHF</div> <div class="dropdown__name">Zwitserse frank</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="162" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3530> <div class="dropdown__code">TRY</div> <div class="dropdown__name">Turkse lira</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="166" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3534> <div class="dropdown__code">UAH</div> <div class="dropdown__name">Oekraïense grivnya</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="2" data-hex=34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3530> <div class="dropdown__code">THB</div> <div class="dropdown__name">Thaise baht</div> </div> </div> </div> </div> </div> </div> </div> </header> <div class="banner__content"> <h1 class="banner__title"> Beste verblijfplaatsen in Catalonië </h1> <p class="banner__text">Ontdek de wereld van comfort en privacy</p> </div> <div class="form-wrap js-avail-form-mob"> <div class="form-wrap__icon"> <svg width="17" height="15" viewBox="0 0 17 15" fill="white" xmlns="http://www.w3.org/2000/svg"> <path d="M16.3037 6.18838C14.8224 6.64861 13.3717 7.26224 11.9514 8.02929C10.531 8.79634 9.41777 9.57776 8.61151 10.3736C7.82401 9.58735 6.70839 8.80833 5.26464 8.03648C3.82088 7.26464 2.34902 6.64861 0.849011 6.18838L0.694324 6.63423C2.34433 7.85192 3.79979 9.11274 5.06073 10.4167C6.32167 11.7207 7.43026 13.1685 8.38651 14.7601H8.7662C9.72245 13.1781 10.8334 11.7351 12.099 10.4311C13.3646 9.12712 14.8271 7.86151 16.4865 6.63423L16.3037 6.18838ZM15.6146 0.320309C14.2459 0.723009 12.9193 1.25514 11.6349 1.91672C10.3506 2.5783 9.34276 3.25425 8.61151 3.9446C7.88963 3.26384 6.87714 2.59029 5.57401 1.92391C4.27088 1.25754 2.92558 0.723009 1.53807 0.320309L1.38339 0.766153C2.87402 1.8592 4.19823 3.00256 5.35604 4.19629C6.51386 5.39001 7.52401 6.71075 8.38651 8.15855H8.7662C9.6287 6.71075 10.6388 5.39001 11.7967 4.19629C12.9545 3.00256 14.2834 1.8592 15.7834 0.766153L15.6146 0.320309Z"/> </svg> </div> <div class="form-wrap__title">Voer de data in om de beschikbaarheid te checken</div> <form class="avail-form js-avail-form avail-form--cities" autocomplete="off" action="/nl/search/" method="post"> <input type="hidden" name="sort" value="Rating" /> <input type="hidden" name="order" value="DESC" /> <input type="hidden" name="s" value="1" /> <select class="hidden" type="hidden" name="cityID" value="45" id="cityId"> <option value="45" data-bcity-id="-372490" > </option> <option value="8571" data-bcity-id="-400284" > </option> <option value="19154" data-bcity-id="-389487" > </option> <option value="8316" data-bcity-id="-403043" > </option> <option value="8381" data-bcity-id="-399710" > </option> <option value="18308" data-bcity-id="-383956" > </option> <option value="2593" data-bcity-id="-404906" > </option> <option value="31408" data-bcity-id="900039105" > </option> <option value="848" data-bcity-id="-403902" > </option> <option value="8509" data-bcity-id="-375231" > </option> <option value="4507" data-bcity-id="-376945" > </option> <option value="8387" data-bcity-id="-375051" > </option> <option value="35584" data-bcity-id="-385443" > </option> <option value="14533" data-bcity-id="-382463" > </option> <option value="18390" data-bcity-id="-381074" > </option> <option value="7230" data-bcity-id="-407187" > </option> <option value="8416" data-bcity-id="-374873" > </option> <option value="27024" data-bcity-id="-402002" > </option> <option value="801" data-bcity-id="900039124" > </option> <option value="8860" data-bcity-id="-390817" > </option> </select> <div class="avail-form__cities js-cities-wrapper"> <div class="avail-form__field-cities field js-cities-toggler"> <div class="field__wrapper"> <div class="field__label">Bestemming</div> <div id="cityName" class="field__text">Barcelona</div> </div> <p class="avail-form__error hidden js-city-error">Selecteer de stad eerst</p> </div> <div class="avail-form__dropdown cities-dropdown js-cities-dropdown"> <div class="cities-dropdown__item js-city-item" data-city-id="45" data-city-name="Barcelona"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Barcelona</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8571" data-city-name="Salou"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Salou</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="19154" data-city-name="Lloret de Mar"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Lloret de Mar</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8316" data-city-name="Sitges"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Sitges</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8381" data-city-name="Roses"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Roses</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="18308" data-city-name="Gerona"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Gerona</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="2593" data-city-name="Tossa de Mar"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Tossa de Mar</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="31408" data-city-name="Castell-Platja d'Aro"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Castell-Platja d'Aro</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="848" data-city-name="Tarragona"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Tarragona</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8509" data-city-name="Cambrils"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Cambrils</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="4507" data-city-name="Castelldefels"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Castelldefels</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8387" data-city-name="Calella"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Calella</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="35584" data-city-name="L'Hospitalet de Llobregat"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">L'Hospitalet de Llobregat</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="14533" data-city-name="Figueres (Girona)"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Figueres (Girona)</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="18390" data-city-name="El Prat de Llobregat"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">El Prat de Llobregat</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="7230" data-city-name="Vielha e Mijaran"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Vielha e Mijaran</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8416" data-city-name="Cadaqués"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Cadaqués</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="27024" data-city-name="Santa Susanna"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Santa Susanna</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="801" data-city-name="Lerida"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Lerida</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8860" data-city-name="Malgrat de Mar"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Malgrat de Mar</div> <div class="cities-dropdown__city-country">Spanje</div> </div> </div> </div> </div> <div class="avail-form__calendar js-new-calendar-wrapper"> <fieldset class="avail-form__date field"> <div class="field__wrapper"> <div class="field__label">Check-in:</div> <div class="field__text js-new-calendar-from-text"> <span class="field__number js-date-day">20</span> <span class="js-date-month">December</span> </div> </div> <svg width="22" height="22" class="field__icon" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M14.4138 0.189453C15.3298 0.189453 16.0957 0.842246 16.272 1.70669H22V6.63773V21.8101H0V6.63773V1.70669H5.72797C5.90434 0.842246 6.67055 0.189453 7.58621 0.189453C8.63197 0.189453 9.48276 1.04025 9.48276 2.086C9.48276 3.13176 8.63197 3.98256 7.58621 3.98256C7.37645 3.98256 7.2069 3.813 7.2069 3.60325C7.2069 3.39349 7.37645 3.22394 7.58621 3.22394C8.21359 3.22394 8.72414 2.71338 8.72414 2.086C8.72414 1.45863 8.21359 0.948074 7.58621 0.948074C7.09234 0.948074 6.6751 1.26594 6.51807 1.70669H7.2069C7.41666 1.70669 7.58621 1.87625 7.58621 2.086C7.58621 2.29576 7.41666 2.46532 7.2069 2.46532H6.06897H0.758621V5.87911H21.2414V2.46532H16.272C16.0957 3.32976 15.3294 3.98256 14.4138 3.98256C14.204 3.98256 14.0345 3.813 14.0345 3.60325C14.0345 3.39349 14.204 3.22394 14.4138 3.22394C15.0412 3.22394 15.5517 2.71338 15.5517 2.086C15.5517 1.45863 15.0412 0.948074 14.4138 0.948074C14.204 0.948074 14.0345 0.778522 14.0345 0.568763C14.0345 0.359005 14.204 0.189453 14.4138 0.189453ZM0.758789 21.0515H21.2415V6.6377H0.758789V21.0515Z"/><path d="M9.86173 0.948074C10.4891 0.948074 10.9997 1.45863 10.9997 2.086C10.9997 2.71338 10.4891 3.22394 9.86173 3.22394C9.65197 3.22394 9.48242 3.39349 9.48242 3.60325C9.48242 3.813 9.65197 3.98256 9.86173 3.98256C10.9075 3.98256 11.7583 3.13176 11.7583 2.086C11.7583 1.04025 10.9075 0.189453 9.86173 0.189453C9.65197 0.189453 9.48242 0.359005 9.48242 0.568763C9.48242 0.778522 9.65197 0.948074 9.86173 0.948074Z"/><path d="M12.1381 0.948074C12.7655 0.948074 13.276 1.45863 13.276 2.086C13.276 2.71338 12.7655 3.22394 12.1381 3.22394C11.9283 3.22394 11.7588 3.39349 11.7588 3.60325C11.7588 3.813 11.9283 3.98256 12.1381 3.98256C13.1839 3.98256 14.0347 3.13176 14.0347 2.086C14.0347 1.04025 13.1839 0.189453 12.1381 0.189453C11.9283 0.189453 11.7588 0.359005 11.7588 0.568763C11.7588 0.778522 11.9283 0.948074 12.1381 0.948074Z"/><circle cx="8.34513" cy="9.29337" r="0.37931"/><circle cx="11.0004" cy="9.29337" r="0.37931"/><circle cx="13.6547" cy="9.29337" r="0.37931"/><circle cx="16.31" cy="9.29337" r="0.37931"/><circle cx="18.9652" cy="9.29337" r="0.37931"/><circle cx="3.03458" cy="12.3276" r="0.37931"/><circle cx="5.68986" cy="12.3276" r="0.37931"/><circle cx="8.34513" cy="12.3276" r="0.37931"/><circle cx="11.0004" cy="12.3276" r="0.37931"/><circle cx="13.6547" cy="12.3276" r="0.37931"/><circle cx="16.31" cy="12.3276" r="0.37931"/><circle cx="18.9652" cy="12.3276" r="0.37931"/><circle cx="3.03458" cy="14.9828" r="0.37931"/><circle cx="5.68986" cy="14.9828" r="0.37931"/><circle cx="8.34513" cy="14.9828" r="0.37931"/><circle cx="11.0004" cy="14.9828" r="0.37931"/><circle cx="13.6547" cy="14.9828" r="0.37931"/><circle cx="16.31" cy="14.9828" r="0.37931"/><circle cx="18.9652" cy="14.9828" r="0.37931"/><circle cx="3.03458" cy="18.017" r="0.37931"/><circle cx="5.68986" cy="18.017" r="0.37931"/><circle cx="8.34513" cy="18.017" r="0.37931"/><circle cx="11.0004" cy="18.017" r="0.37931"/><circle cx="13.6547" cy="18.017" r="0.37931"/> </svg> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2024-12-20"> </fieldset> <fieldset class="avail-form__date field"> <div class="field__wrapper"> <div class="field__label">Check-uit:</div> <div class="field__text js-new-calendar-to-text"> <span class="field__number js-date-day">21</span> <span class="js-date-month">December</span> </div> </div> <svg width="22" height="22" class="field__icon" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M14.4138 0.189453C15.3298 0.189453 16.0957 0.842246 16.272 1.70669H22V6.63773V21.8101H0V6.63773V1.70669H5.72797C5.90434 0.842246 6.67055 0.189453 7.58621 0.189453C8.63197 0.189453 9.48276 1.04025 9.48276 2.086C9.48276 3.13176 8.63197 3.98256 7.58621 3.98256C7.37645 3.98256 7.2069 3.813 7.2069 3.60325C7.2069 3.39349 7.37645 3.22394 7.58621 3.22394C8.21359 3.22394 8.72414 2.71338 8.72414 2.086C8.72414 1.45863 8.21359 0.948074 7.58621 0.948074C7.09234 0.948074 6.6751 1.26594 6.51807 1.70669H7.2069C7.41666 1.70669 7.58621 1.87625 7.58621 2.086C7.58621 2.29576 7.41666 2.46532 7.2069 2.46532H6.06897H0.758621V5.87911H21.2414V2.46532H16.272C16.0957 3.32976 15.3294 3.98256 14.4138 3.98256C14.204 3.98256 14.0345 3.813 14.0345 3.60325C14.0345 3.39349 14.204 3.22394 14.4138 3.22394C15.0412 3.22394 15.5517 2.71338 15.5517 2.086C15.5517 1.45863 15.0412 0.948074 14.4138 0.948074C14.204 0.948074 14.0345 0.778522 14.0345 0.568763C14.0345 0.359005 14.204 0.189453 14.4138 0.189453ZM0.758789 21.0515H21.2415V6.6377H0.758789V21.0515Z"/><path d="M9.86173 0.948074C10.4891 0.948074 10.9997 1.45863 10.9997 2.086C10.9997 2.71338 10.4891 3.22394 9.86173 3.22394C9.65197 3.22394 9.48242 3.39349 9.48242 3.60325C9.48242 3.813 9.65197 3.98256 9.86173 3.98256C10.9075 3.98256 11.7583 3.13176 11.7583 2.086C11.7583 1.04025 10.9075 0.189453 9.86173 0.189453C9.65197 0.189453 9.48242 0.359005 9.48242 0.568763C9.48242 0.778522 9.65197 0.948074 9.86173 0.948074Z"/><path d="M12.1381 0.948074C12.7655 0.948074 13.276 1.45863 13.276 2.086C13.276 2.71338 12.7655 3.22394 12.1381 3.22394C11.9283 3.22394 11.7588 3.39349 11.7588 3.60325C11.7588 3.813 11.9283 3.98256 12.1381 3.98256C13.1839 3.98256 14.0347 3.13176 14.0347 2.086C14.0347 1.04025 13.1839 0.189453 12.1381 0.189453C11.9283 0.189453 11.7588 0.359005 11.7588 0.568763C11.7588 0.778522 11.9283 0.948074 12.1381 0.948074Z"/><circle cx="8.34513" cy="9.29337" r="0.37931"/><circle cx="11.0004" cy="9.29337" r="0.37931"/><circle cx="13.6547" cy="9.29337" r="0.37931"/><circle cx="16.31" cy="9.29337" r="0.37931"/><circle cx="18.9652" cy="9.29337" r="0.37931"/><circle cx="3.03458" cy="12.3276" r="0.37931"/><circle cx="5.68986" cy="12.3276" r="0.37931"/><circle cx="8.34513" cy="12.3276" r="0.37931"/><circle cx="11.0004" cy="12.3276" r="0.37931"/><circle cx="13.6547" cy="12.3276" r="0.37931"/><circle cx="16.31" cy="12.3276" r="0.37931"/><circle cx="18.9652" cy="12.3276" r="0.37931"/><circle cx="3.03458" cy="14.9828" r="0.37931"/><circle cx="5.68986" cy="14.9828" r="0.37931"/><circle cx="8.34513" cy="14.9828" r="0.37931"/><circle cx="11.0004" cy="14.9828" r="0.37931"/><circle cx="13.6547" cy="14.9828" r="0.37931"/><circle cx="16.31" cy="14.9828" r="0.37931"/><circle cx="18.9652" cy="14.9828" r="0.37931"/><circle cx="3.03458" cy="18.017" r="0.37931"/><circle cx="5.68986" cy="18.017" r="0.37931"/><circle cx="8.34513" cy="18.017" r="0.37931"/><circle cx="11.0004" cy="18.017" r="0.37931"/><circle cx="13.6547" cy="18.017" r="0.37931"/> </svg> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nacht)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nachten)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nachten)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2024-12-21"> </fieldset> </div> <div class="avail-form__guests js-guests-wrapper"> <div class="avail-form__field-guests field js-guests-toggler"> <div class="field__wrapper"> <div class="field__label">Gasten</div> <div class="field__text"> <span class="js-guests-count">2</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="1"> gast</span> <span class="js-guests-count-text" style="display: inline;" data-guests-count="2"> gasten</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="3"> gasten</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="4"> gasten</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="5"> gasten</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="6"> gasten</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="7"> gasten</span> </div> </div> <svg width="15" height="9" class="field__icon" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg"> <path d="M14.614 0.320312C13.2452 0.723013 11.9187 1.25515 10.6343 1.91673C9.3499 2.57831 8.34209 3.25426 7.61084 3.9446C6.88896 3.26385 5.87647 2.59029 4.57334 1.92392C3.27021 1.25754 1.92491 0.723013 0.537402 0.320312L0.382715 0.766157C1.87335 1.8592 3.19755 3.00257 4.35537 4.19629C5.51319 5.39001 6.52334 6.71075 7.38584 8.15856H7.76553C8.62803 6.71075 9.63818 5.39001 10.796 4.19629C11.9538 3.00257 13.2827 1.8592 14.7827 0.766157L14.614 0.320312Z" /> </svg> </div> <div class="avail-form__dropdown js-guests-dropdown guests-dropdown"> <div class="guests-dropdown__wrapper"> <div class="guests-dropdown__fieldset"> <div class="guests-dropdown__label">Volwassenen:</div> <div class="guests-dropdown__number-select number-select"> <div class="number-select__btn number-select__btn--decrease js-guests-btn" data-type="adults" data-action="-"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,7.7H0.7C0.3,7.7,0,7.4,0,7c0-0.4,0.3-0.7,0.7-0.7h12.6C13.7,6.3,14,6.6,14,7C14,7.4,13.7,7.7,13.3,7.7z" /> </svg> </div> <div class="number-select__number js-adults-count">2</div> <div class="number-select__btn number-select__btn--increase js-guests-btn" data-type="adults" data-action="+"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,6.3H7.7V0.7C7.7,0.3,7.4,0,7,0C6.6,0,6.3,0.3,6.3,0.7v5.6H0.7C0.3,6.3,0,6.6,0,7c0,0.4,0.3,0.7,0.7,0.7h5.6v5.6C6.3,13.7,6.6,14,7,14c0.4,0,0.7-0.3,0.7-0.7V7.7h5.6C13.7,7.7,14,7.4,14,7C14,6.6,13.7,6.3,13.3,6.3z" /> </svg> </div> </div> <input id="adults" class="js-adults-select hidden" value="2" name="adults"> </div> <div class="guests-dropdown__fieldset"> <div class="guests-dropdown__label">Kinderen:</div> <div class="guests-dropdown__number-select number-select"> <div class="number-select__btn number-select__btn--decrease is-disabled js-guests-btn" data-type="children" data-action="-"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,7.7H0.7C0.3,7.7,0,7.4,0,7c0-0.4,0.3-0.7,0.7-0.7h12.6C13.7,6.3,14,6.6,14,7C14,7.4,13.7,7.7,13.3,7.7z" /> </svg> </div> <div class="number-select__number js-children-count">0</div> <div class="number-select__btn number-select__btn--increase js-guests-btn" data-type="children" data-action="+"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,6.3H7.7V0.7C7.7,0.3,7.4,0,7,0C6.6,0,6.3,0.3,6.3,0.7v5.6H0.7C0.3,6.3,0,6.6,0,7c0,0.4,0.3,0.7,0.7,0.7h5.6v5.6C6.3,13.7,6.6,14,7,14c0.4,0,0.7-0.3,0.7-0.7V7.7h5.6C13.7,7.7,14,7.4,14,7C14,6.6,13.7,6.3,13.3,6.3z" /> </svg> </div> </div> <input id="childs" class="js-children-select hidden" value="0" name="children"> </div> </div> <div class="guests-dropdown__age js-age-container"> <div class="guests-dropdown__label js-child-age-title">Leeftijd van de kinderen:</div> </div> <div class="avail-form__error guests-dropdown__error hidden js-ch-error js-ch-error-one"> <span>Vermeld de leeftijd van het kind</span> </div> <div class="avail-form__error guests-dropdown__error hidden js-ch-error js-ch-error-plural"> <span>Vermeld de leeftijd van kinderen</span> </div> <div class="avail-form__buttons-wrap"> <button class="avail-form__button avail-form__button--cancel js-cancel-button" type="button">Annuleren</button> <button class="avail-form__button js-ok-button" type="button">OK</button> </div> </div> </div> <div class="avail-form__submit"> <button class="avail-form__submit-btn js-avail-info-submit-btn" type="submit"> <span class="avail-form__submit-text">Zoeken</span> </button> </div> </form> <template id="child-age-template"> <fieldset class="guests-dropdown__age-item js-age"> <select class="guests-dropdown__select js-child-age-select" name=""> <option selected value=""> -</option> <option value="0"> ‹1</option> <option value="1"> 1</option> <option value="2"> 2</option> <option value="3"> 3</option> <option value="4"> 4</option> <option value="5"> 5</option> <option value="6"> 6</option> <option value="7"> 7</option> <option value="8"> 8</option> <option value="9"> 9</option> <option value="10"> 10</option> <option value="11"> 11</option> <option value="12"> 12</option> <option value="13"> 13</option> <option value="14"> 14</option> <option value="15"> 15</option> <option value="16"> 16</option> </select> </fieldset> </template> </div> </div> <div class="content page-cities js-page-content"> <div class="inner where-to-stay js-where-to-stay"> <h2 class="where-to-stay__title title">Waar logeren in Catalonië</h2> <p class="where-to-stay__subtitle subtitle">Bekijk de hele stad om te kiezen wat bij je past.</p> <div class="where-to-stay__tabs js-tabs-where-to-stay"> <div class="where-to-stay-tab active" data-target=".js-districts-block"> <span class="where-to-stay-tab__text">Topwijken</span> </div> <div class="where-to-stay-tab active" data-target=".js-attractions-block"> <span class="where-to-stay-tab__text">Topattracties</span> </div> <div class="where-to-stay-tab active" data-target=".js-map-block"> <span class="where-to-stay-tab__text">Bekijk op kaart</span> </div> </div> <div class="where-to-stay__blocks"> <div class="where-to-stay__block where-to-stay-districts active js-districts-block"> <div class="where-to-stay-districts__wrapper"> <div class="where-to-stay-districts__cards "> <div class="where-to-stay-districts__cards-item where-to-stay-districts-card"> <a href="/nl/near-eixample-dr132713/" target="_blank"> <img class='where-to-stay-districts-card__img' alt=''src="/img/districts/700x500/0/4/4395.JPEG"> <div class="where-to-stay-districts-card__inner"> <div class="where-to-stay-districts-card__inner-name where-to-stay-districts-card__inner-name--white">L'Eixample</div> <div class="where-to-stay-districts-card__inner-props where-to-stay-districts-card__inner-props--white">Zie 2225 accommodaties</div> </div> </a> </div> <div class="where-to-stay-districts__cards-item where-to-stay-districts-card"> <a href="/nl/near-salou-city-centre-dr904845/" target="_blank"> <img class='where-to-stay-districts-card__img' alt=''src="/img/districts/700x500/0/4/4396.JPEG"> <div class="where-to-stay-districts-card__inner"> <div class="where-to-stay-districts-card__inner-name where-to-stay-districts-card__inner-name--white">Salou Centrum</div> <div class="where-to-stay-districts-card__inner-props where-to-stay-districts-card__inner-props--white">Zie 1550 accommodaties</div> </div> </a> </div> </div> <div class="where-to-stay-districts__list"> <ul class="where-to-stay-districts__links"> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/nl/near-ciutat-vella-dr132712/" target="_blank"> <p class="where-to-stay-districts-link__name">Ciutat Vella</p> </a> <p class="where-to-stay-districts-link__props">1123 accommodaties</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/nl/near-santa-margarida-dr903027/" target="_blank"> <p class="where-to-stay-districts-link__name">Santa Margarida</p> </a> <p class="where-to-stay-districts-link__props">956 accommodaties</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/nl/near-roses-town-centre-dr903030/" target="_blank"> <p class="where-to-stay-districts-link__name">Roses - Centrum</p> </a> <p class="where-to-stay-districts-link__props">548 accommodaties</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/nl/near-sants-montjuic-dr132718/" target="_blank"> <p class="where-to-stay-districts-link__name">Sants-Montjuïc</p> </a> <p class="where-to-stay-districts-link__props">547 accommodaties</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/nl/near-sant-marti-dr132717/" target="_blank"> <p class="where-to-stay-districts-link__name">Sant Marti</p> </a> <p class="where-to-stay-districts-link__props">493 accommodaties</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/nl/near-almadraba-canyelles-dr903033/" target="_blank"> <p class="where-to-stay-districts-link__name">Almadraba-Canyelles</p> </a> <p class="where-to-stay-districts-link__props">473 accommodaties</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> </ul> <div class="where-to-stay-districts__toggle-btn js-districts-toggle-btn active" data-target='.js-more-links'> <span>Meer weergeven</span> <span>Verbergen</span> </div> </div> </div> <ul class="where-to-stay-districts__more js-more-links active"> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-gracia-dr132714/" target="_blank"> <p class="districts-more-link__name">Gracia</p> </a> <p class="districts-more-link__props">455 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-old-town-dr1703419/" target="_blank"> <p class="districts-more-link__name">Old Town </p> </a> <p class="districts-more-link__props">232 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-sitges-town-centre-dr903165/" target="_blank"> <p class="districts-more-link__name">Sitges - Centrum</p> </a> <p class="districts-more-link__props">229 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-sarria-st-gervasi-dr132719/" target="_blank"> <p class="districts-more-link__name">Sarrià-St. Gervasi</p> </a> <p class="districts-more-link__props">227 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-old-town-dr1703428/" target="_blank"> <p class="districts-more-link__name">Old Town </p> </a> <p class="districts-more-link__props">222 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-lloret-town-centre-dr903018/" target="_blank"> <p class="districts-more-link__name">Lloret (centrum)</p> </a> <p class="districts-more-link__props">214 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-fenals-beach-dr902994/" target="_blank"> <p class="districts-more-link__name">Strand Fenals</p> </a> <p class="districts-more-link__props">157 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-horta-guinardo-dr132715/" target="_blank"> <p class="districts-more-link__name">Horta-Guinardo</p> </a> <p class="districts-more-link__props">143 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-sitges-beach-dr903162/" target="_blank"> <p class="districts-more-link__name">Cervar-Porat</p> </a> <p class="districts-more-link__props">104 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-les-corts-dr132716/" target="_blank"> <p class="districts-more-link__name">Les Corts</p> </a> <p class="districts-more-link__props">101 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-pineda-de-mar-beach-dr907227/" target="_blank"> <p class="districts-more-link__name">Pineda de Mar Beach</p> </a> <p class="districts-more-link__props">92 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-castelledefels-beach-dr907206/" target="_blank"> <p class="districts-more-link__name">Castelledefels Beach </p> </a> <p class="districts-more-link__props">87 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-malgrat-de-mar-beach-dr907233/" target="_blank"> <p class="districts-more-link__name">Malgrat de Mar Beach</p> </a> <p class="districts-more-link__props">78 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-barcelona-fira-2-dr903414/" target="_blank"> <p class="districts-more-link__name">Fira de Barcelona - Gran Via 2</p> </a> <p class="districts-more-link__props">64 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-sant-andreu-dr133154/" target="_blank"> <p class="districts-more-link__name">Sant Andreu</p> </a> <p class="districts-more-link__props">51 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-calella-beach-dr907224/" target="_blank"> <p class="districts-more-link__name">Calella Beach</p> </a> <p class="districts-more-link__props">47 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-santa-susanna-beach-dr907230/" target="_blank"> <p class="districts-more-link__name">Santa Susanna Beach</p> </a> <p class="districts-more-link__props">45 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-nou-barris-dr283907/" target="_blank"> <p class="districts-more-link__name">Nou Barris</p> </a> <p class="districts-more-link__props">42 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-gava-beach-dr907215/" target="_blank"> <p class="districts-more-link__name">Gava Beach </p> </a> <p class="districts-more-link__props">25 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-ocata-beach-dr907203/" target="_blank"> <p class="districts-more-link__name">Ocata Beach</p> </a> <p class="districts-more-link__props">18 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-llevant-beach-dr907278/" target="_blank"> <p class="districts-more-link__name">Llevant Beach</p> </a> <p class="districts-more-link__props">16 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-sant-pol-de-mar-beach-dr907221/" target="_blank"> <p class="districts-more-link__name">Sant Pol de Mar Beach</p> </a> <p class="districts-more-link__props">15 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-premia-de-mar-beach-dr907209/" target="_blank"> <p class="districts-more-link__name">Premia de Mar Beach</p> </a> <p class="districts-more-link__props">13 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-canyelles-beach-dr902991/" target="_blank"> <p class="districts-more-link__name">Canyelles (strand)</p> </a> <p class="districts-more-link__props">10 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-caldetes-beach-dr907218/" target="_blank"> <p class="districts-more-link__name">Caldetes Beach</p> </a> <p class="districts-more-link__props">10 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-badalona-beach-dr907197/" target="_blank"> <p class="districts-more-link__name">Badalona Beach</p> </a> <p class="districts-more-link__props">7 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-masnou-beach-dr907200/" target="_blank"> <p class="districts-more-link__name">Masnou Beach</p> </a> <p class="districts-more-link__props">7 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-sagrada-familia-dr899643/" target="_blank"> <p class="districts-more-link__name">Sagrada Familia</p> </a> <p class="districts-more-link__props">6 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-mataro-beach-dr907212/" target="_blank"> <p class="districts-more-link__name">Mataro Beach</p> </a> <p class="districts-more-link__props">6 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-barcelona-city-centre-dr900054/" target="_blank"> <p class="districts-more-link__name">Barcelona Centrum</p> </a> <p class="districts-more-link__props">5 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-vila-vella-dr1703299/" target="_blank"> <p class="districts-more-link__name">Vila Vella </p> </a> <p class="districts-more-link__props">5 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-aiguafreda-beach-dr907317/" target="_blank"> <p class="districts-more-link__name">Aiguafreda Beach</p> </a> <p class="districts-more-link__props">4 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-forum-beach-dr907260/" target="_blank"> <p class="districts-more-link__name">Forum Beach </p> </a> <p class="districts-more-link__props">3 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-sant-antoni-dr907365/" target="_blank"> <p class="districts-more-link__name">Sant Antoni</p> </a> <p class="districts-more-link__props">3 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-barceloneta-dr899631/" target="_blank"> <p class="districts-more-link__name">Barceloneta</p> </a> <p class="districts-more-link__props">2 accommodaties</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-el-born-dr899640/" target="_blank"> <p class="districts-more-link__name">El Born</p> </a> <p class="districts-more-link__props">1 accommodatie</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-puerto-banus-dr903081/" target="_blank"> <p class="districts-more-link__name">Puerto Banus</p> </a> <p class="districts-more-link__props">1 accommodatie</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-el-rodadero-dr901887/" target="_blank"> <p class="districts-more-link__name">El Rodadero</p> </a> <p class="districts-more-link__props">1 accommodatie</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/nl/near-vila-olimpica-dr899634/" target="_blank"> <p class="districts-more-link__name">Vila Olimpica</p> </a> <p class="districts-more-link__props">1 accommodatie</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> </ul> </div> <div class="where-to-stay__block where-to-stay-attractions active js-attractions-block"> <div class="where-to-stay-attractions__wrapper"> <div class="where-to-stay-attractions__cards "> <div class="where-to-stay-attractions__cards-item where-to-stay-attractions-card"> <a href="/nl/near-institucion-teresiana-132421/" target="_blank"> <div class="where-to-stay-attractions-card__inner"> <div class="where-to-stay-attractions-card__inner-name ">Institucion Teresiana</div> <div class="where-to-stay-attractions-card__inner-props ">Zie 4033 accommodaties</div> </div> </a> </div> <div class="where-to-stay-attractions__cards-item where-to-stay-attractions-card"> <a href="/nl/near-passeig-de-gracia-train-station-357436/" target="_blank"> <div class="where-to-stay-attractions-card__inner"> <div class="where-to-stay-attractions-card__inner-name ">Promenade Passeig de Gracia</div> <div class="where-to-stay-attractions-card__inner-props ">Zie 4030 accommodaties</div> </div> </a> </div> </div> <div class="where-to-stay-attractions__list"> <ul class="where-to-stay-attractions__links"> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/nl/near-passeig-de-gracia-rail-station-156228/" target="_blank"> <p class="where-to-stay-attractions-link__name">Passeig de Gràcia - Rail Station</p> </a> <p class="where-to-stay-attractions-link__props">4030 accommodaties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/nl/near-casa-mila-84696/" target="_blank"> <p class="where-to-stay-attractions-link__name">Casa Milà Barcelona</p> </a> <p class="where-to-stay-attractions-link__props">4025 accommodaties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/nl/near-the-fundacio-antoni-tapies-162369/" target="_blank"> <p class="where-to-stay-attractions-link__name">The Fundació Antoni Tàpies</p> </a> <p class="where-to-stay-attractions-link__props">4022 accommodaties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/nl/near-la-pedrera-357433/" target="_blank"> <p class="where-to-stay-attractions-link__name">Gebouw La Pedrera</p> </a> <p class="where-to-stay-attractions-link__props">4019 accommodaties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/nl/near-casa-batllo-84685/" target="_blank"> <p class="where-to-stay-attractions-link__name">Casa Batlló Barcelona</p> </a> <p class="where-to-stay-attractions-link__props">4016 accommodaties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/nl/near-casa-ametller-162365/" target="_blank"> <p class="where-to-stay-attractions-link__name">Casa Ametller Barcelona</p> </a> <p class="where-to-stay-attractions-link__props">4015 accommodaties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/nl/near-casa-amatller-1016220/" target="_blank"> <p class="where-to-stay-attractions-link__name">Casa Amatller Barcelona</p> </a> <p class="where-to-stay-attractions-link__props">4015 accommodaties</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> </ul> </div> </div> </div> <div class="where-to-stay__block where-to-stay-map js-map-block"> <div class="where-to-stay-map__inner js-where-to-stay-map"> <div class="where-to-stay-map__map" id="mapbox"></div> <script type="text/javascript" class="js-where-to-stay-map-hotels hidden"> [ { "id": 9147103, "lat": 41.07517, "lng": 1.12428, "name": "Camping & Resort Sanguli Salou", "hotelUrl": "https://camping-resort-sanguli-salou.catalonia-hotels.com/nl/", "reviewCount": 166, "reviewsText": "166 beoordelingen", "score": 93, "scoreText": "9.3", "price": 127, "priceText": "gem/nacht", "photos": [ "10079/1007991/1007991616.JPEG", "15027/1502778/1502778439.JPEG", "15027/1502778/1502778202.JPEG", "15027/1502778/1502778256.JPEG", "15027/1502778/1502778304.JPEG", "15027/1502778/1502778316.JPEG" ] }, { "id": 228686, "lat": 41.37898, "lng": 2.16949, "name": "Barcelo Raval Hotel Barcelona", "hotelUrl": "https://barcelo-raval.catalonia-hotels.com/nl/", "reviewCount": 2936, "reviewsText": "2936 beoordelingen", "price": 102, "priceText": "gem/nacht", "photos": [ "4464/446413/446413332.JPEG", "15803/1580375/1580375695.JPEG", "13453/1345398/1345398542.JPEG", "13454/1345421/1345421003.JPEG", "13454/1345436/1345436729.JPEG", "13454/1345400/1345400939.JPEG" ] }, { "id": 539533, "lat": 41.404036, "lng": 2.190984, "name": "Novotel Barcelona City", "hotelUrl": "https://novotel-barcelona-city.catalonia-hotels.com/nl/", "reviewCount": 4594, "reviewsText": "4594 beoordelingen", "price": 135, "priceText": "gem/nacht", "photos": [ "15416/1541659/1541659759.JPEG", "12730/1273071/1273071733.JPEG", "16002/1600221/1600221096.JPEG", "16002/1600221/1600221106.JPEG", "16002/1600221/1600221107.JPEG", "16002/1600221/1600221148.JPEG" ] }, { "id": 230740, "lat": 41.059612, "lng": 1.163679, "name": "Hotel Best Cap Salou", "hotelUrl": "https://hotel-best-cap-salou.catalonia-hotels.com/nl/", "reviewCount": 4472, "reviewsText": "4472 beoordelingen", "price": 117, "priceText": "gem/nacht", "photos": [ "15988/1598890/1598890424.JPEG", "15988/1598890/1598890411.JPEG", "15988/1598890/1598890418.JPEG", "15988/1598890/1598890421.JPEG", "15463/1546389/1546389076.JPEG", "15463/1546389/1546389124.JPEG" ] }, { "id": 94713, "lat": 41.82492844, "lng": 3.07753175, "name": "Hotel Cala Del Pi - Adults Only Castell-Castell-Platja d'Aro", "hotelUrl": "https://salles-hotel-cala-del-pi.catalonia-hotels.com/nl/", "reviewCount": 759, "reviewsText": "759 beoordelingen", "score": 91, "scoreText": "9.1", "price": 193, "priceText": "gem/nacht", "photos": [ "1659/165909/165909063.JPEG", "12729/1272985/1272985018.JPEG", "12729/1272985/1272985249.JPEG", "12729/1272985/1272985315.JPEG", "12729/1272985/1272985381.JPEG", "12729/1272986/1272986455.JPEG" ] }, { "id": 97168, "lat": 41.0743, "lng": 1.14898, "name": "Hotel Jaime I Salou", "hotelUrl": "https://jaime-i-salou.catalonia-hotels.com/nl/", "reviewCount": 8775, "reviewsText": "8775 beoordelingen", "price": 36, "priceText": "gem/nacht", "photos": [ "12395/1239500/1239500605.JPEG", "14987/1498700/1498700506.JPEG", "14987/1498700/1498700713.JPEG", "14987/1498700/1498700542.JPEG", "14987/1498700/1498700647.JPEG", "14985/1498563/1498563298.JPEG" ] }, { "id": 87007, "lat": 41.071949, "lng": 1.1547, "name": "Medplaya Hotel Calypso Salou", "hotelUrl": "https://medplaya-calypso.catalonia-hotels.com/nl/", "reviewCount": 3529, "reviewsText": "3529 beoordelingen", "price": 46, "priceText": "gem/nacht", "photos": [ "14073/1407326/1407326522.JPEG", "12728/1272888/1272888838.JPEG", "12728/1272888/1272888949.JPEG", "12728/1272888/1272888661.JPEG", "12728/1272888/1272888577.JPEG", "15880/1588045/1588045641.JPEG" ] }, { "id": 529258, "lat": 41.084105, "lng": 1.154261, "name": "Portaventura Hotel Portaventura - Includes Unlimited Access To Portaventura Park & 1 Access To Ferrari Land Salou", "hotelUrl": "https://portaventura-hotel-portaventura.catalonia-hotels.com/nl/", "reviewCount": 4074, "reviewsText": "4074 beoordelingen", "price": 101, "priceText": "gem/nacht", "photos": [ "5442/544212/544212255.JPEG", "12729/1272904/1272904987.JPEG", "12729/1272904/1272904525.JPEG", "12727/1272716/1272716359.JPEG", "16298/1629887/1629887650.JPEG", "16228/1622866/1622866139.JPEG" ] }, { "id": 97121, "lat": 41.736851, "lng": 2.95004, "name": "Zel Costa Brava Hotel Tossa de Mar", "hotelUrl": "https://giverola-resort.catalonia-hotels.com/nl/", "reviewCount": 262, "reviewsText": "262 beoordelingen", "score": 85, "scoreText": "8.5", "price": 688, "priceText": "gem/nacht", "photos": [ "14986/1498649/1498649902.JPEG", "12731/1273136/1273136149.JPEG", "12731/1273135/1273135096.JPEG", "12731/1273135/1273135519.JPEG", "16272/1627202/1627202372.JPEG", "16136/1613662/1613662052.JPEG" ] }, { "id": 88884, "lat": 41.39340895905852, "lng": 2.1639747096469364, "name": "Majestic Hotel & Spa Barcelona Gl", "hotelUrl": "https://majestic-hotel-and-spa-barcelona.catalonia-hotels.com/nl/", "reviewCount": 1906, "reviewsText": "1906 beoordelingen", "price": 290, "priceText": "gem/nacht", "photos": [ "12730/1273089/1273089682.JPEG", "12730/1273084/1273084909.JPEG", "12730/1273085/1273085752.JPEG", "12730/1273088/1273088899.JPEG", "12730/1273089/1273089139.JPEG", "12730/1273088/1273088092.JPEG" ] }, { "id": 88965, "lat": 41.378914, "lng": 2.139954, "name": "Barcelo Sants Hotel Barcelona", "hotelUrl": "https://barcelo-sants.catalonia-hotels.com/nl/", "reviewCount": 9059, "reviewsText": "9059 beoordelingen", "score": 86, "scoreText": "8.6", "price": 116, "priceText": "gem/nacht", "photos": [ "8884/888410/888410128.JPEG", "15802/1580288/1580288933.JPEG", "15803/1580343/1580343549.JPEG", "15803/1580343/1580343281.JPEG", "15803/1580343/1580343265.JPEG", "11862/1186203/1186203484.JPEG" ] }, { "id": 88887, "lat": 41.4110149978243, "lng": 2.21877694129944, "name": "Barcelona Princess Hotel", "hotelUrl": "https://barcelona-princess.catalonia-hotels.com/nl/", "reviewCount": 12199, "reviewsText": "12199 beoordelingen", "price": 116, "priceText": "gem/nacht", "photos": [ "12730/1273046/1273046866.JPEG", "12730/1273048/1273048696.JPEG", "12730/1273049/1273049401.JPEG", "12730/1273049/1273049509.JPEG", "12730/1273050/1273050088.JPEG", "12730/1273047/1273047640.JPEG" ] }, { "id": 88983, "lat": 41.38501, "lng": 2.17592, "name": "Colon Hotel Barcelona", "hotelUrl": "https://colon.catalonia-hotels.com/nl/", "reviewCount": 3528, "reviewsText": "3528 beoordelingen", "score": 89, "scoreText": "8.9", "price": 172, "priceText": "gem/nacht", "photos": [ "7016/701659/701659714.JPEG", "15435/1543571/1543571764.JPEG", "15895/1589514/1589514117.JPEG", "15895/1589514/1589514147.JPEG", "15895/1589514/1589514163.JPEG", "15891/1589100/1589100925.JPEG" ] }, { "id": 230702, "lat": 41.07016322, "lng": 1.17450714, "name": "Estival Park Silmar Hotel La Pineda", "hotelUrl": "https://estival-park.catalonia-hotels.com/nl/", "reviewCount": 1658, "reviewsText": "1658 beoordelingen", "price": 58, "priceText": "gem/nacht", "photos": [ "13576/1357685/1357685933.JPEG", "16037/1603730/1603730561.JPEG", "16037/1603730/1603730564.JPEG", "16037/1603730/1603730566.JPEG", "16037/1603730/1603730567.JPEG", "16037/1603730/1603730568.JPEG" ] }, { "id": 101024, "lat": 41.40869, "lng": 2.21733, "name": "Hilton Diagonal Mar Barcelona Hotel", "hotelUrl": "https://hilton-diagonal-mar-barcelona.catalonia-hotels.com/nl/", "reviewCount": 2146, "reviewsText": "2146 beoordelingen", "price": 162, "priceText": "gem/nacht", "photos": [ "16315/1631547/1631547326.JPEG", "15488/1548870/1548870568.JPEG", "15488/1548870/1548870664.JPEG", "15488/1548870/1548870739.JPEG", "15488/1548870/1548870466.JPEG", "15488/1548870/1548870547.JPEG" ] }, { "id": 330152, "lat": 41.39108892, "lng": 2.166581154, "name": "Mandarin Oriental, Barcelona Hotel", "hotelUrl": "https://mandarin-oriental-barcelona.catalonia-hotels.com/nl/", "reviewCount": 358, "reviewsText": "358 beoordelingen", "score": 91, "scoreText": "9.1", "price": 1518, "priceText": "gem/nacht", "photos": [ "16047/1604770/1604770233.JPEG", "16047/1604770/1604770226.JPEG", "16047/1604770/1604770070.JPEG", "16047/1604770/1604770219.JPEG", "16047/1604770/1604770223.JPEG", "16047/1604770/1604770225.JPEG" ] }, { "id": 88793, "lat": 41.372684, "lng": 2.154831, "name": "Intercontinental Barcelona, An Ihg Hotel", "hotelUrl": "https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/nl/", "reviewCount": 2091, "reviewsText": "2091 beoordelingen", "price": 285, "priceText": "gem/nacht", "photos": [ "12731/1273191/1273191043.JPEG", "12731/1273179/1273179925.JPEG", "12731/1273190/1273190374.JPEG", "12731/1273190/1273190875.JPEG", "12731/1273191/1273191223.JPEG", "12731/1273190/1273190161.JPEG" ] }, { "id": 88935, "lat": 41.38496, "lng": 2.17759, "name": "Grand Hotel Central Barcelona", "hotelUrl": "https://grand-hotel-central.catalonia-hotels.com/nl/", "reviewCount": 1303, "reviewsText": "1303 beoordelingen", "price": 218, "priceText": "gem/nacht", "photos": [ "15802/1580288/1580288811.JPEG", "14084/1408421/1408421597.JPEG", "12731/1273105/1273105120.JPEG", "12731/1273103/1273103728.JPEG", "15802/1580288/1580288551.JPEG", "15802/1580288/1580288617.JPEG" ] }, { "id": 88821, "lat": 41.39149, "lng": 2.171457, "name": "Hotel El Palace Barcelona", "hotelUrl": "https://el-palace.catalonia-hotels.com/nl/", "reviewCount": 2048, "reviewsText": "2048 beoordelingen", "score": 93, "scoreText": "9.3", "price": 599, "priceText": "gem/nacht", "photos": [ "12732/1273210/1273210408.JPEG", "12732/1273208/1273208647.JPEG", "12732/1273211/1273211860.JPEG", "12732/1273208/1273208593.JPEG", "12732/1273205/1273205005.JPEG", "12732/1273209/1273209559.JPEG" ] }, { "id": 256313, "lat": 41.078831, "lng": 1.14529, "name": "Ohtels Belvedere Hotel Salou", "hotelUrl": "https://ohtels-belvedere.catalonia-hotels.com/nl/", "reviewCount": 2238, "reviewsText": "2238 beoordelingen", "price": 36, "priceText": "gem/nacht", "photos": [ "15903/1590344/1590344515.JPEG", "16082/1608294/1608294424.JPEG", "15903/1590344/1590344513.JPEG", "15903/1590344/1590344518.JPEG", "15903/1590344/1590344519.JPEG", "15903/1590344/1590344520.JPEG" ] }, { "id": 87831, "lat": 41.702748, "lng": 2.857098, "name": "Hotel Rosamar Garden Resort 4* Lloret de Mar", "hotelUrl": "https://rosamar-garden-resort.catalonia-hotels.com/nl/", "reviewCount": 1630, "reviewsText": "1630 beoordelingen", "price": 107, "priceText": "gem/nacht", "photos": [ "11516/1151610/1151610589.JPEG", "14046/1404646/1404646691.JPEG", "14046/1404660/1404660848.JPEG", "14046/1404661/1404661898.JPEG", "14034/1403426/1403426027.JPEG", "12632/1263253/1263253594.JPEG" ] }, { "id": 233858, "lat": 41.08054037795609, "lng": 1.1452076501483432, "name": "Ohtels Vil-La Romana Hotel Salou", "hotelUrl": "https://ohtels-vil-la-romana.catalonia-hotels.com/nl/", "reviewCount": 1740, "reviewsText": "1740 beoordelingen", "price": 49, "priceText": "gem/nacht", "photos": [ "16065/1606557/1606557162.JPEG", "14317/1431796/1431796750.JPEG", "14317/1431798/1431798286.JPEG", "14318/1431800/1431800332.JPEG", "14318/1431801/1431801409.JPEG", "14318/1431801/1431801925.JPEG" ] }, { "id": 111438, "lat": 41.704299, "lng": 2.83690999999999, "name": "Evenia Olympic Resort Lloret de Mar", "hotelUrl": "https://evenia-olympic-resort.catalonia-hotels.com/nl/", "reviewCount": 56, "reviewsText": "56 beoordelingen", "price": 102, "priceText": "gem/nacht", "photos": [ "4158/415888/415888776.JPEG", "12730/1273036/1273036414.JPEG", "12730/1273036/1273036690.JPEG", "12730/1273037/1273037299.JPEG", "12730/1273035/1273035655.JPEG", "12730/1273035/1273035724.JPEG" ] }, { "id": 88827, "lat": 41.386325, "lng": 2.12317, "name": "Grand Hyatt Barcelona Hotel", "hotelUrl": "https://princesa-sofia.catalonia-hotels.com/nl/", "reviewCount": 4974, "reviewsText": "4974 beoordelingen", "price": 194, "priceText": "gem/nacht", "photos": [ "2178/217808/217808408.JPEG", "14320/1432053/1432053268.JPEG", "14320/1432052/1432052275.JPEG", "12731/1273141/1273141795.JPEG", "14320/1432051/1432051489.JPEG", "12731/1273141/1273141039.JPEG" ] }, { "id": 219332, "lat": 41.40639, "lng": 2.20099, "name": "Melia Barcelona Sky 4* Sup Hotel", "hotelUrl": "https://melia-barcelona-sky.catalonia-hotels.com/nl/", "reviewCount": 1258, "reviewsText": "1258 beoordelingen", "price": 339, "priceText": "gem/nacht", "photos": [ "12788/1278889/1278889984.JPEG", "14439/1443917/1443917332.JPEG", "14439/1443919/1443919642.JPEG", "14439/1443920/1443920038.JPEG", "14439/1443924/1443924022.JPEG", "14439/1443928/1443928351.JPEG" ] }, { "id": 232832, "lat": 41.073248, "lng": 1.111788, "name": "Hotel Best Maritim Cambrils", "hotelUrl": "https://best-maritim.catalonia-hotels.com/nl/", "reviewCount": 3160, "reviewsText": "3160 beoordelingen", "price": 65, "priceText": "gem/nacht", "photos": [ "16065/1606547/1606547099.JPEG", "16065/1606547/1606547088.JPEG", "16065/1606547/1606547089.JPEG", "16065/1606547/1606547090.JPEG", "16065/1606547/1606547092.JPEG", "16065/1606547/1606547094.JPEG" ] }, { "id": 88850, "lat": 41.374635, "lng": 2.166034, "name": "Paral-Lel Hotel Barcelona", "hotelUrl": "https://parallel-hotel.catalonia-hotels.com/nl/", "reviewCount": 3878, "reviewsText": "3878 beoordelingen", "score": 83, "scoreText": "8.3", "price": 59, "priceText": "gem/nacht", "photos": [ "6931/693104/693104775.JPEG", "12731/1273122/1273122355.JPEG", "12731/1273122/1273122019.JPEG", "12731/1273122/1273122097.JPEG", "12731/1273122/1273122160.JPEG", "12731/1273122/1273122262.JPEG" ] }, { "id": 1898703, "lat": 41.073814, "lng": 1.152186, "name": "Golden Port Salou&Spa Hotel", "hotelUrl": "https://golden-port-salou-spa.catalonia-hotels.com/nl/", "reviewCount": 903, "reviewsText": "903 beoordelingen", "score": 89, "scoreText": "8.9", "price": 52, "priceText": "gem/nacht", "photos": [ "8003/800352/800352654.JPEG", "15946/1594676/1594676441.JPEG", "15946/1594676/1594676464.JPEG", "15946/1594676/1594676472.JPEG", "15946/1594676/1594676479.JPEG", "15946/1594676/1594676492.JPEG" ] }, { "id": 349202, "lat": 41.0681895908236, "lng": 1.09159469604492, "name": "H10 Cambrils Playa Hotel", "hotelUrl": "https://h10-cambrils-playa.catalonia-hotels.com/nl/", "reviewCount": 1636, "reviewsText": "1636 beoordelingen", "score": 84, "scoreText": "8.4", "price": 71, "priceText": "gem/nacht", "photos": [ "12728/1272869/1272869152.JPEG", "15397/1539723/1539723841.JPEG", "15413/1541391/1541391295.JPEG", "12728/1272867/1272867529.JPEG", "12728/1272868/1272868111.JPEG", "12728/1272868/1272868297.JPEG" ] }, { "id": 89012, "lat": 41.3703, "lng": 2.17116, "name": "Hotel Miramar Barcelona Gl", "hotelUrl": "https://miramar-barcelona.catalonia-hotels.com/nl/", "reviewCount": 1492, "reviewsText": "1492 beoordelingen", "price": 233, "priceText": "gem/nacht", "photos": [ "16147/1614777/1614777022.JPEG", "15803/1580345/1580345175.JPEG", "16147/1614777/1614777019.JPEG", "15802/1580289/1580289111.JPEG", "12731/1273101/1273101412.JPEG", "16147/1614777/1614777023.JPEG" ] }, { "id": 372707, "lat": 41.387079, "lng": 2.174427, "name": "Ohla Barcelona Hotel", "hotelUrl": "https://ohla-barcelona.catalonia-hotels.com/nl/", "reviewCount": 1892, "reviewsText": "1892 beoordelingen", "score": 90, "scoreText": "9.0", "price": 409, "priceText": "gem/nacht", "photos": [ "13302/1330204/1330204622.JPEG", "12730/1273076/1273076515.JPEG", "12730/1273076/1273076611.JPEG", "12730/1273076/1273076746.JPEG", "12730/1273076/1273076872.JPEG", "15804/1580487/1580487333.JPEG" ] }, { "id": 88804, "lat": 41.43382, "lng": 2.14741, "name": "Hotel Alimara Barcelona", "hotelUrl": "https://alimara.catalonia-hotels.com/nl/", "reviewCount": 3386, "reviewsText": "3386 beoordelingen", "price": 102, "priceText": "gem/nacht", "photos": [ "12731/1273131/1273131286.JPEG", "12731/1273132/1273132921.JPEG", "12731/1273134/1273134205.JPEG", "12731/1273134/1273134574.JPEG", "12731/1273131/1273131856.JPEG", "12731/1273131/1273131553.JPEG" ] }, { "id": 88021, "lat": 41.346031, "lng": 2.10847799999999, "name": "Hyatt Regency Barcelona Tower Hotel L'Hospitalet de Llobregat", "hotelUrl": "https://hesperia-tower.catalonia-hotels.com/nl/", "reviewCount": 2718, "reviewsText": "2718 beoordelingen", "price": 174, "priceText": "gem/nacht", "photos": [ "12943/1294396/1294396732.JPEG", "15801/1580142/1580142647.JPEG", "15801/1580142/1580142650.JPEG", "15801/1580142/1580142683.JPEG", "15164/1516496/1516496584.JPEG", "14985/1498535/1498535557.JPEG" ] }, { "id": 11842110, "lat": 41.38918, "lng": 2.16997, "name": "Me Barcelona Hotel", "hotelUrl": "https://me-barcelona.catalonia-hotels.com/nl/", "reviewCount": 2084, "reviewsText": "2084 beoordelingen", "score": 91, "scoreText": "9.1", "price": 386, "priceText": "gem/nacht", "photos": [ "15374/1537420/1537420132.JPEG", "12857/1285738/1285738867.JPEG", "12857/1285738/1285738594.JPEG", "12857/1285738/1285738744.JPEG", "12857/1285739/1285739251.JPEG", "12857/1285739/1285739122.JPEG" ] }, { "id": 87009, "lat": 41.082558, "lng": 1.143351, "name": "Sol Costa Daurada Hotel Salou", "hotelUrl": "https://sol-costa-daurada-salou-43840.catalonia-hotels.com/nl/", "reviewCount": 4031, "reviewsText": "4031 beoordelingen", "price": 72, "priceText": "gem/nacht", "photos": [ "13103/1310372/1310372968.JPEG", "15802/1580281/1580281113.JPEG", "12640/1264067/1264067311.JPEG", "12640/1264060/1264060897.JPEG", "12640/1264060/1264060906.JPEG", "12640/1264062/1264062037.JPEG" ] }, { "id": 87012, "lat": 41.07546, "lng": 1.14419, "name": "H10 Salou Princess Hotel", "hotelUrl": "https://h10-salou-princess.catalonia-hotels.com/nl/", "reviewCount": 1117, "reviewsText": "1117 beoordelingen", "price": 60, "priceText": "gem/nacht", "photos": [ "7016/701678/701678743.JPEG", "15946/1594670/1594670803.JPEG", "15416/1541627/1541627968.JPEG", "15417/1541794/1541794417.JPEG", "15417/1541794/1541794552.JPEG", "15946/1594670/1594670835.JPEG" ] }, { "id": 86816, "lat": 41.6343693026364, "lng": 2.72155165672302, "name": "Aqua Hotel Aquamarina & Spa Santa Susanna", "hotelUrl": "https://aqua-hotel-aquamarina.catalonia-hotels.com/nl/", "reviewCount": 3568, "reviewsText": "3568 beoordelingen", "price": 170, "priceText": "gem/nacht", "photos": [ "14366/1436638/1436638732.JPEG", "16016/1601678/1601678352.JPEG", "16016/1601678/1601678355.JPEG", "16016/1601678/1601678364.JPEG", "16016/1601678/1601678366.JPEG", "16016/1601678/1601678371.JPEG" ] }, { "id": 88836, "lat": 41.38602, "lng": 2.16572, "name": "Hotel Jazz Barcelona", "hotelUrl": "https://jazz.catalonia-hotels.com/nl/", "reviewCount": 3167, "reviewsText": "3167 beoordelingen", "score": 89, "scoreText": "8.9", "price": 196, "priceText": "gem/nacht", "photos": [ "6704/670421/670421343.JPEG", "12253/1225343/1225343669.JPEG", "6704/670421/670421040.JPEG", "6704/670428/670428477.JPEG", "6704/670422/670422042.JPEG", "6704/670428/670428795.JPEG" ] }, { "id": 88951, "lat": 41.38350946449628, "lng": 2.1706351661938283, "name": "Le Meridien Barcelona Hotel", "hotelUrl": "https://le-meridien-barcelona.catalonia-hotels.com/nl/", "reviewCount": 390, "reviewsText": "390 beoordelingen", "price": 342, "priceText": "gem/nacht", "photos": [ "7016/701612/701612113.JPEG", "15470/1547044/1547044897.JPEG", "15473/1547311/1547311648.JPEG", "15473/1547311/1547311717.JPEG", "15473/1547311/1547311756.JPEG", "15473/1547311/1547311798.JPEG" ] }, { "id": 88912, "lat": 41.38745, "lng": 2.16041, "name": "Axel Hotel Barcelona - Adults Only", "hotelUrl": "https://axel-hotel-barcelona.catalonia-hotels.com/nl/", "reviewCount": 2894, "reviewsText": "2894 beoordelingen", "price": 109, "priceText": "gem/nacht", "photos": [ "16156/1615646/1615646720.JPEG", "12731/1273131/1273131559.JPEG", "15802/1580288/1580288451.JPEG", "12004/1200438/1200438286.JPEG", "12004/1200438/1200438301.JPEG", "12004/1200444/1200444976.JPEG" ] }, { "id": 1252706, "lat": 41.39174905828383, "lng": 2.1718041387272002, "name": "Cotton House Hotel, Autograph Collection Barcelona", "hotelUrl": "https://cotton-house-hotel-autograph-collection.catalonia-hotels.com/nl/", "reviewCount": 100, "reviewsText": "100 beoordelingen", "price": 411, "priceText": "gem/nacht", "photos": [ "16308/1630883/1630883265.JPEG", "16308/1630883/1630883266.JPEG", "16156/1615683/1615683118.JPEG", "16156/1615683/1615683119.JPEG", "16156/1615683/1615683120.JPEG", "16156/1615683/1615683121.JPEG" ] }, { "id": 88871, "lat": 41.390819, "lng": 2.141808, "name": "Melia Barcelona Sarria Hotel", "hotelUrl": "https://melia-barcelona-sarria.catalonia-hotels.com/nl/", "reviewCount": 1770, "reviewsText": "1770 beoordelingen", "price": 151, "priceText": "gem/nacht", "photos": [ "14320/1432083/1432083991.JPEG", "12731/1273147/1273147438.JPEG", "14057/1405724/1405724132.JPEG", "14320/1432082/1432082701.JPEG", "14056/1405694/1405694615.JPEG", "14057/1405721/1405721567.JPEG" ] }, { "id": 97318, "lat": 41.38205, "lng": 2.176426, "name": "Hotel Rialto Barcelona", "hotelUrl": "https://rialto.catalonia-hotels.com/nl/", "reviewCount": 3564, "reviewsText": "3564 beoordelingen", "price": 105, "priceText": "gem/nacht", "photos": [ "12199/1219954/1219954360.JPEG", "12730/1273080/1273080829.JPEG", "12730/1273081/1273081009.JPEG", "12730/1273083/1273083937.JPEG", "10045/1004509/1004509377.JPEG", "10045/1004509/1004509488.JPEG" ] }, { "id": 97166, "lat": 41.06964, "lng": 1.1492676, "name": "4R Salou Park Resort I", "hotelUrl": "https://4r-salou-park-resort-i.catalonia-hotels.com/nl/", "reviewCount": 891, "reviewsText": "891 beoordelingen", "price": 76, "priceText": "gem/nacht", "photos": [ "12727/1272755/1272755212.JPEG", "15551/1555129/1555129246.JPEG", "15551/1555129/1555129285.JPEG", "15551/1555129/1555129360.JPEG", "15551/1555130/1555130059.JPEG", "15551/1555133/1555133110.JPEG" ] }, { "id": 86648, "lat": 41.236996, "lng": 1.823478, "name": "Melia Sitges Hotel", "hotelUrl": "https://melia-sitges.catalonia-hotels.com/nl/", "reviewCount": 2569, "reviewsText": "2569 beoordelingen", "price": 160, "priceText": "gem/nacht", "photos": [ "12729/1272916/1272916585.JPEG", "12729/1272920/1272920209.JPEG", "15554/1555478/1555478923.JPEG", "15164/1516485/1516485127.JPEG", "15164/1516485/1516485001.JPEG", "15164/1516485/1516485028.JPEG" ] }, { "id": 255080, "lat": 41.067955, "lng": 1.1761289, "name": "Palas Pineda Hotel La Pineda", "hotelUrl": "https://palas-pineda.catalonia-hotels.com/nl/", "reviewCount": 4707, "reviewsText": "4707 beoordelingen", "price": 67, "priceText": "gem/nacht", "photos": [ "10388/1038878/1038878314.JPEG", "12728/1272858/1272858940.JPEG", "12728/1272856/1272856978.JPEG", "12728/1272857/1272857179.JPEG", "12728/1272857/1272857635.JPEG", "12728/1272857/1272857770.JPEG" ] }, { "id": 212767, "lat": 41.6356, "lng": 2.72584, "name": "Hotel Tahiti Playa Santa Susanna", "hotelUrl": "https://tahiti-playa.catalonia-hotels.com/nl/", "reviewCount": 4235, "reviewsText": "4235 beoordelingen", "price": 171, "priceText": "gem/nacht", "photos": [ "14319/1431994/1431994492.JPEG", "9384/938421/938421634.JPEG", "15480/1548035/1548035854.JPEG", "15480/1548035/1548035959.JPEG", "15480/1548035/1548035962.JPEG", "15565/1556599/1556599471.JPEG" ] }, { "id": 88975, "lat": 41.3937, "lng": 2.16256, "name": "Condes De Barcelona Hotel", "hotelUrl": "https://condes-de-barcelona.catalonia-hotels.com/nl/", "reviewCount": 849, "reviewsText": "849 beoordelingen", "score": 89, "scoreText": "8.9", "price": 261, "priceText": "gem/nacht", "photos": [ "6648/664871/664871772.JPEG", "14321/1432175/1432175659.JPEG", "12731/1273127/1273127431.JPEG", "14321/1432176/1432176670.JPEG", "12347/1234757/1234757774.JPEG", "12731/1273124/1273124530.JPEG" ] }, { "id": 231530, "lat": 41.071, "lng": 1.10053, "name": "Hotel Best Cambrils", "hotelUrl": "https://best-cambrils.catalonia-hotels.com/nl/", "reviewCount": 2650, "reviewsText": "2650 beoordelingen", "price": 52, "priceText": "gem/nacht", "photos": [ "15464/1546495/1546495063.JPEG", "14319/1431913/1431913003.JPEG", "15464/1546495/1546495192.JPEG", "15464/1546494/1546494649.JPEG", "15464/1546494/1546494766.JPEG", "15464/1546494/1546494790.JPEG" ] }, { "id": 88520, "lat": 41.615143, "lng": 2.652793, "name": "Htop Olympic #Htopenjoy Hotel Calella", "hotelUrl": "https://h-top-olympic.catalonia-hotels.com/nl/", "reviewCount": 1978, "reviewsText": "1978 beoordelingen", "price": 35, "priceText": "gem/nacht", "photos": [ "7473/747369/747369677.JPEG", "16191/1619167/1619167117.JPEG", "16191/1619167/1619167118.JPEG", "16191/1619167/1619167119.JPEG", "16005/1600558/1600558009.JPEG", "16005/1600558/1600558011.JPEG" ] } ] </script> <template id="marker-hotel-template"> <div class="where-to-stay-map__marker js-where-to-stay-map-marker" data-type="hotel"> <svg class="where-to-stay-map__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#where-to-stay-marker-pin"></use> </svg> </div> </template> <template id="popup-hotel-template"> <div class="map-popup"> <div class="map-popup__slider-wrapper swiper js-map-popup-slider"> <div class="swiper-wrapper"> </div> <div class="map-popup__controls"> <div class="map-popup__control map-popup__control--prev js-map-hotel-nav-prev"> <svg class="icon map-popup__control-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="map-popup__control map-popup__control--next js-map-hotel-nav-next"> <svg class="icon map-popup__control-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="map-popup__body"> <a class="map-popup__title" target="_blank"></a> <div class="map-popup__info map-popup-info"> </div> </div> </div> </template> </div> </div> </div> </div> <div class="inner exeptional-selections js-exeptional-selections"> <h2 class="title">Uitzonderlijke selecties</h2> <p class="subtitle exeptional-selections__subtitle"> Ontdek onze zorgvuldig geselecteerde collecties voor een ongeëvenaard verblijf in Catalonië. </p> <div class="exeptional-selections__wrapper"> <div class="swiper exeptional-selections__slider-wrapper js-exeptional-selections-slider"> <ul class="exeptional-selections__list swiper-wrapper"> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e39372e3131302e3130302e34352e39382e34352e39382e3131352e34352e35312e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-apartments-and-b-bs.jpg" alt="Appartementen en B&B's" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Appartementen en B&B's</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3130382e3131372e3132302e3131372e3131342e3132312e34352e39372e39392e39392e3131312e3130392e3130392e3131312e3130302e39372e3131362e3130352e3131312e3131302e3131352e34352e35312e35332e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-luxury-accommodations.jpg" alt="Luxe accommodaties" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Luxe accommodaties</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e3130312e3131302e3131362e3131342e39372e3130382e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-central-hotels.jpg" alt="Hotels in het centrum" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/nl/theme/central-hotels-8/">Hotels in het centrum</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e3130342e3130312e39372e3131322e34352e39372e3131302e3130302e34352e39382e3131372e3130302e3130332e3130312e3131362e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-cheap-and-budget-hotels.jpg" alt="Goedkope en budgethotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/nl/theme/cheap-and-budget-hotels-9/">Goedkope en budgethotels</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3131322e3130312e3131362e3131352e34352e39372e3130382e3130382e3131312e3131392e3130312e3130302e34352e35302e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-pets-allowed.jpg" alt="Huisdiervriendelijke hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Huisdiervriendelijke hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3131342e3130312e3131352e3131312e3131342e3131362e3131352e34352e34392e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-resorts.jpg" alt="Resorts" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Resorts</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3130312e39372e39392e3130342e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35302e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-beach-hotels.jpg" alt="Strandhotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Strandhotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3131322e3131342e3130352e3131382e39372e3131362e3130312e34352e3131382e3130352e3130382e3130382e39372e3131352e34352e35312e35352e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-private-villas.jpg" alt="Privé Villa's" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Privé Villa's</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3130312e39372e39392e3130342e3130322e3131342e3131312e3131302e3131362e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-beachfront-hotels.jpg" alt="Strandhotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Strandhotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e39372e3130352e3131342e3131322e3131312e3131342e3131362e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-airport-hotels.jpg" alt="Luchthavenhotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Luchthavenhotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3130302e3130312e3131352e3130352e3130332e3131302e34352e39372e3131302e3130302e34352e3130392e3131312e3130302e3130312e3131342e3131302e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e34382e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-design-and-modern-hotels.jpg" alt="Uitzonderlijke designhotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Uitzonderlijke designhotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3130322e39372e3130392e3130352e3130382e3132312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e34392e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-family-hotels.jpg" alt="Familievriendelijke hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/nl/theme/family-hotels-11/">Familievriendelijke hotels</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3130332e3131312e3130382e3130322e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35302e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-golf-hotels.jpg" alt="Golfhotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Golfhotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3130382e3131372e3132302e3131372e3131342e3132312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35322e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-luxury-hotels.jpg" alt="Luxe hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Luxe hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3130362e39372e39392e3131372e3132322e3132322e3130352e34352e35312e35312e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-jacuzzi.jpg" alt="Jacuzzi" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Jacuzzi</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3131352e3131322e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35352e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-spa-hotels.jpg" alt="Spahotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Spahotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3131372e3131352e3130352e3131302e3130312e3131352e3131352e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35342e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-business-hotels.jpg" alt="Zakenhotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Zakenhotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3131312e3131372e3131362e3130352e3131332e3131372e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-boutique-hotels.jpg" alt="Boetiekhotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Boetiekhotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3131322e3131312e3131312e3130382e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e35322e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-pool-hotels.jpg" alt="Hotels met een binnenzwembad" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hotels met een binnenzwembad</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3131352e3130312e3130382e3130322e34352e39392e39372e3131362e3130312e3131342e3130352e3131302e3130332e34352e35302e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-self-catering.jpg" alt="Zelfservice" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Zelfservice</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3131342e3131312e3130392e39372e3131302e3131362e3130352e39392e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35342e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-romantic-hotels.jpg" alt="Romantische hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Romantische hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3131352e3130392e39372e3130382e3130382e34352e3130382e3131372e3132302e3131372e3131342e3132312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e34382e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-small-luxury-hotels.jpg" alt="Kleine Luxe Hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Kleine Luxe Hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e39372e3131352e3130352e3131302e3131312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35352e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-casino-hotels.jpg" alt="Casinohotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Casinohotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3130342e3130352e3131352e3131362e3131312e3131342e3130352e39392e39372e3130382e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35312e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-historical-hotels.jpg" alt="Historische hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Historische hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e39372e3131352e3131362e3130382e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-castle-hotels.jpg" alt="Kasteelhotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Kasteelhotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3131302e3130312e3131392e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-new-hotels.jpg" alt="Nieuwe Hotels" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Nieuwe Hotels</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3130342e3130312e3130392e3130312e34372e3130342e3131312e3131362e3130312e3130382e3131352e34352e3131392e3130352e3131362e3130342e34352e39372e34352e3131382e3130352e3130312e3131392e34352e35312e35342e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-hotels-with-a-view.jpg" alt="Hotels met uitzicht" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hotels met uitzicht</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <a class="exeptional-selections__item-link" href="/nl/all-hotels/" target="_blank"> <div class="exeptional-selections__img-wrapper"> <div class="exeptional-selections__img-wrapper-inner"> <svg class="icon exeptional-selections__img-wrapper-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="exeptional-selections__img-wrapper-text"> Alle hotels in Catalonië tonen </h3> </div> </div> </a> </li> </ul> </div> <div class="exeptional-selections__controls"> <div class="exeptional-selections__control exeptional-selections__control--prev js-exeptional-arrow-prev"> <svg class="icon exeptional-selections__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="exeptional-selections__control exeptional-selections__control--next js-exeptional-arrow-next"> <svg class="icon exeptional-selections__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="top-hotels inner"> <h2 class="top-hotels__title title">Hotels in Catalonië op sterren</h2> <p class="top-hotels__subtitle subtitle">Blader door hotelopties in Catalonië en kies uw stermatch.</p> <div class="top-hotels__tabs js-tabs-hotels"> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-5-stars"> <span class="top-hotels-tab__text">5-sterren hotels</span> </div> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-4-stars"> <span class="top-hotels-tab__text">4-sterren hotels</span> </div> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-3-stars"> <span class="top-hotels-tab__text">3-sterren hotels</span> </div> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-2-stars"> <span class="top-hotels-tab__text">2-sterren hotels</span> </div> </div> <div class="top-hotels__blocks"> <div class="top-hotels__block top-hotels-block js-5-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--5-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://terra-dominicata.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6704/670486/670486869.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://terra-dominicata.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15831/1583164/1583164627.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://terra-dominicata.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670486/670486815.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://terra-dominicata.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670486/670486833.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://terra-dominicata.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670487/670487079.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://terra-dominicata.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670490/670490499.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://terra-dominicata.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Terra Dominicata - Hotel & Winery - Adults Only</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 432</i></span> <span class="hotel-card__reviews-score">9.4</span> <span class="hotel-card__reviews-count">(344 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12732/1273210/1273210408.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273208/1273208647.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273211/1273211860.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273208/1273208593.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273205/1273205005.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273209/1273209559.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://el-palace.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel El Palace Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 599</i></span> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(2048 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://salles-hotel-cala-del-pi.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/1659/165909/165909063.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://salles-hotel-cala-del-pi.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272985/1272985018.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://salles-hotel-cala-del-pi.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272985/1272985249.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://salles-hotel-cala-del-pi.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272985/1272985315.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://salles-hotel-cala-del-pi.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272985/1272985381.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://salles-hotel-cala-del-pi.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272986/1272986455.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://salles-hotel-cala-del-pi.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Cala Del Pi - Adults Only</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 193</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(759 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16047/1604770/1604770233.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16047/1604770/1604770226.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16047/1604770/1604770070.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16047/1604770/1604770219.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16047/1604770/1604770223.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16047/1604770/1604770225.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Mandarin Oriental, Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 1518</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(358 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10372/1037211/1037211733.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15915/1591507/1591507136.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13101/1310123/1310123494.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13101/1310125/1310125759.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13101/1310126/1310126758.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13101/1310127/1310127283.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://the-serras.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Serras Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 441</i></span> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(350 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7840/784033/784033794.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6333/633344/633344562.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6333/633347/633347250.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6333/633344/633344811.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11571/1157107/1157107569.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14424/1442487/1442487046.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Mercer Hotel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 693</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(268 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13302/1330204/1330204622.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273076/1273076515.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273076/1273076611.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273076/1273076746.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273076/1273076872.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15804/1580487/1580487333.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ohla-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Ohla Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 409</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(1892 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://me-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15374/1537420/1537420132.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://me-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12857/1285738/1285738867.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://me-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12857/1285738/1285738594.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://me-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12857/1285738/1285738744.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://me-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12857/1285739/1285739251.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://me-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12857/1285739/1285739122.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://me-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Me Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 386</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(2084 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://atzavara-hotel-spa.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16017/1601769/1601769500.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://atzavara-hotel-spa.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16041/1604178/1604178889.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://atzavara-hotel-spa.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16041/1604178/1604178892.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://atzavara-hotel-spa.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16017/1601769/1601769526.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://atzavara-hotel-spa.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16017/1601769/1601769456.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://atzavara-hotel-spa.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16017/1601769/1601769512.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://atzavara-hotel-spa.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Atzavara Hotel & Spa</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 136</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(2396 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14321/1432183/1432183327.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603754/1603754990.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603754/1603754984.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603754/1603754994.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603755/1603755005.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603755/1603755009.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://monument-hotel.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Monument Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 280</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(1160 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8177/817786/817786829.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273111/1273111369.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273110/1273110868.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16029/1602961/1602961644.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15968/1596871/1596871897.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16023/1602336/1602336357.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://alma-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Alma Barcelona Gl Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 540</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12731/1273191/1273191043.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273179/1273179925.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273190/1273190374.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273190/1273190875.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273191/1273191223.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273190/1273190161.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Intercontinental Barcelona, An Ihg Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 285</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288811.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14084/1408421/1408421597.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273105/1273105120.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273103/1273103728.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288551.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288617.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://grand-hotel-central.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Grand Hotel Central</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 218</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-casa-sagnier.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16287/1628732/1628732508.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-casa-sagnier.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16287/1628732/1628732503.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-casa-sagnier.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16287/1628732/1628732507.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-casa-sagnier.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13452/1345279/1345279442.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-casa-sagnier.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13735/1373582/1373582774.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-casa-sagnier.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12464/1246400/1246400164.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-casa-sagnier.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Casa Sagnier</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 330</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/nl/5-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Zoek naar alle 5-sterren hotels in Catalonië</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-4-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--4-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://camping-resort-sanguli-salou.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10079/1007991/1007991616.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://camping-resort-sanguli-salou.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15027/1502778/1502778439.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://camping-resort-sanguli-salou.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15027/1502778/1502778202.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://camping-resort-sanguli-salou.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15027/1502778/1502778256.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://camping-resort-sanguli-salou.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15027/1502778/1502778304.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://camping-resort-sanguli-salou.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15027/1502778/1502778316.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://camping-resort-sanguli-salou.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Camping & Resort Sanguli Salou</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 127</i></span> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(166 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-gran-casino-royal.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12729/1272964/1272964789.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-gran-casino-royal.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272965/1272965824.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-gran-casino-royal.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272966/1272966238.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-gran-casino-royal.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272966/1272966463.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-gran-casino-royal.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272967/1272967765.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h-top-gran-casino-royal.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272968/1272968197.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h-top-gran-casino-royal.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>L'Azure Hotel 4* Sup</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 31</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(2529 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7016/701659/701659714.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15435/1543571/1543571764.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15895/1589514/1589514117.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15895/1589514/1589514147.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15895/1589514/1589514163.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15891/1589100/1589100925.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://colon.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Colon Hotel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 172</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(3528 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://golden-costa-salou-adults-only.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12788/1278869/1278869311.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://golden-costa-salou-adults-only.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278869/1278869152.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://golden-costa-salou-adults-only.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278869/1278869083.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://golden-costa-salou-adults-only.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278869/1278869239.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://golden-costa-salou-adults-only.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16236/1623697/1623697855.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://golden-costa-salou-adults-only.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/8289/828942/828942479.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://golden-costa-salou-adults-only.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Golden Costa Salou - Adults Only 4* Sup Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 118</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(2168 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santos-porta-fira.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/9136/913602/913602049.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santos-porta-fira.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15804/1580430/1580430171.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santos-porta-fira.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15804/1580430/1580430249.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santos-porta-fira.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13989/1398998/1398998051.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santos-porta-fira.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13990/1399006/1399006499.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santos-porta-fira.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13990/1399017/1399017428.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://santos-porta-fira.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Porta Fira 4* Sup</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 107</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(10217 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/9972/997291/997291377.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14365/1436555/1436555167.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14365/1436567/1436567323.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273000/1273000468.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15960/1596009/1596009632.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15960/1596009/1596009555.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Gallery Hotel 4 Sup</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 152</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(1956 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-metropolitan.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15397/1539712/1539712192.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-metropolitan.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15397/1539712/1539712039.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-metropolitan.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15397/1539712/1539712294.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-metropolitan.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15397/1539712/1539712084.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-metropolitan.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15397/1539711/1539711784.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-metropolitan.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15397/1539712/1539712060.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h10-metropolitan.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>H10 Metropolitan 4* Sup Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 182</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(1225 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-sants.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8884/888410/888410128.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-sants.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288933.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-sants.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15803/1580343/1580343549.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-sants.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15803/1580343/1580343281.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-sants.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15803/1580343/1580343265.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-sants.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11862/1186203/1186203484.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://barcelo-sants.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Barcelo Sants Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 116</i></span> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(9059 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://renaissance-barcelona-fira-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15484/1548480/1548480346.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://renaissance-barcelona-fira-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16272/1627216/1627216434.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://renaissance-barcelona-fira-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16315/1631563/1631563870.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://renaissance-barcelona-fira-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16315/1631563/1631563871.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://renaissance-barcelona-fira-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16315/1631563/1631563872.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://renaissance-barcelona-fira-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16315/1631563/1631563873.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://renaissance-barcelona-fira-hotel.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Renaissance Barcelona Fira Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 163</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(1772 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12789/1278917/1278917923.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12789/1278915/1278915727.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12789/1278915/1278915391.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12789/1278918/1278918184.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12789/1278915/1278915853.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12789/1278917/1278917962.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Radisson Blu 1882 Hotel, Barcelona Sagrada Familia</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 178</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sumus-stella-spa.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7043/704309/704309344.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sumus-stella-spa.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272992/1272992515.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sumus-stella-spa.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272998/1272998866.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sumus-stella-spa.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16082/1608290/1608290037.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sumus-stella-spa.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16029/1602950/1602950040.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sumus-stella-spa.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16029/1602950/1602950042.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://sumus-stella-spa.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Sumus Hotel Stella & Spa 4*Superior (Adults Only)</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 100</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-costa-encantada.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7197/719774/719774320.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-costa-encantada.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12729/1272975/1272975979.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-costa-encantada.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15566/1556667/1556667010.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-costa-encantada.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15566/1556667/1556667037.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-costa-encantada.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15566/1556666/1556666854.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-costa-encantada.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15566/1556666/1556666923.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://aparthotel-costa-encantada.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Aparthotel Costa Encantada</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 146</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://best-maritim.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16065/1606547/1606547099.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://best-maritim.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16065/1606547/1606547088.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://best-maritim.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16065/1606547/1606547089.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://best-maritim.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16065/1606547/1606547090.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://best-maritim.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16065/1606547/1606547092.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://best-maritim.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16065/1606547/1606547094.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://best-maritim.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Best Maritim</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 65</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://iberostar-paseo-de-gracia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16243/1624337/1624337093.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://iberostar-paseo-de-gracia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278865/1278865540.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://iberostar-paseo-de-gracia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278865/1278865831.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://iberostar-paseo-de-gracia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278865/1278865906.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://iberostar-paseo-de-gracia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278865/1278865399.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://iberostar-paseo-de-gracia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12788/1278866/1278866002.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://iberostar-paseo-de-gracia.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>45 Times Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 414</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/nl/4-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Zoek naar alle 4-sterren hotels in Catalonië</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-3-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--3-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sa-tuna.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13792/1379224/1379224877.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sa-tuna.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13741/1374134/1374134447.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sa-tuna.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13792/1379234/1379234336.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sa-tuna.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13741/1374134/1374134318.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sa-tuna.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7180/718034/718034548.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-sa-tuna.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7180/718034/718034851.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-sa-tuna.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Sa Tuna</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 139</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(377 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6704/670421/670421343.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12253/1225343/1225343669.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670421/670421040.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670428/670428477.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670422/670422042.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670428/670428795.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://jazz.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Jazz</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 196</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(3167 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7045/704573/704573395.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273157/1273157956.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273158/1273158304.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273158/1273158937.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273159/1273159186.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273159/1273159816.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://granvia.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Granvia</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 134</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(2184 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://giverola-resort.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14986/1498649/1498649902.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://giverola-resort.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273136/1273136149.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://giverola-resort.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273135/1273135096.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://giverola-resort.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273135/1273135519.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://giverola-resort.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16272/1627202/1627202372.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://giverola-resort.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16136/1613662/1613662052.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://giverola-resort.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Zel Costa Brava Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 688</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(262 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costabella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14986/1498622/1498622173.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costabella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15412/1541220/1541220736.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costabella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14986/1498621/1498621948.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costabella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14986/1498621/1498621957.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costabella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14986/1498622/1498622035.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://costabella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14986/1498622/1498622041.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://costabella.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Costabella</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 75</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(3411 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://b-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12731/1273123/1273123825.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://b-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273122/1273122877.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://b-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16102/1610215/1610215984.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://b-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16102/1610215/1610215985.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://b-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16102/1610215/1610215986.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://b-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16102/1610215/1610215987.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://b-hotel.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>B Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 75</i></span> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(3258 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://president.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6661/666136/666136209.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://president.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15804/1580463/1580463123.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://president.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6659/665982/665982525.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://president.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6661/666139/666139428.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://president.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6661/666140/666140052.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://president.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6659/665981/665981850.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://president.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel President</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 16</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12199/1219954/1219954360.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273080/1273080829.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273081/1273081009.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273083/1273083937.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10045/1004509/1004509377.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10045/1004509/1004509488.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://rialto.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Rialto</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 105</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-voraport.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12240/1224094/1224094783.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-voraport.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15203/1520324/1520324113.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-voraport.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15203/1520324/1520324962.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-voraport.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9468/946804/946804813.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-voraport.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9553/955395/955395037.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-voraport.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9553/955395/955395202.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://acta-voraport.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Acta Voraport Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 93</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://soho-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14730/1473037/1473037546.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://soho-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273191/1273191985.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://soho-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273193/1273193131.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://soho-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273193/1273193263.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://soho-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12079/1207948/1207948363.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://soho-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/1289/128910/128910855.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://soho-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Soho</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 143</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-voramar.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/9514/951413/951413503.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-voramar.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12727/1272784/1272784138.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-voramar.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12727/1272785/1272785488.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-voramar.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15928/1592879/1592879514.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-voramar.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12727/1272784/1272784834.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-voramar.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12727/1272785/1272785296.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://aparthotel-voramar.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Voramar Cambrils Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 51</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rec-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/11119/1111918/1111918161.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rec-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11030/1103055/1103055003.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rec-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7753/775315/775315984.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rec-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7753/775314/775314085.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rec-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7753/775315/775315438.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rec-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7753/775313/775313575.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://rec-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Rec Barcelona - Adults Only</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 94</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-vinoteca.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6647/664799/664799133.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-vinoteca.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15875/1587525/1587525238.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-vinoteca.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6647/664799/664799127.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-vinoteca.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6437/643720/643720923.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-vinoteca.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/5605/560523/560523549.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-vinoteca.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6647/664795/664795959.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://praktik-vinoteca.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Praktik Vinoteca Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 86</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://astoria-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6930/693075/693075144.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://astoria-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580287/1580287755.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://astoria-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15803/1580390/1580390205.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://astoria-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15803/1580390/1580390219.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://astoria-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14985/1498521/1498521103.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://astoria-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14985/1498521/1498521220.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://astoria-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Astoria</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 76</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/nl/3-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Zoek naar alle 3-sterren hotels in Catalonië</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-2-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--2-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-girona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7665/766538/766538719.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-girona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7857/785753/785753751.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-girona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7857/785753/785753796.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-girona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7857/785753/785753871.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-girona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7857/785754/785754789.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-girona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7665/766539/766539196.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hostal-girona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hostal Girona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 74</i></span> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(2523 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://itaca-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7737/773757/773757433.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://itaca-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7389/738972/738972154.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://itaca-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6640/664008/664008498.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://itaca-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6640/664009/664009419.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://itaca-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6640/664009/664009485.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://itaca-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6640/664009/664009554.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://itaca-hostel.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Itaca Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 14</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(1066 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://oasis-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/9085/908580/908580139.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://oasis-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273156/1273156648.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://oasis-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273158/1273158235.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://oasis-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273158/1273158490.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://oasis-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580294/1580294317.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://oasis-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580294/1580294321.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://oasis-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Oasis</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 183</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(5376 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://domus-selecta-constanza.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12146/1214690/1214690149.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://domus-selecta-constanza.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580287/1580287897.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://domus-selecta-constanza.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15482/1548201/1548201427.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://domus-selecta-constanza.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15482/1548202/1548202006.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://domus-selecta-constanza.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15482/1548202/1548202012.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://domus-selecta-constanza.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15482/1548202/1548202093.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://domus-selecta-constanza.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Constanza</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 148</i></span> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(2279 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cala-joncols.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/4018/401842/401842830.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cala-joncols.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580512/1580512309.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cala-joncols.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580512/1580512387.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cala-joncols.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15807/1580789/1580789571.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cala-joncols.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15807/1580789/1580789673.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-cala-joncols.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15807/1580789/1580789813.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-cala-joncols.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Cala Joncols</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 111</i></span> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(665 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parallel-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6931/693104/693104775.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parallel-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273122/1273122355.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parallel-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273122/1273122019.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parallel-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273122/1273122097.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parallel-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273122/1273122160.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parallel-hotel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273122/1273122262.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://parallel-hotel.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Paral-Lel Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 59</i></span> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count">(3878 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7028/702828/702828628.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9384/938467/938467957.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/8153/815340/815340446.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7181/718138/718138873.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7181/718140/718140718.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7181/718138/718138921.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Amistat Beach Hostel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 312</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071570.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071543.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071545.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071546.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071548.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071550.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Ibis Styles Barcelona City Bogatell Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 63</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://via-augusta.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/1307/130715/130715993.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://via-augusta.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16110/1611054/1611054541.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://via-augusta.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16110/1611054/1611054581.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://via-augusta.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288245.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://via-augusta.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15880/1588053/1588053415.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://via-augusta.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288351.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://via-augusta.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Via Augusta</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 109</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-lami.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14364/1436446/1436446003.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-lami.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11992/1199263/1199263057.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-lami.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12006/1200634/1200634435.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-lami.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11992/1199270/1199270350.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-lami.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11992/1199270/1199270056.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-lami.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11992/1199270/1199270299.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hostal-lami.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hostal Lami Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 37</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14321/1432131/1432131334.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15367/1536745/1536745882.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15367/1536745/1536745915.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9777/977750/977750416.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9904/990472/990472282.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14321/1432127/1432127002.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Ibis Barcelona Centro Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 70</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/3752/375247/375247786.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273058/1273058701.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273059/1273059508.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273057/1273057732.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273058/1273058131.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273057/1273057663.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Santa Marta</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 96</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-ciutadella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/4512/451206/451206183.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-ciutadella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15805/1580514/1580514549.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-ciutadella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13004/1300432/1300432759.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-ciutadella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13004/1300442/1300442269.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-ciutadella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13004/1300447/1300447492.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-ciutadella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13004/1300447/1300447585.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-ciutadella.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Ciutadella</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 52</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-internacional.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12532/1253260/1253260276.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-internacional.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16214/1621406/1621406948.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-internacional.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16214/1621406/1621406951.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-internacional.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12532/1253236/1253236129.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-internacional.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12532/1253239/1253239102.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-internacional.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12532/1253245/1253245648.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-internacional.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Internacional</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 58</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/nl/2-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Zoek naar alle 2-sterren hotels in Catalonië</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </div> <div class="top-hotels inner"> <h2 class="top-hotels__title title">Best beoordeelde accommodaties in Catalonië op type</h2> <p class="top-hotels__subtitle subtitle">Bekijk de accommodatie met de hoogste beoordeling op basis van tripadvisor, booking.com</p> <div class="top-hotels__tabs js-tabs-hotels-by-type "> <div class="top-hotels-tab active" data-target=".js-0-block"> <span class="top-hotels-tab__text">Beste Hotels</span> </div> <div class="top-hotels-tab active" data-target=".js-1-block"> <span class="top-hotels-tab__text">Beste Hostels</span> </div> <div class="top-hotels-tab active" data-target=".js-2-block"> <span class="top-hotels-tab__text">Beste Aparthotels</span> </div> </div> <div class="top-hotels__blocks"> <div class="top-hotels__block top-hotels-block js-0-block active"> <div class="top-hotels-block__slider js-slider-block-by-type top-hotels-block__slider--0-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13613/1361337/1361337890.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16243/1624316/1624316005.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16102/1610222/1610222279.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16102/1610222/1610222293.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16102/1610222/1610222294.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16102/1610222/1610222300.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://w-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>W Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 232</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(4551 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16005/1600559/1600559278.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267177.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267176.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267141.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267148.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267154.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hilton-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hilton Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 152</i></span> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(1470 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ona-hotels-terra.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13498/1349827/1349827072.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ona-hotels-terra.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13498/1349829/1349829727.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ona-hotels-terra.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13458/1345899/1345899704.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ona-hotels-terra.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13498/1349825/1349825419.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ona-hotels-terra.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13498/1349827/1349827195.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ona-hotels-terra.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13498/1349828/1349828251.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ona-hotels-terra.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Occidental Barcelona 1929 Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 117</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(5024 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13823/1382393/1382393330.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13823/1382379/1382379521.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13823/1382393/1382393267.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13823/1382393/1382393288.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13823/1382393/1382393348.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13823/1382393/1382393372.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Occidental Atenea Mar - Adults Only Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 91</i></span> <span class="hotel-card__reviews-score">8.1</span> <span class="hotel-card__reviews-count">(3781 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://prestige-coral-platja.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12441/1244120/1244120686.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://prestige-coral-platja.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273059/1273059895.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://prestige-coral-platja.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273060/1273060624.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://prestige-coral-platja.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273060/1273060669.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://prestige-coral-platja.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273056/1273056403.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://prestige-coral-platja.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273058/1273058389.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://prestige-coral-platja.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Roses Platja</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 128</i></span> <span class="hotel-card__reviews-score">7.7</span> <span class="hotel-card__reviews-count">(6343 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-emma.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15960/1596020/1596020908.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-emma.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15968/1596867/1596867832.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-emma.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15968/1596867/1596867810.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-emma.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15968/1596867/1596867786.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-emma.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15968/1596867/1596867801.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-emma.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15968/1596867/1596867825.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://room-mate-emma.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Allegro Barcelona Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 83</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(2693 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15536/1553657/1553657011.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16286/1628649/1628649141.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16286/1628649/1628649142.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16102/1610220/1610220521.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16129/1612958/1612958604.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16129/1612958/1612958621.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://arts.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Hotel Arts Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 53</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(1446 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15535/1553578/1553578237.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15535/1553577/1553577934.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15535/1553578/1553578042.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15535/1553578/1553578081.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14167/1416705/1416705273.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14167/1416719/1416719040.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Nobu Hotel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 245</i></span> <span class="hotel-card__reviews-score">8.2</span> <span class="hotel-card__reviews-count">(2366 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15921/1592110/1592110769.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15921/1592110/1592110739.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15921/1592110/1592110740.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15921/1592110/1592110749.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15921/1592110/1592110753.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15921/1592110/1592110734.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Motel One Barcelona-Ciutadella</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 95</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(10848 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12241/1224105/1224105154.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14041/1404124/1404124826.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14041/1404110/1404110255.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13993/1399368/1399368740.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14041/1404112/1404112853.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14041/1404115/1404115262.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Occidental Diagonal 414 Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 112</i></span> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(1937 beoordelingen)</span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/nl/type/hotels-12/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Alle hotels in Catalonië zoeken</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-by-type-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-by-type-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-1-block active"> <div class="top-hotels-block__slider js-slider-block-by-type top-hotels-block__slider--1-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8301/830133/830133080.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13592/1359246/1359246407.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13636/1363690/1363690022.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13636/1363690/1363690982.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/8301/830133/830133011.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/8301/830133/830133218.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://st-christophers-inn.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>St Christopher'S Inn Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 252</i></span> <span class="hotel-card__reviews-score">7.9</span> <span class="hotel-card__reviews-count">(7098 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13013/1301344/1301344138.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273134/1273134022.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273134/1273134211.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273134/1273134073.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15216/1521614/1521614578.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15214/1521497/1521497479.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://casa-gracia.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Casa Gracia Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 63</i></span> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(7420 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6311/631150/631150647.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/10078/1007839/1007839693.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/10078/1007839/1007839735.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/10078/1007839/1007839738.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/10078/1007839/1007839780.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/10078/1007840/1007840005.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Yeah Barcelona Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 37</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(8809 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12730/1273082/1273082197.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16040/1604098/1604098629.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273082/1273082533.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16040/1604098/1604098625.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16040/1604098/1604098632.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16040/1604098/1604098633.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Toc Hostel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 388</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(6357 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/9444/944471/944471380.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273158/1273158547.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273158/1273158616.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273159/1273159021.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16087/1608782/1608782421.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16087/1608782/1608782425.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://inout-hostel.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Inout Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 8</i></span> <span class="hotel-card__reviews-score">7.6</span> <span class="hotel-card__reviews-count">(3696 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12678/1267826/1267826692.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659900.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659902.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659915.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659919.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659924.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Urbany Hostel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 12</i></span> <span class="hotel-card__reviews-score">7.4</span> <span class="hotel-card__reviews-count">(2525 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sun-moon-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12351/1235134/1235134769.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sun-moon-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14985/1498537/1498537828.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sun-moon-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15804/1580451/1580451565.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sun-moon-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/11307/1130723/1130723826.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sun-moon-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/11307/1130729/1130729628.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sun-moon-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/11161/1116158/1116158313.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://sun-moon-hostel.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Sun&Moon Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 13</i></span> <span class="hotel-card__reviews-score">7.3</span> <span class="hotel-card__reviews-count">(752 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15807/1580796/1580796099.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15884/1588436/1588436515.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13574/1357456/1357456808.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13574/1357460/1357460231.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13574/1357466/1357466834.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13576/1357653/1357653794.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Casa Jam Barcelona Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 171</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(1350 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ideal-youth-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15903/1590368/1590368184.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ideal-youth-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15903/1590368/1590368183.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ideal-youth-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15903/1590368/1590368170.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ideal-youth-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15903/1590368/1590368185.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ideal-youth-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15903/1590368/1590368191.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ideal-youth-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15903/1590368/1590368174.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ideal-youth-hostel.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Ideal Youth Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 85</i></span> <span class="hotel-card__reviews-score">5.2</span> <span class="hotel-card__reviews-count">(2653 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://factory-gardens-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15435/1543561/1543561375.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://factory-gardens-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16263/1626368/1626368792.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://factory-gardens-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16263/1626368/1626368788.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://factory-gardens-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16272/1627223/1627223367.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://factory-gardens-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15398/1539868/1539868012.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://factory-gardens-hostel.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15398/1539868/1539868054.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://factory-gardens-hostel.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>The Loft Hostel Barcelona La Pedrera</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 16</i></span> <span class="hotel-card__reviews-score">8.2</span> <span class="hotel-card__reviews-count">(2700 beoordelingen)</span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/nl/type/hostels-11/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Alle hotels in Catalonië zoeken</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-by-type-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-by-type-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-2-block active"> <div class="top-hotels-block__slider js-slider-block-by-type top-hotels-block__slider--2-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14986/1498675/1498675780.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14986/1498675/1498675681.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14986/1498675/1498675699.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14986/1498675/1498675792.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13236/1323646/1323646318.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12970/1297028/1297028830.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Citadines Ramblas Barcelona Aparthotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 94</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(3605 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://cye-holiday-centre.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12727/1272764/1272764443.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://cye-holiday-centre.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12727/1272762/1272762115.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://cye-holiday-centre.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12727/1272765/1272765175.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://cye-holiday-centre.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12727/1272761/1272761668.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://cye-holiday-centre.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12727/1272764/1272764548.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://cye-holiday-centre.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12727/1272765/1272765040.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://cye-holiday-centre.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Aparthotel Cye Holiday Centre</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 39</i></span> <span class="hotel-card__reviews-score">8.2</span> <span class="hotel-card__reviews-count">(1289 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://els-llorers-apartamentos.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12731/1273117/1273117543.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://els-llorers-apartamentos.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273115/1273115392.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://els-llorers-apartamentos.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273115/1273115461.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://els-llorers-apartamentos.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273116/1273116136.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://els-llorers-apartamentos.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273116/1273116328.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://els-llorers-apartamentos.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273116/1273116913.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://els-llorers-apartamentos.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Apartaments Els Llorers</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 71</i></span> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(2886 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://san-eloy.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6535/653575/653575881.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://san-eloy.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16202/1620202/1620202627.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://san-eloy.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16202/1620202/1620202640.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://san-eloy.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16202/1620202/1620202644.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://san-eloy.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16202/1620202/1620202649.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://san-eloy.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16202/1620202/1620202651.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://san-eloy.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Medplaya Aparthotel Sant Eloi</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 110</i></span> <span class="hotel-card__reviews-score">7.4</span> <span class="hotel-card__reviews-count">(1682 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-california.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7153/715324/715324684.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-california.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15409/1540935/1540935457.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-california.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15409/1540934/1540934962.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-california.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15409/1540934/1540934992.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-california.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15409/1540935/1540935025.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-california.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15409/1540935/1540935037.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://aparthotel-california.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Aparthotel California</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 53</i></span> <span class="hotel-card__reviews-score">7.7</span> <span class="hotel-card__reviews-count">(700 beoordelingen)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-napols.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12268/1226870/1226870585.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-napols.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15561/1556118/1556118625.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-napols.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15561/1556118/1556118637.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-napols.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15561/1556118/1556118751.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-napols.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15561/1556118/1556118760.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-napols.catalonia-hotels.com/nl/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15561/1556119/1556119309.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://aparthotel-napols.catalonia-hotels.com/nl/" target="_blank"><span class=hotel-card__name-text>Aparthotel Napols - Abapart</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Vanaf <i>US$ 64</i></span> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count">(3370 beoordelingen)</span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/nl/type/aparthotels-2/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Alle hotels in Catalonië zoeken</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-by-type-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-by-type-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </div> <div class="inner discover-more-unique-properties js-discover-more-unique-properties"> <h2 class="title">Ontdek meer unieke accommodaties</h2> <p class="subtitle discover-more-unique-properties__subtitle">Kies uit de verscheidenheid aan exclusieve accommodaties.</p> <div class="discover-more-unique-properties__wrapper"> <div class="swiper discover-more-unique-properties__slider-wrapper js-discover-more-unique-properties-slider"> <ul class="discover-more-unique-properties__list swiper-wrapper"> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-apartments.jpg" alt="Appartementen" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Appartementen</div> <p class="discover-more-unique-properties__item-text"> Zie 24578 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3130382e3130352e3130302e39372e3132312e34352e3130342e3131312e3130392e3130312e3131352e34352e35312e35312e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-holiday-homes.jpg" alt="Vakantiehuizen" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Vakantiehuizen</div> <p class="discover-more-unique-properties__item-text"> Zie 6142 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3131382e3130352e3130382e3130382e39372e3131352e34352e35302e35322e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-villas.jpg" alt="Villa's" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Villa's</div> <p class="discover-more-unique-properties__item-text"> Zie 3135 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35302e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-hotels.jpg" alt="Hotels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="discover-more-unique-properties__item-title" href="/nl/type/hotels-12/">Hotels</a> <p class="discover-more-unique-properties__item-text"> Zie 2770 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3130332e3131372e3130312e3131352e3131362e34352e3130342e3131312e3131372e3131352e3130312e3131352e34352e34392e34382e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-guest-houses.jpg" alt="Gasthuizen" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Gasthuizen</div> <p class="discover-more-unique-properties__item-text"> Zie 879 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e39392e3131312e3131372e3131302e3131362e3131342e3132312e34352e3130342e3131312e3131372e3131352e3130312e3131352e34352e35312e34392e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-country-houses.jpg" alt="Landhuizen" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Landhuizen</div> <p class="discover-more-unique-properties__item-text"> Zie 669 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-hostels.jpg" alt="Hostels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Hostels</div> <p class="discover-more-unique-properties__item-text"> Zie 502 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e39382e3130312e3130302e34352e39372e3131302e3130302e34352e39382e3131342e3130312e39372e3130372e3130322e39372e3131352e3131362e3131352e34352e35322e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-bed-and-breakfasts.jpg" alt="Bed & Breakfasts" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Bed & Breakfasts</div> <p class="discover-more-unique-properties__item-text"> Zie 406 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e39392e3130342e39372e3130382e3130312e3131362e3131352e34352e35342e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-chalets.jpg" alt="Chalets" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Chalets</div> <p class="discover-more-unique-properties__item-text"> Zie 264 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e39392e39372e3130392e3131322e3131352e3130352e3131362e3130312e3131352e34352e35312e35332e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-campsites.jpg" alt="Campings" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Campings</div> <p class="discover-more-unique-properties__item-text"> Zie 262 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3130392e3130312e3131352e3131362e39372e3132312e3131352e34352e35312e35302e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-homestays.jpg" alt="Accommodaties bij particulieren" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Accommodaties bij particulieren</div> <p class="discover-more-unique-properties__item-text"> Zie 237 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130342e3131312e3131362e3130312e3130382e3131352e34352e35302e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-aparthotels.jpg" alt="Aparthotels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Aparthotels</div> <p class="discover-more-unique-properties__item-text"> Zie 211 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e39382e3131312e3131362e3130312e3130382e3131352e34352e35312e35322e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-botels.jpg" alt="Botels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Botels</div> <p class="discover-more-unique-properties__item-text"> Zie 196 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3130382e3131372e3132302e3131372e3131342e3132312e34352e3131362e3130312e3131302e3131362e3131352e34352e35302e35372e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-luxury-tents.jpg" alt="Luxe tenten" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Luxe tenten</div> <p class="discover-more-unique-properties__item-text"> Zie 65 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3130322e39372e3131342e3130392e34352e3131352e3131362e39372e3132312e3131352e34352e35312e35352e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-farm-stays.jpg" alt="Vakantieboerderijen" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Vakantieboerderijen</div> <p class="discover-more-unique-properties__item-text"> Zie 51 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3130382e3131312e3130302e3130332e3130312e3131352e34352e34392e35352e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-lodges.jpg" alt="Lodges" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Lodges</div> <p class="discover-more-unique-properties__item-text"> Zie 24 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3130382e3130352e3130302e39372e3132312e34352e3131322e39372e3131342e3130372e3131352e34352e35312e35342e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-holiday-parks.jpg" alt="Vakantieparken" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Vakantieparken</div> <p class="discover-more-unique-properties__item-text"> Zie 23 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3130352e3131302e3131302e3131352e34352e34392e35342e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-inns.jpg" alt="Herbergen" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Herbergen</div> <p class="discover-more-unique-properties__item-text"> Zie 17 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3131342e3130312e3131352e3131312e3131342e3131362e3131352e34352e35312e35372e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-resorts.jpg" alt="Resorts" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Resorts</div> <p class="discover-more-unique-properties__item-text"> Zie 16 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e39392e3131312e3131302e3130302e3131312e3131352e34352e35352e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-condos.jpg" alt="Condo's" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Condo's</div> <p class="discover-more-unique-properties__item-text"> Zie 5 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e39392e39372e3131322e3131352e3131372e3130382e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e34382e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-capsule-hotels.jpg" alt="Capsulehotels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Capsulehotels</div> <p class="discover-more-unique-properties__item-text"> Zie 4 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3130382e3131312e3131382e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35302e35362e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-love-hotels.jpg" alt="Liefdeshotels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Liefdeshotels</div> <p class="discover-more-unique-properties__item-text"> Zie 2 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3131302e3130382e34372e3131362e3132312e3131322e3130312e34372e3130392e3131312e3131362e3130312e3130382e3131352e34352e34392e35362e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-motels.jpg" alt="Motels" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Motels</div> <p class="discover-more-unique-properties__item-text"> Zie 2 accommodaties </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <a class="discover-more-unique-properties__item-link" href="/nl/all-accommodations/" target="_blank"> <div class="discover-more-unique-properties__img-wrapper"> <div class="discover-more-unique-properties__img-wrapper-inner"> <svg class="icon discover-more-unique-properties__img-wrapper-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="discover-more-unique-properties__img-wrapper-text">Alle accommodaties bekijken</h3> </div> </div> </a> </li> </ul> </div> <div class="discover-more-unique-properties__controls"> <div class="discover-more-unique-properties__control discover-more-unique-properties__control--prev js-discover-arrow-prev"> <svg class="icon discover-more-unique-properties__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="discover-more-unique-properties__control discover-more-unique-properties__control--next js-discover-arrow-next"> <svg class="icon discover-more-unique-properties__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="why-book-with-us__wrapper"> <div class="why-book-with-us__bg"></div> <div class="inner why-book-with-us"> <h2 class="title">Waarom met ons boeken</h2> <p class="subtitle why-book-with-us__subtitle">U zoekt - wij antwoorden</p> <ul class="why-book-with-us__list"> <li class="why-book-with-us__item"> <svg class="icon why-book-with-us__item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-with-transparency"></use> </svg> <p class="why-book-with-us__item-title">24/7 ondersteuning in het resort</p> <p class="why-book-with-us__item-text">Bij de hand als u ons nodig heeft tijdens uw vakantie</p> </li> <li class="why-book-with-us__item"> <svg class="icon why-book-with-us__item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-with-transparency"></use> </svg> <p class="why-book-with-us__item-title">Laagste Prijs Garantie</p> <p class="why-book-with-us__item-text">Een betere aanbieding vind je niet!</p> </li> <li class="why-book-with-us__item"> <svg class="icon why-book-with-us__item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-with-transparency"></use> </svg> <p class="why-book-with-us__item-title">Reserveer de perfecte plek</p> <p class="why-book-with-us__item-text">Gemakkelijke en snelle boekingsprocedure</p> </li> </ul> </div> </div> </div> <div class="more-ideas__wrapper js-more-ideas"> <div class="inner more-ideas js-more-ideas-inner"> <div class="more-ideas__head js-more-ideas-btn active"> <svg class="icon more-ideas__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <h2 class="more-ideas__title"> Meer ideeën waar in Catalonië te verblijven </h2> </div> <div class="more-ideas__body active"> <div class="more-ideas__block block"> <h3 class="block__title"> Topbestemmingen in Catalonië </h3> <ul class="block__list" > <li class="block__item"> <a href="/nl/barcelona-hotels-45/" target="_blank"> Barcelona </a>  (6080) </li> <li class="block__item"> <a href="/nl/salou-hotels-8571/" target="_blank"> Salou </a>  (2500) </li> <li class="block__item"> <a href="/nl/lloret-de-mar-hotels-19154/" target="_blank"> Lloret de Mar </a>  (1412) </li> <li class="block__item"> <a href="/nl/sitges-hotels-8316/" target="_blank"> Sitges </a>  (740) </li> <li class="block__item"> <a href="/nl/roses-hotels-8381/" target="_blank"> Roses </a>  (2081) </li> <li class="block__item"> <a href="/nl/girona-hotels-18308/" target="_blank"> Gerona </a>  (647) </li> <li class="block__item"> <a href="/nl/tossa-de-mar-hotels-2593/" target="_blank"> Tossa de Mar </a>  (583) </li> <li class="block__item"> <a href="/nl/platja-d-aro-hotels-31408/" target="_blank"> Castell-Platja d'Aro </a>  (791) </li> <li class="block__item"> <a href="/nl/tarragona-hotels-848/" target="_blank"> Tarragona </a>  (723) </li> <li class="block__item"> <a href="/nl/cambrils-hotels-8509/" target="_blank"> Cambrils </a>  (1182) </li> <li class="block__item"> <a href="/nl/castelldefels-hotels-4507/" target="_blank"> Castelldefels </a>  (211) </li> <li class="block__item"> <a href="/nl/calella-hotels-8387/" target="_blank"> Calella </a>  (149) </li> <li class="block__item"> <a href="/nl/l-hospitalet-de-llobregat-hotels-35584/" target="_blank"> L'Hospitalet de Llobregat </a>  (309) </li> <li class="block__item"> <a href="/nl/figueres-hotels-14533/" target="_blank"> Figueres (Girona) </a>  (101) </li> <li class="block__item"> <a href="/nl/el-prat-de-llobregat-hotels-18390/" target="_blank"> El Prat de Llobregat </a>  (35) </li> <li class="block__item"> <a href="/nl/vielha-hotels-7230/" target="_blank"> Vielha e Mijaran </a>  (180) </li> <li class="block__item"> <a href="/nl/cadaques-hotels-8416/" target="_blank"> Cadaqués </a>  (191) </li> <li class="block__item"> <a href="/nl/santa-susanna-hotels-27024/" target="_blank"> Santa Susanna </a>  (119) </li> <li class="block__item"> <a href="/nl/lleida-hotels-801/" target="_blank"> Lerida </a>  (61) </li> <li class="block__item"> <a href="/nl/malgrat-de-mar-hotels-8860/" target="_blank"> Malgrat de Mar </a>  (138) </li> </ul> </div> <div class="more-ideas__block block"> <h3 class="block__title">In de buurt</h3> <ul class="block__list"> <li class="block__item"> <a href="/nl/near-casa-lleo-morera-1016349/" target="_blank">Casa Lleó Morera Barcelona</a> </li> <li class="block__item"> <a href="/nl/near-adoracion-nocturna-femenina-119675/" target="_blank">Adoracion Nocturna Femenina Barcelona</a> </li> <li class="block__item"> <a href="/nl/near-fgc-provenca-162373/" target="_blank">FGC - Provença</a> </li> <li class="block__item"> <a href="/nl/near-centro-cultural-la-pedrera-84705/" target="_blank">Centro Cultural la Pedrera</a> </li> <li class="block__item"> <a href="/nl/near-acteon-c-l-132261/" target="_blank">Acteon C L</a> </li> <li class="block__item"> <a href="/nl/near-agrupacio-del-bergueda-132282/" target="_blank">Agrupacio del Bergueda</a> </li> <li class="block__item"> <a href="/nl/near-magicus-122143/" target="_blank">Magicus Barcelona</a> </li> <li class="block__item"> <a href="/nl/near-happy-parc-132420/" target="_blank">Happy Parc</a> </li> <li class="block__item"> <a href="/nl/near-carrer-de-balmes-1794398/" target="_blank">Carrer de Balmes</a> </li> <li class="block__item"> <a href="/nl/near-4-vientos-122528/" target="_blank">4 Vientos Barcelona</a> </li> <li class="block__item"> <a href="/nl/near-tivoli-theatre-1016208/" target="_blank">Tivoli Theatre</a> </li> <li class="block__item"> <a href="/nl/near-el-prat-de-llobregat-134333/" target="_blank">Luchthaven Barcelona-El Prat</a> </li> </ul> </div> </div> </div> </div> <footer class="footer"> <div class="footer__top top"> <div class="top__main-info main-info"> <div class="top__logo"> <a href="/nl/" class="footer-logo"> <div class="footer-logo__wrap"> <div class="footer-logo__above"> <div class="footer-logo__above-text">hotel in</div> </div> <div class="footer-logo__text"> Catalonia </div> <div class="footer-logo__under"> <div class="footer-logo__under-text">.com</div> </div> </div> </a> </div> <ul class="main-info__list"> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text"> We houden van Catalonië en kennen onze regio. </span> </li> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text"> We zijn er voor u, zelfs ter plaatse in Catalonië. </span> </li> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text">Wij hebben geweldige aanbiedingen, hotels en tickets voor u.</span> </li> </ul> </div> <div class="top__additional-info additional-info"> <div class="additional-info__more"> <h3 class="additional-info__more-title">Meer</h3> <ul class="additional-info__more-list"> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3131302e3130382e34372e39372e39382e3131312e3131372e3131362e3437>Over ons</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3131302e3130382e34372e3131322e3131342e3130352e3131382e39372e39392e3132312e3437>Privacybeleid</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3131302e3130382e34372e3131352e3131372e3131322e3131322e3131312e3131342e3131362e3437>Contacteer ons</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3131302e3130382e34372e39372e3130302e3130302e34352e3130342e3131312e3131362e3130312e3130382e3437>Voeg accommodatie toe</span> </li> </ul> <ul class="additional-info__more-media more__media"> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--fb"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#fb"></use> </svg> </li> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--yt"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#youtube"></use> </svg> </li> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--insta"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#instagram"></use> </svg> </li> </ul> </div> </div> </div> <div class="footer__bottom bottom"> <div class="bottom__inner"> <p class="bottom__copyright">Hotel Reservation System | 2024 © catalonia-hotels.com. All rights reserved</p> <ul class="bottom__payment-list"> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-pci"></use> </svg> </li> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-mastercard"></use> </svg> </li> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-visa"></use> </svg> </li> </ul> </div> </div> </footer> <div class='cookie-policy js-cookie-policy'> <div class='cookie-policy__wrapper'> <div class='cookie-policy__inner'> <div class='cookie-policy__inner-text'>We gebruiken cookies om ervoor te zorgen dat we u de beste ervaring op onze website geven. Als u doorgaat met het gebruiken van deze site, gaan we er vanuit dat u hiermee instemt.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>OKE</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>NEE</div> </div> </div> </div> </div> <script type="text/javascript"> window.travel = window.travel || {}; travel.opts = { siteDomain: 'catalonia-hotels.com', page: 'cities', type: 'destination', lang_id: '6', lang: 'nl', day: '19', month: '12', year: '2024', id: '2589191385', track: 'oe1zLrqD6f1fM73j', btest: false , device: 3 , tob: false , sdom: 'https://www.catalonia-hotels.com', sid: '126989', nid: '55', curr: 'US$', curr_rate: '1', currency: {"ID":"1","CurrencyID":"1","LangID":"6","Name":"US dollar","ExchangeRate":"1","Code":"USD","Symbol":"US$","FilterSymbol":"US$","ShowInFilter":"1","Prices":"0-100|100-200|200-300|300-","Priority":"360","SyncDate":"2018-08-21 10:00:00","URL":"\/?currency=1"}, obj_id: '155', theme: '8001', cityID: null, map_params: { provider: '2', key: '' , lat: '41.700673686942', long: '1.7687940175902' }, av_params: { use: '0', from: '2024-12-20', to: '2024-12-21', adults: '2', children: '0', childrenTitle: 'Leeftijd van de kinderen:' }, messages: { f_name: 'Vul alstublieft je naam in', f_email: 'Vul alstublieft een geldig e-mailadres in', f_subject: 'Selecteer onderwerp', f_message: 'Voer een bericht in', f_review: 'Gelieve tekst in te voeren', f_review_cons: 'Gelieve tekst in te voeren', f_month: 'Kies maand', f_year: 'Kies jaar', f_rating: 'Beoordeel aub de accommodatie', } , k: 'n4uncde1bsjd', v: '7dd061a3e3f582b718d8bdbf3c579dfa' }; </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'cities', frontPage:'cities', typeObject:'destination', currencyId:'1', languageId:'6', language:'nl', isRtl: false , currentDay:'19', currentMonth:'12', currentYear:'2024', logId: '2589191385', track: 'oe1zLrqD6f1fM73j', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.catalonia-hotels.com', siteId:'126989', nid:'55', siteDomain: 'catalonia-hotels.com', isCountriesLanguages: false , tob: false , currency:'US$', currencyRate:'1', objectId:'155', hotelTheme:'8001', clickTrip: { destinationType: "city", subAccount: "dest-clicktrip-n55-191224-s126989-woe1zLrqD6f1fM73j-d8001-dc3" }, cityID: null, cityLocalName: null, mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.700673686942' ,hotelLongitude:'1.7687940175902' }, availableParams: { use:'0', dataFrom:'2024-12-20', dataTo:'2024-12-21', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'Vul alstublieft je naam in', messageEmail:'Vul alstublieft een geldig e-mailadres in', messageSubject:'Selecteer onderwerp', messageMessage:'Voer een bericht in', messageReview:'Gelieve tekst in te voeren', messageReviewCons:'Gelieve tekst in te voeren', messageMonth:'Kies maand', messageYear:'Kies jaar', messageRating:'Beoordeel aub de accommodatie', messageCountry:'Kies een land', next:'Verder', prev:'Terug', messageCalendar:'Voer uw datums in en bekijk onze speciale aanbiedingen' }, stopSpamKey:'n4uncde1bsjd', stopSpamValue:'7dd061a3e3f582b718d8bdbf3c579dfa', }; </script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["setCookieDomain", "*.catalonia-hotels.com"]); _paq.push(["setDomains", ["*.catalonia-hotels.com"]]); _paq.push(['enableLinkTracking']); _paq.push(['setTrackerUrl', '/piwik.php']); _paq.push(['setSiteId', 126989]); _paq.push(['setCustomVariable', 1, 'btest', '0', 'visit']); _paq.push(['setCustomVariable', 1, 'language', 'nl', 'page']); _paq.push(['trackPageView']); </script> <script async src="/piwik.js"></script> <noscript><p><img src="/piwik.php?idsite=126989" style="border:0;" alt="" /></p></noscript> <script defer type="module" src="/new/designs/80/build/destination-main-page/script.65a5ea755e33364402d4ee00736465ea.js"></script> <script nomodule src="/new/designs/80/build/destination-main-page/script-es5.b67698a4c71f404e65e9bd2c64f580f6.js"></script> </body> </html>

CINXE.COM

Catalonië hotels en appartementen, alle accommodaties in Catalonië