CINXE.COM

<!DOCTYPE html> <html xml:lang="da" lang="da" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Hoteller & lejligheder i Barcelona, alle indkvarteringer i Barcelona</title> <meta name="keywords" content="Hoteller i Barcelona, Barcelona lejligheder, indkvartering i Barcelona" /> <meta name="description" content="Online booking af hoteller i Barcelona, Spanien. God tilgængelighed og gode priser. Billige og sikkert, betal ved udtjekning, ingen reservationsgebyrer." /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"> <link importance="high" rel="preload" href="/img/bg/450x450/116206.JPEG" as="image"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2"> <style>/*! */@font-face{font-family:Righteous;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Copperplate Cyrillic;src:url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff2) format("woff2"),url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Raleway;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCIPrcVIT9d0c8.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a img,fieldset,img{border:none}input[type=email],input[type=tel],input[type=text],textarea{-webkit-appearance:none}button,input[type=submit]{cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}button,input{margin:0;padding:0;border:0}a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea{outline:none}ol,ul{list-style-type:none}table{border-spacing:0;border-collapse:collapse;width:100%}html{box-sizing:border-box}body,html{height:100%}*,:after,:before{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*{transition:none!important}}a{color:inherit;text-decoration:none;cursor:pointer}a:not([class]){transition:color .25s}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;padding-right:30px!important;background:url(/new/designs/90/destination/img/select-arrow.svg) #fff no-repeat!important;background-position:100%!important;background-size:30px 6px!important}select:focus{outline:none}select::-ms-expand{display:none}body{min-height:100%;font-family:Roboto,sans-serif;background:#fff;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content__banner{margin-top:60px}@media only screen and (max-width:767px){.content__banner{margin-top:40px}}.clearfix:after,.clearfix:before{display:block;content:""}.clearfix:after{clear:both}div.container{width:1112px;margin:0 auto}.pull-left{float:left!important}.pull-right{float:right!important}.hidden{display:none!important}.phone-show,.tablet-show{display:none}@media only screen and (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}.tablet-hide{display:none!important}.tablet-show{display:initial!important}}.show-mob{display:none!important}.hide-mob{display:block!important}@media only screen and (max-width:767px){.hide-mob{display:none!important}.show-mob{display:block!important}.phone-hide{display:none!important}.phone-show{display:initial!important}}.sunset__title{text-align:left}.sunset__title-text{color:#242c4a;font:700 26px/1.4 Roboto,sans-serif}.sunset__title-other-hotels{white-space:nowrap;cursor:pointer}.sunset__title-other-hotels .dates{position:relative;bottom:3px;color:#3c6780;font:500 16px/20px Roboto,sans-serif;text-decoration:underline}@media only screen and (max-width:1024px){.sunset__title-other-hotels{display:block;margin-top:20px}}.sunset__title-not-avail{display:inline-block;max-width:calc(100% - 180px);margin-right:10px}.sunset__title-calendar-icon{margin-left:3px}@media only screen and (max-width:767px){.sunset__title-calendar-icon{margin-left:0}}.sunset-hotel_list,.sunset-map{background-color:#f5f7fa}.sunset__hotel-list{display:flex;flex-wrap:wrap;padding-bottom:100px}.sunset__hotel-list--no-padding{padding-bottom:0}.sunset__hotel-list .sunset__content{width:100%}.sunset-error404 .sunset__content{background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/404-bg.jpg);background-position:50%;background-size:cover}.sunset__about,.sunset__add-hotel,.sunset__privacy{margin:30px 0;text-align:left}.message{display:flex;align-items:center;margin-bottom:20px;padding:20px;border-radius:2px;background-color:#fff;box-shadow:0 5px 10px 3px rgba(36,44,74,.1)}.message__text{margin-left:15px;font:700 16px/1.5 Roboto,sans-serif}.message__icon{width:30px;height:30px}.message--error .message__text{color:#ef4b5f}.message--error .message__icon{fill:#ef4b5f}.message--success .message__text{color:#42a23b}.message--success .message__icon{fill:#42a23b}.new-container{box-sizing:border-box;width:100%;max-width:1163px;margin:0 auto;padding-right:15px;padding-left:15px}.new-row{margin-right:-15px;margin-left:-15px}@media (max-width:767px){.new-container{padding-right:10px;padding-left:10px}.new-container.notavail-header{z-index:100}.new-row{margin-right:-10px;margin-left:-10px}}body.no-scroll{overflow:hidden}.banner,.check-avail-form-horizontal{z-index:100}.banner .date-picker-wrapper,.check-avail-form-horizontal .date-picker-wrapper{position:absolute;z-index:1;background-color:#fff;color:#242c4a;font:normal 14px/16px Roboto,sans-serif;font-family:Arial,sans-serif;border-radius:2px;border:1px solid #d1dde9}.banner .date-picker-wrapper.inline-wrapper,.check-avail-form-horizontal .date-picker-wrapper.inline-wrapper{position:absolute;top:100%;right:auto;left:0}.banner .date-picker-wrapper.single-date,.check-avail-form-horizontal .date-picker-wrapper.single-date{width:auto}.banner .date-picker-wrapper.no-topbar,.check-avail-form-horizontal .date-picker-wrapper.no-topbar{padding-top:12px}.banner .date-picker-wrapper .drp_top-bar,.banner .date-picker-wrapper.two-months.no-gap .month1 .next,.banner .date-picker-wrapper.two-months.no-gap .month2 .prev,.check-avail-form-horizontal .date-picker-wrapper .drp_top-bar,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month1 .next,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{display:block;width:calc(100% + 2px);text-align:center;padding:15px;background:#3c6780;border-radius:2px 2px 0 0;text-transform:uppercase;margin-left:-1px;margin-top:-1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{padding:10px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{width:100%;display:none}}.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{color:#fff;font:500 16px/21px Roboto,sans-serif;letter-spacing:1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font-size:14px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font:500 14px/18px Roboto,sans-serif}}.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{font-size:0;display:flex;justify-content:center;align-items:center;padding:15px;border-radius:0 0 4px 4px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{width:100%}}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{display:inline-block;font:normal 14px/20px Roboto,sans-serif;padding:0 2px}.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{text-transform:capitalize}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights{font-weight:700}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month,.check-avail-form-horizontal .date-picker-wrapper .month{width:100%;border-bottom:1px solid #bad4e3}}.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #bad4e3;cursor:default;position:relative;overflow:hidden}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{flex-wrap:wrap;justify-content:center;border-bottom:none}}.banner .date-picker-wrapper .month-head,.check-avail-form-horizontal .date-picker-wrapper .month-head{width:100%}.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 50px;height:50px;border-bottom:1px solid #bad4e3;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 5px;height:40px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 40px;height:50px}}@media only screen and (max-width:414px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 35px}}@media only screen and (max-width:340px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 20px}}.banner .date-picker-wrapper .month-caption .next,.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{padding:0;cursor:pointer;display:block;opacity:1}.banner .date-picker-wrapper .month-caption .next.is-disabled,.banner .date-picker-wrapper .month-caption .prev.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev.is-disabled{opacity:.5;cursor:default;pointer-events:none}.banner .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next{text-align:right}.banner .date-picker-wrapper .month-caption .next .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next .calendar-arrow{transform:rotate(-90deg)}.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{text-align:left}.banner .date-picker-wrapper .month-caption .prev .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev .calendar-arrow{transform:rotate(90deg)}.banner .date-picker-wrapper .month-caption .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .calendar-arrow{width:10px;height:6px;fill:#242c4a}.banner .date-picker-wrapper .month-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-arrow{width:30px;height:30px;line-height:30px;font-size:0}.banner .date-picker-wrapper .month-name,.check-avail-form-horizontal .date-picker-wrapper .month-name{text-transform:capitalize;font-size:0;line-height:0}.banner .date-picker-wrapper .month-element,.check-avail-form-horizontal .date-picker-wrapper .month-element{display:inline-block;padding:0 2px;font:500 16px/20px Roboto,sans-serif}.banner .date-picker-wrapper .month-gap,.check-avail-form-horizontal .date-picker-wrapper .month-gap{width:1px;background:#bad4e3}.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:30px 39px 10px;width:100%;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:10px 5px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{max-width:290px;margin:0 auto}}.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:38px;height:20px;flex-shrink:0;text-transform:uppercase;text-align:center;font:500 14px/20px Roboto,sans-serif}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:40px}}.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 39px 30px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 5px}}.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{width:100%;display:flex;align-items:center}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{max-width:280px;margin:0 auto}}.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin-bottom:3px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin:0 auto 3px}}.banner .date-picker-wrapper .day,.check-avail-form-horizontal .date-picker-wrapper .day{cursor:default;width:14.28571%;flex-shrink:0}.banner .date-picker-wrapper .day.is-lastMonth,.banner .date-picker-wrapper .day.is-nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-nextMonth{pointer-events:none;cursor:default}.banner .date-picker-wrapper .day.is-toMonth.is-hovering,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-hovering{background:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day.is-toMonth.is-first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-first-date-selected{background:linear-gradient(90deg,transparent 50%,rgba(60,103,128,.3) 0)}.banner .date-picker-wrapper .day.is-toMonth.is-last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-last-date-selected{background:linear-gradient(90deg,rgba(60,103,128,.3) 50%,transparent 0)}.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{width:100%;font:normal 14px/33px Roboto,sans-serif;text-align:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:30px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:40px}}.banner .date-picker-wrapper .day .day-text.checked,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.checked{background-color:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day .day-text.invalid,.banner .date-picker-wrapper .day .day-text.lastMonth,.banner .date-picker-wrapper .day .day-text.nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.invalid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.nextMonth{pointer-events:none;cursor:default;color:#242c4a;background-color:transparent;opacity:.5}.banner .date-picker-wrapper .day .day-text.has-tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip{cursor:help!important}.banner .date-picker-wrapper .day .day-text.has-tooltip .tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip .tooltip{white-space:nowrap}.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{cursor:pointer;color:#242c4a;opacity:1;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{height:auto}}.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{background-color:#3c6780;color:#fff;font-weight:700;border-radius:50%;overflow:hidden;opacity:1;width:32px;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{width:100%;height:100%}}.banner .date-picker-wrapper .week-number,.check-avail-form-horizontal .date-picker-wrapper .week-number{display:none}.banner .date-picker-wrapper .select-wrapper,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.banner .date-picker-wrapper .select-wrapper:hover,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.banner .date-picker-wrapper .select-wrapper select,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;appearance:none;background:transparent;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.banner .date-picker-wrapper .date-range-length-tip,.banner .date-picker-wrapper .hide,.banner .date-picker-wrapper .selected-days,.banner .date-picker-wrapper.single-month .time,.banner .date-picker-wrapper .time,.check-avail-form-horizontal .date-picker-wrapper .date-range-length-tip,.check-avail-form-horizontal .date-picker-wrapper .hide,.check-avail-form-horizontal .date-picker-wrapper .selected-days,.check-avail-form-horizontal .date-picker-wrapper.single-month .time,.check-avail-form-horizontal .date-picker-wrapper .time,.dropdown{display:none}.dropdown{padding:15px;min-width:255px;width:100%;max-width:calc(100vw - 20px);position:absolute;top:calc(100% - 10px);left:0;text-align:left;font-family:Roboto,sans-serif;box-sizing:border-box;border-radius:2px;border:1px solid #d1dde9;background-color:#fff;z-index:1000}.dropdown--scroll{max-height:230px;overflow-y:scroll}.dropdown--right{left:auto;right:0}.dropdown.is-show{display:block}.dropdown__list-item{font-size:14px;line-height:1;color:#242c4a;cursor:pointer}.dropdown__list-item:not(:last-child){margin-bottom:10px}.dropdown__list-item-code{font-weight:500}.dropdown__block{display:flex;flex-wrap:wrap}.dropdown__block--margin{margin:0 -5px}.dropdown__block:not(:last-child){margin-bottom:20px}.dropdown__block.is-hide{display:none}.dropdown__item{padding-right:5px;flex:1}.dropdown__select{padding:5px 17px 4px 5px;font-size:16px;font-weight:500;color:#242c4a;border-radius:2px;border-color:#bad4e3;cursor:pointer}.dropdown__select:not(:last-child){margin-right:15px}.dropdown__select:active,.dropdown__select:focus,.dropdown__select:hover{outline:none}.dropdown__select.is-error{border-color:red}.dropdown__title{margin-bottom:10px;font-size:18px;font-weight:500;color:#242c4a}.dropdown__title--full-width{width:100%}.dropdown__button{margin:0 5px;padding:10px 5px;flex:1;font-size:12px;font-weight:500;color:#fff;font-family:Roboto,sans-serif;text-transform:uppercase;letter-spacing:1px;border:1px solid #f68059;border-radius:2px;background-color:#f68059;cursor:pointer}.dropdown__button--cancel{color:#f68059;background-color:#fff}.dropdown__button:active,.dropdown__button:focus,.dropdown__button:hover{outline:none}.dropdown__error{margin-bottom:20px;display:none;font-size:16px;color:red}.show-mobile{display:none}@media (max-width:767px){.show-mobile{display:block}}.banner{position:relative;padding-bottom:72px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;font-family:Roboto,sans-serif}@media only screen and (max-width:767px){.banner{padding-bottom:16px}}.banner--min-height{height:500px}@media only screen and (max-width:767px){.banner--new{max-height:none}}.banner--new .banner__header{margin-bottom:30px}.banner--faq{height:500px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/faq.jpg)!important}.banner--quiz{height:auto;background:none}.banner__background{z-index:-1;position:absolute;top:0;right:0;left:0;height:300px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg)}.banner__background,.banner__bg{background-position:50%;background-size:cover}.banner__bg{width:100%;height:100%;background-repeat:no-repeat}@media (min-width:768px){.banner__bg--desktop{display:block!important}}.banner__main-photo{display:block;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.banner__main-photo picture{display:none;height:100%}@media only screen and (max-width:767px){.banner__main-photo picture{display:block}}.banner__main-photo-item{display:block;width:100%;height:25px;object-fit:cover}.banner__main-photo-item--0{object-position:center 0}.banner__main-photo-item--1{object-position:center -25px}.banner__main-photo-item--2{object-position:center -50px}.banner__main-photo-item--3{object-position:center -75px}.banner__main-photo-item--4{object-position:center -100px}.banner__main-photo-item--5{object-position:center -125px}.banner__main-photo-item--6{object-position:center -150px}.banner__main-photo-item--7{object-position:center -175px}.banner__main-photo-item--8{object-position:center -200px}.banner__main-photo-item--9{object-position:center -225px}.banner__main-photo-item--10{object-position:center -250px}.banner__main-photo-item--11{object-position:center -275px}.banner__main-photo-item--12{object-position:center -300px}.banner__main-photo-item--13{object-position:center -325px}.banner__main-photo-item--14{object-position:center -350px}.banner__main-photo-item--15{object-position:center -375px}.banner__main-photo-item--16{object-position:center -400px}.banner__main-photo-item--17{object-position:center -425px}.banner__main-photo-item--18{object-position:center -450px}.banner__main-photo-overlay{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;background:#202020;mix-blend-mode:normal;opacity:.65}.banner__content{z-index:8;position:relative;padding:10px 15px}.banner__infotitle{margin-bottom:5px;color:#fff;font:18px/30px Roboto,sans-serif;text-align:left}.banner__title{margin-bottom:8px;color:#fff;font:normal 500 50px Roboto,sans-serif;line-height:59px;text-align:center}.banner__text{max-width:750px;margin:0 auto 25px;color:#fff;font-weight:400;font-size:16px;line-height:1.5}.banner__form{padding:10px;border-radius:2px;background:rgba(236,243,251,.5);mix-blend-mode:normal}.main-form{position:relative;display:grid;grid-gap:10px;grid-template-columns:1.5fr 1fr 245px;grid-template-rows:70px;margin:0 auto}@media only screen and (max-width:1024px){.main-form{flex-wrap:wrap;justify-content:center;grid-template-columns:1.5fr 1fr 210px;grid-template-rows:70px}}@media only screen and (max-width:767px){.main-form{grid-template-rows:55px;grid-template-columns:1fr;grid-gap:5px;padding:5px}}.main-form__new-calendar{position:relative;display:grid;grid-template-columns:1fr 1fr}@media only screen and (max-width:767px){.main-form__new-calendar{width:100%;min-width:100%}}.main-form__new-calendar.is-with-city{min-width:calc(50% - 80px)}@media only screen and (max-width:767px){.main-form__new-calendar.is-with-city{min-width:100%}}.main-form__new-calendar .main-form__field .main-form-field__head{padding-right:45px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.496 1.5h-1.5v-1a.5.5 0 10-.999 0v1H4v-1a.5.5 0 10-1 0v1H1.5A1.5 1.5 0 000 3v9.496a1.5 1.5 0 001.5 1.5h10.996a1.5 1.5 0 001.5-1.5V3a1.5 1.5 0 00-1.5-1.5zm.5 10.996a.5.5 0 01-.5.5H1.5a.5.5 0 01-.5-.5V5.998h11.996v6.498zM1 5h11.996v-2a.5.5 0 00-.5-.5h-1.499v1a.5.5 0 01-1 0v-1H4v1a.5.5 0 11-1 0v-1H1.5A.5.5 0 001 3v2z' fill='%23959CAA'/%3E%3Cpath d='M3.999 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 6.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 8.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM7.498 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM10.997 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1z' fill='%23959CAA'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px 14px;background-position:calc(100% - 25px) 50%}.main-form__new-calendar .main-form__field .main-form-field__head:after{display:none}@media only screen and (max-width:1024px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 15px) 50%}}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 10px) 50%}}.main-form__new-calendar .main-form__field:before{content:"";position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #3c6780;background:none;display:none;z-index:2}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:before{border-bottom:12px solid #bad4e3}}.main-form__new-calendar .main-form__field:after{content:""}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:after{position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff;background:none;display:none;z-index:2}}.main-form__new-calendar .main-form__field:first-child .main-form-field__head{border-right:none;border-bottom-right-radius:0;border-top-right-radius:0}.main-form__new-calendar .main-form__field:nth-child(2) .main-form-field__head{border-bottom-left-radius:0;border-top-left-radius:0}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .date-picker-wrapper.inline-wrapper{top:55px;bottom:auto}}.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:block}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:none}}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-next .date-picker-wrapper.inline-wrapper{bottom:auto}}.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):after,.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):before{display:block}.main-form__submit-container{display:flex}.main-form__submit{font-size:20px;line-height:23px;letter-spacing:1px;font-weight:700;text-align:center;color:#fff;padding:20px;display:flex;align-items:center;justify-content:center;flex:1;background:linear-gradient(1turn,#dc724f 4.77%,#f68059);box-shadow:0 0 10px 8px rgba(0,0,0,.05);border-radius:2px;border:none;cursor:pointer;text-transform:uppercase;transition:opacity .2s}.main-form__submit:focus,.main-form__submit:hover{opacity:.85}@media only screen and (max-width:1024px){.main-form__submit{padding:17px 10px}}@media only screen and (max-width:767px){.main-form__submit{font-size:18px;line-height:21px;letter-spacing:.9px}}.main-form .main-form-field{position:relative;min-width:210px;box-sizing:border-box;display:flex}.main-form .main-form-field>*{flex:1}@media only screen and (max-width:1024px){.main-form .main-form-field{min-width:140px}}@media only screen and (max-width:767px){.main-form .main-form-field{width:100%}.main-form .main-form-field .dropdown{top:calc(100% - 1px);width:100%;left:0;border-radius:0 0 4px 4px;border-top:1px solid #bad4e3}}.main-form .main-form-field__head{position:relative;display:grid;overflow:hidden;border-radius:2px;background:#fff;align-items:stretch;text-align:start;padding:15px 30px;cursor:pointer;border:1px solid #d1dde9}.main-form .main-form-field__head:after{content:"";width:8px;height:8px;display:block;border-bottom:2px solid #959caa;border-left:2px solid #959caa;transform:rotate(-45deg);transform-origin:50% 50%;position:absolute;right:25px;top:calc(50% - 4px);transition:transform .3s}@media only screen and (max-width:767px){.main-form .main-form-field__head:after{top:calc(50% - 4px);right:10px}}.main-form .main-form-field__head.is-show:after{transform:rotate(-225deg)}@media only screen and (max-width:1024px){.main-form .main-form-field__head{padding:15px 30px 15px 10px}}@media only screen and (max-width:767px){.main-form .main-form-field__head{padding:10px 30px 10px 10px}}.main-form .main-form-field__title{font-weight:500;font-size:8px;line-height:1;letter-spacing:.533333px;text-transform:uppercase;color:#959caa}@media only screen and (max-width:1024px){.main-form .main-form-field__title{width:80px}}@media only screen and (max-width:767px){.main-form .main-form-field__title{font-size:10px;width:85px}}.main-form .main-form-field__content{display:flex;align-items:center;position:relative;color:#242c4a;line-height:21px;font-size:20px;line-height:1;font-weight:400}@media only screen and (max-width:767px){.main-form .main-form-field__content{font-size:18px;line-height:21px}}.main-form .main-form-field__content--ja,.main-form .main-form-field__content--ko,.main-form .main-form-field__content--zh{margin-left:10px}.main-form .main-form-field__content--ja .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh .field__number{font-size:18px;order:1;margin-right:5px}.main-form .main-form-field__content--ja .field__text,.main-form .main-form-field__content--ko .field__text,.main-form .main-form-field__content--zh .field__text{display:flex;align-items:center;padding-right:5px}.main-form .main-form-field__content--ja .field__text-item--month,.main-form .main-form-field__content--ko .field__text-item--month,.main-form .main-form-field__content--zh .field__text-item--month{order:1;margin-left:5px}.main-form .main-form-field__content--ja.field__content--guests .field__number,.main-form .main-form-field__content--ko.field__content--guests .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh.field__content--guests .field__number{order:0}.main-form .main-form-field__content--ko .field__number:after{content:"\C77C"}.main-form .main-form-field__content--ko .field__text{display:block}.main-form .main-form-field__content--ja .field__number:after,.main-form .main-form-field__content--zh .field__number:after{content:"\65E5"}.main-form .main-form-field__content--guests .field__number:after{content:none}.main-form .main-form-field__number{margin-right:5px}.main-form .main-form-field__dot{margin:0 7px;width:3px;height:3px;border-radius:50%;background:#fff}@media only screen and (max-width:767px){.main-form .main-form-field__dot{background:#242c4a}}.main-form .main-form-field__text{display:flex;align-items:center}.main-form .main-form-field__text-item--month{margin-right:5px}.main-form .main-form-field__text-item--width{max-width:75px;text-align:start}.main-form .main-form-field__text-guests{display:none}.main-form .main-form-field__text-guests:first-letter{text-transform:uppercase}.main-form .main-form-field__text-guests.is-active{display:block}.main-form .main-form-field__corner{position:absolute;top:50%;right:15px;width:14px;height:6px;fill:#242c4a;transform:translateY(-50%);display:none}.main-form .main-form-field__calendar-icon{height:16px;width:16px;fill:#242c4a}.main-form .main-form-field__error{padding:10px;display:flex;width:200px;position:absolute;top:calc(100% - 4px);left:0;border-radius:2px;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);background-color:#fff}.main-form .main-form-field__error.is-hide{display:none}.main-form .main-form-field__error--double-width{width:400px}.main-form .main-form-field__error-icon{width:22px;height:22px;fill:#ef4b5f}.main-form .main-form-field__error-text{padding-left:10px;width:calc(100% - 22px);font-size:16px;font-weight:700;color:#ef4b5f;text-align:start}@media only screen and (max-width:767px){.main-form .main-form-field__error{position:relative;width:100%}}@media (max-width:767px){.banner{background-image:none}.banner__content{padding:10px}.banner__title{margin-bottom:20px;font-weight:500;font-size:30px;line-height:35px}.banner__title span:after{content:"\A";white-space:pre}.banner__text{display:none}}.breadcrumbs{display:flex;align-items:center;position:absolute;bottom:-40px}@media only screen and (max-width:1024px){.breadcrumbs{bottom:-30px}}.breadcrumbs-item{display:flex;align-items:center;font:400 12px/18px Roboto,sans-serif;color:#7c8092}.breadcrumbs-item__link{color:#7c8092;text-decoration:underline}.breadcrumbs-item__arrow{margin:1px 6px 0}.header{box-sizing:border-box;z-index:10;position:relative;margin:0 auto 22px}@media only screen and (max-width:767px){.header{margin-bottom:20px}}.header--promotion{margin-bottom:0;background:#f7f7f7;color:#242c4a}.header--promotion .header__inner,.header--promotion .header__logo-sub-text,.header--promotion .header__logo-text{color:#242c4a}.header--promotion .header__nav-toggler{background-color:transparent}.header--promotion .header__nav-toggler-cross,.header--promotion .header__nav-toggler-line{background-color:#242c4a}.header--promotion .item__title-icon{fill:#242c4a}.header--promotion .item .dropdown__list-item:hover{background-color:#bad4e3}.header--promotion .item .dropdown__list-link{color:#242c4a}.header__inner{display:flex;align-items:center;width:100%;padding:25px 0;border-bottom:1px solid rgba(186,212,227,.5);color:#fff}@media only screen and (max-width:1024px){.header__inner{padding:20px 0}}@media only screen and (max-width:767px){.header__inner{padding:12px 5px}}.header__logo{color:#fff;text-align:left}.header__logo:hover{text-decoration:none}.header__logo--black{color:#242c4a}.header__logo-text{font:28px/20px Copperplate,Righteous,Trebuchet MS;letter-spacing:.830769px;text-transform:uppercase}.header__logo-sub-text{display:inline-block;width:100%;margin:4px auto 0;font:normal 500 8px/9px Raleway;letter-spacing:.266667px;text-align:center;text-transform:uppercase}.header__nav-toggler{position:relative;width:26px;height:26px;margin-left:auto;border:none;background-color:transparent;cursor:pointer}.header__nav-toggler:active,.header__nav-toggler:focus,.header__nav-toggler:hover{outline:none}.header__nav-toggler-line{display:block;width:25px;height:2px;background-color:#fff}.header__nav-toggler-line:not(:last-child){margin-bottom:5px}.header__nav-toggler-cross{display:block;position:absolute;top:calc(50% - 1px);left:0;width:26px;height:2px;transform:rotate(45deg);background-color:#242c4a}.header__nav-toggler-cross--right{transform:rotate(-45deg)}.header__nav{box-sizing:border-box;display:flex;margin-left:auto}.header__nav-header{display:none}.header__nav-item{font-weight:500;font-size:15px;cursor:pointer}.header__nav-item:not(:first-child){margin-left:15px}.header__nav-item:last-child{margin-right:-15px}@media only screen and (max-width:767px){.header__nav-item:last-child{margin-right:0}}.header .item{position:relative}.header .item__title{display:flex;position:relative;align-items:center;padding:10px 15px;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.8px;text-transform:uppercase}.header .item__title.is-show .item__title-icon{transform:scaleY(-1)}.header .item__title-icon{width:10px;height:6px;margin-left:10px;fill:#fff;transform-origin:center center;vertical-align:middle;transition:transform .2s}.header .item .dropdown{top:calc(100% + 10px);padding:5px 0}.header .item .dropdown__list-item{margin-bottom:0;font-weight:400;transition:all .3s ease}.header .item .dropdown__list-item:not(:last-child){border-bottom:1px solid rgba(186,212,227,.5)}.header .item .dropdown__list-item:hover{background-color:#bad4e3}.header .item .dropdown__list-link{display:block;padding:10px 15px;color:#242c4a;text-decoration:none;cursor:pointer}@media (max-width:767px){.header-drop-is-show{overflow:hidden}.header-drop-is-show .header:after{display:block;z-index:-1;position:absolute;top:100%;right:0;left:0;height:100dvh;background-color:#000;content:"";opacity:.6}.header__logo-text{font-size:21px}.header__logo-sub-text{font-size:7px}.header__nav{display:none;z-index:9999;position:absolute;top:0;right:0;left:0;max-height:100dvh;padding:0 15px 15px;overflow:auto;background-color:#f5f7fa}.header__nav.is-show{display:block}.header__nav-header{display:flex;position:relative;align-items:center;margin-bottom:20px;padding:12px 0;border-bottom:1px solid #bad4e3}.header__nav-item{margin-left:0!important;background-color:#fff;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);color:#242c4a;text-align:left}.header__nav-item:not(:last-child){margin-bottom:10px}.header .item__title{display:flex;align-items:center;padding:15px}.header .item__title-icon{fill:#242c4a;margin-left:auto}.header .item .dropdown{position:static;width:100%;border-top:1px solid #bad4e3;border-radius:0}}.recommendation{padding:45px 0 75px;background-color:#fff}@media only screen and (max-width:1024px){.recommendation{padding:30px 0 50px}}.recommendation .new-container{display:grid;grid-template-columns:1fr 353px;grid-column-gap:37px}.recommendation .new-container.one-column{grid-template-columns:1fr}.recommendation .new-container aside{grid-column:2/3;grid-row:1/4}.recommendation .new-container aside.horizontal{grid-column:1/3;grid-row:1}@media only screen and (max-width:1024px){.recommendation .new-container aside.horizontal{grid-column:1}}.recommendation .new-container aside.horizontal .aside__inner{grid-template-columns:1fr;grid-column-gap:20px;grid-column:1/4;display:flex}@media only screen and (max-width:767px){.recommendation .new-container aside.horizontal .aside__inner{display:block}}@media only screen and (max-width:1024px){.recommendation .new-container{grid-template-columns:1fr;grid-column-gap:20px}.recommendation .new-container aside{grid-column:1;grid-row:4}}@media only screen and (max-width:767px){.recommendation .new-container{display:block}}.recommendation .aside__inner{display:block}@media only screen and (max-width:1024px){.recommendation .aside__inner{display:flex}}@media only screen and (max-width:767px){.recommendation .aside__inner{display:block}}.recommendation .hotels-tonight-card__grade{display:none}.recommendation aside{background-color:#ecf3fb;padding:25px 20px 45px;border-radius:2px;text-align:start}@media only screen and (max-width:1024px){.recommendation aside{padding:30px 20px 20px}}@media only screen and (max-width:767px){.recommendation aside{padding:15px 10px 25px;display:block;margin-top:50px}.recommendation aside .tablet-divider{display:block}}.recommendation aside .tablet-divider{margin-right:auto;margin-left:auto;border-right:1px solid #d1dde9}.recommendation aside .aside__title,.recommendation aside h4{font-size:22px;line-height:30px;font-weight:400;color:#242c4a}@media only screen and (max-width:1024px){.recommendation aside .aside__title,.recommendation aside h4{grid-column:1/4;border-bottom:1px solid #d1dde9;padding-bottom:24px;margin-bottom:20px}}@media only screen and (max-width:767px){.recommendation aside .aside__title,.recommendation aside h4{border-bottom:none;padding-bottom:0;margin-bottom:0;font-size:20px;line-height:30px;font-weight:400}}.recommendation aside .btn-outline{width:100%;max-width:250px;display:block;margin:30px auto 0;position:relative}@media only screen and (max-width:1024px){.recommendation aside .btn-outline{grid-column:1/4}}@media only screen and (max-width:767px){.recommendation aside .btn-outline{margin-top:20px}}.recommendation__title{display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);padding-bottom:20px;padding-top:14px;align-items:baseline}@media only screen and (max-width:767px){.recommendation__title{grid-template-columns:1fr;padding-top:0}}.recommendation__title.is-secondary-block{margin-top:40px}.recommendation__title.is-secondary-block .recommendation__title-text{font-size:28px;line-height:39px;font-weight:400}@media only screen and (max-width:767px){.recommendation__title.is-secondary-block .recommendation__title-text{font-size:22px;line-height:32px;font-weight:400}}.recommendation__title-text{font-size:36px;line-height:45px;font-weight:400;color:#242c4a;grid-column:2/3}@media only screen and (max-width:767px){.recommendation__title-text{grid-column:1;font-size:28px;line-height:39px;font-weight:400}}.recommendation__date{font-size:14px;line-height:16px;font-weight:400;color:#656b80;margin-left:auto}@media only screen and (max-width:767px){.recommendation__date{grid-column:1;margin:0 auto}}.recommendation__description{border-top:1px solid #d1dde9;border-bottom:1px solid #d1dde9;padding:25px 0;grid-column:1}@media only screen and (max-width:767px){.recommendation__description{padding:20px 0}}.recommendation__description q{font-size:18px;line-height:24px;font-weight:400;font-family:Georgia,Roboto,sans-serif;font-style:italic;color:#242c4a}@media only screen and (max-width:767px){.recommendation__description q{font-size:16px;line-height:22px;font-weight:400}}.recommendation__author{display:flex;align-items:center;justify-content:center;margin-top:14px;font-size:12px;line-height:18px;font-weight:400;font-family:Roboto,sans-serif;text-transform:uppercase;color:#656b80}@media only screen and (max-width:767px){.recommendation__author{font-size:10px;line-height:18px;font-weight:400}}.recommendation__author img{width:22px;height:22px;border-radius:50%;margin-right:10px}.recommendation__list{padding-top:40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:17px 37px;grid-column:1}.recommendation__list>.slick-dots{display:flex;justify-content:center;margin:0 auto}.recommendation__list>.slick-dots button{cursor:pointer;font-size:0;color:#fff;background:#d1dde9;border:none;outline:none;height:8px;width:8px;border-radius:50%;margin:0 5px;transition:transform .3s}.recommendation__list>.slick-dots .slick-active button{background-color:#3c6780}.recommendation__list .slick-slide{width:100%}@media only screen and (max-width:767px){.recommendation__list{padding-top:15px;grid-template-columns:1fr;display:block}}.recommendation__additional-destination{background-color:#ecf3fb;padding:20px 30px 40px;grid-column:span 2;border-bottom-right-radius:2px;border-top-left-radius:2px;border-bottom-left-radius:2px}@media only screen and (max-width:1024px){.recommendation__additional-destination{grid-column:1;grid-row:5;padding:30px 20px}}@media only screen and (max-width:767px){.recommendation__additional-destination{padding:15px 10px}}.recommendation__additional-destination--only{background-color:#fff;padding:20px 0 0}.recommendation__additional-destination ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px 30px}@media only screen and (max-width:1024px){.recommendation__additional-destination ul{grid-column:1;grid-row:5;grid-gap:15px 40px;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.recommendation__additional-destination ul{grid-template-columns:1fr}}.recommendation__additional-destination:not(.open){display:none}.recommendation__additional-destination__item{color:#242c4a;display:block}.recommendation__additional-destination__item a,.recommendation__additional-destination__item span{display:block}.recommendation__btn-wrapper{margin-top:20px;display:flex;align-items:center;justify-content:center}.recommendation__btn-wrapper .btn{background:#fff}.ht-block{text-align:left;background:#f5f7fa;padding:60px}@media only screen and (max-width:767px){.ht-block{padding:20px 0 30px}}.ht-block-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:30px 0 20px}@media only screen and (max-width:767px){.ht-block-nav{padding:30px 0 10px}}.ht-block-nav__tabs{display:flex;border:1px solid #3c6780;border-radius:2px}@media only screen and (max-width:767px){.ht-block-nav__tabs{width:100%;margin-bottom:10px}}.ht-block-nav__tab{display:flex;align-items:center;justify-content:center;min-width:140px;font:500 14px Roboto,sans-serif;text-align:center;color:#3c6780;text-transform:uppercase;padding:8px 0;border-right:1px solid #3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__tab{min-width:auto;width:100%;font-size:12px}}.ht-block-nav__tab:last-child{border-right:none}.ht-block-nav__tab.is-active{color:#fff;background:#3c6780}.ht-block-nav__map-btn{min-width:150px;display:flex;align-items:center;padding:10px 20px;border-radius:2px;background:#3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__map-btn{min-width:auto;order:3;padding:11px 15px}}.ht-block-nav__map-btn .icon{width:20px;height:20px;fill:#fff;margin-right:5px}@media only screen and (max-width:767px){.ht-block-nav__map-btn .icon{width:14px;height:14px;margin-right:0}}.ht-block-nav__map-btn span{font:700 14px/1.7 Roboto,sans-serif;color:#fff}@media only screen and (max-width:767px){.ht-block-nav__map-btn span{display:none}}.ht-block-nav__date{display:none;font:14px/1.5 Roboto,sans-serif;color:#242c4a;margin:10px calc(100% - 300px) 0 0}@media only screen and (max-width:767px){.ht-block-nav__date{margin:0}}.ht-block-nav__date.is-active{display:block}.ht-block-container{height:100px}.hotels-tonight-card{display:none}.presetting-section{background-color:#ecf3fb;padding:55px 0 88px}@media only screen and (max-width:767px){.presetting-section{padding:50px 0 70px;padding:30px 0 45px}}.presetting-section__select{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:37px;margin-top:35px}.presetting-section__select .hotels-search-presetting__card:nth-child(4){grid-column:2/3}@media only screen and (max-width:1024px){.presetting-section__select{grid-gap:15px;margin-top:20px}}@media only screen and (max-width:767px){.presetting-section__select{display:block;margin-left:-10px;width:calc(100% + 20px)}}.presetting-section .btn-show-more{display:block;max-width:250px;width:100%;margin:30px auto 0}.presetting-section.unique-homes-section{padding-bottom:50px}.presetting-section.unique-homes-section .list-of-outline-links{padding-top:40px}.presetting-section.unique-homes-section .list-of-outline-links:not(.open){display:none}.presetting-section .slick-track{display:flex}.presetting-section .slick-track .slick-slide{height:auto}.presetting-section .slick-dots li:not(.slick-active) button{background-color:#fff}.hotels-search-presetting__card{position:relative;display:block;cursor:pointer;background-color:#fff;border-radius:2px;padding:30px 40px 45px;display:flex;flex-direction:column;justify-content:flex-start;color:#656b80;font-size:14px;line-height:21px;font-weight:400}@media only screen and (max-width:1024px){.hotels-search-presetting__card{padding:30px 20px 40px}}@media only screen and (max-width:767px){.hotels-search-presetting__card{padding:25px 25px 38px;width:240px;margin:0 5px}}.hotels-search-presetting__card svg{width:26px;height:26px;color:#242c4a;display:block;margin:0 auto 10px}.hotels-search-presetting__card span{font-size:18px;line-height:21px;font-weight:400;color:#242c4a;display:block;margin-bottom:6px;cursor:pointer}.hotels-search-presetting__card p{margin-top:3px}@media only screen and (max-width:1024px){.hotels-search-presetting__card br{display:none}}.hotels-search-presetting__card__currency-symbol{font-family:Georgia,Roboto,sans-serif}.hotels-search-presetting__card:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;background:#000;opacity:0;z-index:1;transition:opacity .3s ease-in}.hotels-search-presetting__card .btn-show-hotels{display:block;max-width:calc(100% - 20px);width:250px;background-color:#fff;border-radius:2px;cursor:pointer;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#242c4a;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 10px));opacity:0;visibility:hidden;z-index:2;transition-delay:.15s;transition:opacity .2s ease-out,transform .3s ease-out}.hotels-search-presetting__card .btn-show-hotels:after{content:"";display:inline-block;margin-left:5px;width:13.69px;height:9.63px;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.22.145a.483.483 0 00-.69 0 .487.487 0 000 .683l3.498 3.499H.483A.48.48 0 000 4.81c0 .27.214.49.483.49h11.545L8.53 8.792a.495.495 0 000 .69.483.483 0 00.69 0l4.326-4.327a.475.475 0 000-.683L9.22.145z' fill='%23242C4A'/%3E%3C/svg%3E")}.hotels-search-presetting__card:focus:after,.hotels-search-presetting__card:hover:after{opacity:.6}.hotels-search-presetting__card:focus .btn-show-hotels,.hotels-search-presetting__card:hover .btn-show-hotels{transform:translate(-50%,-50%);opacity:1;visibility:visible}.near-sights{padding:75px 0;background:#fff}@media only screen and (max-width:1024px){.near-sights{padding:50px 0}}.near-sights .slick-slider{margin-bottom:30px}.near-sights__content__wrapper{margin-top:35px;display:grid;grid-gap:37px;grid-template-columns:2fr 1fr}@media only screen and (max-width:1024px){.near-sights__content__wrapper{grid-template-columns:1fr;grid-row-gap:40px}}@media only screen and (max-width:767px){.near-sights__content__wrapper{display:block}}.near-sights__map{height:353px;width:100%;margin-bottom:30px;border-radius:2px;overflow:hidden}@media only screen and (max-width:1024px){.near-sights__map{height:300px}}.near-sights__map .mini-marker{width:18px;height:10px}.near-sights__map .mini-marker svg{display:block;max-width:100%}.near-sights__map-block{padding:20px 20px 40px;font-size:18px;line-height:24px;font-weight:400;text-align:center;color:#242c4a;background:#ecf3fb;border-radius:2px;overflow:hidden}.near-sights__map-block:first-child{grid-column:span 2}@media only screen and (max-width:1024px){.near-sights__map-block{display:grid;grid-template-columns:1fr 1fr}.near-sights__map-block>:first-child{grid-column:span 2}}@media only screen and (max-width:767px){.near-sights__map-block{grid-template-columns:1fr;padding:10px 10px 25px}.near-sights__map-block>:first-child{grid-column:1}}.near-sights__map-block p{max-width:264px;margin:0 auto}@media only screen and (max-width:1024px){.near-sights__map-block p{max-width:none;text-align:start}}@media only screen and (max-width:767px){.near-sights__map-block p{text-align:center}}.near-sights__map-block .btn{background-color:#fff;width:250px;max-width:90%;margin:20px auto 0;line-height:22px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:1024px){.near-sights__map-block .btn{margin:0 0 0 auto}}@media only screen and (max-width:767px){.near-sights__map-block .btn{margin:20px auto 0}}.near-sights__map-block .btn svg{vertical-align:middle;transition:transform .3s;margin-left:10px}.near-sights__map-block .btn:focus,.near-sights__map-block .btn:hover{background-color:#242c4a}.near-sights__map-block .btn:focus svg,.near-sights__map-block .btn:hover svg{transform:translateX(5px)}.near-sights__other-places{padding-top:60px}@media only screen and (max-width:1024px){.near-sights__other-places{padding-top:40px}}.other-places__header{font-size:22px;line-height:30px;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:25px;color:#242c4a}@media only screen and (max-width:767px){.other-places__header{text-align:left}}.other-places__footer{display:flex;justify-content:center;align-items:baseline;margin-top:25px}.other-places__additional{margin-top:15px}.other-places__additional:not(.open){display:none}.other-places__btn-show-more{cursor:pointer;display:inline-block;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#3c6780;white-space:nowrap}.other-places__btn-show-more:focus span,.other-places__btn-show-more:hover span{text-decoration:underline}@media only screen and (max-width:767px){.other-places__btn-show-more{margin-top:auto}}.sights-list{display:grid;grid-gap:37px;grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:767px){.sights-list{display:block;margin-left:-10px;width:calc(100% + 20px)}}.sights-list__item{border-radius:2px;overflow:hidden;display:block}@media only screen and (max-width:767px){.sights-list__item{max-width:calc(100vw - 20px);min-width:300px;margin:0 10px 20px}}.sights-list__item__photo{height:200px;width:100%;max-width:100%;overflow:hidden}.sights-list__item__photo img{width:100%;height:100%;object-fit:cover;display:block}.sights-list__item__title{background-color:#ecf3fb;padding:18px 15px;text-align:start;display:flex;align-items:center;font-size:18px;line-height:24px;font-weight:400;color:#242c4a}@media only screen and (max-width:767px){.sights-list__item__title{padding:15px 10px}}.sights-list__item__title svg{width:14px;height:10px;margin-left:auto;transition:transform .3s ease-out}.sights-list__item:hover .sights-list__item__title{text-decoration:underline}.sights-list__item:hover .sights-list__item__title svg{transform:translateX(5px)}.sights-list__item--all-landmarks{padding:60px 34px 50px;background-color:#ecf3fb;display:flex;text-align:start;color:#242c4a;font-size:18px;line-height:26px;font-weight:400}.sights-list__item--all-landmarks svg{display:block}.sights-list__item--all-landmarks .btn{color:#3c6780;text-align:start;padding-left:0;padding-bottom:0;font-size:12px;line-height:24px;font-weight:500}.sights-list__item--all-landmarks .btn svg{display:inline-block;transition:transform .3s ease-out}.sights-list__item--all-landmarks p{margin-top:20px;max-width:237px}.sights-list__item--all-landmarks:focus .btn,.sights-list__item--all-landmarks:hover .btn{text-decoration:underline}.sights-list__item--all-landmarks:focus .btn svg,.sights-list__item--all-landmarks:hover .btn svg{transform:translateX(5px)}.sights-list__item__content{flex:1}/*! */</style> <link rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" href="/new/designs/90/build/destination/style.2bff0e0f72274ce27c844331fc63d3b6.css" crossorigin> <noscript><link rel="stylesheet" href="/new/designs/90/build/destination/style.2bff0e0f72274ce27c844331fc63d3b6.css" crossorigin></noscript> <link rel="alternate" hreflang="zh" type="text/html" href="https://www.hotelbcn-barcelona.com/zh/" title="Chinese"> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.hotelbcn-barcelona.com/cs/" title="Czech"> <link rel="alternate" hreflang="da" type="text/html" href="https://www.hotelbcn-barcelona.com/da/" title="Danish"> <link rel="alternate" hreflang="de" type="text/html" href="https://www.hotelbcn-barcelona.com/de/" title="Deutch"> <link rel="alternate" hreflang="en" type="text/html" href="https://www.hotelbcn-barcelona.com/en/" title="English"> <link rel="alternate" hreflang="es" type="text/html" href="https://www.hotelbcn-barcelona.com/es/" title="Spanish"> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.hotelbcn-barcelona.com/fr/" title="French"> <link rel="alternate" hreflang="el" type="text/html" href="https://www.hotelbcn-barcelona.com/el/" title="Greek"> <link rel="alternate" hreflang="he" type="text/html" href="https://www.hotelbcn-barcelona.com/he/" title="Hebrew"> <link rel="alternate" hreflang="it" type="text/html" href="https://www.hotelbcn-barcelona.com/it/" title="Italiano"> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.hotelbcn-barcelona.com/ja/" title="Japanese"> <link rel="alternate" hreflang="ko" type="text/html" href="https://www.hotelbcn-barcelona.com/ko/" title="Korean"> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.hotelbcn-barcelona.com/hu/" title="Hungarian"> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.hotelbcn-barcelona.com/nl/" title="Dutch"> <link rel="alternate" hreflang="no" type="text/html" href="https://www.hotelbcn-barcelona.com/no/" title="Norwegian"> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.hotelbcn-barcelona.com/pl/" title="Polish"> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.hotelbcn-barcelona.com/pt/" title="Portuguese"> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.hotelbcn-barcelona.com/ru/" title="Russian"> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.hotelbcn-barcelona.com/sv/" title="Swedish"> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.hotelbcn-barcelona.com/tr/" title="Turkish"> <link rel="alternate" hreflang="uk" type="text/html" href="https://www.hotelbcn-barcelona.com/uk/" title="Ukrainian"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="canonical" href="https://www.hotelbcn-barcelona.com/da/"> </head> <body class="sunset-main"> <div class="banner js-head-banner " 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> <div class="banner__bg banner__bg--desktop" style="display: none; background-image: url(/img/bg/116206.JPEG)"> </div> <picture> <source srcset="/img/bg/450x450/116206.JPEG" media="(max-width: 768px)"> <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=""> </picture> </div> <header class="header "> <div class="new-container"> <div class="header__inner"> <a href="/da/" class="header__logo"> <div class="header__logo-text"> Barcelona </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </a> <button class="header__nav-toggler js-toggle-navigation show-mobile"> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> </button> <div class="header__nav js-navigation-dropdown"> <div class="header__nav-header"> <div class="header__logo header__logo--black"> <div class="header__logo-text"> Barcelona </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </div> <button class="header__nav-toggler js-toggle-navigation"> <span class="header__nav-toggler-cross"></span> <span class="header__nav-toggler-cross header__nav-toggler-cross--right"></span> </button> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Valuta <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0x"> <span class="dropdown__list-item-code"> USD </span> US dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0z"> <span class="dropdown__list-item-code"> EUR </span> Euro </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT03"> <span class="dropdown__list-item-code"> GBP </span> Britisk pund </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMQ=="> <span class="dropdown__list-item-code"> AUD </span> Australsk dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yMQ=="> <span class="dropdown__list-item-code"> CAD </span> Canadisk dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT00OA=="> <span class="dropdown__list-item-code"> BRL </span> Brasiliansk real </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT00OQ=="> <span class="dropdown__list-item-code"> BGN </span> Bulgarsk lev </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT01Nw=="> <span class="dropdown__list-item-code"> CNY </span> Kinesiske yuan </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT02Ng=="> <span class="dropdown__list-item-code"> CZK </span> Tjekkiske koruna </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT00"> <span class="dropdown__list-item-code"> DKK </span> Dansk krone </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMw=="> <span class="dropdown__list-item-code"> HKD </span> Hong Kong dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT03Nw=="> <span class="dropdown__list-item-code"> ILS </span> Nye israelske shekel </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yMw=="> <span class="dropdown__list-item-code"> JPY </span> Japanske yen </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMA=="> <span class="dropdown__list-item-code"> MYR </span> Malaysisk ringgit </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMg=="> <span class="dropdown__list-item-code"> NZD </span> Newzealandsk dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yMg=="> <span class="dropdown__list-item-code"> NOK </span> Norsk krone </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMzU="> <span class="dropdown__list-item-code"> PLN </span> Polske zloty </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMzY="> <span class="dropdown__list-item-code"> RON </span> Rumænske lei </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMzc="> <span class="dropdown__list-item-code"> RUB </span> Russisk rubel </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNDI="> <span class="dropdown__list-item-code"> SAR </span> Saudi riyal </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yNA=="> <span class="dropdown__list-item-code"> SGD </span> Singapore dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNQ=="> <span class="dropdown__list-item-code"> ZAR </span> Sydafrikanske rand </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNTE="> <span class="dropdown__list-item-code"> KRW </span> Sydkoreanske won </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT05"> <span class="dropdown__list-item-code"> SEK </span> Svensk krone </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT04"> <span class="dropdown__list-item-code"> CHF </span> Schweizerfranc </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNjI="> <span class="dropdown__list-item-code"> TRY </span> Tyrkisk lira </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNjY="> <span class="dropdown__list-item-code"> UAH </span> Ukrainsk hryvnia </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0y"> <span class="dropdown__list-item-code"> THB </span> Thailandsk baht </span> </li> </ul> </div> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Dansk <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2FyLw=="> العربية </span> </li> <li class="dropdown__list-item"> <a href="/zh/" class="dropdown__list-link js-link"> 简体中文 </a> </li> <li class="dropdown__list-item"> <a href="/cs/" class="dropdown__list-link js-link"> Čeština </a> </li> <li class="dropdown__list-item"> <a href="/da/" class="dropdown__list-link js-link"> Dansk </a> </li> <li class="dropdown__list-item"> <a href="/de/" class="dropdown__list-link js-link"> Deutsch </a> </li> <li class="dropdown__list-item"> <a href="/en/" class="dropdown__list-link js-link"> English </a> </li> <li class="dropdown__list-item"> <a href="/es/" class="dropdown__list-link js-link"> Español </a> </li> <li class="dropdown__list-item"> <a href="/fr/" class="dropdown__list-link js-link"> Français </a> </li> <li class="dropdown__list-item"> <a href="/el/" class="dropdown__list-link js-link"> Ελληνικά </a> </li> <li class="dropdown__list-item"> <a href="/he/" class="dropdown__list-link js-link"> עברית </a> </li> <li class="dropdown__list-item"> <a href="/it/" class="dropdown__list-link js-link"> Italiano </a> </li> <li class="dropdown__list-item"> <a href="/ja/" class="dropdown__list-link js-link"> 日本語 </a> </li> <li class="dropdown__list-item"> <a href="/ko/" class="dropdown__list-link js-link"> 한국어 </a> </li> <li class="dropdown__list-item"> <a href="/hu/" class="dropdown__list-link js-link"> Magyar </a> </li> <li class="dropdown__list-item"> <a href="/nl/" class="dropdown__list-link js-link"> Nederlands </a> </li> <li class="dropdown__list-item"> <a href="/no/" class="dropdown__list-link js-link"> Norsk </a> </li> <li class="dropdown__list-item"> <a href="/pl/" class="dropdown__list-link js-link"> Polski </a> </li> <li class="dropdown__list-item"> <a href="/pt/" class="dropdown__list-link js-link"> Português </a> </li> <li class="dropdown__list-item"> <a href="/ru/" class="dropdown__list-link js-link"> Русский </a> </li> <li class="dropdown__list-item"> <a href="/sv/" class="dropdown__list-link js-link"> Svenska </a> </li> <li class="dropdown__list-item"> <a href="/tr/" class="dropdown__list-link js-link"> Türkçe </a> </li> <li class="dropdown__list-item"> <a href="/uk/" class="dropdown__list-link js-link"> Українська </a> </li> </ul> </div> </div> </div> </div> </div> </header> <div class="banner__content new-container"> <h1 class="banner__title"> Velkommen til hoteller i Barcelona! </h1> <p class="banner__text"> Det første lokale rejsenetværk tilbyder de bedste priser og tilgængelighed af udvalgte overnatningssteder</p> <form action="/da/search/" method="post" class="banner__form main-form js-avail-form"> <div class="main-form__new-calendar js-new-calendar-wrapper"> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-from"> <div class="main-form-field__head"> <div class="main-form-field__title">Indtjekning</div> <div class="main-form-field__content main-form-field__content--da"> <div class="main-form-field__number js-date-day">22</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month">Dec</div> <div class="main-form-field__text-item hide-tablet js-date-year">2024</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2024-12-22"> </div> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-to"> <div class="main-form-field__head"> <div class="main-form-field__title">Udtjekning</div> <div class="main-form-field__content main-form-field__content--da"> <div class="main-form-field__number js-date-day">23</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month">Dec</div> <div class="main-form-field__text-item hide-tablet js-date-year">2024</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nat)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nætter)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nætter)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2024-12-23"> </div> </div> <div class="main-form-field main-form__field"> <div class="main-form-field__head js-guests-toggler"> <div class="main-form-field__title">Gæster</div> <div class="main-form-field__content"> <div class="main-form-field__number js-guests-count">2</div> <div class="main-form-field__text"> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="1"> gæst</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text is-active" data-guests-count="2"> gæster</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="3"> gæster</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="4"> gæster</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="5"> gæster</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="6"> gæster</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="7"> gæster</p> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <div class="dropdown main-form-field__dropdown js-guests-dropdown"> <div class="dropdown__block"> <div class="dropdown__item"> <div class="dropdown__title"> Voksne: </div> <select class="dropdown__select js-adults-select" name="adults"> <option value="1">1</option> <option value="2" selected="selected">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> <div class="dropdown__item"> <div class="dropdown__title"> Børn: </div> <select class="dropdown__select js-children-select" name="children"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> </div> <div class="dropdown__block js-children-wrapper"></div> <div class="dropdown__error js-error js-error-child">Angiv alder på et barn</div> <div class="dropdown__error js-error js-error-children">Angiv alder på børn</div> <div class="dropdown__block dropdown__block--margin"> <button class="dropdown__button dropdown__button--cancel js-cancel-button" type="button">Annullér</button> <button class="dropdown__button dropdown__button js-ok-button" type="button">OK</button> </div> </div> </div> <div class="main-form__submit-container"> <button class="main-form__submit" type="submit">Søg</button> </div> </form> </div> </div> <div class="sunset sunset-main"> <div class="content js-content clearfix"> <div class="js-hotels-available"> <div class="sunset__content"> <div class="recommendation js-hotels-recommendation"> <div class="new-container one-column "> <div class="recommendation__title"> <span class="recommendation__title-text">Redaktørens valg</span> <span class="recommendation__date">for 21.12</span> </div> <div class="recommendation__description"> <q> 4 bedste tilgængelige hoteller fra 41US$ til 93US$ valgt af vores redaktører for fremragende gæsteanmeldelser, bekvem beliggenhed og god værdi for pengene. </q> <p class="recommendation__author"> <img width="22" height="" src="/new/designs/90/destination/img/recommendation/authors/recommendation-author-1.png" /> af vores redaktør Billy Schultz </p> </div> <div class="recommendation__list js-mobile-slider js-ht-hotels-block-recommendation"> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card is-first-slide" data-id="15592105" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>58</b> <b>US$</b> I aften </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16113/1611350/1611350934.JPEG" srcset="/data/Photos/450x450w/16113/1611350/1611350934.JPEG 1x, /data/Photos/700x500w/16113/1611350/1611350934.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12855/1285516/1285516237.JPEG" srcset="/data/Photos/450x450w/12855/1285516/1285516237.JPEG 1x, /data/Photos/700x500w/12855/1285516/1285516237.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12855/1285515/1285515910.JPEG" srcset="/data/Photos/450x450w/12855/1285515/1285515910.JPEG 1x, /data/Photos/700x500w/12855/1285515/1285515910.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12855/1285511/1285511926.JPEG" srcset="/data/Photos/450x450w/12855/1285511/1285511926.JPEG 1x, /data/Photos/700x500w/12855/1285511/1285511926.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12855/1285512/1285512043.JPEG" srcset="/data/Photos/450x450w/12855/1285512/1285512043.JPEG 1x, /data/Photos/700x500w/12855/1285512/1285512043.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12855/1285518/1285518118.JPEG" srcset="/data/Photos/450x450w/12855/1285518/1285518118.JPEG 1x, /data/Photos/700x500w/12855/1285518/1285518118.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Limehome Barcelona Carrer De Besalu 82"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9saW1laG9tZS1iYXJjZWxvbmEtY2FycmVyLWRlLWJlc2FsdS04Mi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLz9mcm9tPTIwMjQtMTItMjEmdG89MjAyNC0xMi0yMiZhZHVsdHM9MiZjaGlsZHJlbj0wJmN1cnJlbmN5PTEjcm9vbXM="> Limehome Barcelona Carrer De Besalu 82 </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 3.5 km til et bycentrum </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Vis på kortet</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Superb beliggenhed </span> <div class="hotels-tonight-card__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.4 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">9</div> <div class="hotels-tonight-card__review-text">Fremragende</div> <div class="hotels-tonight-card__review-count">(1002 anmeldelser)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="1280489" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>41</b> <b>US$</b> I aften </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/11986/1198623/1198623769.JPEG" srcset="/data/Photos/450x450w/11986/1198623/1198623769.JPEG 1x, /data/Photos/700x500w/11986/1198623/1198623769.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/11969/1196909/1196909698.JPEG" srcset="/data/Photos/450x450w/11969/1196909/1196909698.JPEG 1x, /data/Photos/700x500w/11969/1196909/1196909698.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/11969/1196917/1196917963.JPEG" srcset="/data/Photos/450x450w/11969/1196917/1196917963.JPEG 1x, /data/Photos/700x500w/11969/1196917/1196917963.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/11969/1196921/1196921572.JPEG" srcset="/data/Photos/450x450w/11969/1196921/1196921572.JPEG 1x, /data/Photos/700x500w/11969/1196921/1196921572.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/11969/1196921/1196921638.JPEG" srcset="/data/Photos/450x450w/11969/1196921/1196921638.JPEG 1x, /data/Photos/700x500w/11969/1196921/1196921638.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/11933/1193346/1193346868.JPEG" srcset="/data/Photos/450x450w/11933/1193346/1193346868.JPEG 1x, /data/Photos/700x500w/11933/1193346/1193346868.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Laramond Barcelona Rooms"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9teS1waWxsb3cuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8/ZnJvbT0yMDI0LTEyLTIxJnRvPTIwMjQtMTItMjImYWR1bHRzPTImY2hpbGRyZW49MCZjdXJyZW5jeT0xI3Jvb21z"> Laramond Barcelona Rooms </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__stars"> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 4.7 km til et bycentrum </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Vis på kortet</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Superb beliggenhed </span> <div class="hotels-tonight-card__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.5 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">8.8</div> <div class="hotels-tonight-card__review-text">Fremragende</div> <div class="hotels-tonight-card__review-count">(1076 anmeldelser)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="7115765" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>93</b> <b>US$</b> I aften </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12240/1224094/1224094783.JPEG" srcset="/data/Photos/450x450w/12240/1224094/1224094783.JPEG 1x, /data/Photos/700x500w/12240/1224094/1224094783.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15203/1520324/1520324113.JPEG" srcset="/data/Photos/450x450w/15203/1520324/1520324113.JPEG 1x, /data/Photos/700x500w/15203/1520324/1520324113.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15203/1520324/1520324962.JPEG" srcset="/data/Photos/450x450w/15203/1520324/1520324962.JPEG 1x, /data/Photos/700x500w/15203/1520324/1520324962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/9468/946804/946804813.JPEG" srcset="/data/Photos/450x450w/9468/946804/946804813.JPEG 1x, /data/Photos/700x500w/9468/946804/946804813.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/9553/955395/955395037.JPEG" srcset="/data/Photos/450x450w/9553/955395/955395037.JPEG 1x, /data/Photos/700x500w/9553/955395/955395037.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/9553/955395/955395202.JPEG" srcset="/data/Photos/450x450w/9553/955395/955395202.JPEG 1x, /data/Photos/700x500w/9553/955395/955395202.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Acta Voraport"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9hY3RhLXZvcmFwb3J0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEvP2Zyb209MjAyNC0xMi0yMSZ0bz0yMDI0LTEyLTIyJmFkdWx0cz0yJmNoaWxkcmVuPTAmY3VycmVuY3k9MSNyb29tcw=="> Acta Voraport </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__stars"> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 2.9 km til et bycentrum </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Vis på kortet</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Superb beliggenhed </span> <div class="hotels-tonight-card__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.5 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">8.6</div> <div class="hotels-tonight-card__review-text">Fremragende</div> <div class="hotels-tonight-card__review-count">(13941 anmeldelser)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="1086145" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>47</b> <b>US$</b> I aften </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/1846/184683/184683762.JPEG" srcset="/data/Photos/450x450w/1846/184683/184683762.JPEG 1x, /data/Photos/700x500w/1846/184683/184683762.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/1846/184683/184683756.JPEG" srcset="/data/Photos/450x450w/1846/184683/184683756.JPEG 1x, /data/Photos/700x500w/1846/184683/184683756.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/2393/239310/239310453.JPEG" srcset="/data/Photos/450x450w/2393/239310/239310453.JPEG 1x, /data/Photos/700x500w/2393/239310/239310453.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/2393/239310/239310461.JPEG" srcset="/data/Photos/450x450w/2393/239310/239310461.JPEG 1x, /data/Photos/700x500w/2393/239310/239310461.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/2393/239310/239310541.JPEG" srcset="/data/Photos/450x450w/2393/239310/239310541.JPEG 1x, /data/Photos/700x500w/2393/239310/239310541.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/2393/239310/239310549.JPEG" srcset="/data/Photos/450x450w/2393/239310/239310549.JPEG 1x, /data/Photos/700x500w/2393/239310/239310549.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Hotel Bestprice Gracia"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9ob3RlbC1iZXN0cHJpY2UtZ3JhY2lhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEvP2Zyb209MjAyNC0xMi0yMSZ0bz0yMDI0LTEyLTIyJmFkdWx0cz0yJmNoaWxkcmVuPTAmY3VycmVuY3k9MSNyb29tcw=="> Hotel Bestprice Gracia </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 2.7 km til et bycentrum </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Vis på kortet</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Superb beliggenhed </span> <div class="hotels-tonight-card__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.5 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">8.6</div> <div class="hotels-tonight-card__review-text">Fremragende</div> <div class="hotels-tonight-card__review-count">(3112 anmeldelser)</div> </div> </div> </div> </div> </div> <div class="new-container one-column"> <div class="recommendation__title is-secondary-block"><span class="recommendation__title-text">Populære destinationer i Barcelona</span></div> <div class="recommendation__additional-destination recommendation__additional-destination--only open"> <ul class="list articles__other-links-list"> <li class="list__item"> <a href="/da/near-eixample-dr132713/" class="link-outline recommendation__additional-destination__item list__link">Eixample</a> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItY2l1dGF0LXZlbGxhLWRyMTMyNzEy" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Ciutat Vella</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItc2FudHMtbW9udGp1aWMtZHIxMzI3MTg=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Sants-Montjuïc</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItc2FudC1tYXJ0aS1kcjEzMjcxNw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Sant Martí</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItZ3JhY2lhLWRyMTMyNzE0" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Gràcia</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItc2FycmlhLXN0LWdlcnZhc2ktZHIxMzI3MTk=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Sarrià-St. Gervasi</span> </li> </ul> </div> <div class="recommendation__additional-destination recommendation__additional-destination--only is-additional-districts open"> <ul class="list articles__other-links-list"> <li class="list__item"> <span data-internal="L2RhL25lYXItaG9ydGEtZ3VpbmFyZG8tZHIxMzI3MTU=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Horta-Guinardó</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItbGVzLWNvcnRzLWRyMTMyNzE2" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Les Corts</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItYmFyY2Vsb25hLWZpcmEtMi1kcjkwMzQxNA==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Barcelona Fira 2</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItc2FudC1hbmRyZXUtZHIxMzMxNTQ=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Sant Andreu</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItY2FzdGVsbGVkZWZlbHMtYmVhY2gtZHI5MDcyMDY=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Castelledefels Beach </span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItbm91LWJhcnJpcy1kcjI4MzkwNw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Nou Barris</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItZ2F2YS1iZWFjaC1kcjkwNzIxNQ==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Gava Beach </span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItc2FncmFkYS1mYW1pbGlhLWRyODk5NjQz" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Sagrada Familia</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItYmFyY2Vsb25hLWNpdHktY2VudHJlLWRyOTAwMDU0" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Barcelona centrum</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItZm9ydW0tYmVhY2gtZHI5MDcyNjA=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Forum Beach </span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItc2FudC1hbnRvbmktZHI5MDczNjU=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Sant Antoni</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItYmFyY2Vsb25ldGEtZHI4OTk2MzE=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Barceloneta</span> </li> <li class="list__item"> <a href="/da/near-puerto-banus-dr903081/" class="link-outline recommendation__additional-destination__item list__link">Puerto Banus</a> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItZWwtYm9ybi1kcjg5OTY0MA==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">El Born</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItdmlsYS1vbGltcGljYS1kcjg5OTYzNA==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Vila Olímpica</span> </li> </ul> </div> <div class="recommendation__btn-wrapper"> <button class="btn btn-outline btn-toggle btn-show-more js-popular-destination-toggle is-open" data-target='.is-additional-districts'> <span>Vis alle</span> <span>Skjul</span> </button> </div> </div> </div> <div class="ht-map js-ht-map"> <div class="ht-map__close-bg js-map-close"></div> <svg width="20px" height="20px" class="ht-map__close-btn js-map-close" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <path class="st0" d="M23.6,21.4C23.6,21.4,23.6,21.4,23.6,21.4L14.1,12v0l9.4-9.4c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0 L12,9.9L2.6,0.4C2-0.1,1-0.1,0.4,0.4C-0.1,1-0.1,2,0.4,2.6L9.9,12l-9.4,9.4c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.4-9.4 l9.4,9.4c0.6,0.6,1.5,0.6,2.1,0c0,0,0,0,0,0C24.1,23,24.1,22,23.6,21.4z"/> </svg> <div class="ht-map__inner" id="ht-map"></div> </div> <div class="presetting-section"> <div class="new-container"> <div class="section__title">Planlæg dit ophold</div> <p class="section__subtitle"> Vælg et luksushotel i hjertet af byen eller et dejligt hostel i byens rolige forstæder - vælg en mulighed til dit budget og dine præferencer. </p> <div class="presetting-section__select js-tailor-mobile-slider"> <a href="theme/cheap-and-budget-hotels-9/" class="hotels-search-presetting__card"> <span class='hotels-search-presetting__card__currency-symbol'>$</span> <span class="hotels-search-presetting__card__title">Billige hoteller</span> <p class="hotels-search-presetting__card__description">Tjek de billigste overnatningssteder i Barcelona.</p> <span class="btn btn-show-hotels">Vis hoteller</span> </a> <span data-internal="dGhlbWUvYm91dGlxdWUtaG90ZWxzLTQ=" class="hotels-search-presetting__card js-link js-link-new"> <span class='hotels-search-presetting__card__currency-symbol'>$$</span> <span class="hotels-search-presetting__card__title">Boutique-hoteller</span> <p class="hotels-search-presetting__card__description">Udforsk komfortable og rimelige hoteller.</p> <span class="btn btn-show-hotels">Vis hoteller</span> </span> <span data-internal="dGhlbWUvbHV4dXJ5LWhvdGVscy0xNA==" class="hotels-search-presetting__card js-link js-link-new"> <span class='hotels-search-presetting__card__currency-symbol'>$$$</span> <span class="hotels-search-presetting__card__title">Luksushoteller</span> <p class="hotels-search-presetting__card__description">Tag et kig på de bedste luksussteder at bo.</p> <span class="btn btn-show-hotels">Vis hoteller</span> </span> </div> </div> </div> <div class="near-sights"> <div class="new-container"> <div class="section__title near-sights__title">Nær de bedste seværdigheder</div> <div class="near-sights__other-places other-places"> <div class="other-places__list"> <ul class="list list-of-outline-links"> <li class="list__item"> <a href="/da/near-city-center-76460/" class="list__link link-outline">Bycenter</a> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItY2FzYS1iYXRsbG8tODQ2ODUv" class="list__link js-link js-link-new link-outline">Casa Batlló</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItcGFzc2VpZy1kZS1ncmFjaWEtdHJhaW4tc3RhdGlvbi0zNTc0MzYv" class="list__link js-link js-link-new link-outline">Passeig de Gràcia Togstation</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItY2FycmVyLWRlLWJhbG1lcy0xNzk0Mzk4Lw==" class="list__link js-link js-link-new link-outline">Carrer de Balmes</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItbGEtcGVkcmVyYS0zNTc0MzMv" class="list__link js-link js-link-new link-outline">La Pedrera</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItY2FzYS1sbGVvLW1vcmVyYS0xMDE2MzQ5Lw==" class="list__link js-link js-link-new link-outline">Casa Lleó Morera</span> </li> </ul> <ul class="list list-of-outline-links other-places__additional open"> <li class="list__item"> <span data-internal="L2RhL25lYXItdGl2b2xpLXRoZWF0cmUtMTAxNjIwOC8=" class="list__link js-link js-link-new link-outline">Tivoli Theatre</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItZmdjLXByb3ZlbmNhLTE2MjM3My8=" class="list__link js-link js-link-new link-outline">FGC - Provença</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItdGhlLWZ1bmRhY2lvLWFudG9uaS10YXBpZXMtMTYyMzY5Lw==" class="list__link js-link js-link-new link-outline">The Fundació Antoni Tàpies</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItY2FzYS1taWxhLTg0Njk2Lw==" class="list__link js-link js-link-new link-outline">Casa Milà</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItY2FzYS1hbWV0bGxlci0xNjIzNjUv" class="list__link js-link js-link-new link-outline">Casa Ametller</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItY2FzYS1hbWF0bGxlci0xMDE2MjIwLw==" class="list__link js-link js-link-new link-outline">Casa Amatller</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItaW5zdGl0dWNpb24tdGVyZXNpYW5hLTEzMjQyMS8=" class="list__link js-link js-link-new link-outline">Institucion Teresiana</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItYWRvcmFjaW9uLW5vY3R1cm5hLWZlbWVuaW5hLTExOTY3NS8=" class="list__link js-link js-link-new link-outline">Adoracion Nocturna Femenina</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItY2VudHJvLWN1bHR1cmFsLWxhLXBlZHJlcmEtODQ3MDUv" class="list__link js-link js-link-new link-outline">Centro Cultural la Pedrera</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItYWN0ZW9uLWMtbC0xMzIyNjEv" class="list__link js-link js-link-new link-outline">Acteon C L</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItYWdydXBhY2lvLWRlbC1iZXJndWVkYS0xMzIyODIv" class="list__link js-link js-link-new link-outline">Agrupacio del Bergueda</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItbWFnaWN1cy0xMjIxNDMv" class="list__link js-link js-link-new link-outline">Magicus</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItaGFwcHktcGFyYy0xMzI0MjAv" class="list__link js-link js-link-new link-outline">Happy Parc</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItNC12aWVudG9zLTEyMjUyOC8=" class="list__link js-link js-link-new link-outline">4 Vientos</span> </li> <li class="list__item"> <span data-internal="L2RhL25lYXItcGFzc2VpZy1kZS1ncmFjaWEtcmFpbC1zdGF0aW9uLTE1NjIyOC8=" class="list__link js-link js-link-new link-outline">Passeig de Gràcia - Rail Station</span> </li> </ul> </div> <div class="other-places__footer"> <div class="other-places__btn-show-more btn-toggle js-near-sights-other-places is-open" data-target=".other-places__additional" > <span>Vis alle</span> <span>Skjul</span> </div> </div> </div> </div> </div> <div class="presetting-section unique-homes-section"> <div class="new-container"> <div class="section__title">Book unikke huse</div> <p class="section__subtitle"> Bo på et luksushotel i en elite forstads- eller en fashionabel lejlighed i det travle festdistrikt - planlæg dit ekstraordinære ophold. </p> <div class="presetting-section__select js-unique-homes-mobile-slider"> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L2RhL3R5cGUvYXBhcnRtZW50cy0zLw=="> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#living-home"></use> </svg> <span class="hotels-search-presetting__card__title">Lejligheder</span> <p class="hotels-search-presetting__card__description">Fortrolighed, uafhængighed, lokale oplevelser</p> <span class="btn btn-show-hotels">Vis hoteller</span> </div> <a href="/da/type/hotels-12/" class="hotels-search-presetting__card"> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#hotel"></use> </svg> <span class="hotels-search-presetting__card__title">Hoteller</span> <p class="hotels-search-presetting__card__description">24/7 personale, ingen gøremål, drømmeferie</p> <span class="btn btn-show-hotels">Vis hoteller</span> </a> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L2RhL3R5cGUvYmVkLWFuZC1icmVha2Zhc3RzLTQv"> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#bb-hotel"></use> </svg> <span class="hotels-search-presetting__card__title">Bed & Breakfast</span> <p class="hotels-search-presetting__card__description">Hyggelige værelser, unikke design, afslappende rejse</p> <span class="btn btn-show-hotels">Vis hoteller</span> </div> </div> <div class="unique-homes-section__additional-links"> <ul class="list list-of-outline-links open"> <li class="other-link__list-item"> <span data-internal="L2RhL3RoZW1lL2FwYXJ0bWVudHMtYW5kLWItYnMtMy8=" class="link-outline js-link js-link-new">Lejligheder og B&B</span> </li> <li class="other-link__list-item"> <a href="/da/theme/central-hotels-8/" class="link-outline">Centralhoteller</a> </li> <li class="other-link__list-item"> <span data-internal="L2RhL3RoZW1lL2x1eHVyeS1hY2NvbW1vZGF0aW9ucy0zNS8=" class="link-outline js-link js-link-new">Luksus overnatningssteder</span> </li> <li class="other-link__list-item"> <a href="/da/theme/cheap-and-budget-hotels-9/" class="link-outline">Billige hoteller</a> </li> <li class="other-link__list-item"> <span data-internal="L2RhL3RoZW1lL3Jlc29ydHMtMTgv" class="link-outline js-link js-link-new">Resorts</span> </li> <li class="other-link__list-item"> <span data-internal="L2RhL3RoZW1lL2Rlc2lnbi1hbmQtbW9kZXJuLWhvdGVscy0xMC8=" class="link-outline js-link js-link-new">Enestående designerhoteller</span> </li> <li class="other-link__list-item"> <span data-internal="L2RhL3RoZW1lL3BldHMtYWxsb3dlZC0yOC8=" class="link-outline js-link js-link-new">Kæledyrsvenlige hoteller</span> </li> <li class="other-link__list-item"> <span data-internal="L2RhL3RoZW1lL2JlYWNoLWhvdGVscy0yLw==" class="link-outline js-link js-link-new">Strandhoteller</span> </li> <li class="other-link__list-item"> <span data-internal="L2RhL3RoZW1lL2FpcnBvcnQtaG90ZWxzLTEv" class="link-outline js-link js-link-new">Lufthavnshoteller</span> </li> <li class="other-link__list-item"> <a href="/da/theme/family-hotels-11/" class="link-outline">Familievenlige hoteller</a> </li> <li class="other-link__list-item"> <span data-internal="L2RhL3RoZW1lL2x1eHVyeS1ob3RlbHMtMTQv" class="link-outline js-link js-link-new">Luksushoteller</span> </li> <li class="other-link__list-item"> <span data-internal="L2RhL3RoZW1lL2JvdXRpcXVlLWhvdGVscy00Lw==" class="link-outline js-link js-link-new">Boutique-hoteller</span> </li> </ul> </div> <div> <button class="btn btn-outline btn-toggle btn-show-more is-open" data-target='.unique-homes-section .list-of-outline-links'> <span>Vis alle</span> <span>Skjul</span> </button> </div> </div> </div> <div class="main-content js-main-content-wrapper"> <div class="new-container"> <h2 class="section__title">Hoteller efter stjerner</h2> <div class="new-row"> <div class="main-content__content js-stars-category-container"> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/da/5-stars/" class="main-hotels__title-link"> 5-stjernede hoteller i Barcelona </a> </h3> <p class="main-hotels__text section__subtitle"> En fantastisk ferie i førsteklasses indkvartering </p> <div class="show-all-wrapper"> <span data-internal="L2RhLzUtc3RhcnMv" class="show-all js-link js-link-new"> Vis alle <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="5"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="88021" data-hbs-latitude="41.346031" data-hbs-longitude="2.10847799999999" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI5NDMvMTI5NDM5Ni8xMjk0Mzk2NzMyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12943/1294396/1294396732.JPEG" srcset="/data/Photos/450x450w/12943/1294396/1294396732.JPEG 1x, /data/Photos/700x500w/12943/1294396/1294396732.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15801/1580142/1580142647.JPEG" srcset="/data/Photos/450x450w/15801/1580142/1580142647.JPEG 1x, /data/Photos/700x500w/15801/1580142/1580142647.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15801/1580142/1580142650.JPEG" srcset="/data/Photos/450x450w/15801/1580142/1580142650.JPEG 1x, /data/Photos/700x500w/15801/1580142/1580142650.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15801/1580142/1580142683.JPEG" srcset="/data/Photos/450x450w/15801/1580142/1580142683.JPEG 1x, /data/Photos/700x500w/15801/1580142/1580142683.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15164/1516496/1516496584.JPEG" srcset="/data/Photos/450x450w/15164/1516496/1516496584.JPEG 1x, /data/Photos/700x500w/15164/1516496/1516496584.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498535/1498535557.JPEG" srcset="/data/Photos/450x450w/14985/1498535/1498535557.JPEG 1x, /data/Photos/700x500w/14985/1498535/1498535557.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hyatt Regency Barcelona Tower Hotel L'Hospitalet de Llobregat" data-hbs-name="Hyatt Regency Barcelona Tower Hotel L'Hospitalet de Llobregat"> <a class="hotels-by-stars__title-link" href="https://hesperia-tower.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9oZXNwZXJpYS10b3dlci5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hyatt Regency Barcelona Tower Hotel L'Hospitalet de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.7 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Meget god beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af meget god beliggenhed. Det har en karakter 7.9 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2719">(2719 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88764" data-hbs-latitude="41.394253" data-hbs-longitude="2.165279" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU0OTUvMTU0OTU2MS8xNTQ5NTYxNDE3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15495/1549561/1549561417.JPEG" srcset="/data/Photos/450x450w/15495/1549561/1549561417.JPEG 1x, /data/Photos/700x500w/15495/1549561/1549561417.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273077/1273077973.JPEG" srcset="/data/Photos/450x450w/12730/1273077/1273077973.JPEG 1x, /data/Photos/700x500w/12730/1273077/1273077973.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273080/1273080226.JPEG" srcset="/data/Photos/450x450w/12730/1273080/1273080226.JPEG 1x, /data/Photos/700x500w/12730/1273080/1273080226.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273079/1273079194.JPEG" srcset="/data/Photos/450x450w/12730/1273079/1273079194.JPEG 1x, /data/Photos/700x500w/12730/1273079/1273079194.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273076/1273076647.JPEG" srcset="/data/Photos/450x450w/12730/1273076/1273076647.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076647.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273078/1273078600.JPEG" srcset="/data/Photos/450x450w/12730/1273078/1273078600.JPEG 1x, /data/Photos/700x500w/12730/1273078/1273078600.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Claris Hotel & Spa Gl, A Small Luxury Hotel Of The World Barcelona" data-hbs-name="Claris Hotel & Spa Gl, A Small Luxury Hotel Of The World Barcelona"> <a class="hotels-by-stars__title-link" href="https://claris.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jbGFyaXMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Claris Hotel & Spa Gl, A Small Luxury Hotel Of The World Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.4 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1131">(1131 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88782" data-hbs-latitude="41.37173" data-hbs-longitude="2.18072" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODMyMy84MzIzOTUvODMyMzk1MzUwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8323/832395/832395350.JPEG" srcset="/data/Photos/450x450w/8323/832395/832395350.JPEG 1x, /data/Photos/700x500w/8323/832395/832395350.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432118/1432118281.JPEG" srcset="/data/Photos/450x450w/14321/1432118/1432118281.JPEG 1x, /data/Photos/700x500w/14321/1432118/1432118281.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432118/1432118578.JPEG" srcset="/data/Photos/450x450w/14321/1432118/1432118578.JPEG 1x, /data/Photos/700x500w/14321/1432118/1432118578.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432123/1432123441.JPEG" srcset="/data/Photos/450x450w/14321/1432123/1432123441.JPEG 1x, /data/Photos/700x500w/14321/1432123/1432123441.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432122/1432122727.JPEG" srcset="/data/Photos/450x450w/14321/1432122/1432122727.JPEG 1x, /data/Photos/700x500w/14321/1432122/1432122727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432117/1432117561.JPEG" srcset="/data/Photos/450x450w/14321/1432117/1432117561.JPEG 1x, /data/Photos/700x500w/14321/1432117/1432117561.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Eurostars Grand Marina Hotel Gl Barcelona" data-hbs-name="Eurostars Grand Marina Hotel Gl Barcelona"> <a class="hotels-by-stars__title-link" href="https://eurostars-grand-marina.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ldXJvc3RhcnMtZ3JhbmQtbWFyaW5hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Eurostars Grand Marina Hotel Gl Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.8 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.8 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4998">(4998 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88793" data-hbs-latitude="41.372684" data-hbs-longitude="2.154831" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzE5MS8xMjczMTkxMDQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273191/1273191043.JPEG" srcset="/data/Photos/450x450w/12731/1273191/1273191043.JPEG 1x, /data/Photos/700x500w/12731/1273191/1273191043.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273179/1273179925.JPEG" srcset="/data/Photos/450x450w/12731/1273179/1273179925.JPEG 1x, /data/Photos/700x500w/12731/1273179/1273179925.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273190/1273190374.JPEG" srcset="/data/Photos/450x450w/12731/1273190/1273190374.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190374.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273190/1273190875.JPEG" srcset="/data/Photos/450x450w/12731/1273190/1273190875.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190875.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273191/1273191223.JPEG" srcset="/data/Photos/450x450w/12731/1273191/1273191223.JPEG 1x, /data/Photos/700x500w/12731/1273191/1273191223.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273190/1273190161.JPEG" srcset="/data/Photos/450x450w/12731/1273190/1273190161.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190161.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Intercontinental Barcelona, An Ihg Hotel" data-hbs-name="Intercontinental Barcelona, An Ihg Hotel"> <a class="hotels-by-stars__title-link" href="https://crowne-plaza-barcelona-fira-center.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jcm93bmUtcGxhemEtYmFyY2Vsb25hLWZpcmEtY2VudGVyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Intercontinental Barcelona, An Ihg Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.5 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="89">8.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2095">(2095 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88827" data-hbs-latitude="41.386325" data-hbs-longitude="2.12317" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjE3OC8yMTc4MDgvMjE3ODA4NDA4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2178/217808/217808408.JPEG" srcset="/data/Photos/450x450w/2178/217808/217808408.JPEG 1x, /data/Photos/700x500w/2178/217808/217808408.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432053/1432053268.JPEG" srcset="/data/Photos/450x450w/14320/1432053/1432053268.JPEG 1x, /data/Photos/700x500w/14320/1432053/1432053268.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432052/1432052275.JPEG" srcset="/data/Photos/450x450w/14320/1432052/1432052275.JPEG 1x, /data/Photos/700x500w/14320/1432052/1432052275.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273141/1273141795.JPEG" srcset="/data/Photos/450x450w/12731/1273141/1273141795.JPEG 1x, /data/Photos/700x500w/12731/1273141/1273141795.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432051/1432051489.JPEG" srcset="/data/Photos/450x450w/14320/1432051/1432051489.JPEG 1x, /data/Photos/700x500w/14320/1432051/1432051489.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273141/1273141039.JPEG" srcset="/data/Photos/450x450w/12731/1273141/1273141039.JPEG 1x, /data/Photos/700x500w/12731/1273141/1273141039.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Grand Hyatt Barcelona Hotel" data-hbs-name="Grand Hyatt Barcelona Hotel"> <a class="hotels-by-stars__title-link" href="https://princesa-sofia.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9wcmluY2VzYS1zb2ZpYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Grand Hyatt Barcelona Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 4 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.4 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4976">(4976 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88884" data-hbs-latitude="41.39340895905852" data-hbs-longitude="2.1639747096469364" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA4OS8xMjczMDg5NjgyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273089/1273089682.JPEG" srcset="/data/Photos/450x450w/12730/1273089/1273089682.JPEG 1x, /data/Photos/700x500w/12730/1273089/1273089682.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273084/1273084909.JPEG" srcset="/data/Photos/450x450w/12730/1273084/1273084909.JPEG 1x, /data/Photos/700x500w/12730/1273084/1273084909.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273085/1273085752.JPEG" srcset="/data/Photos/450x450w/12730/1273085/1273085752.JPEG 1x, /data/Photos/700x500w/12730/1273085/1273085752.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273088/1273088899.JPEG" srcset="/data/Photos/450x450w/12730/1273088/1273088899.JPEG 1x, /data/Photos/700x500w/12730/1273088/1273088899.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273089/1273089139.JPEG" srcset="/data/Photos/450x450w/12730/1273089/1273089139.JPEG 1x, /data/Photos/700x500w/12730/1273089/1273089139.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273088/1273088092.JPEG" srcset="/data/Photos/450x450w/12730/1273088/1273088092.JPEG 1x, /data/Photos/700x500w/12730/1273088/1273088092.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Majestic Hotel & Spa Barcelona Gl" data-hbs-name="Majestic Hotel & Spa Barcelona Gl"> <a class="hotels-by-stars__title-link" href="https://majestic-hotel-and-spa-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9tYWplc3RpYy1ob3RlbC1hbmQtc3BhLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Majestic Hotel & Spa Barcelona Gl </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.6 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1906">(1906 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88935" data-hbs-latitude="41.38496" data-hbs-longitude="2.17759" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDIvMTU4MDI4OC8xNTgwMjg4ODExLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288811.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288811.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288811.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14084/1408421/1408421597.JPEG" srcset="/data/Photos/450x450w/14084/1408421/1408421597.JPEG 1x, /data/Photos/700x500w/14084/1408421/1408421597.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273105/1273105120.JPEG" srcset="/data/Photos/450x450w/12731/1273105/1273105120.JPEG 1x, /data/Photos/700x500w/12731/1273105/1273105120.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273103/1273103728.JPEG" srcset="/data/Photos/450x450w/12731/1273103/1273103728.JPEG 1x, /data/Photos/700x500w/12731/1273103/1273103728.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288551.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288551.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288551.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288617.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288617.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288617.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Grand Hotel Central, Small Luxury Hotels Barcelona" data-hbs-name="Grand Hotel Central, Small Luxury Hotels Barcelona"> <a class="hotels-by-stars__title-link" href="https://grand-hotel-central.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ncmFuZC1ob3RlbC1jZW50cmFsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Grand Hotel Central, Small Luxury Hotels Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 700 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.5 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1303">(1303 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88951" data-hbs-latitude="41.38350946449628" data-hbs-longitude="2.1706351661938283" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzAxNi83MDE2MTIvNzAxNjEyMTEzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7016/701612/701612113.JPEG" srcset="/data/Photos/450x450w/7016/701612/701612113.JPEG 1x, /data/Photos/700x500w/7016/701612/701612113.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15470/1547044/1547044897.JPEG" srcset="/data/Photos/450x450w/15470/1547044/1547044897.JPEG 1x, /data/Photos/700x500w/15470/1547044/1547044897.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15473/1547311/1547311648.JPEG" srcset="/data/Photos/450x450w/15473/1547311/1547311648.JPEG 1x, /data/Photos/700x500w/15473/1547311/1547311648.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15473/1547311/1547311717.JPEG" srcset="/data/Photos/450x450w/15473/1547311/1547311717.JPEG 1x, /data/Photos/700x500w/15473/1547311/1547311717.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15473/1547311/1547311756.JPEG" srcset="/data/Photos/450x450w/15473/1547311/1547311756.JPEG 1x, /data/Photos/700x500w/15473/1547311/1547311756.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15473/1547311/1547311798.JPEG" srcset="/data/Photos/450x450w/15473/1547311/1547311798.JPEG 1x, /data/Photos/700x500w/15473/1547311/1547311798.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Le Meridien Barcelona Hotel" data-hbs-name="Le Meridien Barcelona Hotel"> <a class="hotels-by-stars__title-link" href="https://le-meridien-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9sZS1tZXJpZGllbi1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Le Meridien Barcelona Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 300 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.5 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="79">7.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Godt">Godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="388">(388 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89001" data-hbs-latitude="41.385962" data-hbs-longitude="2.194755" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyNDMvMTYyNDMxMy8xNjI0MzEzMjU1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624313/1624313255.JPEG" srcset="/data/Photos/450x450w/16243/1624313/1624313255.JPEG 1x, /data/Photos/700x500w/16243/1624313/1624313255.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624313/1624313217.JPEG" srcset="/data/Photos/450x450w/16243/1624313/1624313217.JPEG 1x, /data/Photos/700x500w/16243/1624313/1624313217.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624313/1624313219.JPEG" srcset="/data/Photos/450x450w/16243/1624313/1624313219.JPEG 1x, /data/Photos/700x500w/16243/1624313/1624313219.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624313/1624313220.JPEG" srcset="/data/Photos/450x450w/16243/1624313/1624313220.JPEG 1x, /data/Photos/700x500w/16243/1624313/1624313220.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624313/1624313223.JPEG" srcset="/data/Photos/450x450w/16243/1624313/1624313223.JPEG 1x, /data/Photos/700x500w/16243/1624313/1624313223.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624313/1624313224.JPEG" srcset="/data/Photos/450x450w/16243/1624313/1624313224.JPEG 1x, /data/Photos/700x500w/16243/1624313/1624313224.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Sofitel Barcelona Skipper Hotel" data-hbs-name="Sofitel Barcelona Skipper Hotel"> <a class="hotels-by-stars__title-link" href="https://pullman-barcelona-skipper.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9wdWxsbWFuLWJhcmNlbG9uYS1za2lwcGVyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Sofitel Barcelona Skipper Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.1 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.1 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="89">8.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1049">(1049 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89003" data-hbs-latitude="41.396179" data-hbs-longitude="2.16099" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODE2MC84MTYwMTkvODE2MDE5NzcyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8160/816019/816019772.JPEG" srcset="/data/Photos/450x450w/8160/816019/816019772.JPEG 1x, /data/Photos/700x500w/8160/816019/816019772.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14364/1436472/1436472856.JPEG" srcset="/data/Photos/450x450w/14364/1436472/1436472856.JPEG 1x, /data/Photos/700x500w/14364/1436472/1436472856.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14364/1436464/1436464519.JPEG" srcset="/data/Photos/450x450w/14364/1436464/1436464519.JPEG 1x, /data/Photos/700x500w/14364/1436464/1436464519.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14364/1436465/1436465932.JPEG" srcset="/data/Photos/450x450w/14364/1436465/1436465932.JPEG 1x, /data/Photos/700x500w/14364/1436465/1436465932.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14364/1436454/1436454403.JPEG" srcset="/data/Photos/450x450w/14364/1436454/1436454403.JPEG 1x, /data/Photos/700x500w/14364/1436454/1436454403.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14364/1436468/1436468080.JPEG" srcset="/data/Photos/450x450w/14364/1436468/1436468080.JPEG 1x, /data/Photos/700x500w/14364/1436468/1436468080.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Sir Victor Hotel, Part Of Sircle Collection Barcelona" data-hbs-name="Sir Victor Hotel, Part Of Sircle Collection Barcelona"> <a class="hotels-by-stars__title-link" href="https://sir-victor.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9zaXItdmljdG9yLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Sir Victor Hotel, Part Of Sircle Collection Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.3 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.5 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="526">(526 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89012" data-hbs-latitude="41.3703" data-hbs-longitude="2.17116" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxNDcvMTYxNDc3Ny8xNjE0Nzc3MDIyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16147/1614777/1614777022.JPEG" srcset="/data/Photos/450x450w/16147/1614777/1614777022.JPEG 1x, /data/Photos/700x500w/16147/1614777/1614777022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580345/1580345175.JPEG" srcset="/data/Photos/450x450w/15803/1580345/1580345175.JPEG 1x, /data/Photos/700x500w/15803/1580345/1580345175.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16147/1614777/1614777019.JPEG" srcset="/data/Photos/450x450w/16147/1614777/1614777019.JPEG 1x, /data/Photos/700x500w/16147/1614777/1614777019.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580289/1580289111.JPEG" srcset="/data/Photos/450x450w/15802/1580289/1580289111.JPEG 1x, /data/Photos/700x500w/15802/1580289/1580289111.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273101/1273101412.JPEG" srcset="/data/Photos/450x450w/12731/1273101/1273101412.JPEG 1x, /data/Photos/700x500w/12731/1273101/1273101412.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16147/1614777/1614777023.JPEG" srcset="/data/Photos/450x450w/16147/1614777/1614777023.JPEG 1x, /data/Photos/700x500w/16147/1614777/1614777023.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Miramar Barcelona Gl" data-hbs-name="Hotel Miramar Barcelona Gl"> <a class="hotels-by-stars__title-link" href="https://miramar-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9taXJhbWFyLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hotel Miramar Barcelona Gl </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126236" data-hbs-latitude="41.38716" data-hbs-longitude="2.1965353" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU1MzYvMTU1MzY1Ny8xNTUzNjU3MDExLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15536/1553657/1553657011.JPEG" srcset="/data/Photos/450x450w/15536/1553657/1553657011.JPEG 1x, /data/Photos/700x500w/15536/1553657/1553657011.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16286/1628649/1628649141.JPEG" srcset="/data/Photos/450x450w/16286/1628649/1628649141.JPEG 1x, /data/Photos/700x500w/16286/1628649/1628649141.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16286/1628649/1628649142.JPEG" srcset="/data/Photos/450x450w/16286/1628649/1628649142.JPEG 1x, /data/Photos/700x500w/16286/1628649/1628649142.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610220/1610220521.JPEG" srcset="/data/Photos/450x450w/16102/1610220/1610220521.JPEG 1x, /data/Photos/700x500w/16102/1610220/1610220521.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612958/1612958604.JPEG" srcset="/data/Photos/450x450w/16129/1612958/1612958604.JPEG 1x, /data/Photos/700x500w/16129/1612958/1612958604.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612958/1612958621.JPEG" srcset="/data/Photos/450x450w/16129/1612958/1612958621.JPEG 1x, /data/Photos/700x500w/16129/1612958/1612958621.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Arts Barcelona" data-hbs-name="Hotel Arts Barcelona"> <a class="hotels-by-stars__title-link" href="https://arts.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9hcnRzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Hotel Arts Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="315924" data-hbs-latitude="41.36890931257859" data-hbs-longitude="2.1896244664220843" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM2MTMvMTM2MTMzNy8xMzYxMzM3ODkwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13613/1361337/1361337890.JPEG" srcset="/data/Photos/450x450w/13613/1361337/1361337890.JPEG 1x, /data/Photos/700x500w/13613/1361337/1361337890.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624316/1624316005.JPEG" srcset="/data/Photos/450x450w/16243/1624316/1624316005.JPEG 1x, /data/Photos/700x500w/16243/1624316/1624316005.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610222/1610222279.JPEG" srcset="/data/Photos/450x450w/16102/1610222/1610222279.JPEG 1x, /data/Photos/700x500w/16102/1610222/1610222279.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610222/1610222293.JPEG" srcset="/data/Photos/450x450w/16102/1610222/1610222293.JPEG 1x, /data/Photos/700x500w/16102/1610222/1610222293.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610222/1610222294.JPEG" srcset="/data/Photos/450x450w/16102/1610222/1610222294.JPEG 1x, /data/Photos/700x500w/16102/1610222/1610222294.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610222/1610222300.JPEG" srcset="/data/Photos/450x450w/16102/1610222/1610222300.JPEG 1x, /data/Photos/700x500w/16102/1610222/1610222300.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="W Barcelona Hotel" data-hbs-name="W Barcelona Hotel"> <a class="hotels-by-stars__title-link" href="https://w-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly93LWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> W Barcelona Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="330152" data-hbs-latitude="41.39108892" data-hbs-longitude="2.166581154" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwNDcvMTYwNDc3MC8xNjA0NzcwMjMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770233.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770233.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770233.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770226.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770226.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770226.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770070.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770070.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770070.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770219.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770219.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770219.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770223.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770223.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770223.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770225.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770225.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770225.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Mandarin Oriental, Barcelona Hotel" data-hbs-name="Mandarin Oriental, Barcelona Hotel"> <a class="hotels-by-stars__title-link" href="https://mandarin-oriental-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9tYW5kYXJpbi1vcmllbnRhbC1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Mandarin Oriental, Barcelona Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="372707" data-hbs-latitude="41.387079" data-hbs-longitude="2.174427" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMzMDIvMTMzMDIwNC8xMzMwMjA0NjIyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13302/1330204/1330204622.JPEG" srcset="/data/Photos/450x450w/13302/1330204/1330204622.JPEG 1x, /data/Photos/700x500w/13302/1330204/1330204622.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273076/1273076515.JPEG" srcset="/data/Photos/450x450w/12730/1273076/1273076515.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076515.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273076/1273076611.JPEG" srcset="/data/Photos/450x450w/12730/1273076/1273076611.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076611.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273076/1273076746.JPEG" srcset="/data/Photos/450x450w/12730/1273076/1273076746.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076746.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273076/1273076872.JPEG" srcset="/data/Photos/450x450w/12730/1273076/1273076872.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076872.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580487/1580487333.JPEG" srcset="/data/Photos/450x450w/15804/1580487/1580487333.JPEG 1x, /data/Photos/700x500w/15804/1580487/1580487333.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ohla Barcelona Hotel" data-hbs-name="Ohla Barcelona Hotel"> <a class="hotels-by-stars__title-link" href="https://ohla-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9vaGxhLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Ohla Barcelona Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="524008" data-hbs-latitude="41.382587" data-hbs-longitude="2.178943" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Nzg0MC83ODQwMzMvNzg0MDMzNzk0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7840/784033/784033794.JPEG" srcset="/data/Photos/450x450w/7840/784033/784033794.JPEG 1x, /data/Photos/700x500w/7840/784033/784033794.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6333/633344/633344562.JPEG" srcset="/data/Photos/450x450w/6333/633344/633344562.JPEG 1x, /data/Photos/700x500w/6333/633344/633344562.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6333/633347/633347250.JPEG" srcset="/data/Photos/450x450w/6333/633347/633347250.JPEG 1x, /data/Photos/700x500w/6333/633347/633347250.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6333/633344/633344811.JPEG" srcset="/data/Photos/450x450w/6333/633344/633344811.JPEG 1x, /data/Photos/700x500w/6333/633344/633344811.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11571/1157107/1157107569.JPEG" srcset="/data/Photos/450x450w/11571/1157107/1157107569.JPEG 1x, /data/Photos/700x500w/11571/1157107/1157107569.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14424/1442487/1442487046.JPEG" srcset="/data/Photos/450x450w/14424/1442487/1442487046.JPEG 1x, /data/Photos/700x500w/14424/1442487/1442487046.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Mercer Hotel Barcelona" data-hbs-name="Mercer Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://mercer-hotel-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9tZXJjZXItaG90ZWwtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Mercer Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="721358" data-hbs-latitude="41.38018" data-hbs-longitude="2.18095" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzNzIvMTAzNzIxMS8xMDM3MjExNzMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10372/1037211/1037211733.JPEG" srcset="/data/Photos/450x450w/10372/1037211/1037211733.JPEG 1x, /data/Photos/700x500w/10372/1037211/1037211733.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15915/1591507/1591507136.JPEG" srcset="/data/Photos/450x450w/15915/1591507/1591507136.JPEG 1x, /data/Photos/700x500w/15915/1591507/1591507136.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13101/1310123/1310123494.JPEG" srcset="/data/Photos/450x450w/13101/1310123/1310123494.JPEG 1x, /data/Photos/700x500w/13101/1310123/1310123494.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13101/1310125/1310125759.JPEG" srcset="/data/Photos/450x450w/13101/1310125/1310125759.JPEG 1x, /data/Photos/700x500w/13101/1310125/1310125759.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13101/1310126/1310126758.JPEG" srcset="/data/Photos/450x450w/13101/1310126/1310126758.JPEG 1x, /data/Photos/700x500w/13101/1310126/1310126758.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13101/1310127/1310127283.JPEG" srcset="/data/Photos/450x450w/13101/1310127/1310127283.JPEG 1x, /data/Photos/700x500w/13101/1310127/1310127283.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Serras Barcelona Hotel" data-hbs-name="Serras Barcelona Hotel"> <a class="hotels-by-stars__title-link" href="https://the-serras.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly90aGUtc2VycmFzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Serras Barcelona Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="747239" data-hbs-latitude="41.38321" data-hbs-longitude="2.17539" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njk1OC82OTU4NjAvNjk1ODYwNDczLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6958/695860/695860473.JPEG" srcset="/data/Photos/450x450w/6958/695860/695860473.JPEG 1x, /data/Photos/700x500w/6958/695860/695860473.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15405/1540593/1540593220.JPEG" srcset="/data/Photos/450x450w/15405/1540593/1540593220.JPEG 1x, /data/Photos/700x500w/15405/1540593/1540593220.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15405/1540593/1540593235.JPEG" srcset="/data/Photos/450x450w/15405/1540593/1540593235.JPEG 1x, /data/Photos/700x500w/15405/1540593/1540593235.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15405/1540593/1540593397.JPEG" srcset="/data/Photos/450x450w/15405/1540593/1540593397.JPEG 1x, /data/Photos/700x500w/15405/1540593/1540593397.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15405/1540593/1540593469.JPEG" srcset="/data/Photos/450x450w/15405/1540593/1540593469.JPEG 1x, /data/Photos/700x500w/15405/1540593/1540593469.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14034/1403475/1403475971.JPEG" srcset="/data/Photos/450x450w/14034/1403475/1403475971.JPEG 1x, /data/Photos/700x500w/14034/1403475/1403475971.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Neri - Relais & Chateaux Barcelona" data-hbs-name="Hotel Neri - Relais & Chateaux Barcelona"> <a class="hotels-by-stars__title-link" href="https://neri.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9uZXJpLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Hotel Neri - Relais & Chateaux Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1349931" data-hbs-latitude="41.3944574" data-hbs-longitude="2.1564353" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzI0MS8xMjczMjQxNTYzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273241/1273241563.JPEG" srcset="/data/Photos/450x450w/12732/1273241/1273241563.JPEG 1x, /data/Photos/700x500w/12732/1273241/1273241563.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273242/1273242607.JPEG" srcset="/data/Photos/450x450w/12732/1273242/1273242607.JPEG 1x, /data/Photos/700x500w/12732/1273242/1273242607.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273242/1273242784.JPEG" srcset="/data/Photos/450x450w/12732/1273242/1273242784.JPEG 1x, /data/Photos/700x500w/12732/1273242/1273242784.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273242/1273242946.JPEG" srcset="/data/Photos/450x450w/12732/1273242/1273242946.JPEG 1x, /data/Photos/700x500w/12732/1273242/1273242946.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273241/1273241476.JPEG" srcset="/data/Photos/450x450w/12732/1273241/1273241476.JPEG 1x, /data/Photos/700x500w/12732/1273241/1273241476.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273236/1273236523.JPEG" srcset="/data/Photos/450x450w/12732/1273236/1273236523.JPEG 1x, /data/Photos/700x500w/12732/1273236/1273236523.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ohla Eixample Hotel Barcelona" data-hbs-name="Ohla Eixample Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://ohla-eixample.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9vaGxhLWVpeGFtcGxlLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Ohla Eixample Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="6240543" data-hbs-latitude="41.379742" data-hbs-longitude="2.142584" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU1MzUvMTU1MzU3OC8xNTUzNTc4MjM3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553578/1553578237.JPEG" srcset="/data/Photos/450x450w/15535/1553578/1553578237.JPEG 1x, /data/Photos/700x500w/15535/1553578/1553578237.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553577/1553577934.JPEG" srcset="/data/Photos/450x450w/15535/1553577/1553577934.JPEG 1x, /data/Photos/700x500w/15535/1553577/1553577934.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553578/1553578042.JPEG" srcset="/data/Photos/450x450w/15535/1553578/1553578042.JPEG 1x, /data/Photos/700x500w/15535/1553578/1553578042.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553578/1553578081.JPEG" srcset="/data/Photos/450x450w/15535/1553578/1553578081.JPEG 1x, /data/Photos/700x500w/15535/1553578/1553578081.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14167/1416705/1416705273.JPEG" srcset="/data/Photos/450x450w/14167/1416705/1416705273.JPEG 1x, /data/Photos/700x500w/14167/1416705/1416705273.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14167/1416719/1416719040.JPEG" srcset="/data/Photos/450x450w/14167/1416719/1416719040.JPEG 1x, /data/Photos/700x500w/14167/1416719/1416719040.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Nobu Hotel Barcelona" data-hbs-name="Nobu Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://nobu-hotel-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ub2J1LWhvdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Nobu Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/da/4-stars/" class="main-hotels__title-link"> 4-stjernede hoteller i Barcelona </a> </h3> <p class="main-hotels__text section__subtitle"> Top hoteller, som opfylder alle dine ønsker </p> <div class="show-all-wrapper"> <span data-internal="L2RhLzQtc3RhcnMv" class="show-all js-link js-link-new"> Vis alle <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="4"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="88760" data-hbs-latitude="41.386316" data-hbs-longitude="2.168394" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA1MC8xMjczMDUwNTU2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273050/1273050556.JPEG" srcset="/data/Photos/450x450w/12730/1273050/1273050556.JPEG 1x, /data/Photos/700x500w/12730/1273050/1273050556.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15914/1591485/1591485122.JPEG" srcset="/data/Photos/450x450w/15914/1591485/1591485122.JPEG 1x, /data/Photos/700x500w/15914/1591485/1591485122.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15914/1591485/1591485200.JPEG" srcset="/data/Photos/450x450w/15914/1591485/1591485200.JPEG 1x, /data/Photos/700x500w/15914/1591485/1591485200.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15914/1591485/1591485234.JPEG" srcset="/data/Photos/450x450w/15914/1591485/1591485234.JPEG 1x, /data/Photos/700x500w/15914/1591485/1591485234.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15914/1591485/1591485240.JPEG" srcset="/data/Photos/450x450w/15914/1591485/1591485240.JPEG 1x, /data/Photos/700x500w/15914/1591485/1591485240.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15914/1591485/1591485196.JPEG" srcset="/data/Photos/450x450w/15914/1591485/1591485196.JPEG 1x, /data/Photos/700x500w/15914/1591485/1591485196.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Catalonia Plaza Catalunya Hotel Barcelona" data-hbs-name="Catalonia Plaza Catalunya Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://catalonia-plaza-catalunya.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtcGxhemEtY2F0YWx1bnlhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Catalonia Plaza Catalunya Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 200 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.7 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5403">(5403 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88779" data-hbs-latitude="41.375106" data-hbs-longitude="2.168295" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA4Mi8xMjczMDgyNTEyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273082/1273082512.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082512.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082512.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273077/1273077253.JPEG" srcset="/data/Photos/450x450w/12730/1273077/1273077253.JPEG 1x, /data/Photos/700x500w/12730/1273077/1273077253.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273083/1273083244.JPEG" srcset="/data/Photos/450x450w/12730/1273083/1273083244.JPEG 1x, /data/Photos/700x500w/12730/1273083/1273083244.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273081/1273081654.JPEG" srcset="/data/Photos/450x450w/12730/1273081/1273081654.JPEG 1x, /data/Photos/700x500w/12730/1273081/1273081654.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273079/1273079056.JPEG" srcset="/data/Photos/450x450w/12730/1273079/1273079056.JPEG 1x, /data/Photos/700x500w/12730/1273079/1273079056.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273079/1273079740.JPEG" srcset="/data/Photos/450x450w/12730/1273079/1273079740.JPEG 1x, /data/Photos/700x500w/12730/1273079/1273079740.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Barcelona Universal" data-hbs-name="Hotel Barcelona Universal"> <a class="hotels-by-stars__title-link" href="https://barcelona-universal-hotel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtdW5pdmVyc2FsLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Hotel Barcelona Universal </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.2 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.9 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4080">(4080 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88797" data-hbs-latitude="41.392951" data-hbs-longitude="2.192382" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTA4OC81MDg4NzQvNTA4ODc0ODI2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5088/508874/508874826.JPEG" srcset="/data/Photos/450x450w/5088/508874/508874826.JPEG 1x, /data/Photos/700x500w/5088/508874/508874826.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15946/1594668/1594668459.JPEG" srcset="/data/Photos/450x450w/15946/1594668/1594668459.JPEG 1x, /data/Photos/700x500w/15946/1594668/1594668459.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15946/1594668/1594668464.JPEG" srcset="/data/Photos/450x450w/15946/1594668/1594668464.JPEG 1x, /data/Photos/700x500w/15946/1594668/1594668464.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15946/1594668/1594668468.JPEG" srcset="/data/Photos/450x450w/15946/1594668/1594668468.JPEG 1x, /data/Photos/700x500w/15946/1594668/1594668468.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15413/1541394/1541394370.JPEG" srcset="/data/Photos/450x450w/15413/1541394/1541394370.JPEG 1x, /data/Photos/700x500w/15413/1541394/1541394370.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15287/1528765/1528765795.JPEG" srcset="/data/Photos/450x450w/15287/1528765/1528765795.JPEG 1x, /data/Photos/700x500w/15287/1528765/1528765795.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="H10 Marina Barcelona Hotel" data-hbs-name="H10 Marina Barcelona Hotel"> <a class="hotels-by-stars__title-link" href="https://h10-marina-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9oMTAtbWFyaW5hLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> H10 Marina Barcelona Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.2 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2580">(2580 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88806" data-hbs-latitude="41.38437" data-hbs-longitude="2.17841" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzE4MS8xMjczMTgxMjY5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273181/1273181269.JPEG" srcset="/data/Photos/450x450w/12731/1273181/1273181269.JPEG 1x, /data/Photos/700x500w/12731/1273181/1273181269.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273180/1273180585.JPEG" srcset="/data/Photos/450x450w/12731/1273180/1273180585.JPEG 1x, /data/Photos/700x500w/12731/1273180/1273180585.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15843/1584394/1584394970.JPEG" srcset="/data/Photos/450x450w/15843/1584394/1584394970.JPEG 1x, /data/Photos/700x500w/15843/1584394/1584394970.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273180/1273180276.JPEG" srcset="/data/Photos/450x450w/12731/1273180/1273180276.JPEG 1x, /data/Photos/700x500w/12731/1273180/1273180276.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273180/1273180651.JPEG" srcset="/data/Photos/450x450w/12731/1273180/1273180651.JPEG 1x, /data/Photos/700x500w/12731/1273180/1273180651.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273180/1273180915.JPEG" srcset="/data/Photos/450x450w/12731/1273180/1273180915.JPEG 1x, /data/Photos/700x500w/12731/1273180/1273180915.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Boutique Hotel H10 Montcada Barcelona" data-hbs-name="Boutique Hotel H10 Montcada Barcelona"> <a class="hotels-by-stars__title-link" href="https://h10-montcada-boutique-hotel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9oMTAtbW9udGNhZGEtYm91dGlxdWUtaG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Boutique Hotel H10 Montcada Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 800 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.7 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2051">(2051 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88841" data-hbs-latitude="41.389744" data-hbs-longitude="2.17991699999993" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU0NzMvMTU0NzM3NC8xNTQ3Mzc0MjM3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15473/1547374/1547374237.JPEG" srcset="/data/Photos/450x450w/15473/1547374/1547374237.JPEG 1x, /data/Photos/700x500w/15473/1547374/1547374237.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15473/1547374/1547374324.JPEG" srcset="/data/Photos/450x450w/15473/1547374/1547374324.JPEG 1x, /data/Photos/700x500w/15473/1547374/1547374324.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15473/1547374/1547374402.JPEG" srcset="/data/Photos/450x450w/15473/1547374/1547374402.JPEG 1x, /data/Photos/700x500w/15473/1547374/1547374402.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15473/1547374/1547374459.JPEG" srcset="/data/Photos/450x450w/15473/1547374/1547374459.JPEG 1x, /data/Photos/700x500w/15473/1547374/1547374459.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15473/1547374/1547374477.JPEG" srcset="/data/Photos/450x450w/15473/1547374/1547374477.JPEG 1x, /data/Photos/700x500w/15473/1547374/1547374477.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15473/1547374/1547374480.JPEG" srcset="/data/Photos/450x450w/15473/1547374/1547374480.JPEG 1x, /data/Photos/700x500w/15473/1547374/1547374480.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Catalonia Born Hotel Barcelona" data-hbs-name="Catalonia Born Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://catalonia-born.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtYm9ybi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Catalonia Born Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.4 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3287">(3287 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88847" data-hbs-latitude="41.411" data-hbs-longitude="2.18664" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4NjgvMTU4NjgyMy8xNTg2ODIzMjM4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586823/1586823238.JPEG" srcset="/data/Photos/450x450w/15868/1586823/1586823238.JPEG 1x, /data/Photos/700x500w/15868/1586823/1586823238.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15632/1563265/1563265297.JPEG" srcset="/data/Photos/450x450w/15632/1563265/1563265297.JPEG 1x, /data/Photos/700x500w/15632/1563265/1563265297.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16191/1619167/1619167115.JPEG" srcset="/data/Photos/450x450w/16191/1619167/1619167115.JPEG 1x, /data/Photos/700x500w/16191/1619167/1619167115.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586823/1586823215.JPEG" srcset="/data/Photos/450x450w/15868/1586823/1586823215.JPEG 1x, /data/Photos/700x500w/15868/1586823/1586823215.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586823/1586823225.JPEG" srcset="/data/Photos/450x450w/15868/1586823/1586823225.JPEG 1x, /data/Photos/700x500w/15868/1586823/1586823225.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586823/1586823226.JPEG" srcset="/data/Photos/450x450w/15868/1586823/1586823226.JPEG 1x, /data/Photos/700x500w/15868/1586823/1586823226.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Catalonia Atenas Hotel Barcelona" data-hbs-name="Catalonia Atenas Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://catalonia-atenas.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtYXRlbmFzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Catalonia Atenas Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 3.1 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.4 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="8155">(8155 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88887" data-hbs-latitude="41.4110149978243" data-hbs-longitude="2.21877694129944" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA0Ni8xMjczMDQ2ODY2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273046/1273046866.JPEG" srcset="/data/Photos/450x450w/12730/1273046/1273046866.JPEG 1x, /data/Photos/700x500w/12730/1273046/1273046866.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273048/1273048696.JPEG" srcset="/data/Photos/450x450w/12730/1273048/1273048696.JPEG 1x, /data/Photos/700x500w/12730/1273048/1273048696.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273049/1273049401.JPEG" srcset="/data/Photos/450x450w/12730/1273049/1273049401.JPEG 1x, /data/Photos/700x500w/12730/1273049/1273049401.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273049/1273049509.JPEG" srcset="/data/Photos/450x450w/12730/1273049/1273049509.JPEG 1x, /data/Photos/700x500w/12730/1273049/1273049509.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273050/1273050088.JPEG" srcset="/data/Photos/450x450w/12730/1273050/1273050088.JPEG 1x, /data/Photos/700x500w/12730/1273050/1273050088.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273047/1273047640.JPEG" srcset="/data/Photos/450x450w/12730/1273047/1273047640.JPEG 1x, /data/Photos/700x500w/12730/1273047/1273047640.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Barcelona Princess Hotel" data-hbs-name="Barcelona Princess Hotel"> <a class="hotels-by-stars__title-link" href="https://barcelona-princess.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtcHJpbmNlc3MuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Barcelona Princess Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 4.9 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.4 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="81">8.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="12187">(12187 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88912" data-hbs-latitude="41.38745" data-hbs-longitude="2.16041" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxNTYvMTYxNTY0Ni8xNjE1NjQ2NzIwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16156/1615646/1615646720.JPEG" srcset="/data/Photos/450x450w/16156/1615646/1615646720.JPEG 1x, /data/Photos/700x500w/16156/1615646/1615646720.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273131/1273131559.JPEG" srcset="/data/Photos/450x450w/12731/1273131/1273131559.JPEG 1x, /data/Photos/700x500w/12731/1273131/1273131559.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288451.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288451.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288451.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12004/1200438/1200438286.JPEG" srcset="/data/Photos/450x450w/12004/1200438/1200438286.JPEG 1x, /data/Photos/700x500w/12004/1200438/1200438286.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12004/1200438/1200438301.JPEG" srcset="/data/Photos/450x450w/12004/1200438/1200438301.JPEG 1x, /data/Photos/700x500w/12004/1200438/1200438301.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12004/1200444/1200444976.JPEG" srcset="/data/Photos/450x450w/12004/1200444/1200444976.JPEG 1x, /data/Photos/700x500w/12004/1200444/1200444976.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Axel Hotel Barcelona - Adults Only" data-hbs-name="Axel Hotel Barcelona - Adults Only"> <a class="hotels-by-stars__title-link" href="https://axel-hotel-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9heGVsLWhvdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Axel Hotel Barcelona - Adults Only </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.4 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="81">8.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2892">(2892 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88913" data-hbs-latitude="41.3773" data-hbs-longitude="2.1137" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ5ODUvMTQ5ODU0MS8xNDk4NTQxNDM0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498541/1498541434.JPEG" srcset="/data/Photos/450x450w/14985/1498541/1498541434.JPEG 1x, /data/Photos/700x500w/14985/1498541/1498541434.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588037/1588037956.JPEG" srcset="/data/Photos/450x450w/15880/1588037/1588037956.JPEG 1x, /data/Photos/700x500w/15880/1588037/1588037956.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588037/1588037981.JPEG" srcset="/data/Photos/450x450w/15880/1588037/1588037981.JPEG 1x, /data/Photos/700x500w/15880/1588037/1588037981.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588038/1588038034.JPEG" srcset="/data/Photos/450x450w/15880/1588038/1588038034.JPEG 1x, /data/Photos/700x500w/15880/1588038/1588038034.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588037/1588037911.JPEG" srcset="/data/Photos/450x450w/15880/1588037/1588037911.JPEG 1x, /data/Photos/700x500w/15880/1588037/1588037911.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588038/1588038015.JPEG" srcset="/data/Photos/450x450w/15880/1588038/1588038015.JPEG 1x, /data/Photos/700x500w/15880/1588038/1588038015.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ilunion Les Corts Spa Hotel Barcelona" data-hbs-name="Ilunion Les Corts Spa Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://senator-barcelona-spa-hotel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9zZW5hdG9yLWJhcmNlbG9uYS1zcGEtaG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Ilunion Les Corts Spa Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 4.8 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="80">8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="6818">(6818 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88941" data-hbs-latitude="41.38482" data-hbs-longitude="2.17506" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzEzMy8xMjczMTMzODE4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273133/1273133818.JPEG" srcset="/data/Photos/450x450w/12731/1273133/1273133818.JPEG 1x, /data/Photos/700x500w/12731/1273133/1273133818.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273132/1273132939.JPEG" srcset="/data/Photos/450x450w/12731/1273132/1273132939.JPEG 1x, /data/Photos/700x500w/12731/1273132/1273132939.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2395/239584/239584361.JPEG" srcset="/data/Photos/450x450w/2395/239584/239584361.JPEG 1x, /data/Photos/700x500w/2395/239584/239584361.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288661.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288661.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288661.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273133/1273133755.JPEG" srcset="/data/Photos/450x450w/12731/1273133/1273133755.JPEG 1x, /data/Photos/700x500w/12731/1273133/1273133755.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273133/1273133497.JPEG" srcset="/data/Photos/450x450w/12731/1273133/1273133497.JPEG 1x, /data/Photos/700x500w/12731/1273133/1273133497.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Barcelona Catedral" data-hbs-name="Hotel Barcelona Catedral"> <a class="hotels-by-stars__title-link" href="https://barcelona-catedral.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtY2F0ZWRyYWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Barcelona Catedral </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.7 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4092">(4092 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88961" data-hbs-latitude="41.402274" data-hbs-longitude="2.21167" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM4MjMvMTM4MjM5My8xMzgyMzkzMzMwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13823/1382393/1382393330.JPEG" srcset="/data/Photos/450x450w/13823/1382393/1382393330.JPEG 1x, /data/Photos/700x500w/13823/1382393/1382393330.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13823/1382379/1382379521.JPEG" srcset="/data/Photos/450x450w/13823/1382379/1382379521.JPEG 1x, /data/Photos/700x500w/13823/1382379/1382379521.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13823/1382393/1382393267.JPEG" srcset="/data/Photos/450x450w/13823/1382393/1382393267.JPEG 1x, /data/Photos/700x500w/13823/1382393/1382393267.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13823/1382393/1382393288.JPEG" srcset="/data/Photos/450x450w/13823/1382393/1382393288.JPEG 1x, /data/Photos/700x500w/13823/1382393/1382393288.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13823/1382393/1382393348.JPEG" srcset="/data/Photos/450x450w/13823/1382393/1382393348.JPEG 1x, /data/Photos/700x500w/13823/1382393/1382393348.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13823/1382393/1382393372.JPEG" srcset="/data/Photos/450x450w/13823/1382393/1382393372.JPEG 1x, /data/Photos/700x500w/13823/1382393/1382393372.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Occidental Atenea Mar - Adults Only Hotel Barcelona" data-hbs-name="Occidental Atenea Mar - Adults Only Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://occidental-atenea-mar-adults-only-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9vY2NpZGVudGFsLWF0ZW5lYS1tYXItYWR1bHRzLW9ubHktYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Occidental Atenea Mar - Adults Only Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88965" data-hbs-latitude="41.378914" data-hbs-longitude="2.139954" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODg4NC84ODg0MTAvODg4NDEwMTI4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8884/888410/888410128.JPEG" srcset="/data/Photos/450x450w/8884/888410/888410128.JPEG 1x, /data/Photos/700x500w/8884/888410/888410128.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288933.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288933.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288933.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580343/1580343549.JPEG" srcset="/data/Photos/450x450w/15803/1580343/1580343549.JPEG 1x, /data/Photos/700x500w/15803/1580343/1580343549.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580343/1580343281.JPEG" srcset="/data/Photos/450x450w/15803/1580343/1580343281.JPEG 1x, /data/Photos/700x500w/15803/1580343/1580343281.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580343/1580343265.JPEG" srcset="/data/Photos/450x450w/15803/1580343/1580343265.JPEG 1x, /data/Photos/700x500w/15803/1580343/1580343265.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11862/1186203/1186203484.JPEG" srcset="/data/Photos/450x450w/11862/1186203/1186203484.JPEG 1x, /data/Photos/700x500w/11862/1186203/1186203484.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Barcelo Sants Hotel Barcelona" data-hbs-name="Barcelo Sants Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://barcelo-sants.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvLXNhbnRzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Barcelo Sants Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88980" data-hbs-latitude="41.38566" data-hbs-longitude="2.16676" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDIyMi80MjIyMjAvNDIyMjIwMTI2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4222/422220/422220126.JPEG" srcset="/data/Photos/450x450w/4222/422220/422220126.JPEG 1x, /data/Photos/700x500w/4222/422220/422220126.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16053/1605366/1605366859.JPEG" srcset="/data/Photos/450x450w/16053/1605366/1605366859.JPEG 1x, /data/Photos/700x500w/16053/1605366/1605366859.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16053/1605366/1605366883.JPEG" srcset="/data/Photos/450x450w/16053/1605366/1605366883.JPEG 1x, /data/Photos/700x500w/16053/1605366/1605366883.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16053/1605366/1605366904.JPEG" srcset="/data/Photos/450x450w/16053/1605366/1605366904.JPEG 1x, /data/Photos/700x500w/16053/1605366/1605366904.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15472/1547285/1547285851.JPEG" srcset="/data/Photos/450x450w/15472/1547285/1547285851.JPEG 1x, /data/Photos/700x500w/15472/1547285/1547285851.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15512/1551254/1551254272.JPEG" srcset="/data/Photos/450x450w/15512/1551254/1551254272.JPEG 1x, /data/Photos/700x500w/15512/1551254/1551254272.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Catalonia Ramblas 4* Sup Hotel Barcelona" data-hbs-name="Catalonia Ramblas 4* Sup Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://catalonia-ramblas.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtcmFtYmxhcy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Catalonia Ramblas 4* Sup Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88983" data-hbs-latitude="41.38501" data-hbs-longitude="2.17592" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzAxNi83MDE2NTkvNzAxNjU5NzE0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7016/701659/701659714.JPEG" srcset="/data/Photos/450x450w/7016/701659/701659714.JPEG 1x, /data/Photos/700x500w/7016/701659/701659714.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15435/1543571/1543571764.JPEG" srcset="/data/Photos/450x450w/15435/1543571/1543571764.JPEG 1x, /data/Photos/700x500w/15435/1543571/1543571764.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589514/1589514117.JPEG" srcset="/data/Photos/450x450w/15895/1589514/1589514117.JPEG 1x, /data/Photos/700x500w/15895/1589514/1589514117.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589514/1589514147.JPEG" srcset="/data/Photos/450x450w/15895/1589514/1589514147.JPEG 1x, /data/Photos/700x500w/15895/1589514/1589514147.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589514/1589514163.JPEG" srcset="/data/Photos/450x450w/15895/1589514/1589514163.JPEG 1x, /data/Photos/700x500w/15895/1589514/1589514163.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589100/1589100925.JPEG" srcset="/data/Photos/450x450w/15891/1589100/1589100925.JPEG 1x, /data/Photos/700x500w/15891/1589100/1589100925.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Colon Hotel Barcelona" data-hbs-name="Colon Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://colon.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jb2xvbi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Colon Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="101024" data-hbs-latitude="41.40869" data-hbs-longitude="2.21733" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYzMTUvMTYzMTU0Ny8xNjMxNTQ3MzI2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631547/1631547326.JPEG" srcset="/data/Photos/450x450w/16315/1631547/1631547326.JPEG 1x, /data/Photos/700x500w/16315/1631547/1631547326.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15488/1548870/1548870568.JPEG" srcset="/data/Photos/450x450w/15488/1548870/1548870568.JPEG 1x, /data/Photos/700x500w/15488/1548870/1548870568.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15488/1548870/1548870664.JPEG" srcset="/data/Photos/450x450w/15488/1548870/1548870664.JPEG 1x, /data/Photos/700x500w/15488/1548870/1548870664.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15488/1548870/1548870739.JPEG" srcset="/data/Photos/450x450w/15488/1548870/1548870739.JPEG 1x, /data/Photos/700x500w/15488/1548870/1548870739.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15488/1548870/1548870466.JPEG" srcset="/data/Photos/450x450w/15488/1548870/1548870466.JPEG 1x, /data/Photos/700x500w/15488/1548870/1548870466.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15488/1548870/1548870547.JPEG" srcset="/data/Photos/450x450w/15488/1548870/1548870547.JPEG 1x, /data/Photos/700x500w/15488/1548870/1548870547.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hilton Diagonal Mar Barcelona Hotel" data-hbs-name="Hilton Diagonal Mar Barcelona Hotel"> <a class="hotels-by-stars__title-link" href="https://hilton-diagonal-mar-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9oaWx0b24tZGlhZ29uYWwtbWFyLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hilton Diagonal Mar Barcelona Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="227576" data-hbs-latitude="41.39912" data-hbs-longitude="2.20206" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzAyMi8xMjczMDIyNzA0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273022/1273022704.JPEG" srcset="/data/Photos/450x450w/12730/1273022/1273022704.JPEG 1x, /data/Photos/700x500w/12730/1273022/1273022704.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273021/1273021798.JPEG" srcset="/data/Photos/450x450w/12730/1273021/1273021798.JPEG 1x, /data/Photos/700x500w/12730/1273021/1273021798.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273022/1273022464.JPEG" srcset="/data/Photos/450x450w/12730/1273022/1273022464.JPEG 1x, /data/Photos/700x500w/12730/1273022/1273022464.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273021/1273021864.JPEG" srcset="/data/Photos/450x450w/12730/1273021/1273021864.JPEG 1x, /data/Photos/700x500w/12730/1273021/1273021864.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273022/1273022101.JPEG" srcset="/data/Photos/450x450w/12730/1273022/1273022101.JPEG 1x, /data/Photos/700x500w/12730/1273022/1273022101.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273021/1273021381.JPEG" srcset="/data/Photos/450x450w/12730/1273021/1273021381.JPEG 1x, /data/Photos/700x500w/12730/1273021/1273021381.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ilunion Barcelona Hotel" data-hbs-name="Ilunion Barcelona Hotel"> <a class="hotels-by-stars__title-link" href="https://ilunion-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9pbHVuaW9uLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Ilunion Barcelona Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="295753" data-hbs-latitude="41.379247878998" data-hbs-longitude="2.14285969734192" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxNjQvMTYxNjQxOC8xNjE2NDE4MzUwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16164/1616418/1616418350.JPEG" srcset="/data/Photos/450x450w/16164/1616418/1616418350.JPEG 1x, /data/Photos/700x500w/16164/1616418/1616418350.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273081/1273081660.JPEG" srcset="/data/Photos/450x450w/12730/1273081/1273081660.JPEG 1x, /data/Photos/700x500w/12730/1273081/1273081660.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273081/1273081168.JPEG" srcset="/data/Photos/450x450w/12730/1273081/1273081168.JPEG 1x, /data/Photos/700x500w/12730/1273081/1273081168.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273081/1273081726.JPEG" srcset="/data/Photos/450x450w/12730/1273081/1273081726.JPEG 1x, /data/Photos/700x500w/12730/1273081/1273081726.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16293/1629388/1629388970.JPEG" srcset="/data/Photos/450x450w/16293/1629388/1629388970.JPEG 1x, /data/Photos/700x500w/16293/1629388/1629388970.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16293/1629388/1629388971.JPEG" srcset="/data/Photos/450x450w/16293/1629388/1629388971.JPEG 1x, /data/Photos/700x500w/16293/1629388/1629388971.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Moxy Barcelona Hotel" data-hbs-name="Moxy Barcelona Hotel"> <a class="hotels-by-stars__title-link" href="https://expo-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9leHBvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Moxy Barcelona Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="372458" data-hbs-latitude="41.37281" data-hbs-longitude="2.17212" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE1NTEvMTE1NTEzNi8xMTU1MTM2NzI1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11551/1155136/1155136725.JPEG" srcset="/data/Photos/450x450w/11551/1155136/1155136725.JPEG 1x, /data/Photos/700x500w/11551/1155136/1155136725.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273052/1273052047.JPEG" srcset="/data/Photos/450x450w/12730/1273052/1273052047.JPEG 1x, /data/Photos/700x500w/12730/1273052/1273052047.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273052/1273052644.JPEG" srcset="/data/Photos/450x450w/12730/1273052/1273052644.JPEG 1x, /data/Photos/700x500w/12730/1273052/1273052644.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273052/1273052875.JPEG" srcset="/data/Photos/450x450w/12730/1273052/1273052875.JPEG 1x, /data/Photos/700x500w/12730/1273052/1273052875.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15712/1571291/1571291312.JPEG" srcset="/data/Photos/450x450w/15712/1571291/1571291312.JPEG 1x, /data/Photos/700x500w/15712/1571291/1571291312.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15712/1571291/1571291315.JPEG" srcset="/data/Photos/450x450w/15712/1571291/1571291315.JPEG 1x, /data/Photos/700x500w/15712/1571291/1571291315.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Grums Hotel & Spa Barcelona" data-hbs-name="Grums Hotel & Spa Barcelona"> <a class="hotels-by-stars__title-link" href="https://grums.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ncnVtcy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Grums Hotel & Spa Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="539533" data-hbs-latitude="41.404036" data-hbs-longitude="2.190984" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU0MTYvMTU0MTY1OS8xNTQxNjU5NzU5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15416/1541659/1541659759.JPEG" srcset="/data/Photos/450x450w/15416/1541659/1541659759.JPEG 1x, /data/Photos/700x500w/15416/1541659/1541659759.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273071/1273071733.JPEG" srcset="/data/Photos/450x450w/12730/1273071/1273071733.JPEG 1x, /data/Photos/700x500w/12730/1273071/1273071733.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16002/1600221/1600221096.JPEG" srcset="/data/Photos/450x450w/16002/1600221/1600221096.JPEG 1x, /data/Photos/700x500w/16002/1600221/1600221096.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16002/1600221/1600221106.JPEG" srcset="/data/Photos/450x450w/16002/1600221/1600221106.JPEG 1x, /data/Photos/700x500w/16002/1600221/1600221106.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16002/1600221/1600221107.JPEG" srcset="/data/Photos/450x450w/16002/1600221/1600221107.JPEG 1x, /data/Photos/700x500w/16002/1600221/1600221107.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16002/1600221/1600221148.JPEG" srcset="/data/Photos/450x450w/16002/1600221/1600221148.JPEG 1x, /data/Photos/700x500w/16002/1600221/1600221148.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Novotel Barcelona City" data-hbs-name="Novotel Barcelona City"> <a class="hotels-by-stars__title-link" href="https://novotel-barcelona-city.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ub3ZvdGVsLWJhcmNlbG9uYS1jaXR5LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Novotel Barcelona City </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2482320" data-hbs-latitude="41.388741" data-hbs-longitude="2.17599" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODIwNi84MjA2NDkvODIwNjQ5NDAyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8206/820649/820649402.JPEG" srcset="/data/Photos/450x450w/8206/820649/820649402.JPEG 1x, /data/Photos/700x500w/8206/820649/820649402.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16023/1602365/1602365181.JPEG" srcset="/data/Photos/450x450w/16023/1602365/1602365181.JPEG 1x, /data/Photos/700x500w/16023/1602365/1602365181.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6458/645885/645885387.JPEG" srcset="/data/Photos/450x450w/6458/645885/645885387.JPEG 1x, /data/Photos/700x500w/6458/645885/645885387.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6458/645888/645888189.JPEG" srcset="/data/Photos/450x450w/6458/645888/645888189.JPEG 1x, /data/Photos/700x500w/6458/645888/645888189.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4612/461248/461248254.JPEG" srcset="/data/Photos/450x450w/4612/461248/461248254.JPEG 1x, /data/Photos/700x500w/4612/461248/461248254.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4644/464490/464490858.JPEG" srcset="/data/Photos/450x450w/4644/464490/464490858.JPEG 1x, /data/Photos/700x500w/4644/464490/464490858.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Yurbban Passage Hotel & Spa Barcelona" data-hbs-name="Yurbban Passage Hotel & Spa Barcelona"> <a class="hotels-by-stars__title-link" href="https://yurbban-passage.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly95dXJiYmFuLXBhc3NhZ2UuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Yurbban Passage Hotel & Spa Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/da/3-stars/" class="main-hotels__title-link"> 3-stjernede hoteller i Barcelona </a> </h3> <p class="main-hotels__text section__subtitle"> Udvalgt indkvartering for at få mere ud af din rejse </p> <div class="show-all-wrapper"> <span data-internal="L2RhLzMtc3RhcnMv" class="show-all js-link js-link-new"> Vis alle <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="3"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="88790" data-hbs-latitude="41.3812367975607" data-hbs-longitude="2.16395124793053" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIzMTAvMTIzMTAzNC8xMjMxMDM0MTY4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12310/1231034/1231034168.JPEG" srcset="/data/Photos/450x450w/12310/1231034/1231034168.JPEG 1x, /data/Photos/700x500w/12310/1231034/1231034168.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273016/1273016893.JPEG" srcset="/data/Photos/450x450w/12730/1273016/1273016893.JPEG 1x, /data/Photos/700x500w/12730/1273016/1273016893.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273017/1273017580.JPEG" srcset="/data/Photos/450x450w/12730/1273017/1273017580.JPEG 1x, /data/Photos/700x500w/12730/1273017/1273017580.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12632/1263228/1263228319.JPEG" srcset="/data/Photos/450x450w/12632/1263228/1263228319.JPEG 1x, /data/Photos/700x500w/12632/1263228/1263228319.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12632/1263228/1263228334.JPEG" srcset="/data/Photos/450x450w/12632/1263228/1263228334.JPEG 1x, /data/Photos/700x500w/12632/1263228/1263228334.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12632/1263230/1263230284.JPEG" srcset="/data/Photos/450x450w/12632/1263230/1263230284.JPEG 1x, /data/Photos/700x500w/12632/1263230/1263230284.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ronda House Hotel Barcelona" data-hbs-name="Ronda House Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://ronda-house.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9yb25kYS1ob3VzZS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Ronda House Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 800 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.4 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="10005">(10005 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88816" data-hbs-latitude="41.3798" data-hbs-longitude="2.17421" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTUzNjkvMTUzNjk1NC8xNTM2OTU0NTUwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15369/1536954/1536954550.JPEG" srcset="/data/Photos/450x450w/15369/1536954/1536954550.JPEG 1x, /data/Photos/700x500w/15369/1536954/1536954550.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15369/1536954/1536954082.JPEG" srcset="/data/Photos/450x450w/15369/1536954/1536954082.JPEG 1x, /data/Photos/700x500w/15369/1536954/1536954082.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15369/1536953/1536953143.JPEG" srcset="/data/Photos/450x450w/15369/1536953/1536953143.JPEG 1x, /data/Photos/700x500w/15369/1536953/1536953143.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15369/1536954/1536954460.JPEG" srcset="/data/Photos/450x450w/15369/1536954/1536954460.JPEG 1x, /data/Photos/700x500w/15369/1536954/1536954460.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15369/1536954/1536954517.JPEG" srcset="/data/Photos/450x450w/15369/1536954/1536954517.JPEG 1x, /data/Photos/700x500w/15369/1536954/1536954517.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15369/1536954/1536954535.JPEG" srcset="/data/Photos/450x450w/15369/1536954/1536954535.JPEG 1x, /data/Photos/700x500w/15369/1536954/1536954535.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Oriente Atiram Hotel Barcelona" data-hbs-name="Oriente Atiram Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://oriente-atiram.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9vcmllbnRlLWF0aXJhbS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Oriente Atiram Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 800 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.5 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2390">(2390 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88826" data-hbs-latitude="41.38012989364813" data-hbs-longitude="2.1710946410894394" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYzMDgvMTYzMDg2Mi8xNjMwODYyNTg4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630862/1630862588.JPEG" srcset="/data/Photos/450x450w/16308/1630862/1630862588.JPEG 1x, /data/Photos/700x500w/16308/1630862/1630862588.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630862/1630862589.JPEG" srcset="/data/Photos/450x450w/16308/1630862/1630862589.JPEG 1x, /data/Photos/700x500w/16308/1630862/1630862589.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630862/1630862590.JPEG" srcset="/data/Photos/450x450w/16308/1630862/1630862590.JPEG 1x, /data/Photos/700x500w/16308/1630862/1630862590.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12877/1287739/1287739597.JPEG" srcset="/data/Photos/450x450w/12877/1287739/1287739597.JPEG 1x, /data/Photos/700x500w/12877/1287739/1287739597.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12877/1287739/1287739615.JPEG" srcset="/data/Photos/450x450w/12877/1287739/1287739615.JPEG 1x, /data/Photos/700x500w/12877/1287739/1287739615.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12877/1287747/1287747451.JPEG" srcset="/data/Photos/450x450w/12877/1287747/1287747451.JPEG 1x, /data/Photos/700x500w/12877/1287747/1287747451.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Leonardo Hotel Barcelona Las Ramblas" data-hbs-name="Leonardo Hotel Barcelona Las Ramblas"> <a class="hotels-by-stars__title-link" href="https://leonardo-hotel-barcelona-las-ramblas.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9sZW9uYXJkby1ob3RlbC1iYXJjZWxvbmEtbGFzLXJhbWJsYXMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Leonardo Hotel Barcelona Las Ramblas </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 700 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="81">8.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3890">(3890 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88835" data-hbs-latitude="41.396217" data-hbs-longitude="2.1700628" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAwMTkvMTAwMTk4My8xMDAxOTgzMjY5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10019/1001983/1001983269.JPEG" srcset="/data/Photos/450x450w/10019/1001983/1001983269.JPEG 1x, /data/Photos/700x500w/10019/1001983/1001983269.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273082/1273082620.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082620.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082620.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273082/1273082521.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082521.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082521.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16254/1625479/1625479260.JPEG" srcset="/data/Photos/450x450w/16254/1625479/1625479260.JPEG 1x, /data/Photos/700x500w/16254/1625479/1625479260.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14984/1498490/1498490239.JPEG" srcset="/data/Photos/450x450w/14984/1498490/1498490239.JPEG 1x, /data/Photos/700x500w/14984/1498490/1498490239.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14984/1498490/1498490194.JPEG" srcset="/data/Photos/450x450w/14984/1498490/1498490194.JPEG 1x, /data/Photos/700x500w/14984/1498490/1498490194.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Europark Hotel Barcelona" data-hbs-name="Europark Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://europark-hotel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ldXJvcGFyay1ob3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Europark Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.1 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.2 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3719">(3719 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88836" data-hbs-latitude="41.38602" data-hbs-longitude="2.16572" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjcwNC82NzA0MjEvNjcwNDIxMzQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6704/670421/670421343.JPEG" srcset="/data/Photos/450x450w/6704/670421/670421343.JPEG 1x, /data/Photos/700x500w/6704/670421/670421343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12253/1225343/1225343669.JPEG" srcset="/data/Photos/450x450w/12253/1225343/1225343669.JPEG 1x, /data/Photos/700x500w/12253/1225343/1225343669.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6704/670421/670421040.JPEG" srcset="/data/Photos/450x450w/6704/670421/670421040.JPEG 1x, /data/Photos/700x500w/6704/670421/670421040.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6704/670428/670428477.JPEG" srcset="/data/Photos/450x450w/6704/670428/670428477.JPEG 1x, /data/Photos/700x500w/6704/670428/670428477.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6704/670422/670422042.JPEG" srcset="/data/Photos/450x450w/6704/670422/670422042.JPEG 1x, /data/Photos/700x500w/6704/670422/670422042.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6704/670428/670428795.JPEG" srcset="/data/Photos/450x450w/6704/670428/670428795.JPEG 1x, /data/Photos/700x500w/6704/670428/670428795.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Jazz Barcelona" data-hbs-name="Hotel Jazz Barcelona"> <a class="hotels-by-stars__title-link" href="https://jazz.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9qYXp6LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Hotel Jazz Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.7 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="89">8.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3178">(3178 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88854" data-hbs-latitude="41.38533" data-hbs-longitude="2.17158" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA1Ni8xMjczMDU2MzcwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273056/1273056370.JPEG" srcset="/data/Photos/450x450w/12730/1273056/1273056370.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056370.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273056/1273056541.JPEG" srcset="/data/Photos/450x450w/12730/1273056/1273056541.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056541.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273056/1273056442.JPEG" srcset="/data/Photos/450x450w/12730/1273056/1273056442.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056442.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273055/1273055617.JPEG" srcset="/data/Photos/450x450w/12730/1273055/1273055617.JPEG 1x, /data/Photos/700x500w/12730/1273055/1273055617.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273056/1273056727.JPEG" srcset="/data/Photos/450x450w/12730/1273056/1273056727.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273056/1273056829.JPEG" srcset="/data/Photos/450x450w/12730/1273056/1273056829.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056829.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Nouvel Barcelona" data-hbs-name="Hotel Nouvel Barcelona"> <a class="hotels-by-stars__title-link" href="https://nouvel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ub3V2ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Nouvel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 200 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.6 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="81">8.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3064">(3064 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88869" data-hbs-latitude="41.38423" data-hbs-longitude="2.18443" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzEyNi8xMjczMTI2OTE4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273126/1273126918.JPEG" srcset="/data/Photos/450x450w/12731/1273126/1273126918.JPEG 1x, /data/Photos/700x500w/12731/1273126/1273126918.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7070/707056/707056954.JPEG" srcset="/data/Photos/450x450w/7070/707056/707056954.JPEG 1x, /data/Photos/700x500w/7070/707056/707056954.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273126/1273126555.JPEG" srcset="/data/Photos/450x450w/12731/1273126/1273126555.JPEG 1x, /data/Photos/700x500w/12731/1273126/1273126555.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273126/1273126618.JPEG" srcset="/data/Photos/450x450w/12731/1273126/1273126618.JPEG 1x, /data/Photos/700x500w/12731/1273126/1273126618.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7531/753104/753104930.JPEG" srcset="/data/Photos/450x450w/7531/753104/753104930.JPEG 1x, /data/Photos/700x500w/7531/753104/753104930.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7531/753103/753103154.JPEG" srcset="/data/Photos/450x450w/7531/753103/753103154.JPEG 1x, /data/Photos/700x500w/7531/753103/753103154.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Park Hotel Barcelona" data-hbs-name="Park Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://park-hotel-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9wYXJrLWhvdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Park Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.3 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.4 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3667">(3667 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88874" data-hbs-latitude="41.38105" data-hbs-longitude="2.17273" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzA0NS83MDQ1MjgvNzA0NTI4NTg0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7045/704528/704528584.JPEG" srcset="/data/Photos/450x450w/7045/704528/704528584.JPEG 1x, /data/Photos/700x500w/7045/704528/704528584.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13199/1319998/1319998966.JPEG" srcset="/data/Photos/450x450w/13199/1319998/1319998966.JPEG 1x, /data/Photos/700x500w/13199/1319998/1319998966.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13200/1320029/1320029371.JPEG" srcset="/data/Photos/450x450w/13200/1320029/1320029371.JPEG 1x, /data/Photos/700x500w/13200/1320029/1320029371.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11735/1173509/1173509721.JPEG" srcset="/data/Photos/450x450w/11735/1173509/1173509721.JPEG 1x, /data/Photos/700x500w/11735/1173509/1173509721.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11735/1173510/1173510705.JPEG" srcset="/data/Photos/450x450w/11735/1173510/1173510705.JPEG 1x, /data/Photos/700x500w/11735/1173510/1173510705.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11735/1173512/1173512451.JPEG" srcset="/data/Photos/450x450w/11735/1173512/1173512451.JPEG 1x, /data/Photos/700x500w/11735/1173512/1173512451.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Moderno Hotel Barcelona" data-hbs-name="Moderno Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://moderno.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9tb2Rlcm5vLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Moderno Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.3 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="75">7.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Godt">Godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2852">(2852 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88900" data-hbs-latitude="41.3857" data-hbs-longitude="2.16643" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjQ1OS8yNDU5OTYvMjQ1OTk2Nzg5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2459/245996/245996789.JPEG" srcset="/data/Photos/450x450w/2459/245996/245996789.JPEG 1x, /data/Photos/700x500w/2459/245996/245996789.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273154/1273154563.JPEG" srcset="/data/Photos/450x450w/12731/1273154/1273154563.JPEG 1x, /data/Photos/700x500w/12731/1273154/1273154563.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273154/1273154452.JPEG" srcset="/data/Photos/450x450w/12731/1273154/1273154452.JPEG 1x, /data/Photos/700x500w/12731/1273154/1273154452.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288619.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288619.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288619.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288243.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288243.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288243.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15746/1574676/1574676677.JPEG" srcset="/data/Photos/450x450w/15746/1574676/1574676677.JPEG 1x, /data/Photos/700x500w/15746/1574676/1574676677.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Lleo Barcelona" data-hbs-name="Hotel Lleo Barcelona"> <a class="hotels-by-stars__title-link" href="https://lleo-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9sbGVvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hotel Lleo Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.6 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="6570">(6570 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88942" data-hbs-latitude="41.385841" data-hbs-longitude="2.18103" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzEyMi8xMjczMTIyMDA3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273122/1273122007.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122007.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122007.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273119/1273119757.JPEG" srcset="/data/Photos/450x450w/12731/1273119/1273119757.JPEG 1x, /data/Photos/700x500w/12731/1273119/1273119757.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273120/1273120051.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120051.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120051.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273120/1273120138.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120138.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120138.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273120/1273120276.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120276.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120276.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273120/1273120492.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120492.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120492.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ciutat De Barcelona Hotel" data-hbs-name="Ciutat De Barcelona Hotel"> <a class="hotels-by-stars__title-link" href="https://ciutat-de-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jaXV0YXQtZGUtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Ciutat De Barcelona Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.4 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88963" data-hbs-latitude="41.3822" data-hbs-longitude="2.18398" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzEyNy8xMjczMTI3NDkxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273127/1273127491.JPEG" srcset="/data/Photos/450x450w/12731/1273127/1273127491.JPEG 1x, /data/Photos/700x500w/12731/1273127/1273127491.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7015/701513/701513839.JPEG" srcset="/data/Photos/450x450w/7015/701513/701513839.JPEG 1x, /data/Photos/700x500w/7015/701513/701513839.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273124/1273124116.JPEG" srcset="/data/Photos/450x450w/12731/1273124/1273124116.JPEG 1x, /data/Photos/700x500w/12731/1273124/1273124116.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273125/1273125532.JPEG" srcset="/data/Photos/450x450w/12731/1273125/1273125532.JPEG 1x, /data/Photos/700x500w/12731/1273125/1273125532.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273126/1273126234.JPEG" srcset="/data/Photos/450x450w/12731/1273126/1273126234.JPEG 1x, /data/Photos/700x500w/12731/1273126/1273126234.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273127/1273127608.JPEG" srcset="/data/Photos/450x450w/12731/1273127/1273127608.JPEG 1x, /data/Photos/700x500w/12731/1273127/1273127608.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Del Mar Barcelona" data-hbs-name="Hotel Del Mar Barcelona"> <a class="hotels-by-stars__title-link" href="https://del-mar-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9kZWwtbWFyLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hotel Del Mar Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88967" data-hbs-latitude="41.38380255" data-hbs-longitude="2.17827954" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzE3Ni8xMjczMTc2NDc4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273176/1273176478.JPEG" srcset="/data/Photos/450x450w/12731/1273176/1273176478.JPEG 1x, /data/Photos/700x500w/12731/1273176/1273176478.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273176/1273176208.JPEG" srcset="/data/Photos/450x450w/12731/1273176/1273176208.JPEG 1x, /data/Photos/700x500w/12731/1273176/1273176208.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273176/1273176019.JPEG" srcset="/data/Photos/450x450w/12731/1273176/1273176019.JPEG 1x, /data/Photos/700x500w/12731/1273176/1273176019.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273176/1273176091.JPEG" srcset="/data/Photos/450x450w/12731/1273176/1273176091.JPEG 1x, /data/Photos/700x500w/12731/1273176/1273176091.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629887/1629887862.JPEG" srcset="/data/Photos/450x450w/16298/1629887/1629887862.JPEG 1x, /data/Photos/700x500w/16298/1629887/1629887862.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629887/1629887863.JPEG" srcset="/data/Photos/450x450w/16298/1629887/1629887863.JPEG 1x, /data/Photos/700x500w/16298/1629887/1629887863.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Suizo Barcelona" data-hbs-name="Hotel Suizo Barcelona"> <a class="hotels-by-stars__title-link" href="https://suizo.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9zdWl6by5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hotel Suizo Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88969" data-hbs-latitude="41.37894" data-hbs-longitude="2.17404" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzE2OS8xMjczMTY5OTQ3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273169/1273169947.JPEG" srcset="/data/Photos/450x450w/12731/1273169/1273169947.JPEG 1x, /data/Photos/700x500w/12731/1273169/1273169947.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273167/1273167955.JPEG" srcset="/data/Photos/450x450w/12731/1273167/1273167955.JPEG 1x, /data/Photos/700x500w/12731/1273167/1273167955.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15892/1589252/1589252156.JPEG" srcset="/data/Photos/450x450w/15892/1589252/1589252156.JPEG 1x, /data/Photos/700x500w/15892/1589252/1589252156.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273167/1273167910.JPEG" srcset="/data/Photos/450x450w/12731/1273167/1273167910.JPEG 1x, /data/Photos/700x500w/12731/1273167/1273167910.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11286/1128673/1128673833.JPEG" srcset="/data/Photos/450x450w/11286/1128673/1128673833.JPEG 1x, /data/Photos/700x500w/11286/1128673/1128673833.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11286/1128673/1128673845.JPEG" srcset="/data/Photos/450x450w/11286/1128673/1128673845.JPEG 1x, /data/Photos/700x500w/11286/1128673/1128673845.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Gaudi Hotel Barcelona" data-hbs-name="Gaudi Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://hotel-gaudi-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1nYXVkaS1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Gaudi Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88976" data-hbs-latitude="41.37908" data-hbs-longitude="2.17485" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDM3Ni80Mzc2NTYvNDM3NjU2MTIyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4376/437656/437656122.JPEG" srcset="/data/Photos/450x450w/4376/437656/437656122.JPEG 1x, /data/Photos/700x500w/4376/437656/437656122.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273036/1273036558.JPEG" srcset="/data/Photos/450x450w/12730/1273036/1273036558.JPEG 1x, /data/Photos/700x500w/12730/1273036/1273036558.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273036/1273036741.JPEG" srcset="/data/Photos/450x450w/12730/1273036/1273036741.JPEG 1x, /data/Photos/700x500w/12730/1273036/1273036741.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273036/1273036903.JPEG" srcset="/data/Photos/450x450w/12730/1273036/1273036903.JPEG 1x, /data/Photos/700x500w/12730/1273036/1273036903.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273036/1273036816.JPEG" srcset="/data/Photos/450x450w/12730/1273036/1273036816.JPEG 1x, /data/Photos/700x500w/12730/1273036/1273036816.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588074/1588074759.JPEG" srcset="/data/Photos/450x450w/15880/1588074/1588074759.JPEG 1x, /data/Photos/700x500w/15880/1588074/1588074759.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ramblas Hotel Barcelona" data-hbs-name="Ramblas Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://ramblas.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9yYW1ibGFzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Ramblas Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="97318" data-hbs-latitude="41.38205" data-hbs-longitude="2.176426" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIxOTkvMTIxOTk1NC8xMjE5OTU0MzYwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12199/1219954/1219954360.JPEG" srcset="/data/Photos/450x450w/12199/1219954/1219954360.JPEG 1x, /data/Photos/700x500w/12199/1219954/1219954360.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273080/1273080829.JPEG" srcset="/data/Photos/450x450w/12730/1273080/1273080829.JPEG 1x, /data/Photos/700x500w/12730/1273080/1273080829.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273081/1273081009.JPEG" srcset="/data/Photos/450x450w/12730/1273081/1273081009.JPEG 1x, /data/Photos/700x500w/12730/1273081/1273081009.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273083/1273083937.JPEG" srcset="/data/Photos/450x450w/12730/1273083/1273083937.JPEG 1x, /data/Photos/700x500w/12730/1273083/1273083937.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10045/1004509/1004509377.JPEG" srcset="/data/Photos/450x450w/10045/1004509/1004509377.JPEG 1x, /data/Photos/700x500w/10045/1004509/1004509377.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10045/1004509/1004509488.JPEG" srcset="/data/Photos/450x450w/10045/1004509/1004509488.JPEG 1x, /data/Photos/700x500w/10045/1004509/1004509488.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Rialto Barcelona" data-hbs-name="Hotel Rialto Barcelona"> <a class="hotels-by-stars__title-link" href="https://rialto.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9yaWFsdG8uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Rialto Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="109117" data-hbs-latitude="41.38508" data-hbs-longitude="2.17066" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzIwMy8xMjczMjAzMTE4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273203/1273203118.JPEG" srcset="/data/Photos/450x450w/12732/1273203/1273203118.JPEG 1x, /data/Photos/700x500w/12732/1273203/1273203118.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16023/1602327/1602327359.JPEG" srcset="/data/Photos/450x450w/16023/1602327/1602327359.JPEG 1x, /data/Photos/700x500w/16023/1602327/1602327359.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16023/1602327/1602327365.JPEG" srcset="/data/Photos/450x450w/16023/1602327/1602327365.JPEG 1x, /data/Photos/700x500w/16023/1602327/1602327365.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15382/1538250/1538250289.JPEG" srcset="/data/Photos/450x450w/15382/1538250/1538250289.JPEG 1x, /data/Photos/700x500w/15382/1538250/1538250289.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15382/1538250/1538250292.JPEG" srcset="/data/Photos/450x450w/15382/1538250/1538250292.JPEG 1x, /data/Photos/700x500w/15382/1538250/1538250292.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15553/1555317/1555317097.JPEG" srcset="/data/Photos/450x450w/15553/1555317/1555317097.JPEG 1x, /data/Photos/700x500w/15553/1555317/1555317097.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Continental Barcelona" data-hbs-name="Hotel Continental Barcelona"> <a class="hotels-by-stars__title-link" href="https://continental-barcelona-hotel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jb250aW5lbnRhbC1iYXJjZWxvbmEtaG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Continental Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="110903" data-hbs-latitude="41.38311" data-hbs-longitude="2.17015" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMyMDQvMTMyMDQ1Ni8xMzIwNDU2NTE0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13204/1320456/1320456514.JPEG" srcset="/data/Photos/450x450w/13204/1320456/1320456514.JPEG 1x, /data/Photos/700x500w/13204/1320456/1320456514.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588061/1588061520.JPEG" srcset="/data/Photos/450x450w/15880/1588061/1588061520.JPEG 1x, /data/Photos/700x500w/15880/1588061/1588061520.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588061/1588061545.JPEG" srcset="/data/Photos/450x450w/15880/1588061/1588061545.JPEG 1x, /data/Photos/700x500w/15880/1588061/1588061545.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14987/1498784/1498784173.JPEG" srcset="/data/Photos/450x450w/14987/1498784/1498784173.JPEG 1x, /data/Photos/700x500w/14987/1498784/1498784173.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14987/1498784/1498784236.JPEG" srcset="/data/Photos/450x450w/14987/1498784/1498784236.JPEG 1x, /data/Photos/700x500w/14987/1498784/1498784236.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14987/1498784/1498784239.JPEG" srcset="/data/Photos/450x450w/14987/1498784/1498784239.JPEG 1x, /data/Photos/700x500w/14987/1498784/1498784239.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Turin Barcelona" data-hbs-name="Hotel Turin Barcelona"> <a class="hotels-by-stars__title-link" href="https://turin.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly90dXJpbi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hotel Turin Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="194940" data-hbs-latitude="41.37943" data-hbs-longitude="2.17614" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDQvMTU4MDQzOC8xNTgwNDM4NjQ1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580438/1580438645.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438645.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438645.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580438/1580438619.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438619.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438619.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7062/706209/706209466.JPEG" srcset="/data/Photos/450x450w/7062/706209/706209466.JPEG 1x, /data/Photos/700x500w/7062/706209/706209466.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580438/1580438543.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438543.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438543.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580438/1580438599.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438599.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438599.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580438/1580438499.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438499.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438499.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Barcelona House Hotel" data-hbs-name="Barcelona House Hotel"> <a class="hotels-by-stars__title-link" href="https://barcelona-house.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtaG91c2UuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Barcelona House Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="459680" data-hbs-latitude="41.3767121" data-hbs-longitude="2.1728001" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzIzMC8xMjczMjMwMzQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273230/1273230343.JPEG" srcset="/data/Photos/450x450w/12732/1273230/1273230343.JPEG 1x, /data/Photos/700x500w/12732/1273230/1273230343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273230/1273230481.JPEG" srcset="/data/Photos/450x450w/12732/1273230/1273230481.JPEG 1x, /data/Photos/700x500w/12732/1273230/1273230481.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273230/1273230811.JPEG" srcset="/data/Photos/450x450w/12732/1273230/1273230811.JPEG 1x, /data/Photos/700x500w/12732/1273230/1273230811.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273230/1273230973.JPEG" srcset="/data/Photos/450x450w/12732/1273230/1273230973.JPEG 1x, /data/Photos/700x500w/12732/1273230/1273230973.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12080/1208030/1208030974.JPEG" srcset="/data/Photos/450x450w/12080/1208030/1208030974.JPEG 1x, /data/Photos/700x500w/12080/1208030/1208030974.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273230/1273230592.JPEG" srcset="/data/Photos/450x450w/12732/1273230/1273230592.JPEG 1x, /data/Photos/700x500w/12732/1273230/1273230592.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Andante Hotel Barcelona" data-hbs-name="Andante Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://andante-hotel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9hbmRhbnRlLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Andante Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2668644" data-hbs-latitude="41.39025" data-hbs-longitude="2.18006" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTExMTkvMTExMTkxOC8xMTExOTE4MTYxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11119/1111918/1111918161.JPEG" srcset="/data/Photos/450x450w/11119/1111918/1111918161.JPEG 1x, /data/Photos/700x500w/11119/1111918/1111918161.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11030/1103055/1103055003.JPEG" srcset="/data/Photos/450x450w/11030/1103055/1103055003.JPEG 1x, /data/Photos/700x500w/11030/1103055/1103055003.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7753/775315/775315984.JPEG" srcset="/data/Photos/450x450w/7753/775315/775315984.JPEG 1x, /data/Photos/700x500w/7753/775315/775315984.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7753/775314/775314085.JPEG" srcset="/data/Photos/450x450w/7753/775314/775314085.JPEG 1x, /data/Photos/700x500w/7753/775314/775314085.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7753/775315/775315438.JPEG" srcset="/data/Photos/450x450w/7753/775315/775315438.JPEG 1x, /data/Photos/700x500w/7753/775315/775315438.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7753/775313/775313575.JPEG" srcset="/data/Photos/450x450w/7753/775313/775313575.JPEG 1x, /data/Photos/700x500w/7753/775313/775313575.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Rec Barcelona - Adults Only" data-hbs-name="Hotel Rec Barcelona - Adults Only"> <a class="hotels-by-stars__title-link" href="https://rec-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9yZWMtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Hotel Rec Barcelona - Adults Only </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/da/2-stars/" class="main-hotels__title-link"> 2-stjernede hoteller i Barcelona </a> </h3> <p class="main-hotels__text section__subtitle"> Indkvartering af høj kvalitet til en rimelig pris </p> <div class="show-all-wrapper"> <span data-internal="L2RhLzItc3RhcnMv" class="show-all js-link js-link-new"> Vis alle <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="2"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="88808" data-hbs-latitude="41.39161" data-hbs-longitude="2.17299" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIxNDYvMTIxNDY5MC8xMjE0NjkwMTQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12146/1214690/1214690149.JPEG" srcset="/data/Photos/450x450w/12146/1214690/1214690149.JPEG 1x, /data/Photos/700x500w/12146/1214690/1214690149.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580287/1580287897.JPEG" srcset="/data/Photos/450x450w/15802/1580287/1580287897.JPEG 1x, /data/Photos/700x500w/15802/1580287/1580287897.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15482/1548201/1548201427.JPEG" srcset="/data/Photos/450x450w/15482/1548201/1548201427.JPEG 1x, /data/Photos/700x500w/15482/1548201/1548201427.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15482/1548202/1548202006.JPEG" srcset="/data/Photos/450x450w/15482/1548202/1548202006.JPEG 1x, /data/Photos/700x500w/15482/1548202/1548202006.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15482/1548202/1548202012.JPEG" srcset="/data/Photos/450x450w/15482/1548202/1548202012.JPEG 1x, /data/Photos/700x500w/15482/1548202/1548202012.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15482/1548202/1548202093.JPEG" srcset="/data/Photos/450x450w/15482/1548202/1548202093.JPEG 1x, /data/Photos/700x500w/15482/1548202/1548202093.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Constanza Barcelona" data-hbs-name="Hotel Constanza Barcelona"> <a class="hotels-by-stars__title-link" href="https://domus-selecta-constanza.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9kb211cy1zZWxlY3RhLWNvbnN0YW56YS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hotel Constanza Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.5 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2276">(2276 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88828" data-hbs-latitude="41.3853940597597" data-hbs-longitude="2.16969788074493" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDIvMTU4MDI4OC8xNTgwMjg4NDE1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288415.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288415.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288415.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273068/1273068679.JPEG" srcset="/data/Photos/450x450w/12730/1273068/1273068679.JPEG 1x, /data/Photos/700x500w/12730/1273068/1273068679.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273069/1273069033.JPEG" srcset="/data/Photos/450x450w/12730/1273069/1273069033.JPEG 1x, /data/Photos/700x500w/12730/1273069/1273069033.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273069/1273069102.JPEG" srcset="/data/Photos/450x450w/12730/1273069/1273069102.JPEG 1x, /data/Photos/700x500w/12730/1273069/1273069102.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15861/1586106/1586106638.JPEG" srcset="/data/Photos/450x450w/15861/1586106/1586106638.JPEG 1x, /data/Photos/700x500w/15861/1586106/1586106638.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13025/1302558/1302558787.JPEG" srcset="/data/Photos/450x450w/13025/1302558/1302558787.JPEG 1x, /data/Photos/700x500w/13025/1302558/1302558787.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Monegal Barcelona" data-hbs-name="Hotel Monegal Barcelona"> <a class="hotels-by-stars__title-link" href="https://medium-monegal.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9tZWRpdW0tbW9uZWdhbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hotel Monegal Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 100 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.6 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="73">7.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Godt">Godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4439">(4439 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88850" data-hbs-latitude="41.374635" data-hbs-longitude="2.166034" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjkzMS82OTMxMDQvNjkzMTA0Nzc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6931/693104/693104775.JPEG" srcset="/data/Photos/450x450w/6931/693104/693104775.JPEG 1x, /data/Photos/700x500w/6931/693104/693104775.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273122/1273122355.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122355.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122355.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273122/1273122019.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122019.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122019.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273122/1273122097.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122097.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122097.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273122/1273122160.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122160.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122160.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273122/1273122262.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122262.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122262.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Paral-Lel Hotel Barcelona" data-hbs-name="Paral-Lel Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://parallel-hotel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9wYXJhbGxlbC1ob3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Paral-Lel Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.3 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.9 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3877">(3877 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88877" data-hbs-latitude="41.3854554381376" data-hbs-longitude="2.17172496020794" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAxMDAvMTAxMDAwMi8xMDEwMDAyMjM3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10100/1010002/1010002237.JPEG" srcset="/data/Photos/450x450w/10100/1010002/1010002237.JPEG 1x, /data/Photos/700x500w/10100/1010002/1010002237.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15766/1576686/1576686029.JPEG" srcset="/data/Photos/450x450w/15766/1576686/1576686029.JPEG 1x, /data/Photos/700x500w/15766/1576686/1576686029.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11004/1100405/1100405403.JPEG" srcset="/data/Photos/450x450w/11004/1100405/1100405403.JPEG 1x, /data/Photos/700x500w/11004/1100405/1100405403.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498538/1498538107.JPEG" srcset="/data/Photos/450x450w/14985/1498538/1498538107.JPEG 1x, /data/Photos/700x500w/14985/1498538/1498538107.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14365/1436512/1436512867.JPEG" srcset="/data/Photos/450x450w/14365/1436512/1436512867.JPEG 1x, /data/Photos/700x500w/14365/1436512/1436512867.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15766/1576686/1576686020.JPEG" srcset="/data/Photos/450x450w/15766/1576686/1576686020.JPEG 1x, /data/Photos/700x500w/15766/1576686/1576686020.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Catalunya Hotel Barcelona" data-hbs-name="Catalunya Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://catalunya.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jYXRhbHVueWEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Catalunya Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 200 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.6 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="81">8.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3079">(3079 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88916" data-hbs-latitude="41.398531" data-hbs-longitude="2.178072" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQzMjEvMTQzMjE4NC8xNDMyMTg0NzEwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432184/1432184710.JPEG" srcset="/data/Photos/450x450w/14321/1432184/1432184710.JPEG 1x, /data/Photos/700x500w/14321/1432184/1432184710.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14058/1405831/1405831553.JPEG" srcset="/data/Photos/450x450w/14058/1405831/1405831553.JPEG 1x, /data/Photos/700x500w/14058/1405831/1405831553.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13866/1386652/1386652835.JPEG" srcset="/data/Photos/450x450w/13866/1386652/1386652835.JPEG 1x, /data/Photos/700x500w/13866/1386652/1386652835.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13866/1386653/1386653108.JPEG" srcset="/data/Photos/450x450w/13866/1386653/1386653108.JPEG 1x, /data/Photos/700x500w/13866/1386653/1386653108.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13866/1386653/1386653627.JPEG" srcset="/data/Photos/450x450w/13866/1386653/1386653627.JPEG 1x, /data/Photos/700x500w/13866/1386653/1386653627.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13866/1386657/1386657467.JPEG" srcset="/data/Photos/450x450w/13866/1386657/1386657467.JPEG 1x, /data/Photos/700x500w/13866/1386657/1386657467.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Acta Antibes Hotel Barcelona" data-hbs-name="Acta Antibes Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://acta-antibes.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9hY3RhLWFudGliZXMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Acta Antibes Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.5 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.1 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4440">(4440 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88977" data-hbs-latitude="41.38274165" data-hbs-longitude="2.18463778" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTA4NS85MDg1ODAvOTA4NTgwMTM5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9085/908580/908580139.JPEG" srcset="/data/Photos/450x450w/9085/908580/908580139.JPEG 1x, /data/Photos/700x500w/9085/908580/908580139.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273156/1273156648.JPEG" srcset="/data/Photos/450x450w/12731/1273156/1273156648.JPEG 1x, /data/Photos/700x500w/12731/1273156/1273156648.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273158/1273158235.JPEG" srcset="/data/Photos/450x450w/12731/1273158/1273158235.JPEG 1x, /data/Photos/700x500w/12731/1273158/1273158235.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273158/1273158490.JPEG" srcset="/data/Photos/450x450w/12731/1273158/1273158490.JPEG 1x, /data/Photos/700x500w/12731/1273158/1273158490.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580294/1580294317.JPEG" srcset="/data/Photos/450x450w/15802/1580294/1580294317.JPEG 1x, /data/Photos/700x500w/15802/1580294/1580294317.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580294/1580294321.JPEG" srcset="/data/Photos/450x450w/15802/1580294/1580294321.JPEG 1x, /data/Photos/700x500w/15802/1580294/1580294321.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Oasis Barcelona" data-hbs-name="Hotel Oasis Barcelona"> <a class="hotels-by-stars__title-link" href="https://oasis-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9vYXNpcy1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Oasis Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.3 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Enestående beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af enestående beliggenhed. Det har en karakter 9.6 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5345">(5345 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89002" data-hbs-latitude="41.382716" data-hbs-longitude="2.165901" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA1OS8xMjczMDU5Njk3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273059/1273059697.JPEG" srcset="/data/Photos/450x450w/12730/1273059/1273059697.JPEG 1x, /data/Photos/700x500w/12730/1273059/1273059697.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273059/1273059823.JPEG" srcset="/data/Photos/450x450w/12730/1273059/1273059823.JPEG 1x, /data/Photos/700x500w/12730/1273059/1273059823.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273059/1273059940.JPEG" srcset="/data/Photos/450x450w/12730/1273059/1273059940.JPEG 1x, /data/Photos/700x500w/12730/1273059/1273059940.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273060/1273060627.JPEG" srcset="/data/Photos/450x450w/12730/1273060/1273060627.JPEG 1x, /data/Photos/700x500w/12730/1273060/1273060627.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273060/1273060726.JPEG" srcset="/data/Photos/450x450w/12730/1273060/1273060726.JPEG 1x, /data/Photos/700x500w/12730/1273060/1273060726.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273060/1273060993.JPEG" srcset="/data/Photos/450x450w/12730/1273060/1273060993.JPEG 1x, /data/Photos/700x500w/12730/1273060/1273060993.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Acta Bcn 40 Hotel Barcelona" data-hbs-name="Acta Bcn 40 Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://acta-bcn-40.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9hY3RhLWJjbi00MC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Acta Bcn 40 Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.4 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3007">(3007 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="97311" data-hbs-latitude="41.38108" data-hbs-longitude="2.17507" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODA1OS84MDU5NjkvODA1OTY5NDcwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8059/805969/805969470.JPEG" srcset="/data/Photos/450x450w/8059/805969/805969470.JPEG 1x, /data/Photos/700x500w/8059/805969/805969470.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7045/704556/704556091.JPEG" srcset="/data/Photos/450x450w/7045/704556/704556091.JPEG 1x, /data/Photos/700x500w/7045/704556/704556091.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6406/640658/640658463.JPEG" srcset="/data/Photos/450x450w/6406/640658/640658463.JPEG 1x, /data/Photos/700x500w/6406/640658/640658463.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6406/640641/640641576.JPEG" srcset="/data/Photos/450x450w/6406/640641/640641576.JPEG 1x, /data/Photos/700x500w/6406/640641/640641576.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10032/1003217/1003217316.JPEG" srcset="/data/Photos/450x450w/10032/1003217/1003217316.JPEG 1x, /data/Photos/700x500w/10032/1003217/1003217316.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1885/188541/188541632.JPEG" srcset="/data/Photos/450x450w/1885/188541/188541632.JPEG 1x, /data/Photos/700x500w/1885/188541/188541632.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Adagio Barcelona" data-hbs-name="Hotel Adagio Barcelona"> <a class="hotels-by-stars__title-link" href="https://hotel-adagio-gastronomic.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1hZGFnaW8tZ2FzdHJvbm9taWMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Adagio Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 700 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.2 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="97317" data-hbs-latitude="41.38371" data-hbs-longitude="2.18512" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Mzc1Mi8zNzUyNDcvMzc1MjQ3Nzg2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3752/375247/375247786.JPEG" srcset="/data/Photos/450x450w/3752/375247/375247786.JPEG 1x, /data/Photos/700x500w/3752/375247/375247786.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273058/1273058701.JPEG" srcset="/data/Photos/450x450w/12730/1273058/1273058701.JPEG 1x, /data/Photos/700x500w/12730/1273058/1273058701.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273059/1273059508.JPEG" srcset="/data/Photos/450x450w/12730/1273059/1273059508.JPEG 1x, /data/Photos/700x500w/12730/1273059/1273059508.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273057/1273057732.JPEG" srcset="/data/Photos/450x450w/12730/1273057/1273057732.JPEG 1x, /data/Photos/700x500w/12730/1273057/1273057732.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273058/1273058131.JPEG" srcset="/data/Photos/450x450w/12730/1273058/1273058131.JPEG 1x, /data/Photos/700x500w/12730/1273058/1273058131.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273057/1273057663.JPEG" srcset="/data/Photos/450x450w/12730/1273057/1273057663.JPEG 1x, /data/Photos/700x500w/12730/1273057/1273057663.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Santa Marta Barcelona" data-hbs-name="Hotel Santa Marta Barcelona"> <a class="hotels-by-stars__title-link" href="https://santa-marta-barcelona-08003.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9zYW50YS1tYXJ0YS1iYXJjZWxvbmEtMDgwMDMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Santa Marta Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.3 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.4 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2686">(2686 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="275774" data-hbs-latitude="41.4070111559388" data-hbs-longitude="2.18651127815247" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI2NzgvMTI2NzgyNi8xMjY3ODI2NjkyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12678/1267826/1267826692.JPEG" srcset="/data/Photos/450x450w/12678/1267826/1267826692.JPEG 1x, /data/Photos/700x500w/12678/1267826/1267826692.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607659/1607659900.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659900.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659900.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607659/1607659902.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659902.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659902.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607659/1607659915.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659915.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659915.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607659/1607659919.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659919.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659919.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607659/1607659924.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659924.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659924.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Urbany Hostel Barcelona" data-hbs-name="Urbany Hostel Barcelona"> <a class="hotels-by-stars__title-link" href="https://barcelona-urbany-hostel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtdXJiYW55LWhvc3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Urbany Hostel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.7 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.4 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="74">7.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Godt">Godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2528">(2528 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="327682" data-hbs-latitude="41.401077" data-hbs-longitude="2.194458" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA2MC8xMjczMDYwNjc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273060/1273060675.JPEG" srcset="/data/Photos/450x450w/12730/1273060/1273060675.JPEG 1x, /data/Photos/700x500w/12730/1273060/1273060675.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15844/1584446/1584446837.JPEG" srcset="/data/Photos/450x450w/15844/1584446/1584446837.JPEG 1x, /data/Photos/700x500w/15844/1584446/1584446837.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606554/1606554466.JPEG" srcset="/data/Photos/450x450w/16065/1606554/1606554466.JPEG 1x, /data/Photos/700x500w/16065/1606554/1606554466.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606554/1606554467.JPEG" srcset="/data/Photos/450x450w/16065/1606554/1606554467.JPEG 1x, /data/Photos/700x500w/16065/1606554/1606554467.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606554/1606554468.JPEG" srcset="/data/Photos/450x450w/16065/1606554/1606554468.JPEG 1x, /data/Photos/700x500w/16065/1606554/1606554468.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606554/1606554474.JPEG" srcset="/data/Photos/450x450w/16065/1606554/1606554474.JPEG 1x, /data/Photos/700x500w/16065/1606554/1606554474.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ibis Barcelona Plaza Glories 22@ Hotel" data-hbs-name="Ibis Barcelona Plaza Glories 22@ Hotel"> <a class="hotels-by-stars__title-link" href="https://ibis-barcelona-plaza-glories-22.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJhcmNlbG9uYS1wbGF6YS1nbG9yaWVzLTIyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Ibis Barcelona Plaza Glories 22@ Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="343582" data-hbs-latitude="41.38141" data-hbs-longitude="2.17549" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDQvMTU4MDQzOC8xNTgwNDM4ODMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580438/1580438831.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438831.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438831.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7766/776682/776682829.JPEG" srcset="/data/Photos/450x450w/7766/776682/776682829.JPEG 1x, /data/Photos/700x500w/7766/776682/776682829.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627208/1627208085.JPEG" srcset="/data/Photos/450x450w/16272/1627208/1627208085.JPEG 1x, /data/Photos/700x500w/16272/1627208/1627208085.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627208/1627208089.JPEG" srcset="/data/Photos/450x450w/16272/1627208/1627208089.JPEG 1x, /data/Photos/700x500w/16272/1627208/1627208089.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627208/1627208090.JPEG" srcset="/data/Photos/450x450w/16272/1627208/1627208090.JPEG 1x, /data/Photos/700x500w/16272/1627208/1627208090.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580438/1580438715.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438715.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438715.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Fernando Hotel Barcelona" data-hbs-name="Hostal Fernando Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-fernando.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtZmVybmFuZG8uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hostal Fernando Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="349965" data-hbs-latitude="41.379147" data-hbs-longitude="2.175139" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njg1NC82ODU0NzcvNjg1NDc3MzMyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6854/685477/685477332.JPEG" srcset="/data/Photos/450x450w/6854/685477/685477332.JPEG 1x, /data/Photos/700x500w/6854/685477/685477332.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12322/1232259/1232259698.JPEG" srcset="/data/Photos/450x450w/12322/1232259/1232259698.JPEG 1x, /data/Photos/700x500w/12322/1232259/1232259698.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12322/1232273/1232273441.JPEG" srcset="/data/Photos/450x450w/12322/1232273/1232273441.JPEG 1x, /data/Photos/700x500w/12322/1232273/1232273441.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12322/1232273/1232273810.JPEG" srcset="/data/Photos/450x450w/12322/1232273/1232273810.JPEG 1x, /data/Photos/700x500w/12322/1232273/1232273810.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12322/1232283/1232283512.JPEG" srcset="/data/Photos/450x450w/12322/1232283/1232283512.JPEG 1x, /data/Photos/700x500w/12322/1232283/1232283512.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12322/1232291/1232291252.JPEG" srcset="/data/Photos/450x450w/12322/1232291/1232291252.JPEG 1x, /data/Photos/700x500w/12322/1232291/1232291252.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Cuatro Naciones Hotel Barcelona" data-hbs-name="Cuatro Naciones Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://cuatro-naciones.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jdWF0cm8tbmFjaW9uZXMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Cuatro Naciones Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="359910" data-hbs-latitude="41.39723" data-hbs-longitude="2.15916" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMwMTMvMTMwMTM0NC8xMzAxMzQ0MTM4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13013/1301344/1301344138.JPEG" srcset="/data/Photos/450x450w/13013/1301344/1301344138.JPEG 1x, /data/Photos/700x500w/13013/1301344/1301344138.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273134/1273134022.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134022.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273134/1273134211.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134211.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134211.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273134/1273134073.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134073.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134073.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15216/1521614/1521614578.JPEG" srcset="/data/Photos/450x450w/15216/1521614/1521614578.JPEG 1x, /data/Photos/700x500w/15216/1521614/1521614578.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15214/1521497/1521497479.JPEG" srcset="/data/Photos/450x450w/15214/1521497/1521497479.JPEG 1x, /data/Photos/700x500w/15214/1521497/1521497479.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Casa Gracia Vandrehjem Barcelona" data-hbs-name="Casa Gracia Vandrehjem Barcelona"> <a class="hotels-by-stars__title-link" href="https://casa-gracia.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jYXNhLWdyYWNpYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Casa Gracia Vandrehjem Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="405147" data-hbs-latitude="41.38251641239667" data-hbs-longitude="2.1739823030758076" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODA2NS84MDY1MDMvODA2NTAzMzUzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8065/806503/806503353.JPEG" srcset="/data/Photos/450x450w/8065/806503/806503353.JPEG 1x, /data/Photos/700x500w/8065/806503/806503353.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580745/1580745909.JPEG" srcset="/data/Photos/450x450w/15807/1580745/1580745909.JPEG 1x, /data/Photos/700x500w/15807/1580745/1580745909.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15881/1588108/1588108477.JPEG" srcset="/data/Photos/450x450w/15881/1588108/1588108477.JPEG 1x, /data/Photos/700x500w/15881/1588108/1588108477.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15881/1588108/1588108488.JPEG" srcset="/data/Photos/450x450w/15881/1588108/1588108488.JPEG 1x, /data/Photos/700x500w/15881/1588108/1588108488.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589143/1589143244.JPEG" srcset="/data/Photos/450x450w/15891/1589143/1589143244.JPEG 1x, /data/Photos/700x500w/15891/1589143/1589143244.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589143/1589143298.JPEG" srcset="/data/Photos/450x450w/15891/1589143/1589143298.JPEG 1x, /data/Photos/700x500w/15891/1589143/1589143298.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="El Jardi Hotel Barcelona" data-hbs-name="El Jardi Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://el-jardi.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9lbC1qYXJkaS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> El Jardi Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="433339" data-hbs-latitude="41.31582845751971" data-hbs-longitude="2.082437201223355" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODMyMy84MzIzOTgvODMyMzk4NDY3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8323/832398/832398467.JPEG" srcset="/data/Photos/450x450w/8323/832398/832398467.JPEG 1x, /data/Photos/700x500w/8323/832398/832398467.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273175/1273175365.JPEG" srcset="/data/Photos/450x450w/12731/1273175/1273175365.JPEG 1x, /data/Photos/700x500w/12731/1273175/1273175365.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580569/1580569957.JPEG" srcset="/data/Photos/450x450w/15805/1580569/1580569957.JPEG 1x, /data/Photos/700x500w/15805/1580569/1580569957.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580570/1580570041.JPEG" srcset="/data/Photos/450x450w/15805/1580570/1580570041.JPEG 1x, /data/Photos/700x500w/15805/1580570/1580570041.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580577/1580577409.JPEG" srcset="/data/Photos/450x450w/15805/1580577/1580577409.JPEG 1x, /data/Photos/700x500w/15805/1580577/1580577409.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580577/1580577459.JPEG" srcset="/data/Photos/450x450w/15805/1580577/1580577459.JPEG 1x, /data/Photos/700x500w/15805/1580577/1580577459.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Centre Esplai Albergue Vandrehjem El Prat de Llobregat" data-hbs-name="Centre Esplai Albergue Vandrehjem El Prat de Llobregat"> <a class="hotels-by-stars__title-link" href="https://centre-esplai-hostel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jZW50cmUtZXNwbGFpLWhvc3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Centre Esplai Albergue Vandrehjem El Prat de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="592956" data-hbs-latitude="41.38608" data-hbs-longitude="2.1677" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODMwMS84MzAxMzMvODMwMTMzMDgwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8301/830133/830133080.JPEG" srcset="/data/Photos/450x450w/8301/830133/830133080.JPEG 1x, /data/Photos/700x500w/8301/830133/830133080.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13592/1359246/1359246407.JPEG" srcset="/data/Photos/450x450w/13592/1359246/1359246407.JPEG 1x, /data/Photos/700x500w/13592/1359246/1359246407.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13636/1363690/1363690022.JPEG" srcset="/data/Photos/450x450w/13636/1363690/1363690022.JPEG 1x, /data/Photos/700x500w/13636/1363690/1363690022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13636/1363690/1363690982.JPEG" srcset="/data/Photos/450x450w/13636/1363690/1363690982.JPEG 1x, /data/Photos/700x500w/13636/1363690/1363690982.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8301/830133/830133011.JPEG" srcset="/data/Photos/450x450w/8301/830133/830133011.JPEG 1x, /data/Photos/700x500w/8301/830133/830133011.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8301/830133/830133218.JPEG" srcset="/data/Photos/450x450w/8301/830133/830133218.JPEG 1x, /data/Photos/700x500w/8301/830133/830133218.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="St Christopher'S Inn Barcelona" data-hbs-name="St Christopher'S Inn Barcelona"> <a class="hotels-by-stars__title-link" href="https://st-christophers-inn.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9zdC1jaHJpc3RvcGhlcnMtaW5uLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> St Christopher'S Inn Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="699803" data-hbs-latitude="41.38476" data-hbs-longitude="2.162473" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA4Mi8xMjczMDgyMTk3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273082/1273082197.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082197.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082197.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16040/1604098/1604098629.JPEG" srcset="/data/Photos/450x450w/16040/1604098/1604098629.JPEG 1x, /data/Photos/700x500w/16040/1604098/1604098629.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273082/1273082533.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082533.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082533.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16040/1604098/1604098625.JPEG" srcset="/data/Photos/450x450w/16040/1604098/1604098625.JPEG 1x, /data/Photos/700x500w/16040/1604098/1604098625.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16040/1604098/1604098632.JPEG" srcset="/data/Photos/450x450w/16040/1604098/1604098632.JPEG 1x, /data/Photos/700x500w/16040/1604098/1604098632.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16040/1604098/1604098633.JPEG" srcset="/data/Photos/450x450w/16040/1604098/1604098633.JPEG 1x, /data/Photos/700x500w/16040/1604098/1604098633.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Toc Hostel Barcelona" data-hbs-name="Toc Hostel Barcelona"> <a class="hotels-by-stars__title-link" href="https://toc-hostel-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly90b2MtaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Toc Hostel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="837150" data-hbs-latitude="41.272182" data-hbs-longitude="2.042954" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTg0NS85ODQ1ODYvOTg0NTg2MzA5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9845/984586/984586309.JPEG" srcset="/data/Photos/450x450w/9845/984586/984586309.JPEG 1x, /data/Photos/700x500w/9845/984586/984586309.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16023/1602346/1602346470.JPEG" srcset="/data/Photos/450x450w/16023/1602346/1602346470.JPEG 1x, /data/Photos/700x500w/16023/1602346/1602346470.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589504/1589504347.JPEG" srcset="/data/Photos/450x450w/15895/1589504/1589504347.JPEG 1x, /data/Photos/700x500w/15895/1589504/1589504347.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610236/1610236994.JPEG" srcset="/data/Photos/450x450w/16102/1610236/1610236994.JPEG 1x, /data/Photos/700x500w/16102/1610236/1610236994.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16111/1611116/1611116402.JPEG" srcset="/data/Photos/450x450w/16111/1611116/1611116402.JPEG 1x, /data/Photos/700x500w/16111/1611116/1611116402.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16005/1600585/1600585715.JPEG" srcset="/data/Photos/450x450w/16005/1600585/1600585715.JPEG 1x, /data/Photos/700x500w/16005/1600585/1600585715.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Camping 3 Estrellas Hotel Gavà" data-hbs-name="Camping 3 Estrellas Hotel Gavà"> <a class="hotels-by-stars__title-link" href="https://camping-3-estrellas.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jYW1waW5nLTMtZXN0cmVsbGFzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Camping 3 Estrellas Hotel Gavà </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1620228" data-hbs-latitude="41.39474" data-hbs-longitude="2.19347" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwNjAvMTYwNjA3MS8xNjA2MDcxNTcwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16060/1606071/1606071570.JPEG" srcset="/data/Photos/450x450w/16060/1606071/1606071570.JPEG 1x, /data/Photos/700x500w/16060/1606071/1606071570.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16060/1606071/1606071543.JPEG" srcset="/data/Photos/450x450w/16060/1606071/1606071543.JPEG 1x, /data/Photos/700x500w/16060/1606071/1606071543.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16060/1606071/1606071545.JPEG" srcset="/data/Photos/450x450w/16060/1606071/1606071545.JPEG 1x, /data/Photos/700x500w/16060/1606071/1606071545.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16060/1606071/1606071546.JPEG" srcset="/data/Photos/450x450w/16060/1606071/1606071546.JPEG 1x, /data/Photos/700x500w/16060/1606071/1606071546.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16060/1606071/1606071548.JPEG" srcset="/data/Photos/450x450w/16060/1606071/1606071548.JPEG 1x, /data/Photos/700x500w/16060/1606071/1606071548.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16060/1606071/1606071550.JPEG" srcset="/data/Photos/450x450w/16060/1606071/1606071550.JPEG 1x, /data/Photos/700x500w/16060/1606071/1606071550.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ibis Styles Barcelona City Bogatell Hotel" data-hbs-name="Ibis Styles Barcelona City Bogatell Hotel"> <a class="hotels-by-stars__title-link" href="https://ibis-styles-barcelona-city-bogatell.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9pYmlzLXN0eWxlcy1iYXJjZWxvbmEtY2l0eS1ib2dhdGVsbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Ibis Styles Barcelona City Bogatell Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> Populære steder at overnatte i Barcelona </h3> <p class="main-hotels__text section__subtitle"> Vælg en bevist mulighed fra vores liste over de mest bookede overnatningssteder </p> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="0"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="88230" data-hbs-latitude="41.31796" data-hbs-longitude="2.07424" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzI0NC8xMjczMjQ0NTMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273244/1273244533.JPEG" srcset="/data/Photos/450x450w/12732/1273244/1273244533.JPEG 1x, /data/Photos/700x500w/12732/1273244/1273244533.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6929/692905/692905164.JPEG" srcset="/data/Photos/450x450w/6929/692905/692905164.JPEG 1x, /data/Photos/700x500w/6929/692905/692905164.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273243/1273243711.JPEG" srcset="/data/Photos/450x450w/12732/1273243/1273243711.JPEG 1x, /data/Photos/700x500w/12732/1273243/1273243711.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273244/1273244260.JPEG" srcset="/data/Photos/450x450w/12732/1273244/1273244260.JPEG 1x, /data/Photos/700x500w/12732/1273244/1273244260.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273244/1273244419.JPEG" srcset="/data/Photos/450x450w/12732/1273244/1273244419.JPEG 1x, /data/Photos/700x500w/12732/1273244/1273244419.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273244/1273244650.JPEG" srcset="/data/Photos/450x450w/12732/1273244/1273244650.JPEG 1x, /data/Photos/700x500w/12732/1273244/1273244650.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Bah Barcelona Airport Hotel El Prat de Llobregat" data-hbs-name="Bah Barcelona Airport Hotel El Prat de Llobregat"> <a class="hotels-by-stars__title-link" href="https://bah-barcelona-airport-hotel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9iYWgtYmFyY2Vsb25hLWFpcnBvcnQtaG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Bah Barcelona Airport Hotel El Prat de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.8 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.5 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="12321">(12321 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88763" data-hbs-latitude="41.394075" data-hbs-longitude="2.153685" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjkzMC82OTMwNzUvNjkzMDc1MTQ0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6930/693075/693075144.JPEG" srcset="/data/Photos/450x450w/6930/693075/693075144.JPEG 1x, /data/Photos/700x500w/6930/693075/693075144.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580287/1580287755.JPEG" srcset="/data/Photos/450x450w/15802/1580287/1580287755.JPEG 1x, /data/Photos/700x500w/15802/1580287/1580287755.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580390/1580390205.JPEG" srcset="/data/Photos/450x450w/15803/1580390/1580390205.JPEG 1x, /data/Photos/700x500w/15803/1580390/1580390205.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580390/1580390219.JPEG" srcset="/data/Photos/450x450w/15803/1580390/1580390219.JPEG 1x, /data/Photos/700x500w/15803/1580390/1580390219.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498521/1498521103.JPEG" srcset="/data/Photos/450x450w/14985/1498521/1498521103.JPEG 1x, /data/Photos/700x500w/14985/1498521/1498521103.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498521/1498521220.JPEG" srcset="/data/Photos/450x450w/14985/1498521/1498521220.JPEG 1x, /data/Photos/700x500w/14985/1498521/1498521220.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Astoria Barcelona" data-hbs-name="Hotel Astoria Barcelona"> <a class="hotels-by-stars__title-link" href="https://astoria-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9hc3RvcmlhLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hotel Astoria Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.6 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2222">(2222 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88765" data-hbs-latitude="41.391137" data-hbs-longitude="2.15921" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjgwNy8yODA3NzcvMjgwNzc3NTIxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2807/280777/280777521.JPEG" srcset="/data/Photos/450x450w/2807/280777/280777521.JPEG 1x, /data/Photos/700x500w/2807/280777/280777521.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15584/1558413/1558413133.JPEG" srcset="/data/Photos/450x450w/15584/1558413/1558413133.JPEG 1x, /data/Photos/700x500w/15584/1558413/1558413133.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13808/1380880/1380880826.JPEG" srcset="/data/Photos/450x450w/13808/1380880/1380880826.JPEG 1x, /data/Photos/700x500w/13808/1380880/1380880826.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13808/1380897/1380897131.JPEG" srcset="/data/Photos/450x450w/13808/1380897/1380897131.JPEG 1x, /data/Photos/700x500w/13808/1380897/1380897131.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13809/1380900/1380900641.JPEG" srcset="/data/Photos/450x450w/13809/1380900/1380900641.JPEG 1x, /data/Photos/700x500w/13809/1380900/1380900641.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13808/1380898/1380898112.JPEG" srcset="/data/Photos/450x450w/13808/1380898/1380898112.JPEG 1x, /data/Photos/700x500w/13808/1380898/1380898112.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Balmes, A Member Of Preferred Hotels & Resorts Barcelona" data-hbs-name="Hotel Balmes, A Member Of Preferred Hotels & Resorts Barcelona"> <a class="hotels-by-stars__title-link" href="https://balmes.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9iYWxtZXMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Balmes, A Member Of Preferred Hotels & Resorts Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.1 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.3 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3096">(3096 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88771" data-hbs-latitude="41.389608" data-hbs-longitude="2.148857" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxMDgvMTYxMDgzMC8xNjEwODMwMDMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16108/1610830/1610830033.JPEG" srcset="/data/Photos/450x450w/16108/1610830/1610830033.JPEG 1x, /data/Photos/700x500w/16108/1610830/1610830033.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16108/1610830/1610830038.JPEG" srcset="/data/Photos/450x450w/16108/1610830/1610830038.JPEG 1x, /data/Photos/700x500w/16108/1610830/1610830038.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16108/1610830/1610830039.JPEG" srcset="/data/Photos/450x450w/16108/1610830/1610830039.JPEG 1x, /data/Photos/700x500w/16108/1610830/1610830039.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16108/1610830/1610830040.JPEG" srcset="/data/Photos/450x450w/16108/1610830/1610830040.JPEG 1x, /data/Photos/700x500w/16108/1610830/1610830040.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16108/1610830/1610830042.JPEG" srcset="/data/Photos/450x450w/16108/1610830/1610830042.JPEG 1x, /data/Photos/700x500w/16108/1610830/1610830042.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16108/1610830/1610830043.JPEG" srcset="/data/Photos/450x450w/16108/1610830/1610830043.JPEG 1x, /data/Photos/700x500w/16108/1610830/1610830043.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="U232 Hotel Barcelona" data-hbs-name="U232 Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://u232-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly91MjMyLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> U232 Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.8 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.8 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3270">(3270 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88791" data-hbs-latitude="41.37778" data-hbs-longitude="2.17157" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwOTMvMTYwOTMwOC8xNjA5MzA4Mzg1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16093/1609308/1609308385.JPEG" srcset="/data/Photos/450x450w/16093/1609308/1609308385.JPEG 1x, /data/Photos/700x500w/16093/1609308/1609308385.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16093/1609308/1609308400.JPEG" srcset="/data/Photos/450x450w/16093/1609308/1609308400.JPEG 1x, /data/Photos/700x500w/16093/1609308/1609308400.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16147/1614775/1614775740.JPEG" srcset="/data/Photos/450x450w/16147/1614775/1614775740.JPEG 1x, /data/Photos/700x500w/16147/1614775/1614775740.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16147/1614775/1614775748.JPEG" srcset="/data/Photos/450x450w/16147/1614775/1614775748.JPEG 1x, /data/Photos/700x500w/16147/1614775/1614775748.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16093/1609308/1609308389.JPEG" srcset="/data/Photos/450x450w/16093/1609308/1609308389.JPEG 1x, /data/Photos/700x500w/16093/1609308/1609308389.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16093/1609308/1609308392.JPEG" srcset="/data/Photos/450x450w/16093/1609308/1609308392.JPEG 1x, /data/Photos/700x500w/16093/1609308/1609308392.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Casa Teva Barcelona" data-hbs-name="Hotel Casa Teva Barcelona"> <a class="hotels-by-stars__title-link" href="https://hotel-barbara.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1iYXJiYXJhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Hotel Casa Teva Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.1 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="246">(246 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88906" data-hbs-latitude="41.37509" data-hbs-longitude="2.169371" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ5ODQvMTQ5ODQ4MS8xNDk4NDgxOTU5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14984/1498481/1498481959.JPEG" srcset="/data/Photos/450x450w/14984/1498481/1498481959.JPEG 1x, /data/Photos/700x500w/14984/1498481/1498481959.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15440/1544097/1544097631.JPEG" srcset="/data/Photos/450x450w/15440/1544097/1544097631.JPEG 1x, /data/Photos/700x500w/15440/1544097/1544097631.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15440/1544097/1544097562.JPEG" srcset="/data/Photos/450x450w/15440/1544097/1544097562.JPEG 1x, /data/Photos/700x500w/15440/1544097/1544097562.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15440/1544097/1544097406.JPEG" srcset="/data/Photos/450x450w/15440/1544097/1544097406.JPEG 1x, /data/Photos/700x500w/15440/1544097/1544097406.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15440/1544097/1544097613.JPEG" srcset="/data/Photos/450x450w/15440/1544097/1544097613.JPEG 1x, /data/Photos/700x500w/15440/1544097/1544097613.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15440/1544097/1544097508.JPEG" srcset="/data/Photos/450x450w/15440/1544097/1544097508.JPEG 1x, /data/Photos/700x500w/15440/1544097/1544097508.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Best Auto Hogar Barcelona" data-hbs-name="Hotel Best Auto Hogar Barcelona"> <a class="hotels-by-stars__title-link" href="https://auto-hogar.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9hdXRvLWhvZ2FyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Hotel Best Auto Hogar Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.2 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.7 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="76">7.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Godt">Godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="6277">(6277 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88908" data-hbs-latitude="41.376482" data-hbs-longitude="2.150477" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzEyMy8xMjczMTIzODI1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273123/1273123825.JPEG" srcset="/data/Photos/450x450w/12731/1273123/1273123825.JPEG 1x, /data/Photos/700x500w/12731/1273123/1273123825.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273122/1273122877.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122877.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122877.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610215/1610215984.JPEG" srcset="/data/Photos/450x450w/16102/1610215/1610215984.JPEG 1x, /data/Photos/700x500w/16102/1610215/1610215984.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610215/1610215985.JPEG" srcset="/data/Photos/450x450w/16102/1610215/1610215985.JPEG 1x, /data/Photos/700x500w/16102/1610215/1610215985.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610215/1610215986.JPEG" srcset="/data/Photos/450x450w/16102/1610215/1610215986.JPEG 1x, /data/Photos/700x500w/16102/1610215/1610215986.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610215/1610215987.JPEG" srcset="/data/Photos/450x450w/16102/1610215/1610215987.JPEG 1x, /data/Photos/700x500w/16102/1610215/1610215987.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="B Hotel Barcelona" data-hbs-name="B Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://b-hotel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9iLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> B Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.3 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3264">(3264 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88910" data-hbs-latitude="41.38805" data-hbs-longitude="2.159817" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQzNjQvMTQzNjQxMS8xNDM2NDExNDEzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14364/1436411/1436411413.JPEG" srcset="/data/Photos/450x450w/14364/1436411/1436411413.JPEG 1x, /data/Photos/700x500w/14364/1436411/1436411413.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14364/1436410/1436410624.JPEG" srcset="/data/Photos/450x450w/14364/1436410/1436410624.JPEG 1x, /data/Photos/700x500w/14364/1436410/1436410624.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273036/1273036804.JPEG" srcset="/data/Photos/450x450w/12730/1273036/1273036804.JPEG 1x, /data/Photos/700x500w/12730/1273036/1273036804.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12074/1207403/1207403308.JPEG" srcset="/data/Photos/450x450w/12074/1207403/1207403308.JPEG 1x, /data/Photos/700x500w/12074/1207403/1207403308.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12074/1207403/1207403281.JPEG" srcset="/data/Photos/450x450w/12074/1207403/1207403281.JPEG 1x, /data/Photos/700x500w/12074/1207403/1207403281.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12074/1207407/1207407292.JPEG" srcset="/data/Photos/450x450w/12074/1207407/1207407292.JPEG 1x, /data/Photos/700x500w/12074/1207407/1207407292.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Cram Hotel Barcelona" data-hbs-name="Cram Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://cram.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jcmFtLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Cram Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.1 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3559">(3559 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88911" data-hbs-latitude="41.412575" data-hbs-longitude="2.20904" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzY1Ni83NjU2NTEvNzY1NjUxMjE0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7656/765651/765651214.JPEG" srcset="/data/Photos/450x450w/7656/765651/765651214.JPEG 1x, /data/Photos/700x500w/7656/765651/765651214.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288315.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288315.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288315.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16214/1621406/1621406962.JPEG" srcset="/data/Photos/450x450w/16214/1621406/1621406962.JPEG 1x, /data/Photos/700x500w/16214/1621406/1621406962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16153/1615380/1615380139.JPEG" srcset="/data/Photos/450x450w/16153/1615380/1615380139.JPEG 1x, /data/Photos/700x500w/16153/1615380/1615380139.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16214/1621406/1621406964.JPEG" srcset="/data/Photos/450x450w/16214/1621406/1621406964.JPEG 1x, /data/Photos/700x500w/16214/1621406/1621406964.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16153/1615380/1615380144.JPEG" srcset="/data/Photos/450x450w/16153/1615380/1615380144.JPEG 1x, /data/Photos/700x500w/16153/1615380/1615380144.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Barcelona Condal Mar Affiliated By Melia" data-hbs-name="Hotel Barcelona Condal Mar Affiliated By Melia"> <a class="hotels-by-stars__title-link" href="https://tryp-condal-mar.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly90cnlwLWNvbmRhbC1tYXIuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Barcelona Condal Mar Affiliated By Melia </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 4.4 km til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Meget god beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af meget god beliggenhed. Det har en karakter 7 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="80">8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Meget godt">Meget godt</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1903">(1903 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88917" data-hbs-latitude="41.38336" data-hbs-longitude="2.1628" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTEwNzAvMTEwNzAyMi8xMTA3MDIyMTQ2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11070/1107022/1107022146.JPEG" srcset="/data/Photos/450x450w/11070/1107022/1107022146.JPEG 1x, /data/Photos/700x500w/11070/1107022/1107022146.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273019/1273019206.JPEG" srcset="/data/Photos/450x450w/12730/1273019/1273019206.JPEG 1x, /data/Photos/700x500w/12730/1273019/1273019206.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273018/1273018774.JPEG" srcset="/data/Photos/450x450w/12730/1273018/1273018774.JPEG 1x, /data/Photos/700x500w/12730/1273018/1273018774.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273019/1273019941.JPEG" srcset="/data/Photos/450x450w/12730/1273019/1273019941.JPEG 1x, /data/Photos/700x500w/12730/1273019/1273019941.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11617/1161786/1161786096.JPEG" srcset="/data/Photos/450x450w/11617/1161786/1161786096.JPEG 1x, /data/Photos/700x500w/11617/1161786/1161786096.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11122/1112278/1112278920.JPEG" srcset="/data/Photos/450x450w/11122/1112278/1112278920.JPEG 1x, /data/Photos/700x500w/11122/1112278/1112278920.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Casa Elliot By Bondia Hotel Group Barcelona" data-hbs-name="Casa Elliot By Bondia Hotel Group Barcelona"> <a class="hotels-by-stars__title-link" href="https://advance.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9hZHZhbmNlLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Casa Elliot By Bondia Hotel Group Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 700 m til et bycentrum </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Fremragende beliggenhed </span> <div class="hotels-by-stars__grade-details">Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.2 ud af 10 for beliggenhed baseret på de besøgendes anmeldelser. Det må være et bekvemt sted at bo på!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fremragende">Fremragende</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2572">(2572 anmeldelser)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88918" data-hbs-latitude="41.41008" data-hbs-longitude="2.2188199" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxMTAvMTYxMTA1Ni8xNjExMDU2MjkxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611056/1611056291.JPEG" srcset="/data/Photos/450x450w/16110/1611056/1611056291.JPEG 1x, /data/Photos/700x500w/16110/1611056/1611056291.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631544/1631544418.JPEG" srcset="/data/Photos/450x450w/16315/1631544/1631544418.JPEG 1x, /data/Photos/700x500w/16315/1631544/1631544418.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631544/1631544419.JPEG" srcset="/data/Photos/450x450w/16315/1631544/1631544419.JPEG 1x, /data/Photos/700x500w/16315/1631544/1631544419.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631544/1631544420.JPEG" srcset="/data/Photos/450x450w/16315/1631544/1631544420.JPEG 1x, /data/Photos/700x500w/16315/1631544/1631544420.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631544/1631544421.JPEG" srcset="/data/Photos/450x450w/16315/1631544/1631544421.JPEG 1x, /data/Photos/700x500w/16315/1631544/1631544421.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631544/1631544425.JPEG" srcset="/data/Photos/450x450w/16315/1631544/1631544425.JPEG 1x, /data/Photos/700x500w/16315/1631544/1631544425.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ac Hotel Barcelona Forum By Marriott" data-hbs-name="Ac Hotel Barcelona Forum By Marriott"> <a class="hotels-by-stars__title-link" href="https://ac-hotel-barcelona-forum.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9hYy1ob3RlbC1iYXJjZWxvbmEtZm9ydW0uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Ac Hotel Barcelona Forum By Marriott </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88923" data-hbs-latitude="41.374706" data-hbs-longitude="2.170767" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM3MjMvMTM3MjM2OS8xMzcyMzY5NTg5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13723/1372369/1372369589.JPEG" srcset="/data/Photos/450x450w/13723/1372369/1372369589.JPEG 1x, /data/Photos/700x500w/13723/1372369/1372369589.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15416/1541684/1541684221.JPEG" srcset="/data/Photos/450x450w/15416/1541684/1541684221.JPEG 1x, /data/Photos/700x500w/15416/1541684/1541684221.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15416/1541684/1541684239.JPEG" srcset="/data/Photos/450x450w/15416/1541684/1541684239.JPEG 1x, /data/Photos/700x500w/15416/1541684/1541684239.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15416/1541684/1541684299.JPEG" srcset="/data/Photos/450x450w/15416/1541684/1541684299.JPEG 1x, /data/Photos/700x500w/15416/1541684/1541684299.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15416/1541684/1541684224.JPEG" srcset="/data/Photos/450x450w/15416/1541684/1541684224.JPEG 1x, /data/Photos/700x500w/15416/1541684/1541684224.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15416/1541684/1541684290.JPEG" srcset="/data/Photos/450x450w/15416/1541684/1541684290.JPEG 1x, /data/Photos/700x500w/15416/1541684/1541684290.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Innside By Melia Barcelona Apolo" data-hbs-name="Innside By Melia Barcelona Apolo"> <a class="hotels-by-stars__title-link" href="https://tryp-apolo.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly90cnlwLWFwb2xvLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Innside By Melia Barcelona Apolo </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88930" data-hbs-latitude="41.38617" data-hbs-longitude="2.16824" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU1NjIvMTU1NjI5MC8xNTU2MjkwNTc5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15562/1556290/1556290579.JPEG" srcset="/data/Photos/450x450w/15562/1556290/1556290579.JPEG 1x, /data/Photos/700x500w/15562/1556290/1556290579.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14987/1498714/1498714372.JPEG" srcset="/data/Photos/450x450w/14987/1498714/1498714372.JPEG 1x, /data/Photos/700x500w/14987/1498714/1498714372.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15562/1556290/1556290588.JPEG" srcset="/data/Photos/450x450w/15562/1556290/1556290588.JPEG 1x, /data/Photos/700x500w/15562/1556290/1556290588.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15843/1584395/1584395719.JPEG" srcset="/data/Photos/450x450w/15843/1584395/1584395719.JPEG 1x, /data/Photos/700x500w/15843/1584395/1584395719.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15843/1584395/1584395758.JPEG" srcset="/data/Photos/450x450w/15843/1584395/1584395758.JPEG 1x, /data/Photos/700x500w/15843/1584395/1584395758.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15562/1556290/1556290621.JPEG" srcset="/data/Photos/450x450w/15562/1556290/1556290621.JPEG 1x, /data/Photos/700x500w/15562/1556290/1556290621.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Pulitzer Barcelona" data-hbs-name="Hotel Pulitzer Barcelona"> <a class="hotels-by-stars__title-link" href="https://pulitzer.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9wdWxpdHplci5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hotel Pulitzer Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88936" data-hbs-latitude="41.38610221" data-hbs-longitude="2.16793918" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwMDIvMTYwMDIxMy8xNjAwMjEzODE4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16002/1600213/1600213818.JPEG" srcset="/data/Photos/450x450w/16002/1600213/1600213818.JPEG 1x, /data/Photos/700x500w/16002/1600213/1600213818.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15562/1556290/1556290711.JPEG" srcset="/data/Photos/450x450w/15562/1556290/1556290711.JPEG 1x, /data/Photos/700x500w/15562/1556290/1556290711.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16002/1600213/1600213794.JPEG" srcset="/data/Photos/450x450w/16002/1600213/1600213794.JPEG 1x, /data/Photos/700x500w/16002/1600213/1600213794.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16002/1600213/1600213827.JPEG" srcset="/data/Photos/450x450w/16002/1600213/1600213827.JPEG 1x, /data/Photos/700x500w/16002/1600213/1600213827.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16002/1600213/1600213828.JPEG" srcset="/data/Photos/450x450w/16002/1600213/1600213828.JPEG 1x, /data/Photos/700x500w/16002/1600213/1600213828.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16002/1600213/1600213845.JPEG" srcset="/data/Photos/450x450w/16002/1600213/1600213845.JPEG 1x, /data/Photos/700x500w/16002/1600213/1600213845.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Regina Barcelona" data-hbs-name="Hotel Regina Barcelona"> <a class="hotels-by-stars__title-link" href="https://regina.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9yZWdpbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Regina Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88940" data-hbs-latitude="41.39175" data-hbs-longitude="2.157397" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU1NTEvMTU1NTE4My8xNTU1MTgzMzEyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15551/1555183/1555183312.JPEG" srcset="/data/Photos/450x450w/15551/1555183/1555183312.JPEG 1x, /data/Photos/700x500w/15551/1555183/1555183312.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273085/1273085962.JPEG" srcset="/data/Photos/450x450w/12730/1273085/1273085962.JPEG 1x, /data/Photos/700x500w/12730/1273085/1273085962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273086/1273086835.JPEG" srcset="/data/Photos/450x450w/12730/1273086/1273086835.JPEG 1x, /data/Photos/700x500w/12730/1273086/1273086835.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273087/1273087507.JPEG" srcset="/data/Photos/450x450w/12730/1273087/1273087507.JPEG 1x, /data/Photos/700x500w/12730/1273087/1273087507.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273088/1273088113.JPEG" srcset="/data/Photos/450x450w/12730/1273088/1273088113.JPEG 1x, /data/Photos/700x500w/12730/1273088/1273088113.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273088/1273088431.JPEG" srcset="/data/Photos/450x450w/12730/1273088/1273088431.JPEG 1x, /data/Photos/700x500w/12730/1273088/1273088431.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel America Barcelona" data-hbs-name="Hotel America Barcelona"> <a class="hotels-by-stars__title-link" href="https://america-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9hbWVyaWNhLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hotel America Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88957" data-hbs-latitude="41.38315" data-hbs-longitude="2.17778" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyOTgvMTYyOTg4Ny8xNjI5ODg3Nzg5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629887/1629887789.JPEG" srcset="/data/Photos/450x450w/16298/1629887/1629887789.JPEG 1x, /data/Photos/700x500w/16298/1629887/1629887789.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629887/1629887793.JPEG" srcset="/data/Photos/450x450w/16298/1629887/1629887793.JPEG 1x, /data/Photos/700x500w/16298/1629887/1629887793.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629887/1629887795.JPEG" srcset="/data/Photos/450x450w/16298/1629887/1629887795.JPEG 1x, /data/Photos/700x500w/16298/1629887/1629887795.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629887/1629887796.JPEG" srcset="/data/Photos/450x450w/16298/1629887/1629887796.JPEG 1x, /data/Photos/700x500w/16298/1629887/1629887796.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629887/1629887797.JPEG" srcset="/data/Photos/450x450w/16298/1629887/1629887797.JPEG 1x, /data/Photos/700x500w/16298/1629887/1629887797.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629887/1629887798.JPEG" srcset="/data/Photos/450x450w/16298/1629887/1629887798.JPEG 1x, /data/Photos/700x500w/16298/1629887/1629887798.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Gran Hotel Barcino Barcelona" data-hbs-name="Gran Hotel Barcino Barcelona"> <a class="hotels-by-stars__title-link" href="https://gran-hotel-barcino.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ncmFuLWhvdGVsLWJhcmNpbm8uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Gran Hotel Barcino Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88958" data-hbs-latitude="41.39497" data-hbs-longitude="2.15938" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTk3Mi85OTcyOTEvOTk3MjkxMzc3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9972/997291/997291377.JPEG" srcset="/data/Photos/450x450w/9972/997291/997291377.JPEG 1x, /data/Photos/700x500w/9972/997291/997291377.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14365/1436555/1436555167.JPEG" srcset="/data/Photos/450x450w/14365/1436555/1436555167.JPEG 1x, /data/Photos/700x500w/14365/1436555/1436555167.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14365/1436567/1436567323.JPEG" srcset="/data/Photos/450x450w/14365/1436567/1436567323.JPEG 1x, /data/Photos/700x500w/14365/1436567/1436567323.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273000/1273000468.JPEG" srcset="/data/Photos/450x450w/12730/1273000/1273000468.JPEG 1x, /data/Photos/700x500w/12730/1273000/1273000468.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15960/1596009/1596009632.JPEG" srcset="/data/Photos/450x450w/15960/1596009/1596009632.JPEG 1x, /data/Photos/700x500w/15960/1596009/1596009632.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15960/1596009/1596009555.JPEG" srcset="/data/Photos/450x450w/15960/1596009/1596009555.JPEG 1x, /data/Photos/700x500w/15960/1596009/1596009555.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Gallery Hotel 4 Sup Barcelona" data-hbs-name="Gallery Hotel 4 Sup Barcelona"> <a class="hotels-by-stars__title-link" href="https://gallery-hotel-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9nYWxsZXJ5LWhvdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Gallery Hotel 4 Sup Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88966" data-hbs-latitude="41.38354" data-hbs-longitude="2.17819" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4NjgvMTU4NjgyNC8xNTg2ODI0MDI2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586824/1586824026.JPEG" srcset="/data/Photos/450x450w/15868/1586824/1586824026.JPEG 1x, /data/Photos/700x500w/15868/1586824/1586824026.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610215/1610215993.JPEG" srcset="/data/Photos/450x450w/16102/1610215/1610215993.JPEG 1x, /data/Photos/700x500w/16102/1610215/1610215993.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602950/1602950561.JPEG" srcset="/data/Photos/450x450w/16029/1602950/1602950561.JPEG 1x, /data/Photos/700x500w/16029/1602950/1602950561.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602950/1602950562.JPEG" srcset="/data/Photos/450x450w/16029/1602950/1602950562.JPEG 1x, /data/Photos/700x500w/16029/1602950/1602950562.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586823/1586823964.JPEG" srcset="/data/Photos/450x450w/15868/1586823/1586823964.JPEG 1x, /data/Photos/700x500w/15868/1586823/1586823964.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586823/1586823976.JPEG" srcset="/data/Photos/450x450w/15868/1586823/1586823976.JPEG 1x, /data/Photos/700x500w/15868/1586823/1586823976.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Gotico Barcelona" data-hbs-name="Hotel Gotico Barcelona"> <a class="hotels-by-stars__title-link" href="https://gotico.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9nb3RpY28uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Gotico Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88988" data-hbs-latitude="41.384167" data-hbs-longitude="2.160738" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU3MjYvMTU3MjY2Ny8xNTcyNjY3ODgwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15726/1572667/1572667880.JPEG" srcset="/data/Photos/450x450w/15726/1572667/1572667880.JPEG 1x, /data/Photos/700x500w/15726/1572667/1572667880.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273099/1273099636.JPEG" srcset="/data/Photos/450x450w/12730/1273099/1273099636.JPEG 1x, /data/Photos/700x500w/12730/1273099/1273099636.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273098/1273098982.JPEG" srcset="/data/Photos/450x450w/12730/1273098/1273098982.JPEG 1x, /data/Photos/700x500w/12730/1273098/1273098982.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273099/1273099105.JPEG" srcset="/data/Photos/450x450w/12730/1273099/1273099105.JPEG 1x, /data/Photos/700x500w/12730/1273099/1273099105.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273100/1273100590.JPEG" srcset="/data/Photos/450x450w/12731/1273100/1273100590.JPEG 1x, /data/Photos/700x500w/12731/1273100/1273100590.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553536/1553536321.JPEG" srcset="/data/Photos/450x450w/15535/1553536/1553536321.JPEG 1x, /data/Photos/700x500w/15535/1553536/1553536321.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="H10 Casanova Hotel Barcelona" data-hbs-name="H10 Casanova Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://h10-casanova.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9oMTAtY2FzYW5vdmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> H10 Casanova Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88990" data-hbs-latitude="41.38342" data-hbs-longitude="2.15987" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ3MzAvMTQ3MzAzNy8xNDczMDM3NTQ2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14730/1473037/1473037546.JPEG" srcset="/data/Photos/450x450w/14730/1473037/1473037546.JPEG 1x, /data/Photos/700x500w/14730/1473037/1473037546.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273191/1273191985.JPEG" srcset="/data/Photos/450x450w/12731/1273191/1273191985.JPEG 1x, /data/Photos/700x500w/12731/1273191/1273191985.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273193/1273193131.JPEG" srcset="/data/Photos/450x450w/12731/1273193/1273193131.JPEG 1x, /data/Photos/700x500w/12731/1273193/1273193131.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273193/1273193263.JPEG" srcset="/data/Photos/450x450w/12731/1273193/1273193263.JPEG 1x, /data/Photos/700x500w/12731/1273193/1273193263.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12079/1207948/1207948363.JPEG" srcset="/data/Photos/450x450w/12079/1207948/1207948363.JPEG 1x, /data/Photos/700x500w/12079/1207948/1207948363.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1289/128910/128910855.JPEG" srcset="/data/Photos/450x450w/1289/128910/128910855.JPEG 1x, /data/Photos/700x500w/1289/128910/128910855.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Soho Barcelona" data-hbs-name="Hotel Soho Barcelona"> <a class="hotels-by-stars__title-link" href="https://soho-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9zb2hvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hotel Soho Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89014" data-hbs-latitude="41.3791275024414" data-hbs-longitude="2.1605167388916" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODQ2MC84NDYwNjkvODQ2MDY5NjU5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8460/846069/846069659.JPEG" srcset="/data/Photos/450x450w/8460/846069/846069659.JPEG 1x, /data/Photos/700x500w/8460/846069/846069659.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10239/1023974/1023974647.JPEG" srcset="/data/Photos/450x450w/10239/1023974/1023974647.JPEG 1x, /data/Photos/700x500w/10239/1023974/1023974647.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10239/1023973/1023973987.JPEG" srcset="/data/Photos/450x450w/10239/1023973/1023973987.JPEG 1x, /data/Photos/700x500w/10239/1023973/1023973987.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10239/1023974/1023974089.JPEG" srcset="/data/Photos/450x450w/10239/1023974/1023974089.JPEG 1x, /data/Photos/700x500w/10239/1023974/1023974089.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10101/1010104/1010104321.JPEG" srcset="/data/Photos/450x450w/10101/1010104/1010104321.JPEG 1x, /data/Photos/700x500w/10101/1010104/1010104321.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8460/846064/846064547.JPEG" srcset="/data/Photos/450x450w/8460/846064/846064547.JPEG 1x, /data/Photos/700x500w/8460/846064/846064547.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Market Barcelona" data-hbs-name="Hotel Market Barcelona"> <a class="hotels-by-stars__title-link" href="https://hotel-market.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1tYXJrZXQuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Market Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="100692" data-hbs-latitude="41.388746" data-hbs-longitude="2.131467" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwMDUvMTYwMDU1OS8xNjAwNTU5Mjc4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16005/1600559/1600559278.JPEG" srcset="/data/Photos/450x450w/16005/1600559/1600559278.JPEG 1x, /data/Photos/700x500w/16005/1600559/1600559278.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618267/1618267177.JPEG" srcset="/data/Photos/450x450w/16182/1618267/1618267177.JPEG 1x, /data/Photos/700x500w/16182/1618267/1618267177.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618267/1618267176.JPEG" srcset="/data/Photos/450x450w/16182/1618267/1618267176.JPEG 1x, /data/Photos/700x500w/16182/1618267/1618267176.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618267/1618267141.JPEG" srcset="/data/Photos/450x450w/16182/1618267/1618267141.JPEG 1x, /data/Photos/700x500w/16182/1618267/1618267141.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618267/1618267148.JPEG" srcset="/data/Photos/450x450w/16182/1618267/1618267148.JPEG 1x, /data/Photos/700x500w/16182/1618267/1618267148.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618267/1618267154.JPEG" srcset="/data/Photos/450x450w/16182/1618267/1618267154.JPEG 1x, /data/Photos/700x500w/16182/1618267/1618267154.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hilton Barcelona Hotel" data-hbs-name="Hilton Barcelona Hotel"> <a class="hotels-by-stars__title-link" href="https://hilton-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9oaWx0b24tYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Hilton Barcelona Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="116629" data-hbs-latitude="41.378503" data-hbs-longitude="2.178063" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTgyNi85ODI2MDIvOTgyNjAyMjg2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9826/982602/982602286.JPEG" srcset="/data/Photos/450x450w/9826/982602/982602286.JPEG 1x, /data/Photos/700x500w/9826/982602/982602286.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15431/1543180/1543180723.JPEG" srcset="/data/Photos/450x450w/15431/1543180/1543180723.JPEG 1x, /data/Photos/700x500w/15431/1543180/1543180723.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11376/1137688/1137688498.JPEG" srcset="/data/Photos/450x450w/11376/1137688/1137688498.JPEG 1x, /data/Photos/700x500w/11376/1137688/1137688498.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11376/1137692/1137692089.JPEG" srcset="/data/Photos/450x450w/11376/1137692/1137692089.JPEG 1x, /data/Photos/700x500w/11376/1137692/1137692089.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9825/982590/982590271.JPEG" srcset="/data/Photos/450x450w/9825/982590/982590271.JPEG 1x, /data/Photos/700x500w/9825/982590/982590271.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9825/982591/982591084.JPEG" srcset="/data/Photos/450x450w/9825/982591/982591084.JPEG 1x, /data/Photos/700x500w/9825/982591/982591084.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Canton Barcelona" data-hbs-name="Hotel Canton Barcelona"> <a class="hotels-by-stars__title-link" href="https://canton.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jYW50b24uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Canton Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="228686" data-hbs-latitude="41.37898" data-hbs-longitude="2.16949" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDQ2NC80NDY0MTMvNDQ2NDEzMzMyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4464/446413/446413332.JPEG" srcset="/data/Photos/450x450w/4464/446413/446413332.JPEG 1x, /data/Photos/700x500w/4464/446413/446413332.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580375/1580375695.JPEG" srcset="/data/Photos/450x450w/15803/1580375/1580375695.JPEG 1x, /data/Photos/700x500w/15803/1580375/1580375695.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13453/1345398/1345398542.JPEG" srcset="/data/Photos/450x450w/13453/1345398/1345398542.JPEG 1x, /data/Photos/700x500w/13453/1345398/1345398542.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13454/1345421/1345421003.JPEG" srcset="/data/Photos/450x450w/13454/1345421/1345421003.JPEG 1x, /data/Photos/700x500w/13454/1345421/1345421003.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13454/1345436/1345436729.JPEG" srcset="/data/Photos/450x450w/13454/1345436/1345436729.JPEG 1x, /data/Photos/700x500w/13454/1345436/1345436729.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13454/1345400/1345400939.JPEG" srcset="/data/Photos/450x450w/13454/1345400/1345400939.JPEG 1x, /data/Photos/700x500w/13454/1345400/1345400939.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Barcelo Raval Hotel Barcelona" data-hbs-name="Barcelo Raval Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://barcelo-raval.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvLXJhdmFsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Barcelo Raval Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="279528" data-hbs-latitude="41.39769" data-hbs-longitude="2.18879" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njg3MS82ODcxMzUvNjg3MTM1OTUxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6871/687135/687135951.JPEG" srcset="/data/Photos/450x450w/6871/687135/687135951.JPEG 1x, /data/Photos/700x500w/6871/687135/687135951.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11822/1182281/1182281056.JPEG" srcset="/data/Photos/450x450w/11822/1182281/1182281056.JPEG 1x, /data/Photos/700x500w/11822/1182281/1182281056.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7991/799163/799163253.JPEG" srcset="/data/Photos/450x450w/7991/799163/799163253.JPEG 1x, /data/Photos/700x500w/7991/799163/799163253.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12386/1238655/1238655154.JPEG" srcset="/data/Photos/450x450w/12386/1238655/1238655154.JPEG 1x, /data/Photos/700x500w/12386/1238655/1238655154.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12386/1238647/1238647294.JPEG" srcset="/data/Photos/450x450w/12386/1238647/1238647294.JPEG 1x, /data/Photos/700x500w/12386/1238647/1238647294.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6412/641233/641233848.JPEG" srcset="/data/Photos/450x450w/6412/641233/641233848.JPEG 1x, /data/Photos/700x500w/6412/641233/641233848.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Capri By Fraser Barcelona Hotel" data-hbs-name="Capri By Fraser Barcelona Hotel"> <a class="hotels-by-stars__title-link" href="https://capri-by-fraser-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jYXByaS1ieS1mcmFzZXItYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Capri By Fraser Barcelona Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="326393" data-hbs-latitude="41.38238" data-hbs-longitude="2.180746" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDQvMTU4MDQyMi8xNTgwNDIyODMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580422/1580422831.JPEG" srcset="/data/Photos/450x450w/15804/1580422/1580422831.JPEG 1x, /data/Photos/700x500w/15804/1580422/1580422831.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273098/1273098565.JPEG" srcset="/data/Photos/450x450w/12730/1273098/1273098565.JPEG 1x, /data/Photos/700x500w/12730/1273098/1273098565.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273099/1273099186.JPEG" srcset="/data/Photos/450x450w/12730/1273099/1273099186.JPEG 1x, /data/Photos/700x500w/12730/1273099/1273099186.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273099/1273099564.JPEG" srcset="/data/Photos/450x450w/12730/1273099/1273099564.JPEG 1x, /data/Photos/700x500w/12730/1273099/1273099564.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629893/1629893378.JPEG" srcset="/data/Photos/450x450w/16298/1629893/1629893378.JPEG 1x, /data/Photos/700x500w/16298/1629893/1629893378.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629893/1629893379.JPEG" srcset="/data/Photos/450x450w/16298/1629893/1629893379.JPEG 1x, /data/Photos/700x500w/16298/1629893/1629893379.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Barcelona Hotel Colonial" data-hbs-name="Barcelona Hotel Colonial"> <a class="hotels-by-stars__title-link" href="https://colonial.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9jb2xvbmlhbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Barcelona Hotel Colonial </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="328458" data-hbs-latitude="41.39621" data-hbs-longitude="2.20057" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU0NDcvMTU0NDc5NS8xNTQ0Nzk1MTQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15447/1544795/1544795149.JPEG" srcset="/data/Photos/450x450w/15447/1544795/1544795149.JPEG 1x, /data/Photos/700x500w/15447/1544795/1544795149.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15447/1544795/1544795062.JPEG" srcset="/data/Photos/450x450w/15447/1544795/1544795062.JPEG 1x, /data/Photos/700x500w/15447/1544795/1544795062.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580433/1580433511.JPEG" srcset="/data/Photos/450x450w/15804/1580433/1580433511.JPEG 1x, /data/Photos/700x500w/15804/1580433/1580433511.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580433/1580433541.JPEG" srcset="/data/Photos/450x450w/15804/1580433/1580433541.JPEG 1x, /data/Photos/700x500w/15804/1580433/1580433541.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15447/1544795/1544795008.JPEG" srcset="/data/Photos/450x450w/15447/1544795/1544795008.JPEG 1x, /data/Photos/700x500w/15447/1544795/1544795008.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15447/1544794/1544794933.JPEG" srcset="/data/Photos/450x450w/15447/1544794/1544794933.JPEG 1x, /data/Photos/700x500w/15447/1544794/1544794933.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Best 4 Barcelona" data-hbs-name="Hotel Best 4 Barcelona"> <a class="hotels-by-stars__title-link" href="https://hotel-4-barcelona-08005.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ob3RlbC00LWJhcmNlbG9uYS0wODAwNS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hotel Best 4 Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="332878" data-hbs-latitude="41.3925" data-hbs-longitude="2.17271" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjgzMy82ODMzMzQvNjgzMzM0MDM2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6833/683334/683334036.JPEG" srcset="/data/Photos/450x450w/6833/683334/683334036.JPEG 1x, /data/Photos/700x500w/6833/683334/683334036.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580428/1580428835.JPEG" srcset="/data/Photos/450x450w/15804/1580428/1580428835.JPEG 1x, /data/Photos/700x500w/15804/1580428/1580428835.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580428/1580428927.JPEG" srcset="/data/Photos/450x450w/15804/1580428/1580428927.JPEG 1x, /data/Photos/700x500w/15804/1580428/1580428927.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2500/250055/250055305.JPEG" srcset="/data/Photos/450x450w/2500/250055/250055305.JPEG 1x, /data/Photos/700x500w/2500/250055/250055305.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2500/250056/250056469.JPEG" srcset="/data/Photos/450x450w/2500/250056/250056469.JPEG 1x, /data/Photos/700x500w/2500/250056/250056469.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2500/250060/250060665.JPEG" srcset="/data/Photos/450x450w/2500/250060/250060665.JPEG 1x, /data/Photos/700x500w/2500/250060/250060665.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Grupotel Gran Via 678 Barcelona" data-hbs-name="Grupotel Gran Via 678 Barcelona"> <a class="hotels-by-stars__title-link" href="https://grupotel-gran-via-678.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ncnVwb3RlbC1ncmFuLXZpYS02NzguaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Grupotel Gran Via 678 Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="378271" data-hbs-latitude="41.39922" data-hbs-longitude="2.20768" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyMDUvMTYyMDU5Mi8xNjIwNTkyMzU5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16205/1620592/1620592359.JPEG" srcset="/data/Photos/450x450w/16205/1620592/1620592359.JPEG 1x, /data/Photos/700x500w/16205/1620592/1620592359.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580485/1580485269.JPEG" srcset="/data/Photos/450x450w/15804/1580485/1580485269.JPEG 1x, /data/Photos/700x500w/15804/1580485/1580485269.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16205/1620592/1620592313.JPEG" srcset="/data/Photos/450x450w/16205/1620592/1620592313.JPEG 1x, /data/Photos/700x500w/16205/1620592/1620592313.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16205/1620592/1620592314.JPEG" srcset="/data/Photos/450x450w/16205/1620592/1620592314.JPEG 1x, /data/Photos/700x500w/16205/1620592/1620592314.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16205/1620592/1620592315.JPEG" srcset="/data/Photos/450x450w/16205/1620592/1620592315.JPEG 1x, /data/Photos/700x500w/16205/1620592/1620592315.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16205/1620592/1620592327.JPEG" srcset="/data/Photos/450x450w/16205/1620592/1620592327.JPEG 1x, /data/Photos/700x500w/16205/1620592/1620592327.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Lugaris Beach Apartments Barcelona" data-hbs-name="Lugaris Beach Apartments Barcelona"> <a class="hotels-by-stars__title-link" href="https://lugaris-sea-the-home-concept.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9sdWdhcmlzLXNlYS10aGUtaG9tZS1jb25jZXB0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Lugaris Beach Apartments Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="436780" data-hbs-latitude="41.37673" data-hbs-longitude="2.15001" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzAzNC8xMjczMDM0OTQ0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273034/1273034944.JPEG" srcset="/data/Photos/450x450w/12730/1273034/1273034944.JPEG 1x, /data/Photos/700x500w/12730/1273034/1273034944.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273034/1273034704.JPEG" srcset="/data/Photos/450x450w/12730/1273034/1273034704.JPEG 1x, /data/Photos/700x500w/12730/1273034/1273034704.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273035/1273035031.JPEG" srcset="/data/Photos/450x450w/12730/1273035/1273035031.JPEG 1x, /data/Photos/700x500w/12730/1273035/1273035031.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273035/1273035202.JPEG" srcset="/data/Photos/450x450w/12730/1273035/1273035202.JPEG 1x, /data/Photos/700x500w/12730/1273035/1273035202.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273034/1273034626.JPEG" srcset="/data/Photos/450x450w/12730/1273034/1273034626.JPEG 1x, /data/Photos/700x500w/12730/1273034/1273034626.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273034/1273034794.JPEG" srcset="/data/Photos/450x450w/12730/1273034/1273034794.JPEG 1x, /data/Photos/700x500w/12730/1273034/1273034794.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ofelias Hotel 4Sup By Bondia Hotel Group Barcelona" data-hbs-name="Ofelias Hotel 4Sup By Bondia Hotel Group Barcelona"> <a class="hotels-by-stars__title-link" href="https://ofelias-hotel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9vZmVsaWFzLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Ofelias Hotel 4Sup By Bondia Hotel Group Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="444996" data-hbs-latitude="41.379604" data-hbs-longitude="2.1724646" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAwMDkvMTAwMDk4OC8xMDAwOTg4OTgyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10009/1000988/1000988982.JPEG" srcset="/data/Photos/450x450w/10009/1000988/1000988982.JPEG 1x, /data/Photos/700x500w/10009/1000988/1000988982.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580612/1580612343.JPEG" srcset="/data/Photos/450x450w/15806/1580612/1580612343.JPEG 1x, /data/Photos/700x500w/15806/1580612/1580612343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580632/1580632045.JPEG" srcset="/data/Photos/450x450w/15806/1580632/1580632045.JPEG 1x, /data/Photos/700x500w/15806/1580632/1580632045.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580632/1580632127.JPEG" srcset="/data/Photos/450x450w/15806/1580632/1580632127.JPEG 1x, /data/Photos/700x500w/15806/1580632/1580632127.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580632/1580632149.JPEG" srcset="/data/Photos/450x450w/15806/1580632/1580632149.JPEG 1x, /data/Photos/700x500w/15806/1580632/1580632149.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580612/1580612403.JPEG" srcset="/data/Photos/450x450w/15806/1580612/1580612403.JPEG 1x, /data/Photos/700x500w/15806/1580612/1580612403.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Peninsular Barcelona" data-hbs-name="Hotel Peninsular Barcelona"> <a class="hotels-by-stars__title-link" href="https://peninsular-hotel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9wZW5pbnN1bGFyLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Hotel Peninsular Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="457665" data-hbs-latitude="41.39124" data-hbs-longitude="2.17029" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ0MjYvMTQ0MjYxNS8xNDQyNjE1NjgwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14426/1442615/1442615680.JPEG" srcset="/data/Photos/450x450w/14426/1442615/1442615680.JPEG 1x, /data/Photos/700x500w/14426/1442615/1442615680.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14426/1442615/1442615992.JPEG" srcset="/data/Photos/450x450w/14426/1442615/1442615992.JPEG 1x, /data/Photos/700x500w/14426/1442615/1442615992.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12781/1278112/1278112786.JPEG" srcset="/data/Photos/450x450w/12781/1278112/1278112786.JPEG 1x, /data/Photos/700x500w/12781/1278112/1278112786.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14426/1442615/1442615368.JPEG" srcset="/data/Photos/450x450w/14426/1442615/1442615368.JPEG 1x, /data/Photos/700x500w/14426/1442615/1442615368.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14426/1442613/1442613007.JPEG" srcset="/data/Photos/450x450w/14426/1442613/1442613007.JPEG 1x, /data/Photos/700x500w/14426/1442613/1442613007.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12781/1278111/1278111331.JPEG" srcset="/data/Photos/450x450w/12781/1278111/1278111331.JPEG 1x, /data/Photos/700x500w/12781/1278111/1278111331.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Indigo Barcelona - Plaza Catalunya 4Sup, An Ihg Hotel" data-hbs-name="Hotel Indigo Barcelona - Plaza Catalunya 4Sup, An Ihg Hotel"> <a class="hotels-by-stars__title-link" href="https://hotel-indigo-barcelona-plaza-catalunya.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1pbmRpZ28tYmFyY2Vsb25hLXBsYXphLWNhdGFsdW55YS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Hotel Indigo Barcelona - Plaza Catalunya 4Sup, An Ihg Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="541886" data-hbs-latitude="41.399122" data-hbs-longitude="2.162742" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzExOC8xMjczMTE4NDAxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273118/1273118401.JPEG" srcset="/data/Photos/450x450w/12731/1273118/1273118401.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118401.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273118/1273118839.JPEG" srcset="/data/Photos/450x450w/12731/1273118/1273118839.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118839.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273120/1273120048.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120048.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120048.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273120/1273120174.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120174.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120174.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273117/1273117114.JPEG" srcset="/data/Photos/450x450w/12731/1273117/1273117114.JPEG 1x, /data/Photos/700x500w/12731/1273117/1273117114.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273119/1273119976.JPEG" srcset="/data/Photos/450x450w/12731/1273119/1273119976.JPEG 1x, /data/Photos/700x500w/12731/1273119/1273119976.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Generator Barcelona Vandrehjem" data-hbs-name="Generator Barcelona Vandrehjem"> <a class="hotels-by-stars__title-link" href="https://generator-hostel-barcelona.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9nZW5lcmF0b3ItaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Generator Barcelona Vandrehjem </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="616024" data-hbs-latitude="41.389226" data-hbs-longitude="2.172629" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzIyMC8xMjczMjIwMDI5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273220/1273220029.JPEG" srcset="/data/Photos/450x450w/12732/1273220/1273220029.JPEG 1x, /data/Photos/700x500w/12732/1273220/1273220029.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273220/1273220959.JPEG" srcset="/data/Photos/450x450w/12732/1273220/1273220959.JPEG 1x, /data/Photos/700x500w/12732/1273220/1273220959.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15960/1596040/1596040668.JPEG" srcset="/data/Photos/450x450w/15960/1596040/1596040668.JPEG 1x, /data/Photos/700x500w/15960/1596040/1596040668.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15960/1596040/1596040676.JPEG" srcset="/data/Photos/450x450w/15960/1596040/1596040676.JPEG 1x, /data/Photos/700x500w/15960/1596040/1596040676.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15960/1596040/1596040677.JPEG" srcset="/data/Photos/450x450w/15960/1596040/1596040677.JPEG 1x, /data/Photos/700x500w/15960/1596040/1596040677.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15960/1596040/1596040685.JPEG" srcset="/data/Photos/450x450w/15960/1596040/1596040685.JPEG 1x, /data/Photos/700x500w/15960/1596040/1596040685.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="H10 Urquinaona Plaza Hotel Barcelona" data-hbs-name="H10 Urquinaona Plaza Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://h10-urquinaona-plaza.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9oMTAtdXJxdWluYW9uYS1wbGF6YS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> H10 Urquinaona Plaza Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="630767" data-hbs-latitude="41.35927985" data-hbs-longitude="2.13256001" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzI0NS8xMjczMjQ1ODkyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273245/1273245892.JPEG" srcset="/data/Photos/450x450w/12732/1273245/1273245892.JPEG 1x, /data/Photos/700x500w/12732/1273245/1273245892.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273245/1273245571.JPEG" srcset="/data/Photos/450x450w/12732/1273245/1273245571.JPEG 1x, /data/Photos/700x500w/12732/1273245/1273245571.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273246/1273246033.JPEG" srcset="/data/Photos/450x450w/12732/1273246/1273246033.JPEG 1x, /data/Photos/700x500w/12732/1273246/1273246033.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589580/1589580216.JPEG" srcset="/data/Photos/450x450w/15895/1589580/1589580216.JPEG 1x, /data/Photos/700x500w/15895/1589580/1589580216.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553540/1553540746.JPEG" srcset="/data/Photos/450x450w/15535/1553540/1553540746.JPEG 1x, /data/Photos/700x500w/15535/1553540/1553540746.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15533/1553390/1553390260.JPEG" srcset="/data/Photos/450x450w/15533/1553390/1553390260.JPEG 1x, /data/Photos/700x500w/15533/1553390/1553390260.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Sb Plaza Europa L'Hospitalet de Llobregat" data-hbs-name="Hotel Sb Plaza Europa L'Hospitalet de Llobregat"> <a class="hotels-by-stars__title-link" href="https://sb-plaza-europa.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9zYi1wbGF6YS1ldXJvcGEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Hotel Sb Plaza Europa L'Hospitalet de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="771925" data-hbs-latitude="41.3791458" data-hbs-longitude="2.15593179" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxNTYvMTYxNTY4Ni8xNjE1Njg2MTU0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16156/1615686/1615686154.JPEG" srcset="/data/Photos/450x450w/16156/1615686/1615686154.JPEG 1x, /data/Photos/700x500w/16156/1615686/1615686154.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16005/1600592/1600592942.JPEG" srcset="/data/Photos/450x450w/16005/1600592/1600592942.JPEG 1x, /data/Photos/700x500w/16005/1600592/1600592942.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2683/268378/268378753.JPEG" srcset="/data/Photos/450x450w/2683/268378/268378753.JPEG 1x, /data/Photos/700x500w/2683/268378/268378753.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2683/268378/268378765.JPEG" srcset="/data/Photos/450x450w/2683/268378/268378765.JPEG 1x, /data/Photos/700x500w/2683/268378/268378765.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14366/1436653/1436653828.JPEG" srcset="/data/Photos/450x450w/14366/1436653/1436653828.JPEG 1x, /data/Photos/700x500w/14366/1436653/1436653828.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14366/1436654/1436654110.JPEG" srcset="/data/Photos/450x450w/14366/1436654/1436654110.JPEG 1x, /data/Photos/700x500w/14366/1436654/1436654110.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Axel Two Barcelona 4 Sup - Adults Only Hotel" data-hbs-name="Axel Two Barcelona 4 Sup - Adults Only Hotel"> <a class="hotels-by-stars__title-link" href="https://two-hotel-barcelona-by-axel.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly90d28taG90ZWwtYmFyY2Vsb25hLWJ5LWF4ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> Axel Two Barcelona 4 Sup - Adults Only Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1217599" data-hbs-latitude="41.38801" data-hbs-longitude="2.17324" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzE2Ni8xMjczMTY2NzU4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273166/1273166758.JPEG" srcset="/data/Photos/450x450w/12731/1273166/1273166758.JPEG 1x, /data/Photos/700x500w/12731/1273166/1273166758.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273170/1273170001.JPEG" srcset="/data/Photos/450x450w/12731/1273170/1273170001.JPEG 1x, /data/Photos/700x500w/12731/1273170/1273170001.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273167/1273167547.JPEG" srcset="/data/Photos/450x450w/12731/1273167/1273167547.JPEG 1x, /data/Photos/700x500w/12731/1273167/1273167547.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273168/1273168900.JPEG" srcset="/data/Photos/450x450w/12731/1273168/1273168900.JPEG 1x, /data/Photos/700x500w/12731/1273168/1273168900.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273166/1273166437.JPEG" srcset="/data/Photos/450x450w/12731/1273166/1273166437.JPEG 1x, /data/Photos/700x500w/12731/1273166/1273166437.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273168/1273168390.JPEG" srcset="/data/Photos/450x450w/12731/1273168/1273168390.JPEG 1x, /data/Photos/700x500w/12731/1273168/1273168390.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="H10 Cubik 4* Sup Hotel Barcelona" data-hbs-name="H10 Cubik 4* Sup Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://h10-cubik.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9oMTAtY3ViaWsuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kYS8="> H10 Cubik 4* Sup Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="6864554" data-hbs-latitude="41.3752899169922" data-hbs-longitude="2.14769816398621" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM0OTgvMTM0OTgyNy8xMzQ5ODI3MDcyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13498/1349827/1349827072.JPEG" srcset="/data/Photos/450x450w/13498/1349827/1349827072.JPEG 1x, /data/Photos/700x500w/13498/1349827/1349827072.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13498/1349829/1349829727.JPEG" srcset="/data/Photos/450x450w/13498/1349829/1349829727.JPEG 1x, /data/Photos/700x500w/13498/1349829/1349829727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13458/1345899/1345899704.JPEG" srcset="/data/Photos/450x450w/13458/1345899/1345899704.JPEG 1x, /data/Photos/700x500w/13458/1345899/1345899704.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13498/1349825/1349825419.JPEG" srcset="/data/Photos/450x450w/13498/1349825/1349825419.JPEG 1x, /data/Photos/700x500w/13498/1349825/1349825419.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13498/1349827/1349827195.JPEG" srcset="/data/Photos/450x450w/13498/1349827/1349827195.JPEG 1x, /data/Photos/700x500w/13498/1349827/1349827195.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13498/1349828/1349828251.JPEG" srcset="/data/Photos/450x450w/13498/1349828/1349828251.JPEG 1x, /data/Photos/700x500w/13498/1349828/1349828251.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Occidental Barcelona 1929 Hotel" data-hbs-name="Occidental Barcelona 1929 Hotel"> <a class="hotels-by-stars__title-link" href="https://ona-hotels-terra.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9vbmEtaG90ZWxzLXRlcnJhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Occidental Barcelona 1929 Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7115765" data-hbs-latitude="41.39912134439731" data-hbs-longitude="2.2005544013273504" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIyNDAvMTIyNDA5NC8xMjI0MDk0NzgzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12240/1224094/1224094783.JPEG" srcset="/data/Photos/450x450w/12240/1224094/1224094783.JPEG 1x, /data/Photos/700x500w/12240/1224094/1224094783.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15203/1520324/1520324113.JPEG" srcset="/data/Photos/450x450w/15203/1520324/1520324113.JPEG 1x, /data/Photos/700x500w/15203/1520324/1520324113.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15203/1520324/1520324962.JPEG" srcset="/data/Photos/450x450w/15203/1520324/1520324962.JPEG 1x, /data/Photos/700x500w/15203/1520324/1520324962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9468/946804/946804813.JPEG" srcset="/data/Photos/450x450w/9468/946804/946804813.JPEG 1x, /data/Photos/700x500w/9468/946804/946804813.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9553/955395/955395037.JPEG" srcset="/data/Photos/450x450w/9553/955395/955395037.JPEG 1x, /data/Photos/700x500w/9553/955395/955395037.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9553/955395/955395202.JPEG" srcset="/data/Photos/450x450w/9553/955395/955395202.JPEG 1x, /data/Photos/700x500w/9553/955395/955395202.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Acta Voraport Hotel Barcelona" data-hbs-name="Acta Voraport Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://acta-voraport.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9hY3RhLXZvcmFwb3J0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGEv"> Acta Voraport Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10547402" data-hbs-latitude="41.35785674366831" data-hbs-longitude="2.138579065151207" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MTAvMTI3MTAxNy8xMjcxMDE3NjI0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12710/1271017/1271017624.JPEG" srcset="/data/Photos/450x450w/12710/1271017/1271017624.JPEG 1x, /data/Photos/700x500w/12710/1271017/1271017624.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16309/1630921/1630921897.JPEG" srcset="/data/Photos/450x450w/16309/1630921/1630921897.JPEG 1x, /data/Photos/700x500w/16309/1630921/1630921897.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16309/1630921/1630921900.JPEG" srcset="/data/Photos/450x450w/16309/1630921/1630921900.JPEG 1x, /data/Photos/700x500w/16309/1630921/1630921900.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16309/1630921/1630921904.JPEG" srcset="/data/Photos/450x450w/16309/1630921/1630921904.JPEG 1x, /data/Photos/700x500w/16309/1630921/1630921904.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16309/1630921/1630921906.JPEG" srcset="/data/Photos/450x450w/16309/1630921/1630921906.JPEG 1x, /data/Photos/700x500w/16309/1630921/1630921906.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16309/1630921/1630921908.JPEG" srcset="/data/Photos/450x450w/16309/1630921/1630921908.JPEG 1x, /data/Photos/700x500w/16309/1630921/1630921908.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Leonardo Royal Hotel Barcelona Fira" data-hbs-name="Leonardo Royal Hotel Barcelona Fira"> <a class="hotels-by-stars__title-link" href="https://leonardo-royal-hotel-barcelona-fira.hotelbcn-barcelona.com/da/" data-hbs-url="aHR0cHM6Ly9sZW9uYXJkby1yb3lhbC1ob3RlbC1iYXJjZWxvbmEtZmlyYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RhLw=="> Leonardo Royal Hotel Barcelona Fira </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Vis på kortet</div> </div> </div> </div> </div> </div> </div> <div class="ht-map js-htbs-map"> <div class="ht-map__close-bg js-map-close"></div> <svg width="20px" height="20px" class="ht-map__close-btn js-map-close" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <path class="st0" d="M23.6,21.4C23.6,21.4,23.6,21.4,23.6,21.4L14.1,12v0l9.4-9.4c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0 L12,9.9L2.6,0.4C2-0.1,1-0.1,0.4,0.4C-0.1,1-0.1,2,0.4,2.6L9.9,12l-9.4,9.4c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.4-9.4 l9.4,9.4c0.6,0.6,1.5,0.6,2.1,0c0,0,0,0,0,0C24.1,23,24.1,22,23.6,21.4z"/> </svg> <div class="ht-map__inner" id="htbs-map"></div> </div> </div> </div> </div> </div> <div class="hot-deal-block"> <div class="new-container"> <div class="hot-deal"> <div class="hot-deal__top"> <a href="/hotels-tonight/"> <svg class="icon icon-bell" xmlns="http://www.w3.org/2000/svg" width="26" height="24"> <path d="M20.583 11.392V9.767c0-3.428-2.288-6.329-5.416-7.264v-.32C15.167.99 14.194.018 13 .018s-2.167.972-2.167 2.167v.319c-3.128.935-5.416 3.836-5.416 7.264v1.625c0 3.606-.849 4.873-1.469 5.798-.358.536-.698 1.042-.698 1.785 0 1.766 3.681 2.386 6.666 2.6.419 1.34 1.647 2.275 3.084 2.275s2.665-.936 3.084-2.276c2.985-.213 6.666-.833 6.666-2.599 0-.743-.34-1.25-.698-1.785-.62-.925-1.469-2.192-1.469-5.798zm-6.5-9.122c-.354-.051-.714-.086-1.083-.086s-.729.035-1.083.086v-.086a1.084 1.084 0 012.166 0v.086zm11.272 5.726a.543.543 0 00-1.029.343c.392 1.172.59 2.382.59 3.595s-.198 2.422-.59 3.595a.543.543 0 001.029.343c.428-1.284.645-2.609.645-3.938 0-1.33-.217-2.655-.645-3.938zm-2.739.342a.542.542 0 00-.343.685c.316.95.477 1.93.477 2.91a9.2 9.2 0 01-.477 2.912.543.543 0 00.514.712.542.542 0 00.514-.37c.354-1.062.532-2.156.532-3.253s-.178-2.192-.532-3.253a.543.543 0 00-.685-.343zM1.083 11.934c0-1.212.198-2.422.59-3.595a.544.544 0 00-.343-.686.548.548 0 00-.686.343A12.466 12.466 0 000 11.934c0 1.33.217 2.654.645 3.937a.544.544 0 00.686.343.543.543 0 00.343-.685 11.322 11.322 0 01-.59-3.595zm2.644 2.911a9.222 9.222 0 01-.477-2.911c0-.981.16-1.96.477-2.911a.543.543 0 00-1.028-.342c-.354 1.061-.532 2.156-.532 3.253s.178 2.191.532 3.252a.541.541 0 101.028-.341z" fill="#E12D2D" fill-rule="nonzero"/> </svg> <p>Sidste øjeblik-hoteltilbud</p> </a> <a class="btn btn-outline" href="/hotels-tonight/"> Vis alle tilbud <svg width="14" height="10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.22.145a.483.483 0 00-.69 0 .487.487 0 000 .683l3.498 3.499H.483A.48.48 0 000 4.81c0 .27.214.49.483.49h11.545L8.53 8.792a.495.495 0 000 .69.483.483 0 00.69 0l4.326-4.327a.475.475 0 000-.683L9.22.145z" fill="currentColor"/> </svg> </a> </div> <div class="hot-deal__text"> <p class="hot-deal__text__item js-ht-block-subtitle is-active" data-number="1">6 bedste tilgængelige hoteller fra 41US$ til 93US$ valgt af vores redaktører for fremragende gæsteanmeldelser, bekvem beliggenhed og god værdi for pengene.</p> <p class="hot-deal__text__item js-ht-block-subtitle" data-number="2">6 bedste tilgængelige hoteller fra 41US$ til 245US$ valgt af vores redaktører for fremragende gæsteanmeldelser, bekvem beliggenhed og god værdi for pengene.</p> </div> <div class="hot-deal__editors"> <div class="hot-deal__editors__images"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-1.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-2.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-3.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-4.jpg" alt="" loading="lazy"> </div> <p class="hot-deal__editors__text js-ht-block-editors is-active" data-number="1">Redaktørens valg for 21.12</p> <p class="hot-deal__editors__text js-ht-block-editors " data-number="2">Redaktørens valg for 22.12</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class='cookie-policy js-cookie-policy'> <div class='cookie-policy__wrapper'> <div class='cookie-policy__inner'> <div class='cookie-policy__inner-text'>Vi bruger cookies for at sikre, at vi giver dig den bedste oplevelse på vores hjemmeside. Hvis du fortsætter med at bruge denne side, vil vi antage, at du er tilfreds med den.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>OK</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>NEJ</div> </div> </div> </div> </div> <div class="feedback js-feedback-modal"> <div class="feedback__wrapper"> <div class="feedback__content js-feedback-inner"> <div class="feedback__close js-feedback-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="feedback__widget widget"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">Mangler du nogle oplysninger?</div> <p class="widget__subtitle">Fortæl os, hvad vi skal tilføje</p> </div> </div> <form class="feedback__form js-feedback-form"> <textarea name="message" class="feedback__textarea js-feedback-textarea" placeholder="Skriv venligst her ..." required></textarea> <input type="text" name="f_message2" value=""> <button class="feedback__btn" type="submit">Send</button> </form> </div> </div> </div> <div class="thanks-modal js-thanks-modal"> <div class="thanks-modal__wrapper"> <div class="thanks-modal__content"> <div class="thanks-modal__close js-thanks-modal-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="thanks-modal__title js-thanks-modal-title" data-title="feedback">Tak for din feedback</div> <div class="thanks-modal__title js-thanks-modal-title" data-title="subscribe">Tak, fordi du abonnerer</div> <div class="thanks-modal__img"> <svg xmlns="http://www.w3.org/2000/svg" width="97" height="100" viewBox="0 0 97 100"> <g fill="none" fill-rule="nonzero"> <path fill="#BAD4E3" d="M19.327 57.75l28.846 17.627L77.019 57.75l19.23-11.752v43.27c.002 5.899-4.782 10.683-10.681 10.684h-74.79c-5.9 0-10.682-4.785-10.682-10.685V45.998l19.23 11.752z"/> <path fill="#3C6780" d="M96.25 42.497v3.501L77.019 57.75V28.134l1.221.568 15.71 9.695a4.805 4.805 0 0 1 2.3 4.1z"/> <path fill="#F5F7FA" d="M77.019 28.134V57.75L48.173 75.377 19.327 57.75V7.625A7.624 7.624 0 0 1 26.949 0h29.08l.387.038v12.943a7.622 7.622 0 0 0 7.622 7.624h10.863l2.118 2.361v5.168zm-12.036 9.822c0-9.293-7.534-16.827-16.827-16.827-9.293 0-16.827 7.534-16.827 16.827 0 9.294 7.534 16.827 16.827 16.827 9.293 0 16.827-7.533 16.827-16.827z"/> <path fill="#BAD4E3" d="M56.457.043L74.9 20.605H64.038a7.622 7.622 0 0 1-7.622-7.624V.038l.04.005z"/> <path fill="#00D88E" d="M64.983 37.956c0 9.294-7.534 16.827-16.827 16.827-9.293 0-16.827-7.533-16.827-16.827 0-9.293 7.534-16.827 16.827-16.827 9.293 0 16.827 7.534 16.827 16.827z"/> <path fill="#3C6780" d="M19.327 28.134V57.75L.096 45.998v-3.5a4.81 4.81 0 0 1 2.3-4.101l16.93-10.263z"/> <path fill="#FFF" d="M45.673 43.183a1.68 1.68 0 0 1-1.28-.59l-3.74-4.38a1.682 1.682 0 1 1 2.558-2.185l2.674 3.13 7.435-6.049a1.681 1.681 0 0 1 2.732 1.035 1.683 1.683 0 0 1-.608 1.576l-8.709 7.086c-.3.244-.675.378-1.062.377z"/> </g> </svg> </div> <div class="thanks-modal__btn js-thanks-modal-close">Luk</div> </div> </div> </div> <footer class="footer"> <div class="footer__content footer__content--top"> <div class="footer-extra-offers"> <div class="footer-extra-offers__lists"> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> hoteltyper <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/da/type/hotels-12/">Hoteller i Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/da/type/apartments-3/">Lejligheder i Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/da/type/guest-houses-10/">Gæstehuse i Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/da/type/hostels-11/">Vandrerhjem i Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/da/type/aparthotels-2/">Lejlighedshoteller i Barcelona</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> vurderinger <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/da/5-stars/">5 stjernede hoteller i Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/da/4-stars/">4 stjernede hoteller i Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/da/3-stars/">3 stjernede hoteller i Barcelona</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> hoteltemaer <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/da/theme/cheap-and-budget-hotels-9/">Billige hoteller</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/da/theme/beach-hotels-2/">Strandhoteller</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/da/theme/central-hotels-8/">Centralhoteller</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/da/theme/pool-hotels-34/">Hoteller med indendørs pool</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/da/theme/luxury-hotels-14/">Luksushoteller</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> top hoteller <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://w-barcelona.hotelbcn-barcelona.com/da/">W Barcelona</a> <a class="footer-extra-offers-list__link" href="https://oasis-barcelona.hotelbcn-barcelona.com/da/">Hotel Oasis</a> <a class="footer-extra-offers-list__link" href="https://ramblas.hotelbcn-barcelona.com/da/">Ramblas Hotel</a> <a class="footer-extra-offers-list__link" href="https://generator-hostel-barcelona.hotelbcn-barcelona.com/da/">Generator Barcelona</a> <a class="footer-extra-offers-list__link" href="https://expo-barcelona.hotelbcn-barcelona.com/da/">Moxy Barcelona</a> </div> </div> </div> </div> </div> <div class="footer__content"> <div class="footer__lists"> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> Om selskabet <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RhL2Fib3V0LXVzLw==">Om os</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RhL291ci12YWx1ZXMv">Vores værdier</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RhL3doeS1ib29rLXdpdGgtdXMv">Hvorfor booke hos os?</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RhL3BhcnRuZXJzaGlwLw==">Partnerskab</span> </li> </ul> </div> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> For rejsende <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RhL3VzZWZ1bC10aXBzLw==">Nyttige tips</span> </li> <li class="footer__list-item"> <span class="footer__list-link">Reservation for grupper</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RhL3N1cHBvcnQv">Hjælpecenter</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RhL2ZhcS8=">Ofte stillede spørgsmål</span> </li> </ul> </div> </div> <div class="footer__subscribe"> <form action="#main" class="form footer__subscribe-form js-footer-subscribe"> <p class="footer__title">Abonner på vores nyhedsbrev</p> <label class="form__label" for="email"> <input class="form__input" id="email" name="email" type="email" value="" placeholder="Din email" required> <button class="form__submit" type="submit">Tilmeld dig nyhedsmail</button> </label> </form> <div class="footer__widget widget js-show-feedback-modal"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">Mangler du nogle oplysninger?</div> <p class="widget__subtitle"> <span class="widget__subtitle-text">Fortæl os, hvad vi skal tilføje</span> </p> </div> </div> </div> </div> <div class="footer__content footer__content--under"> <div class="footer__promo"> <svg width="22" height="22" class="footer__promo-icon icon icon-nice-check"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#nice-check"></use> </svg> <p class="footer__promo-text">Største uvalg af unikke steder</p> </div> <div class="footer__service-list"> <span class="footer__service-link js-link js-link-new" data-internal="L2RhL3ByaXZhY3kv">Fortrolighedspolitik</span> <span class="footer__service-link js-link js-link-new" data-internal="L2RhL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Vilkår og Betingelser</span> <span class="footer__service-link js-link js-link-new" data-internal="L2RhL2NvcHlyaWdodC8=">Ophavsret meddelelse</span> </div> <div class="footer__social"> <ul class="footer__social-list"> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-facebook-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#facebook"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-twitter-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#twitter"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-instagram-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#instagram"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-google-plus-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#google-plus"></use> </svg> </li> </ul> </div> </div> <div class="footer__bottom"> <div class="footer__bottom-wrap"> <div class="footer__copyright">2024 © hotelbcn-barcelona.com. All rights reserved</div> <div class="footer__payments"> <img src="/new/designs/90/destination/img/paypal-img.svg" height="20" alt="paypal" loading="lazy"> <img src="/new/designs/90/destination/img/mastercard-img.svg" height="20" alt="mastercard" loading="lazy"> <img src="/new/designs/90/destination/img/visa-pay-img.svg" height="20" alt="visa" loading="lazy"> </div> </div> </div> </footer> <script type="text/javascript"> window.travel = window.travel || {}; travel.opts = { siteDomain: 'hotelbcn-barcelona.com', page: 'main', type: 'destination', lang_id: '12', lang: 'da', day: '21', month: '12', year: '2024', id: '2622256936', track: 'qe193A7tDUiHENJv', currency: {"ID":"1","CurrencyID":"1","LangID":"12","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"}, tob: false , sdom: 'https://www.hotelbcn-barcelona.com', sid: '116206', nid: '28', curr: 'US$', curr_rate: '1', obj_id: '45', c_id: 45, theme: '9001', map_params: { provider: '2', key: '' , lat: '41.386993', long: '2.170052' }, av_params: { multiBookRoomsInfo: '[{"adults":2,"children":[]}]', use: '0', from: '2024-12-22', to: '2024-12-23', adults: '2', children: '0', childrenTitle: 'Alder på børn:' }, messages: { f_name: 'Indtast dit navn', f_email: 'Indtast en gyldig email addresse', f_subject: 'Vælg venligst emne', f_message: 'Indtast teksten', f_review: 'Indtast tekst', f_review_cons: 'Indtast tekst', f_month: 'Vælg en måned', f_year: 'Vælg et år', f_rating: 'Bedøm dette overnatningssted', f_calendar:'Indtast dine valgte datoer og tjek vores specialtilbud', // TODO: Uncomment when vocab will be translated } , k: 't1nqga03fis', v: 'a38858e8a6c1fbec16e6f4fc804d4bb0' }; travel.data = { hotels_tonight: {"1":{"date":{"From":"2024-12-21","To":"2024-12-22","FromDM":"21.12","ToDM":"22.12","TextDM":"Valgmuligheder for 21.12-22.12","DayVocab":"I aften"},"data":{"1":[{"ID":"820436","HotelID":"820436","Name":"Onefam Paralelo","Address":"Carrer Salva, 62, Barcelona, Spanien","Stars":"2","Latitude":"41.372195","Longitude":"2.165189","AvgMark":"47","ReviewCount":"950","AvgMarkName":"Fremragende","Photos":["10758\/1075815\/1075815568.JPEG","15861\/1586131\/1586131809.JPEG","15400\/1540029\/1540029748.JPEG","15400\/1540029\/1540029883.JPEG","15400\/1540029\/1540029799.JPEG","15400\/1540029\/1540029769.JPEG"],"HotelURL":"https:\/\/hostel-one-paralelo.hotelbcn-barcelona.com\/da\/","MinRate":"28","BookingReviews":{"ReviewsCount":"950","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostelone-paralel;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i820436-s116206-n28-onefam_paralelo"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.3,"ScoreMessage":"Fremragende","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"Fremragende beliggenhed","Message":"Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.4 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9.5,"ScoreMessage":"Enest\u00e5ende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Fremragende pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets fremragende pris. Det har en karakter 9.2 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"1.6 km","Type":"City Center"},{"TypeID":"1","Distance":"16.4 km","Type":"Airport"}],"CurrencyPrice":"28","AvailID":"1890990896"},{"ID":"13394920","HotelID":"13394920","Name":"Onefam Batllo","Address":"52 Carrer De Casanova, Barcelona, Spanien","Stars":"3","Latitude":"41.38465","Longitude":"2.16012","AvgMark":"46","ReviewCount":"1486","AvgMarkName":"Fremragende","Photos":["11852\/1185239\/1185239977.JPEG","15534\/1553406\/1553406514.JPEG","15400\/1540092\/1540092346.JPEG","15400\/1540092\/1540092301.JPEG","15400\/1540091\/1540091062.JPEG","15400\/1540092\/1540092307.JPEG"],"HotelURL":"https:\/\/hostel-one-batllo.hotelbcn-barcelona.com\/da\/","MinRate":"22","BookingReviews":{"ReviewsCount":"1486","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-gran-via;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i13394920-s116206-n28-onefam_batll_"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.8,"ScoreMessage":"Enest\u00e5ende","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.6,"ScoreMessage":"Enest\u00e5ende beliggenhed","Message":"Denne indkvartering kan prale af enest\u00e5ende beliggenhed. Det har en karakter 9.6 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Fremragende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Fremragende pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets fremragende pris. Det har en karakter 9.1 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"900 m","Type":"City Center"},{"TypeID":"1","Distance":"15.2 km","Type":"Airport"}],"CurrencyPrice":"22","AvailID":"1890990901"},{"ID":"500212","HotelID":"500212","Name":"Onefam Sants","Address":"Casteras, 9, Barcelona, Spanien","Stars":"2","Latitude":"41.37430073","Longitude":"2.130363286","AvgMark":"45","ReviewCount":"2495","AvgMarkName":"Fremragende","Photos":["10381\/1038167\/1038167836.JPEG","15861\/1586124\/1586124777.JPEG","15400\/1540033\/1540033816.JPEG","15400\/1540033\/1540033831.JPEG","15400\/1540033\/1540033900.JPEG","15400\/1540033\/1540033870.JPEG"],"HotelURL":"https:\/\/hostel-one-sants.hotelbcn-barcelona.com\/da\/","MinRate":"55","BookingReviews":{"ReviewsCount":"2495","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-sants;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i500212-s116206-n28-onefam_sants"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Fremragende","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Superb beliggenhed","Message":"Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.9 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"Fremragende pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets fremragende pris. Det har en karakter 9 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"3.6 km","Type":"City Center"},{"TypeID":"1","Distance":"13 km","Type":"Airport"}],"CurrencyPrice":"55","AvailID":"1890990906"},{"ID":"818838","HotelID":"818838","Name":"Fabrizzios Terrace Hostel","Address":"Girona 49, Barcelona, Spanien","Stars":"2","Latitude":"41.39354","Longitude":"2.17266","AvgMark":"45","ReviewCount":"1896","AvgMarkName":"Fremragende","Photos":["10091\/1009102\/1009102858.JPEG","11785\/1178541\/1178541529.JPEG","15672\/1567207\/1567207757.JPEG","10113\/1011362\/1011362107.JPEG","10113\/1011362\/1011362122.JPEG","10140\/1014066\/1014066772.JPEG"],"HotelURL":"https:\/\/fabrizzios-terrace.hotelbcn-barcelona.com\/da\/","MinRate":"25","BookingReviews":{"ReviewsCount":"1896","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=fabrizzios-terrace;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i818838-s116206-n28-fabrizzios_terrace_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.5,"ScoreMessage":"Enest\u00e5ende beliggenhed","Message":"Denne indkvartering kan prale af enest\u00e5ende beliggenhed. Det har en karakter 9.5 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Fremragende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Fremragende pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets fremragende pris. Det har en karakter 9.1 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"800 m","Type":"City Center"},{"TypeID":"1","Distance":"16.7 km","Type":"Airport"}],"CurrencyPrice":"25","AvailID":"1890990912"},{"ID":"1286311","HotelID":"1286311","Name":"Yeah Barcelona Hostel","Address":"Carrer De Girona 176, Barcelona, Spanien","Stars":"2","Latitude":"41.4","Longitude":"2.16445","AvgMark":"45","ReviewCount":"8803","AvgMarkName":"Fremragende","Photos":["6311\/631150\/631150647.JPEG","10078\/1007839\/1007839693.JPEG","10078\/1007839\/1007839735.JPEG","10078\/1007839\/1007839738.JPEG","10078\/1007839\/1007839780.JPEG","10078\/1007840\/1007840005.JPEG"],"HotelURL":"https:\/\/yeah-barcelona-hostel.hotelbcn-barcelona.com\/da\/","MinRate":"24","BookingReviews":{"ReviewsCount":"8806","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=yeah-barcelona-hostel;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i1286311-s116206-n28-yeah_barcelona_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.8,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"Fremragende beliggenhed","Message":"Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.3 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Fremragende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"Fremragende pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets fremragende pris. Det har en karakter 9 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"1.6 km","Type":"City Center"},{"TypeID":"1","Distance":"17 km","Type":"Airport"}],"CurrencyPrice":"24","AvailID":"1890990914"},{"ID":"399002","HotelID":"399002","Name":"Hostel One Les Corts","Address":"Passatge Regente Mendieta, 5, Barcelona, Spanien","Stars":"5","Latitude":"41.377129","Longitude":"2.12383","AvgMark":"45","ReviewCount":"1757","AvgMarkName":"Fremragende","Photos":["12788\/1278895\/1278895216.JPEG","6702\/670229\/670229355.JPEG","12788\/1278896\/1278896215.JPEG","14992\/1499262\/1499262742.JPEG","14992\/1499262\/1499262778.JPEG","14992\/1499262\/1499262793.JPEG"],"HotelURL":"https:\/\/feetup-yellow-nest-hostel-barcelona.hotelbcn-barcelona.com\/da\/","MinRate":"18","BookingReviews":{"ReviewsCount":"1757","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=yellow-nest-hostel;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i399002-s116206-n28-onefam_les_corts"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"Fremragende","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.7,"ScoreMessage":"Superb beliggenhed","Message":"Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.7 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Fremragende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"Favorable pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets favorable pris. Det har en karakter 8.9 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"4 km","Type":"City Center"},{"TypeID":"1","Distance":"14.1 km","Type":"Airport"}],"CurrencyPrice":"18","AvailID":"1890990916"}],"2":[{"ID":"15592105","HotelID":"15592105","Name":"Limehome Barcelona Carrer De Besalu 82","Address":"82 Carrer De Besalu, Barcelona, Spanien","Stars":"0","Latitude":"41.41579","Longitude":"2.18535","AvgMark":"45","ReviewCount":"1002","AvgMarkName":"Fremragende","Photos":["16113\/1611350\/1611350934.JPEG","12855\/1285516\/1285516237.JPEG","12855\/1285515\/1285515910.JPEG","12855\/1285511\/1285511926.JPEG","12855\/1285512\/1285512043.JPEG","12855\/1285518\/1285518118.JPEG"],"HotelURL":"https:\/\/limehome-barcelona-carrer-de-besalu-82.hotelbcn-barcelona.com\/da\/","MinRate":"58","BookingReviews":{"ReviewsCount":"1002","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=limehome-besalu-82;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i15592105-s116206-n28-limehome_barcelona_carrer_de_besal_82"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.5,"ScoreMessage":"Enest\u00e5ende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.4,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.4,"ScoreMessage":"Superb beliggenhed","Message":"Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.4 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Fremragende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.8,"ScoreMessage":"Favorable pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets favorable pris. Det har en karakter 8.8 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"3.5 km","Type":"City Center"},{"TypeID":"1","Distance":"19.3 km","Type":"Airport"}],"CurrencyPrice":"58","AvailID":"1891013192"},{"ID":"1280489","HotelID":"1280489","Name":"Laramond Barcelona Rooms","Address":"Carrer de Malgrat, 40, Barcelona, Spanien","Stars":"3","Latitude":"41.42827","Longitude":"2.17989","AvgMark":"44","ReviewCount":"1076","AvgMarkName":"Fremragende","Photos":["11986\/1198623\/1198623769.JPEG","11969\/1196909\/1196909698.JPEG","11969\/1196917\/1196917963.JPEG","11969\/1196921\/1196921572.JPEG","11969\/1196921\/1196921638.JPEG","11933\/1193346\/1193346868.JPEG"],"HotelURL":"https:\/\/my-pillow.hotelbcn-barcelona.com\/da\/","MinRate":"41","BookingReviews":{"ReviewsCount":"1077","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"Fremragende","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=laramond-barcelona-rooms;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i1280489-s116206-n28-laramond_barcelona_rooms"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.4,"ScoreMessage":"Fremragende","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"Superb beliggenhed","Message":"Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.5 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"Favorable pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets favorable pris. Det har en karakter 8.9 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"4.7 km","Type":"City Center"},{"TypeID":"1","Distance":"23.6 km","Type":"Airport"}],"CurrencyPrice":"41","AvailID":"1891013200"},{"ID":"7115765","HotelID":"7115765","Name":"Acta Voraport","Address":"Ramon Turro 169-B, Barcelona, Spanien","Stars":"3","Latitude":"41.39912134439731","Longitude":"2.2005544013273504","AvgMark":"43","ReviewCount":"13941","AvgMarkName":"Fremragende","Photos":["12240\/1224094\/1224094783.JPEG","15203\/1520324\/1520324113.JPEG","15203\/1520324\/1520324962.JPEG","9468\/946804\/946804813.JPEG","9553\/955395\/955395037.JPEG","9553\/955395\/955395202.JPEG"],"HotelURL":"https:\/\/acta-voraport.hotelbcn-barcelona.com\/da\/","MinRate":"93","BookingReviews":{"ReviewsCount":"13941","ReviewScore":87,"OriginalScore":87,"AvgMarkName":"Fremragende","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=acta-voraport;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i7115765-s116206-n28-acta_voraport"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.8,"ScoreMessage":"Fantastisk","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"Superb beliggenhed","Message":"Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.5 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Fantastisk","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"Favorable pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets favorable pris. Det har en karakter 8.5 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"2.9 km","Type":"City Center"},{"TypeID":"1","Distance":"20.7 km","Type":"Airport"}],"CurrencyPrice":"93","AvailID":"1891013207"},{"ID":"1086145","HotelID":"1086145","Name":"Hotel Bestprice Gracia","Address":"Marti, 124, Barcelona, Spanien","Stars":"0","Latitude":"41.40976","Longitude":"2.1609","AvgMark":"43","ReviewCount":"3112","AvgMarkName":"Fremragende","Photos":["1846\/184683\/184683762.JPEG","1846\/184683\/184683756.JPEG","2393\/239310\/239310453.JPEG","2393\/239310\/239310461.JPEG","2393\/239310\/239310541.JPEG","2393\/239310\/239310549.JPEG"],"HotelURL":"https:\/\/hotel-bestprice-gracia.hotelbcn-barcelona.com\/da\/","MinRate":"47","BookingReviews":{"ReviewsCount":"3115","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Fremragende","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=bestprice-gaudi;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i1086145-s116206-n28-hotel_bestprice_gracia"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.5,"ScoreMessage":"Fantastisk","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.8,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"Superb beliggenhed","Message":"Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.5 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Fantastisk","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.7,"ScoreMessage":"Favorable pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets favorable pris. Det har en karakter 8.7 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"2.7 km","Type":"City Center"},{"TypeID":"1","Distance":"20 km","Type":"Airport"}],"CurrencyPrice":"47","AvailID":"1891013211"},{"ID":"16351882","HotelID":"16351882","Name":"Pension Bertolin","Address":"116 Carrer Del Carme, Barcelona, Spanien","Stars":"0","Latitude":"41.37978","Longitude":"2.16628","AvgMark":"43","ReviewCount":"1341","AvgMarkName":"Fremragende","Photos":["13212\/1321291\/1321291636.JPEG","13212\/1321291\/1321291528.JPEG","13212\/1321292\/1321292197.JPEG","13212\/1321292\/1321292281.JPEG","13217\/1321705\/1321705123.JPEG","13217\/1321709\/1321709170.JPEG"],"HotelURL":"https:\/\/pensin-bertoln.hotelbcn-barcelona.com\/da\/","MinRate":"82","BookingReviews":{"ReviewsCount":"1341","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Fremragende","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=pension-bertolin-barcelona;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i16351882-s116206-n28-pensi_n_bertol_n"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.5,"ScoreMessage":"Fantastisk","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.3,"ScoreMessage":"Fremragende","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.2,"ScoreMessage":"Superb beliggenhed","Message":"Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.2 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":8.5,"ScoreMessage":"Fantastisk","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.6,"ScoreMessage":"Favorable pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets favorable pris. Det har en karakter 8.6 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"800 m","Type":"City Center"},{"TypeID":"1","Distance":"15.7 km","Type":"Airport"}],"CurrencyPrice":"82","AvailID":"1891013213"},{"ID":"301713","HotelID":"301713","Name":"Catalonia Rigoletto","Address":"Sabino De Arana, 22-24, Barcelona, Spanien","Stars":"4","Latitude":"41.38571","Longitude":"2.12556","AvgMark":"42","ReviewCount":"2168","AvgMarkName":"Fremragende","Photos":["15726\/1572638\/1572638042.JPEG","15726\/1572637\/1572637913.JPEG","15726\/1572637\/1572637916.JPEG","15726\/1572638\/1572638009.JPEG","15726\/1572638\/1572638012.JPEG","15726\/1572642\/1572642653.JPEG"],"HotelURL":"https:\/\/catalonia-rigoletto.hotelbcn-barcelona.com\/da\/","MinRate":"85","BookingReviews":{"ReviewsCount":"2168","ReviewScore":84,"OriginalScore":84,"AvgMarkName":"Meget godt","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=rigoletto;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i301713-s116206-n28-catalonia_rigoletto"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.6,"ScoreMessage":"Fantastisk","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"Superb beliggenhed","Message":"Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.5 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":8.5,"ScoreMessage":"Fantastisk","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.2,"ScoreMessage":"Favorable pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets favorable pris. Det har en karakter 8.2 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"3.8 km","Type":"City Center"},{"TypeID":"1","Distance":"14.2 km","Type":"Airport"}],"CurrencyPrice":"85","AvailID":"1891013216"}]},"vocabs":{"1":{"from_to_price":"6 bedste tilg\u00e6ngelige hoteller fra 18US$ til 55US$ valgt af vores redakt\u00f8rer for fremragende g\u00e6steanmeldelser, bekvem beliggenhed og god v\u00e6rdi for pengene.","from_to_price_main_page":"4 bedste tilg\u00e6ngelige hoteller fra 18US$ til 55US$ valgt af vores redakt\u00f8rer for fremragende g\u00e6steanmeldelser, bekvem beliggenhed og god v\u00e6rdi for pengene."},"2":{"from_to_price":"6 bedste tilg\u00e6ngelige hoteller fra 41US$ til 93US$ valgt af vores redakt\u00f8rer for fremragende g\u00e6steanmeldelser, bekvem beliggenhed og god v\u00e6rdi for pengene.","from_to_price_main_page":"4 bedste tilg\u00e6ngelige hoteller fra 41US$ til 93US$ valgt af vores redakt\u00f8rer for fremragende g\u00e6steanmeldelser, bekvem beliggenhed og god v\u00e6rdi for pengene."}}},"2":{"date":{"From":"2024-12-22","To":"2024-12-23","FromDM":"22.12","ToDM":"23.12","TextDM":"Valgmuligheder for 22.12-23.12","DayVocab":"I morgen"},"data":{"1":[{"ID":"820436","HotelID":"820436","Name":"Onefam Paralelo","Address":"Carrer Salva, 62, Barcelona, Spanien","Stars":"2","Latitude":"41.372195","Longitude":"2.165189","AvgMark":"47","ReviewCount":"950","AvgMarkName":"Fremragende","Photos":["10758\/1075815\/1075815568.JPEG","15861\/1586131\/1586131809.JPEG","15400\/1540029\/1540029748.JPEG","15400\/1540029\/1540029883.JPEG","15400\/1540029\/1540029799.JPEG","15400\/1540029\/1540029769.JPEG"],"HotelURL":"https:\/\/hostel-one-paralelo.hotelbcn-barcelona.com\/da\/","MinRate":"28","BookingReviews":{"ReviewsCount":"950","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostelone-paralel;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i820436-s116206-n28-onefam_paralelo"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.3,"ScoreMessage":"Fremragende","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"Fremragende beliggenhed","Message":"Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.4 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9.5,"ScoreMessage":"Enest\u00e5ende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Fremragende pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets fremragende pris. Det har en karakter 9.2 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"1.6 km","Type":"City Center"},{"TypeID":"1","Distance":"16.4 km","Type":"Airport"}],"CurrencyPrice":"28","AvailID":"1890991589"},{"ID":"13394920","HotelID":"13394920","Name":"Onefam Batllo","Address":"52 Carrer De Casanova, Barcelona, Spanien","Stars":"3","Latitude":"41.38465","Longitude":"2.16012","AvgMark":"46","ReviewCount":"1486","AvgMarkName":"Fremragende","Photos":["11852\/1185239\/1185239977.JPEG","15534\/1553406\/1553406514.JPEG","15400\/1540092\/1540092346.JPEG","15400\/1540092\/1540092301.JPEG","15400\/1540091\/1540091062.JPEG","15400\/1540092\/1540092307.JPEG"],"HotelURL":"https:\/\/hostel-one-batllo.hotelbcn-barcelona.com\/da\/","MinRate":"22","BookingReviews":{"ReviewsCount":"1486","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-gran-via;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i13394920-s116206-n28-onefam_batll_"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.8,"ScoreMessage":"Enest\u00e5ende","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.6,"ScoreMessage":"Enest\u00e5ende beliggenhed","Message":"Denne indkvartering kan prale af enest\u00e5ende beliggenhed. Det har en karakter 9.6 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Fremragende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Fremragende pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets fremragende pris. Det har en karakter 9.1 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"900 m","Type":"City Center"},{"TypeID":"1","Distance":"15.2 km","Type":"Airport"}],"CurrencyPrice":"22","AvailID":"1890991594"},{"ID":"1344052","HotelID":"1344052","Name":"Onefam Ramblas","Address":"Albareda, 6-8, Barcelona, Spanien","Stars":"2","Latitude":"41.37368","Longitude":"2.17419","AvgMark":"46","ReviewCount":"1288","AvgMarkName":"Fremragende","Photos":["8066\/806648\/806648991.JPEG","15399\/1539926\/1539926083.JPEG","15399\/1539926\/1539926023.JPEG","15399\/1539926\/1539926122.JPEG","15399\/1539926\/1539926101.JPEG","15399\/1539926\/1539926029.JPEG"],"HotelURL":"https:\/\/hostel-one-ramblas.hotelbcn-barcelona.com\/da\/","MinRate":"15","BookingReviews":{"ReviewsCount":"1288","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=the-hostel-box;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i1344052-s116206-n28-onefam_ramblas"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"Fremragende beliggenhed","Message":"Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.3 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Fremragende pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets fremragende pris. Det har en karakter 9.1 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"1.4 km","Type":"City Center"},{"TypeID":"1","Distance":"15.7 km","Type":"Airport"}],"CurrencyPrice":"15","AvailID":"1890991597"},{"ID":"399002","HotelID":"399002","Name":"Hostel One Les Corts","Address":"Passatge Regente Mendieta, 5, Barcelona, Spanien","Stars":"5","Latitude":"41.377129","Longitude":"2.12383","AvgMark":"45","ReviewCount":"1757","AvgMarkName":"Fremragende","Photos":["12788\/1278895\/1278895216.JPEG","6702\/670229\/670229355.JPEG","12788\/1278896\/1278896215.JPEG","14992\/1499262\/1499262742.JPEG","14992\/1499262\/1499262778.JPEG","14992\/1499262\/1499262793.JPEG"],"HotelURL":"https:\/\/feetup-yellow-nest-hostel-barcelona.hotelbcn-barcelona.com\/da\/","MinRate":"18","BookingReviews":{"ReviewsCount":"1757","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=yellow-nest-hostel;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i399002-s116206-n28-onefam_les_corts"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"Fremragende","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.7,"ScoreMessage":"Superb beliggenhed","Message":"Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.7 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Fremragende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"Favorable pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets favorable pris. Det har en karakter 8.9 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"4 km","Type":"City Center"},{"TypeID":"1","Distance":"14.1 km","Type":"Airport"}],"CurrencyPrice":"18","AvailID":"1890991599"},{"ID":"1286311","HotelID":"1286311","Name":"Yeah Barcelona Hostel","Address":"Carrer De Girona 176, Barcelona, Spanien","Stars":"2","Latitude":"41.4","Longitude":"2.16445","AvgMark":"45","ReviewCount":"8803","AvgMarkName":"Fremragende","Photos":["6311\/631150\/631150647.JPEG","10078\/1007839\/1007839693.JPEG","10078\/1007839\/1007839735.JPEG","10078\/1007839\/1007839738.JPEG","10078\/1007839\/1007839780.JPEG","10078\/1007840\/1007840005.JPEG"],"HotelURL":"https:\/\/yeah-barcelona-hostel.hotelbcn-barcelona.com\/da\/","MinRate":"24","BookingReviews":{"ReviewsCount":"8806","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=yeah-barcelona-hostel;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i1286311-s116206-n28-yeah_barcelona_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.8,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"Fremragende beliggenhed","Message":"Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.3 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Fremragende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"Fremragende pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets fremragende pris. Det har en karakter 9 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"1.6 km","Type":"City Center"},{"TypeID":"1","Distance":"17 km","Type":"Airport"}],"CurrencyPrice":"24","AvailID":"1890991605"},{"ID":"395896","HotelID":"395896","Name":"Pension Ciudadela","Address":"Carrer Comerc , 33 , 1 1, Barcelona, Spanien","Stars":"3","Latitude":"41.3847","Longitude":"2.1847","AvgMark":"45","ReviewCount":"1085","AvgMarkName":"Fremragende","Photos":["15805\/1580511\/1580511463.JPEG","9993\/999347\/999347541.JPEG","15805\/1580511\/1580511467.JPEG","9993\/999347\/999347415.JPEG","9993\/999347\/999347418.JPEG","9993\/999347\/999347496.JPEG"],"HotelURL":"https:\/\/pension-ciudadela.hotelbcn-barcelona.com\/da\/","MinRate":"245","BookingReviews":{"ReviewsCount":"1085","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=pension-ciudadela;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i395896-s116206-n28-pension_ciudadela"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.7,"ScoreMessage":"Enest\u00e5ende beliggenhed","Message":"Denne indkvartering kan prale af enest\u00e5ende beliggenhed. Det har en karakter 9.7 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Fremragende pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets fremragende pris. Det har en karakter 9.1 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"1.3 km","Type":"City Center"},{"TypeID":"1","Distance":"17.1 km","Type":"Airport"}],"CurrencyPrice":"245","AvailID":"1890991610"}],"2":[{"ID":"500212","HotelID":"500212","Name":"Onefam Sants","Address":"Casteras, 9, Barcelona, Spanien","Stars":"2","Latitude":"41.37430073","Longitude":"2.130363286","AvgMark":"45","ReviewCount":"2495","AvgMarkName":"Fremragende","Photos":["10381\/1038167\/1038167836.JPEG","15861\/1586124\/1586124777.JPEG","15400\/1540033\/1540033816.JPEG","15400\/1540033\/1540033831.JPEG","15400\/1540033\/1540033900.JPEG","15400\/1540033\/1540033870.JPEG"],"HotelURL":"https:\/\/hostel-one-sants.hotelbcn-barcelona.com\/da\/","MinRate":"55","BookingReviews":{"ReviewsCount":"2495","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-sants;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i500212-s116206-n28-onefam_sants"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Fremragende","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Superb beliggenhed","Message":"Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.9 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"Fremragende pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets fremragende pris. Det har en karakter 9 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"3.6 km","Type":"City Center"},{"TypeID":"1","Distance":"13 km","Type":"Airport"}],"CurrencyPrice":"55","AvailID":"1891014833"},{"ID":"15592105","HotelID":"15592105","Name":"Limehome Barcelona Carrer De Besalu 82","Address":"82 Carrer De Besalu, Barcelona, Spanien","Stars":"0","Latitude":"41.41579","Longitude":"2.18535","AvgMark":"45","ReviewCount":"1002","AvgMarkName":"Fremragende","Photos":["16113\/1611350\/1611350934.JPEG","12855\/1285516\/1285516237.JPEG","12855\/1285515\/1285515910.JPEG","12855\/1285511\/1285511926.JPEG","12855\/1285512\/1285512043.JPEG","12855\/1285518\/1285518118.JPEG"],"HotelURL":"https:\/\/limehome-barcelona-carrer-de-besalu-82.hotelbcn-barcelona.com\/da\/","MinRate":"58","BookingReviews":{"ReviewsCount":"1002","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=limehome-besalu-82;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i15592105-s116206-n28-limehome_barcelona_carrer_de_besal_82"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.5,"ScoreMessage":"Enest\u00e5ende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.4,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.4,"ScoreMessage":"Superb beliggenhed","Message":"Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.4 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Fremragende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.8,"ScoreMessage":"Favorable pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets favorable pris. Det har en karakter 8.8 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"3.5 km","Type":"City Center"},{"TypeID":"1","Distance":"19.3 km","Type":"Airport"}],"CurrencyPrice":"58","AvailID":"1891014838"},{"ID":"395896","HotelID":"395896","Name":"Pension Ciudadela","Address":"Carrer Comerc , 33 , 1 1, Barcelona, Spanien","Stars":"3","Latitude":"41.3847","Longitude":"2.1847","AvgMark":"45","ReviewCount":"1085","AvgMarkName":"Fremragende","Photos":["15805\/1580511\/1580511463.JPEG","9993\/999347\/999347541.JPEG","15805\/1580511\/1580511467.JPEG","9993\/999347\/999347415.JPEG","9993\/999347\/999347418.JPEG","9993\/999347\/999347496.JPEG"],"HotelURL":"https:\/\/pension-ciudadela.hotelbcn-barcelona.com\/da\/","MinRate":"245","BookingReviews":{"ReviewsCount":"1085","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Fantastisk","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=pension-ciudadela;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i395896-s116206-n28-pension_ciudadela"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.7,"ScoreMessage":"Enest\u00e5ende beliggenhed","Message":"Denne indkvartering kan prale af enest\u00e5ende beliggenhed. Det har en karakter 9.7 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Fremragende pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets fremragende pris. Det har en karakter 9.1 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"1.3 km","Type":"City Center"},{"TypeID":"1","Distance":"17.1 km","Type":"Airport"}],"CurrencyPrice":"245","AvailID":"1891014842"},{"ID":"1345756","HotelID":"1345756","Name":"Hostal Oliva","Address":"Passeig De Gracia, 32 4\u00ba, Barcelona, Spanien","Stars":"0","Latitude":"41.39078","Longitude":"2.16725","AvgMark":"44","ReviewCount":"1697","AvgMarkName":"Fremragende","Photos":["12458\/1245878\/1245878749.JPEG","12458\/1245887\/1245887227.JPEG","12487\/1248785\/1248785485.JPEG","12509\/1250902\/1250902216.JPEG","12458\/1245866\/1245866791.JPEG","12458\/1245879\/1245879826.JPEG"],"HotelURL":"https:\/\/hostal-oliva.hotelbcn-barcelona.com\/da\/","MinRate":"73","BookingReviews":{"ReviewsCount":"1699","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Fremragende","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostal-oliva-barcelona;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i1345756-s116206-n28-hostal_oliva"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.5,"ScoreMessage":"Fantastisk","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.1,"ScoreMessage":"Fremragende","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.8,"ScoreMessage":"Enest\u00e5ende beliggenhed","Message":"Denne indkvartering kan prale af enest\u00e5ende beliggenhed. Det har en karakter 9.8 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":8.8,"ScoreMessage":"Fantastisk","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"Favorable pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets favorable pris. Det har en karakter 8.5 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"500 m","Type":"City Center"},{"TypeID":"1","Distance":"16.1 km","Type":"Airport"}],"CurrencyPrice":"73","AvailID":"1891014843"},{"ID":"6661098","HotelID":"6661098","Name":"Hotel Brick Barcelona","Address":"304 Gran Via De Les Corts Catalanes, Barcelona, Spanien","Stars":"2","Latitude":"41.37246","Longitude":"2.14618","AvgMark":"44","ReviewCount":"3072","AvgMarkName":"Fremragende","Photos":["8464\/846403\/846403433.JPEG","8387\/838748\/838748573.JPEG","8387\/838750\/838750016.JPEG","8387\/838752\/838752689.JPEG","8463\/846373\/846373850.JPEG","8463\/846377\/846377096.JPEG"],"HotelURL":"https:\/\/hotel-brick.hotelbcn-barcelona.com\/da\/","MinRate":"83","BookingReviews":{"ReviewsCount":"3072","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Fremragende","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=brick-barcelona;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i6661098-s116206-n28-hotel_brick_barcelona"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Fantastisk","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.2,"ScoreMessage":"Fremragende beliggenhed","Message":"Denne indkvartering kan prale af fremragende beliggenhed. Det har en karakter 9.2 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":8.8,"ScoreMessage":"Fantastisk","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"Favorable pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets favorable pris. Det har en karakter 8.5 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"2.5 km","Type":"City Center"},{"TypeID":"1","Distance":"12.8 km","Type":"Airport"}],"CurrencyPrice":"83","AvailID":"1891014847"},{"ID":"1280489","HotelID":"1280489","Name":"Laramond Barcelona Rooms","Address":"Carrer de Malgrat, 40, Barcelona, Spanien","Stars":"3","Latitude":"41.42827","Longitude":"2.17989","AvgMark":"44","ReviewCount":"1076","AvgMarkName":"Fremragende","Photos":["11986\/1198623\/1198623769.JPEG","11969\/1196909\/1196909698.JPEG","11969\/1196917\/1196917963.JPEG","11969\/1196921\/1196921572.JPEG","11969\/1196921\/1196921638.JPEG","11933\/1193346\/1193346868.JPEG"],"HotelURL":"https:\/\/my-pillow.hotelbcn-barcelona.com\/da\/","MinRate":"41","BookingReviews":{"ReviewsCount":"1077","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"Fremragende","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=laramond-barcelona-rooms;cc1=es;lang=da;label=click_rev-bn-20241222_042943-i1280489-s116206-n28-laramond_barcelona_rooms"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Fremragende","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Fremragende","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.4,"ScoreMessage":"Fremragende","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"Superb beliggenhed","Message":"Denne indkvartering kan prale af superb beliggenhed. Det har en karakter 8.5 ud af 10 for beliggenhed baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et bekvemt sted at bo p\u00e5!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Fantastisk","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"Favorable pris","Message":"G\u00e6sterne betragter dette sted som en v\u00e6rdi for pengene for dets favorable pris. Det har en karakter 8.9 ud af 10 for pris baseret p\u00e5 de bes\u00f8gendes anmeldelser. Det m\u00e5 v\u00e6re et godt tilbud!"}},"Distances":[{"TypeID":"0","Distance":"4.7 km","Type":"City Center"},{"TypeID":"1","Distance":"23.6 km","Type":"Airport"}],"CurrencyPrice":"41","AvailID":"1891014850"}]},"vocabs":{"1":{"from_to_price":"6 bedste tilg\u00e6ngelige hoteller fra 15US$ til 245US$ valgt af vores redakt\u00f8rer for fremragende g\u00e6steanmeldelser, bekvem beliggenhed og god v\u00e6rdi for pengene.","from_to_price_main_page":"4 bedste tilg\u00e6ngelige hoteller fra 15US$ til 245US$ valgt af vores redakt\u00f8rer for fremragende g\u00e6steanmeldelser, bekvem beliggenhed og god v\u00e6rdi for pengene."},"2":{"from_to_price":"6 bedste tilg\u00e6ngelige hoteller fra 41US$ til 245US$ valgt af vores redakt\u00f8rer for fremragende g\u00e6steanmeldelser, bekvem beliggenhed og god v\u00e6rdi for pengene.","from_to_price_main_page":"4 bedste tilg\u00e6ngelige hoteller fra 41US$ til 245US$ valgt af vores redakt\u00f8rer for fremragende g\u00e6steanmeldelser, bekvem beliggenhed og god v\u00e6rdi for pengene."}}}}, hotels_tonight_subtitles: { 1: "1 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og de lokale eksperters anmeldelser.", 2: "2 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 3: "3 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 4: "4 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 5: "5 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 6: "6 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 7: "7 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 8: "8 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 9: "9 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 10: "10 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 11: "11 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 12: "12 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 13: "13 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 14: "14 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 15: "15 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 16: "16 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 17: "17 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", 18: "18 bedste værdi tilbud blev nøje udvalgt af vores redaktører på baggrund af gæsternes vurdering og lokale eksperters anmeldelser.", } } travel.opts.device = 3 </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'main', frontPage:'main', typeObject:'destination', currencyId:'1', languageId:'12', language:'da', isRtl: false , currentDay:'21', currentMonth:'12', currentYear:'2024', logId: '2622256936', track: 'qe193A7tDUiHENJv', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.hotelbcn-barcelona.com', siteId:'116206', nid:'28', siteDomain: 'hotelbcn-barcelona.com', isCountriesLanguages: false , tob: false , currency:'US$', currencyRate:'1', objectId:'45', hotelTheme:'9001', clickTrip: { destinationType: "city", cityId: "-372490", subAccount: "dest-clicktrip-n28-221224-s116206-wqe193A7tDUiHENJv-d9001-dc3" }, cityID: 45, cityLocalName: "Barcelona", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.386993' ,hotelLongitude:'2.170052' ,cityCenterLatitude: '41386993' ,cityCenterLongitude: '2170052' }, availableParams: { use:'0', dataFrom:'2024-12-22', dataTo:'2024-12-23', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'Indsæt venligst dit navn', messageEmail:'Indsæt venligst en gyldige-mailadresse', messageSubject:'Vælg venligst emne', messageMessage:'Indsæt venligst besked', messageReview:'Indtast tekst', messageReviewCons:'Indtast tekst', messageMonth:'Vælg måned', messageYear:'Vælg år', messageRating:'Bedøm ejendom', messageCountry:'Vælg et land', next:'Næste', prev:'Tidligere', messageCalendar:'Indtast dine valgte datoer og tjek vores specialtilbud' }, stopSpamKey:'t1nqga03fis', stopSpamValue:'a38858e8a6c1fbec16e6f4fc804d4bb0', }; </script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["setCookieDomain", "*.hotelbcn-barcelona.com"]); _paq.push(["setDomains", ["*.hotelbcn-barcelona.com"]]); _paq.push(['enableLinkTracking']); _paq.push(['setTrackerUrl', '/piwik.php']); _paq.push(['setSiteId', 116206]); _paq.push(['setCustomVariable', 1, 'btest', '0', 'visit']); _paq.push(['setCustomVariable', 1, 'language', 'da', 'page']); _paq.push(['trackPageView']); </script> <script async src="/piwik.js"></script> <noscript><p><img src="/piwik.php?idsite=116206" style="border:0;" alt="" /></p></noscript> <script defer type="module" src="/new/designs/90/build/destination-vendors/script.7bc16a60526873d992d8c4b7de710ff9.js"></script> <script defer type="module" src="/new/designs/90/build/destination/script.7bc16a60526873d992d8c4b7de710ff9.js"></script> <script nomodule src="/new/designs/90/build/destination-vendors/script-es5.6da58efd0376538f5e0dd65078d17f52.js"></script> <script nomodule src="/new/designs/90/build/destination/script-es5.6da58efd0376538f5e0dd65078d17f52.js"></script> </body> </html>