CINXE.COM

<!DOCTYPE html> <html xml:lang="de" lang="de" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Hotels und Apartments von Barcelona, alle Unterkünfte in Barcelona</title> <meta name="keywords" content="Barcelona Hotels, Barcelona Apartments, Unterkünfte in Barcelona" /> <meta name="description" content="Online-Buchung für Hotels in Barcelona, Spanien. Gute Verfügbarkeit und tolle Preise. Günstig und sicher, im Hotel zahlen, keine Reservierungsgebühren." /> <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{box-sizing:border-box;z-index:1000;position:absolute;top:calc(100% - 10px);left:0;width:100%;min-width:255px;max-width:calc(100vw - 20px);padding:15px;border:1px solid #d1dde9;border-radius:2px;background-color:#fff;font-family:Roboto,sans-serif;text-align:left}.dropdown--scroll{max-height:230px;overflow-y:scroll}.dropdown--right{right:0;left:auto}.dropdown.is-show{display:block}.dropdown__list-item{color:#242c4a;font-size:14px;line-height:1;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:has(.dropdown__select--flex){gap:10px}.dropdown__block.is-hide{display:none}.dropdown__item{flex:1;padding-right:5px}.dropdown__select{padding:5px 17px 4px 5px;border-radius:2px;border-color:#bad4e3;color:#242c4a;font-weight:500;font-size:16px;cursor:pointer}.dropdown__select:active,.dropdown__select:focus,.dropdown__select:hover{outline:none}.dropdown__select.is-error{border-color:red}.dropdown__select--flex{width:calc(33.33% - 7px)}.dropdown__title{margin-bottom:10px;color:#242c4a;font-weight:500;font-size:18px}.dropdown__title--full-width{width:100%}.dropdown__button{flex:1;margin:0 5px;padding:10px 5px;border:1px solid #f68059;border-radius:2px;background-color:#f68059;color:#fff;font-weight:500;font-size:12px;font-family:Roboto,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.dropdown__button--cancel{background-color:#fff;color:#f68059}.dropdown__button:active,.dropdown__button:focus,.dropdown__button:hover{outline:none}.dropdown__error{display:none;margin-bottom:20px;color:red;font-size:16px}.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.44a5ecf231204c2fec68d7848316008b.css" crossorigin> <noscript><link rel="stylesheet" href="/new/designs/90/build/destination/style.44a5ecf231204c2fec68d7848316008b.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/de/"> </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="/de/" 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"> Währung <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> Pfund Sterling </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> Australischer 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> Kanadischer 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> Brasilianischer 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> Bulgarischer Lew </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> Chinesischer 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> Tschechische Krone </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> Dänische 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> Hongkong-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> Israelischer Neuer Schekel </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> Japanischer 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> Malaysischer 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> Neuseeländischer 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> Norwegische 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> Polnischer 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änischer Leu </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> Russischer 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-Rial </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> Singapur-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> Südafrikanischer 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> Südkoreanischer 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> Schwedische 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> Schweizer Franken </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> Türkische 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> Ukrainische Hrywnja </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> Baht </span> </li> </ul> </div> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Deutsch <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"> Willkommen in den Hotels in Barcelona! </h1> <p class="banner__text"> Das erste lokale Reisenetzwerk, das die besten Preise und die Verfügbarkeit ausgewählter Unterkünfte bietet</p> <form action="/de/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">Anreise</div> <div class="main-form-field__content main-form-field__content--de"> <div class="main-form-field__number js-date-day"> 3</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"> Apr.</div> <div class="main-form-field__text-item hide-tablet js-date-year"> 2025 </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="2025-04-03"> </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">Abreise</div> <div class="main-form-field__content main-form-field__content--de"> <div class="main-form-field__number js-date-day"> 4</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"> Apr.</div> <div class="main-form-field__text-item hide-tablet js-date-year"> 2025 </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> Nacht)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase"> (<span class='js-night-count'></span> Nächte)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase"> (<span class='js-night-count'></span> Nächte)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2025-04-04"> </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äste</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"> Gast</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text is-active" data-guests-count="2"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="3"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="4"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="5"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="6"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="7"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="8"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="9"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="10"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="11"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="12"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="13"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="14"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="15"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="16"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="17"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="18"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="19"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="20"> Gäste</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"> Erwachsene: </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> <option value="5" > 5</option> <option value="6" > 6</option> <option value="7" > 7</option> <option value="8" > 8</option> <option value="9" > 9</option> <option value="10" > 10</option> </select> </div> <div class="dropdown__item"> <div class="dropdown__title"> Kinder: </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> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> </select> </div> </div> <div class="dropdown__block js-children-wrapper"></div> <div class="dropdown__error js-error js-error-child">Alter des Kindes angeben</div> <div class="dropdown__error js-error js-error-children">Alter der Kinder angeben</div> <div class="dropdown__block dropdown__block--margin"> <button class="dropdown__button dropdown__button--cancel js-cancel-button" type="button">Abbrechen</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">Suchen</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">Die Wahl der Redaktion</span> <span class="recommendation__date">für den 02.04</span> </div> <div class="recommendation__description"> <q> Die 4 besten verfügbaren Hotels für 29US$ bis 328US$, ausgewählt von unseren Redakteuren für exzellente Gästebewertungen, günstige Lage und ein gutes Preis-Leistungs-Verhältnis. </q> <p class="recommendation__author"> <img width="22" height="" src="/new/designs/90/destination/img/recommendation/authors/recommendation-author-1.png" /> von unserem Redakteur 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="1345756" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>263</b> <b>US$</b> für die kommende Nacht </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/12458/1245878/1245878749.JPEG" srcset="/data/Photos/450x450w/12458/1245878/1245878749.JPEG 1x, /data/Photos/700x500w/12458/1245878/1245878749.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12458/1245887/1245887227.JPEG" srcset="/data/Photos/450x450w/12458/1245887/1245887227.JPEG 1x, /data/Photos/700x500w/12458/1245887/1245887227.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12487/1248785/1248785485.JPEG" srcset="/data/Photos/450x450w/12487/1248785/1248785485.JPEG 1x, /data/Photos/700x500w/12487/1248785/1248785485.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12509/1250902/1250902216.JPEG" srcset="/data/Photos/450x450w/12509/1250902/1250902216.JPEG 1x, /data/Photos/700x500w/12509/1250902/1250902216.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12458/1245866/1245866791.JPEG" srcset="/data/Photos/450x450w/12458/1245866/1245866791.JPEG 1x, /data/Photos/700x500w/12458/1245866/1245866791.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12458/1245879/1245879826.JPEG" srcset="/data/Photos/450x450w/12458/1245879/1245879826.JPEG 1x, /data/Photos/700x500w/12458/1245879/1245879826.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="Hostal Oliva"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9ob3N0YWwtb2xpdmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8/ZnJvbT0yMDI1LTA0LTAyJnRvPTIwMjUtMDQtMDMmYWR1bHRzPTImY2hpbGRyZW49MCZjdXJyZW5jeT0xI3Jvb21z"> Hostal Oliva </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 500 m zur Innenstadt </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Außergewöhnliche Lage </span> <div class="hotels-tonight-card__grade-details">Diese Unterkunft liegt in außergewöhnlicher Lage. Die Besucher haben sie mit 9.8 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">8.2</div> <div class="hotels-tonight-card__review-text">Ausgezeichnet</div> <div class="hotels-tonight-card__review-count">(329 Bewertungen)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="88962" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>29</b> <b>US$</b> für die kommende Nacht </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/7016/701670/701670253.JPEG" srcset="/data/Photos/450x450w/7016/701670/701670253.JPEG 1x, /data/Photos/700x500w/7016/701670/701670253.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15802/1580288/1580288565.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288565.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288565.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/14153/1415378/1415378394.JPEG" srcset="/data/Photos/450x450w/14153/1415378/1415378394.JPEG 1x, /data/Photos/700x500w/14153/1415378/1415378394.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/14154/1415422/1415422671.JPEG" srcset="/data/Photos/450x450w/14154/1415422/1415422671.JPEG 1x, /data/Photos/700x500w/14154/1415422/1415422671.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/14154/1415423/1415423541.JPEG" srcset="/data/Photos/450x450w/14154/1415423/1415423541.JPEG 1x, /data/Photos/700x500w/14154/1415423/1415423541.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/14075/1407502/1407502625.JPEG" srcset="/data/Photos/450x450w/14075/1407502/1407502625.JPEG 1x, /data/Photos/700x500w/14075/1407502/1407502625.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="Hostal Alogar"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9ob3N0YWwtYWxvZ2FyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUvP2Zyb209MjAyNS0wNC0wMiZ0bz0yMDI1LTA0LTAzJmFkdWx0cz0yJmNoaWxkcmVuPTAmY3VycmVuY3k9MSNyb29tcw=="> Hostal Alogar </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> </div> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 2.4 km zur Innenstadt </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Hervorragende Lage </span> <div class="hotels-tonight-card__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.8 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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">Ausgezeichnet</div> <div class="hotels-tonight-card__review-count">(1375 Bewertungen)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="378832" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>219</b> <b>US$</b> für die kommende Nacht </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/16308/1630869/1630869560.JPEG" srcset="/data/Photos/450x450w/16308/1630869/1630869560.JPEG 1x, /data/Photos/700x500w/16308/1630869/1630869560.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16437/1643763/1643763309.JPEG" srcset="/data/Photos/450x450w/16437/1643763/1643763309.JPEG 1x, /data/Photos/700x500w/16437/1643763/1643763309.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16308/1630869/1630869562.JPEG" srcset="/data/Photos/450x450w/16308/1630869/1630869562.JPEG 1x, /data/Photos/700x500w/16308/1630869/1630869562.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16437/1643763/1643763305.JPEG" srcset="/data/Photos/450x450w/16437/1643763/1643763305.JPEG 1x, /data/Photos/700x500w/16437/1643763/1643763305.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12751/1275163/1275163624.JPEG" srcset="/data/Photos/450x450w/12751/1275163/1275163624.JPEG 1x, /data/Photos/700x500w/12751/1275163/1275163624.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12877/1287735/1287735442.JPEG" srcset="/data/Photos/450x450w/12877/1287735/1287735442.JPEG 1x, /data/Photos/700x500w/12877/1287735/1287735442.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="Leonardo Boutique Hotel Barcelona Sagrada Familia"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9sZW9uYXJkby1ib3V0aXF1ZS1ob3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLz9mcm9tPTIwMjUtMDQtMDImdG89MjAyNS0wNC0wMyZhZHVsdHM9MiZjaGlsZHJlbj0wJmN1cnJlbmN5PTEjcm9vbXM="> Leonardo Boutique Hotel Barcelona Sagrada Familia </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"> 3 km zur Innenstadt </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Hervorragende Lage </span> <div class="hotels-tonight-card__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.9 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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">Ausgezeichnet</div> <div class="hotels-tonight-card__review-count">(2447 Bewertungen)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="88841" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>328</b> <b>US$</b> für die kommende Nacht </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/15473/1547392/1547392621.JPEG" srcset="/data/Photos/450x450w/15473/1547392/1547392621.JPEG 1x, /data/Photos/700x500w/15473/1547392/1547392621.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__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-tonight-card__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-tonight-card__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-tonight-card__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-tonight-card__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" /> </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="Catalonia Born"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9jYXRhbG9uaWEtYm9ybi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLz9mcm9tPTIwMjUtMDQtMDImdG89MjAyNS0wNC0wMyZhZHVsdHM9MiZjaGlsZHJlbj0wJmN1cnJlbmN5PTEjcm9vbXM="> Catalonia Born </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> <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"> 900 m zur Innenstadt </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Ausgezeichnete Lage </span> <div class="hotels-tonight-card__grade-details">Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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">Ausgezeichnet</div> <div class="hotels-tonight-card__review-count">(3296 Bewertungen)</div> </div> </div> </div> </div> </div> <div class="new-container one-column"> <div class="recommendation__title is-secondary-block"><span class="recommendation__title-text">Beliebte Reiseziele in 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="/de/near-eixample-dr132713/" class="link-outline recommendation__additional-destination__item list__link">Eixample</a> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItY2l1dGF0LXZlbGxhLWRyMTMyNzEyLw==" 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="L2RlL25lYXItc2FudHMtbW9udGp1aWMtZHIxMzI3MTgv" 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="L2RlL25lYXItc2FudC1tYXJ0aS1kcjEzMjcxNy8=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Sant Martí</span> </li> <li class="list__item"> <a href="/de/near-gracia-dr132714/" class="link-outline recommendation__additional-destination__item list__link">Gracia</a> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItc2FycmlhLXN0LWdlcnZhc2ktZHIxMzI3MTkv" 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="L2RlL25lYXItaG9ydGEtZ3VpbmFyZG8tZHIxMzI3MTUv" 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="L2RlL25lYXItbGVzLWNvcnRzLWRyMTMyNzE2Lw==" 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="L2RlL25lYXItYmFyY2Vsb25hLWZpcmEtMi1kcjkwMzQxNC8=" 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="L2RlL25lYXItc2FudC1hbmRyZXUtZHIxMzMxNTQv" 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="L2RlL25lYXItY2FzdGVsbGVkZWZlbHMtYmVhY2gtZHI5MDcyMDYv" 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="L2RlL25lYXItbm91LWJhcnJpcy1kcjI4MzkwNy8=" 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="L2RlL25lYXItZ2F2YS1iZWFjaC1kcjkwNzIxNS8=" 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="L2RlL25lYXItc2FncmFkYS1mYW1pbGlhLWRyODk5NjQzLw==" 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="L2RlL25lYXItYmFyY2Vsb25hLWNpdHktY2VudHJlLWRyOTAwMDU0Lw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Stadtzentrum von Barcelona</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItc2FudC1hbnRvbmktZHI5MDczNjUv" 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="L2RlL25lYXItZm9ydW0tYmVhY2gtZHI5MDcyNjAv" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Forum Beach </span> </li> <li class="list__item"> <a href="/de/near-barceloneta-dr899631/" class="link-outline recommendation__additional-destination__item list__link">Barceloneta</a> </li> <li class="list__item"> <a href="/de/near-puerto-banus-dr903081/" class="link-outline recommendation__additional-destination__item list__link">Puerto Banus</a> </li> <li class="list__item"> <a href="/de/near-el-born-dr899640/" class="link-outline recommendation__additional-destination__item list__link">El Born</a> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItdmlsYS1vbGltcGljYS1kcjg5OTYzNC8=" 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>Mehr anzeigen</span> <span>Weniger anzeigen</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">Gestalten Sie Ihren Aufenthalt ganz individuell</div> <p class="section__subtitle"> Entscheiden Sie sich für ein luxuriöses Hotel im Herzen der Stadt oder ein nettes Hostel in den ruhigen Vororten der Stadt — wählen Sie eine Option, die Ihren Wünschen und Ihrem Budget entspricht. </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">Budgethotels</span> <p class="hotels-search-presetting__card__description">Sehen Sie sich die günstigsten Unterkünfte in Barcelona an.</p> <span class="btn btn-show-hotels">Hotels anzeigen</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-Hotels</span> <p class="hotels-search-presetting__card__description">Entdecken Sie komfortable und preisgünstige Hotels.</p> <span class="btn btn-show-hotels">Hotels anzeigen</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">Luxushotels</span> <p class="hotels-search-presetting__card__description">Schauen Sie sich die besten Luxushotels an.</p> <span class="btn btn-show-hotels">Hotels anzeigen</span> </span> </div> </div> </div> <div class="near-sights"> <div class="new-container"> <div class="section__title near-sights__title">In der Nähe der besten Sehenswürdigkeiten</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="/de/near-el-prat-de-llobregat-134333/" class="list__link link-outline">Flughafen Josep Tarradellas Barcelona-El Prat</a> </li> <li class="list__item"> <a href="/de/near-la-sagrada-familia-76366/" class="list__link link-outline">Sagrada Família</a> </li> <li class="list__item"> <a href="/de/near-placa-catalunya-rail-station-156226/" class="list__link link-outline">Plaça de Catalunya Train Station</a> </li> <li class="list__item"> <a href="/de/near-casa-batllo-84685/" class="list__link link-outline">Casa Batlló</a> </li> <li class="list__item"> <a href="/de/near-port-of-barcelona-fuel-de-pot-1058565/" class="list__link link-outline">Port of Barcelona Fuel Depot</a> </li> <li class="list__item"> <a href="/de/near-city-center-76460/" class="list__link link-outline">Innenstadt</a> </li> </ul> <ul class="list list-of-outline-links other-places__additional open"> <li class="list__item"> <span data-internal="L2RlL25lYXItYmFyY2Vsb25hLXNhbnRzLXJhaWx3YXktMjY0MDUxLw==" class="list__link js-link js-link-new link-outline">U-Bahn-Station Sants Estacio</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItcG9ydC12ZWxsLTM1NzQ1MS8=" class="list__link js-link js-link-new link-outline">Port Vell</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItYmFyY2Vsb25ldGEtYmVhY2gtMTYyMzUyLw==" class="list__link js-link js-link-new link-outline">Barceloneta Beach</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItY2FtcC1ub3UtMjMzNjE3Lw==" class="list__link js-link js-link-new link-outline">Spotify Camp Nou</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItcGxhemEtZXNwYW55YS0zNTc0NDUv" class="list__link js-link js-link-new link-outline">Plaza Espanya</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItYmFyY2Vsb25hLXNhbnRzLXJhaWwtc3RhdGlvbi0xNTU5NTMv" class="list__link js-link js-link-new link-outline">Barcelona Sants Railway Station</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItcGFzc2VpZy1kZS1ncmFjaWEtNzYzNzQv" class="list__link js-link js-link-new link-outline">Passeig de Gràcia</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItcG9ydC1vbGltcGljLTEyMjE0MS8=" class="list__link js-link js-link-new link-outline">Port Olimpic</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItcGFsYXUtc2FudC1qb3JkaS0yMzYyMDkv" class="list__link js-link js-link-new link-outline">Palau Sant Jordi</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItZGlhZ29uYWwtMTU2MjQwLw==" class="list__link js-link js-link-new link-outline">U-Bahn-Station Provenca</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItd29ybGQtdHJhZGUtY2VudGVyLWJhcmNlbG9uYS0xMDE2MjE3Lw==" class="list__link js-link js-link-new link-outline">World Trade Center Barcelona</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItdmFsbC1kLWhlYnJvbi11bml2ZXJzaXR5LWhvc3BpdGFsLTE3NzI3NDQv" class="list__link js-link js-link-new link-outline">Vall d'Hebron University Hospital</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItYmFyY2Vsb25hLW9seW1waWMtc3RhZGl1bS0xNzg2MTA2Lw==" class="list__link js-link js-link-new link-outline">Olympiastadion</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItcGFyay1ndWVsbC0zNTczODgv" class="list__link js-link js-link-new link-outline">Park Güell</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItcmF6em1hdGF6ei1jbHViLTM1NzQ4Ny8=" class="list__link js-link js-link-new link-outline">Razzmatazz Club</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItbW9udGp1aWMtMzU3NDAwLw==" class="list__link js-link js-link-new link-outline">Montjuïc</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItbGEtc2V1LWNhdGhlZHJhbC1vZi1iYXJjZWxvbmEtMzU3MzgyLw==" class="list__link js-link js-link-new link-outline">La Catedral (Barcelona)</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItdGliaWRhYm8tMzU3NDE1Lw==" class="list__link js-link js-link-new link-outline">Tibidabo</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItem9uYS1mcmFuY2EtMTY0Njk0OC8=" class="list__link js-link js-link-new link-outline">Zona Franca</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItdmljdG9yaWEtdGhlYXRyZS0xMDE2MjcxLw==" class="list__link js-link js-link-new link-outline">Victoria Theatre</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItcG9ydC1vZi1iYXJjZWxvbmEtNzYzNzcv" class="list__link js-link js-link-new link-outline">Port of Barcelona</span> </li> <li class="list__item"> <span data-internal="L2RlL25lYXItY3J1aXNlLWxpbmUtdGVybWluYWwtNzYzNjIv" class="list__link js-link js-link-new link-outline">Cruise Port Terminal</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>Mehr anzeigen</span> <span>Weniger anzeigen</span> </div> </div> </div> </div> </div> <div class="presetting-section unique-homes-section"> <div class="new-container"> <div class="section__title">Buchen Sie einzigartige Unterkünfte</div> <p class="section__subtitle"> Übernachten Sie in einem Luxushotel im noblen Vorort oder in einer schicken Wohnung im belebten Partyviertel — eine unvergessliche Reise wartet auf Sie! </p> <div class="presetting-section__select js-unique-homes-mobile-slider"> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L2RlL3R5cGUvYXBhcnRtZW50cy0zLw=="> <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">Apartments</span> <p class="hotels-search-presetting__card__description">Privatsphäre, Unabhängigkeit, lokale Erfahrungen</p> <span class="btn btn-show-hotels">Hotels anzeigen</span> </div> <a href="/de/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">Hotels</span> <p class="hotels-search-presetting__card__description">24/7 Personal, keine Hausarbeit, Traumurlaub</p> <span class="btn btn-show-hotels">Hotels anzeigen</span> </a> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L2RlL3R5cGUvYmVkLWFuZC1icmVha2Zhc3RzLTQv"> <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">Frühstückspensionen</span> <p class="hotels-search-presetting__card__description">Gemütliche Zimmer, einzigartiges Design, erholsame Reise</p> <span class="btn btn-show-hotels">Hotels anzeigen</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="L2RlL3RoZW1lL2FwYXJ0bWVudHMtYW5kLWItYnMtMy8=" class="link-outline js-link js-link-new">Apartments und B&Bs</span> </li> <li class="other-link__list-item"> <a href="/de/theme/central-hotels-8/" class="link-outline">Hotels im Zentrum</a> </li> <li class="other-link__list-item"> <span data-internal="L2RlL3RoZW1lL2x1eHVyeS1hY2NvbW1vZGF0aW9ucy0zNS8=" class="link-outline js-link js-link-new">Luxus-Unterkünfte</span> </li> <li class="other-link__list-item"> <a href="/de/theme/cheap-and-budget-hotels-9/" class="link-outline">Budgethotels</a> </li> <li class="other-link__list-item"> <span data-internal="L2RlL3RoZW1lL3BldHMtYWxsb3dlZC0yOC8=" class="link-outline js-link js-link-new">Haustierfreundliche Hotels</span> </li> <li class="other-link__list-item"> <span data-internal="L2RlL3RoZW1lL2Rlc2lnbi1hbmQtbW9kZXJuLWhvdGVscy0xMC8=" class="link-outline js-link js-link-new">Außergewöhnliche Designhotels</span> </li> <li class="other-link__list-item"> <span data-internal="L2RlL3RoZW1lL3Jlc29ydHMtMTgv" class="link-outline js-link js-link-new">Resorts</span> </li> <li class="other-link__list-item"> <span data-internal="L2RlL3RoZW1lL2JlYWNoLWhvdGVscy0yLw==" class="link-outline js-link js-link-new">Strandhotels</span> </li> <li class="other-link__list-item"> <span data-internal="L2RlL3RoZW1lL2FpcnBvcnQtaG90ZWxzLTEv" class="link-outline js-link js-link-new">Flughafenhotels</span> </li> <li class="other-link__list-item"> <a href="/de/theme/family-hotels-11/" class="link-outline">Familienhotels</a> </li> <li class="other-link__list-item"> <span data-internal="L2RlL3RoZW1lL2x1eHVyeS1ob3RlbHMtMTQv" class="link-outline js-link js-link-new">Luxushotels</span> </li> <li class="other-link__list-item"> <span data-internal="L2RlL3RoZW1lL2JvdXRpcXVlLWhvdGVscy00Lw==" class="link-outline js-link js-link-new">Boutique-Hotels</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>Mehr anzeigen</span> <span>Weniger anzeigen</span> </button> </div> </div> </div> <div class="main-content js-main-content-wrapper"> <div class="new-container"> <h2 class="section__title">Hotels nach Sternen</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="/de/5-stars/" class="main-hotels__title-link"> 5-Sterne-Hotels in Barcelona </a> </h3> <p class="main-hotels__text section__subtitle"> Erstklassige Unterkünfte für einen tollen Urlaub </p> <div class="show-all-wrapper"> <span data-internal="L2RlLzUtc3RhcnMv" class="show-all js-link js-link-new"> Mehr anzeigen <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="Hotel Hyatt Regency Barcelona Tower L’Hospitalet de Llobregat" data-hbs-name="Hotel Hyatt Regency Barcelona Tower L’Hospitalet de Llobregat"> <a class="hotels-by-stars__title-link" href="https://hesperia-tower.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9oZXNwZXJpYS10b3dlci5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Hyatt Regency Barcelona Tower 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Sehr gute Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in sehr guter Lage. Die Besucher haben sie mit 7.9 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2793">(2793 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88529" data-hbs-latitude="41.85832272" data-hbs-longitude="2.766706876" 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="MTI3ODgvMTI3ODg4MC8xMjc4ODgwNTEzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278880/1278880513.JPEG" srcset="/data/Photos/450x450w/12788/1278880/1278880513.JPEG 1x, /data/Photos/700x500w/12788/1278880/1278880513.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278880/1278880036.JPEG" srcset="/data/Photos/450x450w/12788/1278880/1278880036.JPEG 1x, /data/Photos/700x500w/12788/1278880/1278880036.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278878/1278878920.JPEG" srcset="/data/Photos/450x450w/12788/1278878/1278878920.JPEG 1x, /data/Photos/700x500w/12788/1278878/1278878920.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278879/1278879487.JPEG" srcset="/data/Photos/450x450w/12788/1278879/1278879487.JPEG 1x, /data/Photos/700x500w/12788/1278879/1278879487.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278879/1278879601.JPEG" srcset="/data/Photos/450x450w/12788/1278879/1278879601.JPEG 1x, /data/Photos/700x500w/12788/1278879/1278879601.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278879/1278879658.JPEG" srcset="/data/Photos/450x450w/12788/1278879/1278879658.JPEG 1x, /data/Photos/700x500w/12788/1278879/1278879658.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="Camiral Golf & Wellness - Leading Hotel Of The World Caldes de Malavella" data-hbs-name="Camiral Golf & Wellness - Leading Hotel Of The World Caldes de Malavella"> <a class="hotels-by-stars__title-link" href="https://melia-golf-vichy-catalan.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9tZWxpYS1nb2xmLXZpY2h5LWNhdGFsYW4uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Camiral Golf & Wellness - Leading Hotel Of The World Caldes de Malavella </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.2 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.9 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="361">(361 Bewertungen)</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/de/" data-hbs-url="aHR0cHM6Ly9jbGFyaXMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ausgezeichnete Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1056">(1056 Bewertungen)</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="NjMyNS82MzI1NDYvNjMyNTQ2MzQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6325/632546/632546343.JPEG" srcset="/data/Photos/450x450w/6325/632546/632546343.JPEG 1x, /data/Photos/700x500w/6325/632546/632546343.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/de/" data-hbs-url="aHR0cHM6Ly9ldXJvc3RhcnMtZ3JhbmQtbWFyaW5hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.8 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4909">(4909 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88793" data-hbs-latitude="41.3728" data-hbs-longitude="2.1549" 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="Hotel Intercontinental Barcelona By Ihg" data-hbs-name="Hotel Intercontinental Barcelona By Ihg"> <a class="hotels-by-stars__title-link" href="https://crowne-plaza-barcelona-fira-center.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9jcm93bmUtcGxhemEtYmFyY2Vsb25hLWZpcmEtY2VudGVyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Intercontinental Barcelona By Ihg </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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.5 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2142">(2142 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88821" data-hbs-latitude="41.39149" data-hbs-longitude="2.171457" 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="MTI3MzIvMTI3MzIxMC8xMjczMjEwNDA4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273210/1273210408.JPEG" srcset="/data/Photos/450x450w/12732/1273210/1273210408.JPEG 1x, /data/Photos/700x500w/12732/1273210/1273210408.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273208/1273208647.JPEG" srcset="/data/Photos/450x450w/12732/1273208/1273208647.JPEG 1x, /data/Photos/700x500w/12732/1273208/1273208647.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273211/1273211860.JPEG" srcset="/data/Photos/450x450w/12732/1273211/1273211860.JPEG 1x, /data/Photos/700x500w/12732/1273211/1273211860.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273208/1273208593.JPEG" srcset="/data/Photos/450x450w/12732/1273208/1273208593.JPEG 1x, /data/Photos/700x500w/12732/1273208/1273208593.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273205/1273205005.JPEG" srcset="/data/Photos/450x450w/12732/1273205/1273205005.JPEG 1x, /data/Photos/700x500w/12732/1273205/1273205005.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273209/1273209559.JPEG" srcset="/data/Photos/450x450w/12732/1273209/1273209559.JPEG 1x, /data/Photos/700x500w/12732/1273209/1273209559.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 El Palace Barcelona" data-hbs-name="Hotel El Palace Barcelona"> <a class="hotels-by-stars__title-link" href="https://el-palace.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9lbC1wYWxhY2UuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hotel El Palace 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"> 600 m zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Außergewöhnliche Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in außergewöhnlicher Lage. Die Besucher haben sie mit 9.6 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="93">9.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Hervorragend">Hervorragend</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2043">(2043 Bewertungen)</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="MTY0NjgvMTY0Njg4OS8xNjQ2ODg5MTIyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16468/1646889/1646889122.JPEG" srcset="/data/Photos/450x450w/16468/1646889/1646889122.JPEG 1x, /data/Photos/700x500w/16468/1646889/1646889122.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/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/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/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="Hotel Grand Hyatt Barcelona" data-hbs-name="Hotel Grand Hyatt Barcelona"> <a class="hotels-by-stars__title-link" href="https://princesa-sofia.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9wcmluY2VzYS1zb2ZpYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Grand Hyatt 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"> 4 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5120">(5120 Bewertungen)</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/16498/1649876/1649876522.JPEG" srcset="/data/Photos/450x450w/16498/1649876/1649876522.JPEG 1x, /data/Photos/700x500w/16498/1649876/1649876522.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" /> </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/de/" data-hbs-url="aHR0cHM6Ly9ncmFuZC1ob3RlbC1jZW50cmFsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Außergewöhnliche Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in außergewöhnlicher Lage. Die Besucher haben sie mit 9.5 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1283">(1283 Bewertungen)</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="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="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/16329/1632988/1632988213.JPEG" srcset="/data/Photos/450x450w/16329/1632988/1632988213.JPEG 1x, /data/Photos/700x500w/16329/1632988/1632988213.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/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" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589100/1589100881.JPEG" srcset="/data/Photos/450x450w/15891/1589100/1589100881.JPEG 1x, /data/Photos/700x500w/15891/1589100/1589100881.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="Lamaro Hotel Barcelona" data-hbs-name="Lamaro Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://colon.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9jb2xvbi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Lamaro 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="hotels-by-stars__distance-text"> 500 m zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Außergewöhnliche Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in außergewöhnlicher Lage. Die Besucher haben sie mit 9.8 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="90">9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Hervorragend">Hervorragend</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3595">(3595 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88996" data-hbs-latitude="41.425678" data-hbs-longitude="2.12075293" 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="MTYzOTUvMTYzOTU0OS8xNjM5NTQ5NjY3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549667.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549667.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549667.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14365/1436580/1436580436.JPEG" srcset="/data/Photos/450x450w/14365/1436580/1436580436.JPEG 1x, /data/Photos/700x500w/14365/1436580/1436580436.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16377/1637706/1637706104.JPEG" srcset="/data/Photos/450x450w/16377/1637706/1637706104.JPEG 1x, /data/Photos/700x500w/16377/1637706/1637706104.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549668.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549668.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549668.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549681.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549681.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549681.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549642.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549642.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549642.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 Mett Barcelona" data-hbs-name="Hotel Mett Barcelona"> <a class="hotels-by-stars__title-link" href="https://gran-hotel-la-florida.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ncmFuLWhvdGVsLWxhLWZsb3JpZGEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hotel Mett 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"> 6 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.9 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="621">(621 Bewertungen)</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="MTY1MTEvMTY1MTE2NS8xNjUxMTY1MzI3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16511/1651165/1651165327.JPEG" srcset="/data/Photos/450x450w/16511/1651165/1651165327.JPEG 1x, /data/Photos/700x500w/16511/1651165/1651165327.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656172/1656172499.JPEG" srcset="/data/Photos/450x450w/16561/1656172/1656172499.JPEG 1x, /data/Photos/700x500w/16561/1656172/1656172499.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656172/1656172500.JPEG" srcset="/data/Photos/450x450w/16561/1656172/1656172500.JPEG 1x, /data/Photos/700x500w/16561/1656172/1656172500.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656172/1656172501.JPEG" srcset="/data/Photos/450x450w/16561/1656172/1656172501.JPEG 1x, /data/Photos/700x500w/16561/1656172/1656172501.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656172/1656172502.JPEG" srcset="/data/Photos/450x450w/16561/1656172/1656172502.JPEG 1x, /data/Photos/700x500w/16561/1656172/1656172502.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656172/1656172504.JPEG" srcset="/data/Photos/450x450w/16561/1656172/1656172504.JPEG 1x, /data/Photos/700x500w/16561/1656172/1656172504.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 Sofitel Barcelona Skipper" data-hbs-name="Hotel Sofitel Barcelona Skipper"> <a class="hotels-by-stars__title-link" href="https://pullman-barcelona-skipper.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9wdWxsbWFuLWJhcmNlbG9uYS1za2lwcGVyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Sofitel Barcelona Skipper </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">Auf der Karte anzeigen</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/de/" data-hbs-url="aHR0cHM6Ly9taXJhbWFyLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> 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">Auf der Karte anzeigen</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/16542/1654253/1654253347.JPEG" srcset="/data/Photos/450x450w/16542/1654253/1654253347.JPEG 1x, /data/Photos/700x500w/16542/1654253/1654253347.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16542/1654253/1654253348.JPEG" srcset="/data/Photos/450x450w/16542/1654253/1654253348.JPEG 1x, /data/Photos/700x500w/16542/1654253/1654253348.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16542/1654253/1654253349.JPEG" srcset="/data/Photos/450x450w/16542/1654253/1654253349.JPEG 1x, /data/Photos/700x500w/16542/1654253/1654253349.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16542/1654253/1654253350.JPEG" srcset="/data/Photos/450x450w/16542/1654253/1654253350.JPEG 1x, /data/Photos/700x500w/16542/1654253/1654253350.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16542/1654253/1654253351.JPEG" srcset="/data/Photos/450x450w/16542/1654253/1654253351.JPEG 1x, /data/Photos/700x500w/16542/1654253/1654253351.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/de/" data-hbs-url="aHR0cHM6Ly9hcnRzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="315924" data-hbs-latitude="41.368853" data-hbs-longitude="2.189706" 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="MTM2MTMvMTM2MTMzNy8xMzYxMzM3Nzc5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13613/1361337/1361337779.JPEG" srcset="/data/Photos/450x450w/13613/1361337/1361337779.JPEG 1x, /data/Photos/700x500w/13613/1361337/1361337779.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403710.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403710.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403710.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403669.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403669.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403669.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403670.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403670.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403670.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403671.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403671.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403671.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403672.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403672.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403672.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 W Barcelona" data-hbs-name="Hotel W Barcelona"> <a class="hotels-by-stars__title-link" href="https://w-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly93LWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel W 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">Auf der Karte anzeigen</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/16029/1602959/1602959599.JPEG" srcset="/data/Photos/450x450w/16029/1602959/1602959599.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959599.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/16029/1602959/1602959547.JPEG" srcset="/data/Photos/450x450w/16029/1602959/1602959547.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959547.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602959/1602959570.JPEG" srcset="/data/Photos/450x450w/16029/1602959/1602959570.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959570.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602959/1602959577.JPEG" srcset="/data/Photos/450x450w/16029/1602959/1602959577.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959577.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 Mandarin Oriental, Barcelona" data-hbs-name="Hotel Mandarin Oriental, Barcelona"> <a class="hotels-by-stars__title-link" href="https://mandarin-oriental-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9tYW5kYXJpbi1vcmllbnRhbC1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hotel Mandarin Oriental, 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">Auf der Karte anzeigen</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="Hotel Ohla Barcelona" data-hbs-name="Hotel Ohla Barcelona"> <a class="hotels-by-stars__title-link" href="https://ohla-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9vaGxhLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Ohla 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">Auf der Karte anzeigen</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="Hotel Ohla Eixample Barcelona" data-hbs-name="Hotel Ohla Eixample Barcelona"> <a class="hotels-by-stars__title-link" href="https://ohla-eixample.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9vaGxhLWVpeGFtcGxlLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Ohla Eixample 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1919790" data-hbs-latitude="41.393894" data-hbs-longitude="2.167585" 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="MTQ0MzkvMTQ0MzkyMi8xNDQzOTIyOTkwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14439/1443922/1443922990.JPEG" srcset="/data/Photos/450x450w/14439/1443922/1443922990.JPEG 1x, /data/Photos/700x500w/14439/1443922/1443922990.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14438/1443899/1443899344.JPEG" srcset="/data/Photos/450x450w/14438/1443899/1443899344.JPEG 1x, /data/Photos/700x500w/14438/1443899/1443899344.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14438/1443899/1443899854.JPEG" srcset="/data/Photos/450x450w/14438/1443899/1443899854.JPEG 1x, /data/Photos/700x500w/14438/1443899/1443899854.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14439/1443900/1443900880.JPEG" srcset="/data/Photos/450x450w/14439/1443900/1443900880.JPEG 1x, /data/Photos/700x500w/14439/1443900/1443900880.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14439/1443903/1443903781.JPEG" srcset="/data/Photos/450x450w/14439/1443903/1443903781.JPEG 1x, /data/Photos/700x500w/14439/1443903/1443903781.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14439/1443904/1443904798.JPEG" srcset="/data/Photos/450x450w/14439/1443904/1443904798.JPEG 1x, /data/Photos/700x500w/14439/1443904/1443904798.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 Eurostars Barcelona Central" data-hbs-name="Hotel Eurostars Barcelona Central"> <a class="hotels-by-stars__title-link" href="https://od-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9vZC1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hotel Eurostars Barcelona Central </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">Auf der Karte anzeigen</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/de/" data-hbs-url="aHR0cHM6Ly9ub2J1LWhvdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="11842110" data-hbs-latitude="41.38918" data-hbs-longitude="2.16997" 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="MTY0NjkvMTY0Njk3Mi8xNjQ2OTcyNzU3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16469/1646972/1646972757.JPEG" srcset="/data/Photos/450x450w/16469/1646972/1646972757.JPEG 1x, /data/Photos/700x500w/16469/1646972/1646972757.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12857/1285738/1285738867.JPEG" srcset="/data/Photos/450x450w/12857/1285738/1285738867.JPEG 1x, /data/Photos/700x500w/12857/1285738/1285738867.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16469/1646972/1646972752.JPEG" srcset="/data/Photos/450x450w/16469/1646972/1646972752.JPEG 1x, /data/Photos/700x500w/16469/1646972/1646972752.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16535/1653583/1653583648.JPEG" srcset="/data/Photos/450x450w/16535/1653583/1653583648.JPEG 1x, /data/Photos/700x500w/16535/1653583/1653583648.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16535/1653583/1653583640.JPEG" srcset="/data/Photos/450x450w/16535/1653583/1653583640.JPEG 1x, /data/Photos/700x500w/16535/1653583/1653583640.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16535/1653583/1653583642.JPEG" srcset="/data/Photos/450x450w/16535/1653583/1653583642.JPEG 1x, /data/Photos/700x500w/16535/1653583/1653583642.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 Me Barcelona" data-hbs-name="Hotel Me Barcelona"> <a class="hotels-by-stars__title-link" href="https://me-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9tZS1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hotel Me 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">Auf der Karte anzeigen</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/de/4-stars/" class="main-hotels__title-link"> 4-Sterne-Hotels in Barcelona </a> </h3> <p class="main-hotels__text section__subtitle"> Top-Hotels, die alle Ihre Wünsche erfüllen </p> <div class="show-all-wrapper"> <span data-internal="L2RlLzQtc3RhcnMv" class="show-all js-link js-link-new"> Mehr anzeigen <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="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/de/" data-hbs-url="aHR0cHM6Ly9iYWgtYmFyY2Vsb25hLWFpcnBvcnQtaG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.5 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="12545">(12545 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88780" data-hbs-latitude="41.400784" data-hbs-longitude="2.208751" 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="MTEyNTgvMTEyNTg1OS8xMTI1ODU5NjA4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11258/1125859/1125859608.JPEG" srcset="/data/Photos/450x450w/11258/1125859/1125859608.JPEG 1x, /data/Photos/700x500w/11258/1125859/1125859608.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656170/1656170615.JPEG" srcset="/data/Photos/450x450w/16561/1656170/1656170615.JPEG 1x, /data/Photos/700x500w/16561/1656170/1656170615.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656170/1656170553.JPEG" srcset="/data/Photos/450x450w/16561/1656170/1656170553.JPEG 1x, /data/Photos/700x500w/16561/1656170/1656170553.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656170/1656170591.JPEG" srcset="/data/Photos/450x450w/16561/1656170/1656170591.JPEG 1x, /data/Photos/700x500w/16561/1656170/1656170591.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656170/1656170608.JPEG" srcset="/data/Photos/450x450w/16561/1656170/1656170608.JPEG 1x, /data/Photos/700x500w/16561/1656170/1656170608.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16527/1652743/1652743644.JPEG" srcset="/data/Photos/450x450w/16527/1652743/1652743644.JPEG 1x, /data/Photos/700x500w/16527/1652743/1652743644.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="Eurohotel Diagonal Port Barcelona" data-hbs-name="Eurohotel Diagonal Port Barcelona"> <a class="hotels-by-stars__title-link" href="https://eurohotel-diagonal-port.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ldXJvaG90ZWwtZGlhZ29uYWwtcG9ydC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Eurohotel Diagonal Port 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.6 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.5 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5876">(5876 Bewertungen)</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="Hotel H10 Marina Barcelona" data-hbs-name="Hotel H10 Marina Barcelona"> <a class="hotels-by-stars__title-link" href="https://h10-marina-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9oMTAtbWFyaW5hLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel H10 Marina 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"> 2 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.2 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2354">(2354 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88873" data-hbs-latitude="41.396908" data-hbs-longitude="2.19238300000006" 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="MTUzODIvMTUzODIzMi8xNTM4MjMyNzU3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15382/1538232/1538232757.JPEG" srcset="/data/Photos/450x450w/15382/1538232/1538232757.JPEG 1x, /data/Photos/700x500w/15382/1538232/1538232757.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273117/1273117747.JPEG" srcset="/data/Photos/450x450w/12731/1273117/1273117747.JPEG 1x, /data/Photos/700x500w/12731/1273117/1273117747.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273117/1273117384.JPEG" srcset="/data/Photos/450x450w/12731/1273117/1273117384.JPEG 1x, /data/Photos/700x500w/12731/1273117/1273117384.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273120/1273120516.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120516.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120516.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15382/1538231/1538231971.JPEG" srcset="/data/Photos/450x450w/15382/1538231/1538231971.JPEG 1x, /data/Photos/700x500w/15382/1538231/1538231971.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15382/1538232/1538232655.JPEG" srcset="/data/Photos/450x450w/15382/1538232/1538232655.JPEG 1x, /data/Photos/700x500w/15382/1538232/1538232655.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="Sallés Hotel Pere IV Barcelona" data-hbs-name="Sallés Hotel Pere IV Barcelona"> <a class="hotels-by-stars__title-link" href="https://salles-hotel-pere-iv.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9zYWxsZXMtaG90ZWwtcGVyZS1pdi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Sallés Hotel Pere IV 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"> 2.2 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Sehr gute Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in sehr guter Lage. Die Besucher haben sie mit 7.7 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="8334">(8334 Bewertungen)</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="MTYzOTUvMTYzOTU0OS8xNjM5NTQ5NDAwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549400.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549400.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549400.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/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" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273049/1273049302.JPEG" srcset="/data/Photos/450x450w/12730/1273049/1273049302.JPEG 1x, /data/Photos/700x500w/12730/1273049/1273049302.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16437/1643753/1643753193.JPEG" srcset="/data/Photos/450x450w/16437/1643753/1643753193.JPEG 1x, /data/Photos/700x500w/16437/1643753/1643753193.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 Princess" data-hbs-name="Hotel Barcelona Princess"> <a class="hotels-by-stars__title-link" href="https://barcelona-princess.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtcHJpbmNlc3MuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hotel Barcelona Princess </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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="11725">(11725 Bewertungen)</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="Hotel Occidental Atenea Mar - Adults Only Barcelona" data-hbs-name="Hotel Occidental Atenea Mar - Adults Only Barcelona"> <a class="hotels-by-stars__title-link" href="https://occidental-atenea-mar-adults-only-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9vY2NpZGVudGFsLWF0ZW5lYS1tYXItYWR1bHRzLW9ubHktYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Occidental Atenea Mar - Adults Only 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.9 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3547">(3547 Bewertungen)</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="Hotel Barcelo Sants Barcelona" data-hbs-name="Hotel Barcelo Sants Barcelona"> <a class="hotels-by-stars__title-link" href="https://barcelo-sants.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvLXNhbnRzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Barcelo Sants 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"> 2.7 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ausgezeichnete Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.2 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="8867">(8867 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88985" data-hbs-latitude="41.403802" data-hbs-longitude="2.21375" 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="MTU0NDAvMTU0NDA5Ny8xNTQ0MDk3MzI4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15440/1544097/1544097328.JPEG" srcset="/data/Photos/450x450w/15440/1544097/1544097328.JPEG 1x, /data/Photos/700x500w/15440/1544097/1544097328.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273091/1273091995.JPEG" srcset="/data/Photos/450x450w/12730/1273091/1273091995.JPEG 1x, /data/Photos/700x500w/12730/1273091/1273091995.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16463/1646331/1646331168.JPEG" srcset="/data/Photos/450x450w/16463/1646331/1646331168.JPEG 1x, /data/Photos/700x500w/16463/1646331/1646331168.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16463/1646331/1646331186.JPEG" srcset="/data/Photos/450x450w/16463/1646331/1646331186.JPEG 1x, /data/Photos/700x500w/16463/1646331/1646331186.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16463/1646331/1646331189.JPEG" srcset="/data/Photos/450x450w/16463/1646331/1646331189.JPEG 1x, /data/Photos/700x500w/16463/1646331/1646331189.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16463/1646331/1646331190.JPEG" srcset="/data/Photos/450x450w/16463/1646331/1646331190.JPEG 1x, /data/Photos/700x500w/16463/1646331/1646331190.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 Front Maritim Barcelona" data-hbs-name="Hotel Best Front Maritim Barcelona"> <a class="hotels-by-stars__title-link" href="https://front-maritim.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9mcm9udC1tYXJpdGltLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Best Front Maritim 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.1 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Gut">Gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2808">(2808 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="219332" data-hbs-latitude="41.40639" data-hbs-longitude="2.20099" 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="MTI3ODgvMTI3ODg4OS8xMjc4ODg5OTg0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278889/1278889984.JPEG" srcset="/data/Photos/450x450w/12788/1278889/1278889984.JPEG 1x, /data/Photos/700x500w/12788/1278889/1278889984.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14439/1443917/1443917332.JPEG" srcset="/data/Photos/450x450w/14439/1443917/1443917332.JPEG 1x, /data/Photos/700x500w/14439/1443917/1443917332.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14439/1443919/1443919642.JPEG" srcset="/data/Photos/450x450w/14439/1443919/1443919642.JPEG 1x, /data/Photos/700x500w/14439/1443919/1443919642.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14439/1443920/1443920038.JPEG" srcset="/data/Photos/450x450w/14439/1443920/1443920038.JPEG 1x, /data/Photos/700x500w/14439/1443920/1443920038.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14439/1443924/1443924022.JPEG" srcset="/data/Photos/450x450w/14439/1443924/1443924022.JPEG 1x, /data/Photos/700x500w/14439/1443924/1443924022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14439/1443928/1443928351.JPEG" srcset="/data/Photos/450x450w/14439/1443928/1443928351.JPEG 1x, /data/Photos/700x500w/14439/1443928/1443928351.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 Melia Barcelona Sky 4* Sup" data-hbs-name="Hotel Melia Barcelona Sky 4* Sup"> <a class="hotels-by-stars__title-link" href="https://melia-barcelona-sky.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9tZWxpYS1iYXJjZWxvbmEtc2t5LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Melia Barcelona Sky 4* Sup </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.4 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.3 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1153">(1153 Bewertungen)</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="Hotel Ilunion Barcelona" data-hbs-name="Hotel Ilunion Barcelona"> <a class="hotels-by-stars__title-link" href="https://ilunion-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9pbHVuaW9uLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Ilunion 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 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.5 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="6550">(6550 Bewertungen)</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/13425/1342571/1342571174.JPEG" srcset="/data/Photos/450x450w/13425/1342571/1342571174.JPEG 1x, /data/Photos/700x500w/13425/1342571/1342571174.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" /> </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 Barcelo Raval Barcelona" data-hbs-name="Hotel Barcelo Raval Barcelona"> <a class="hotels-by-stars__title-link" href="https://barcelo-raval.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvLXJhdmFsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Barcelo Raval 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="297151" data-hbs-latitude="41.38305" data-hbs-longitude="2.17006" 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="MTI3MzAvMTI3MzA4OS8xMjczMDg5NjAxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273089/1273089601.JPEG" srcset="/data/Photos/450x450w/12730/1273089/1273089601.JPEG 1x, /data/Photos/700x500w/12730/1273089/1273089601.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273086/1273086298.JPEG" srcset="/data/Photos/450x450w/12730/1273086/1273086298.JPEG 1x, /data/Photos/700x500w/12730/1273086/1273086298.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273084/1273084918.JPEG" srcset="/data/Photos/450x450w/12730/1273084/1273084918.JPEG 1x, /data/Photos/700x500w/12730/1273084/1273084918.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273087/1273087762.JPEG" srcset="/data/Photos/450x450w/12730/1273087/1273087762.JPEG 1x, /data/Photos/700x500w/12730/1273087/1273087762.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273085/1273085890.JPEG" srcset="/data/Photos/450x450w/12730/1273085/1273085890.JPEG 1x, /data/Photos/700x500w/12730/1273085/1273085890.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273085/1273085992.JPEG" srcset="/data/Photos/450x450w/12730/1273085/1273085992.JPEG 1x, /data/Photos/700x500w/12730/1273085/1273085992.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 Silken Ramblas Barcelona" data-hbs-name="Hotel Silken Ramblas Barcelona"> <a class="hotels-by-stars__title-link" href="https://silken-ramblas.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9zaWxrZW4tcmFtYmxhcy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Silken Ramblas 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="317156" data-hbs-latitude="41.266144" data-hbs-longitude="1.992277" 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="OTI0OS85MjQ5NDQvOTI0OTQ0NDE2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9249/924944/924944416.JPEG" srcset="/data/Photos/450x450w/9249/924944/924944416.JPEG 1x, /data/Photos/700x500w/9249/924944/924944416.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278896/1278896347.JPEG" srcset="/data/Photos/450x450w/12788/1278896/1278896347.JPEG 1x, /data/Photos/700x500w/12788/1278896/1278896347.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278897/1278897406.JPEG" srcset="/data/Photos/450x450w/12788/1278897/1278897406.JPEG 1x, /data/Photos/700x500w/12788/1278897/1278897406.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278898/1278898183.JPEG" srcset="/data/Photos/450x450w/12788/1278898/1278898183.JPEG 1x, /data/Photos/700x500w/12788/1278898/1278898183.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278899/1278899638.JPEG" srcset="/data/Photos/450x450w/12788/1278899/1278899638.JPEG 1x, /data/Photos/700x500w/12788/1278899/1278899638.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278900/1278900076.JPEG" srcset="/data/Photos/450x450w/12789/1278900/1278900076.JPEG 1x, /data/Photos/700x500w/12789/1278900/1278900076.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="Masd Mediterraneo Hotel Apartamentos Spa Castelldefels" data-hbs-name="Masd Mediterraneo Hotel Apartamentos Spa Castelldefels"> <a class="hotels-by-stars__title-link" href="https://masd-mediterraneo.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9tYXNkLW1lZGl0ZXJyYW5lby5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Masd Mediterraneo Hotel Apartamentos Spa Castelldefels </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">Auf der Karte anzeigen</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/de/" data-hbs-url="aHR0cHM6Ly9ncnVwb3RlbC1ncmFuLXZpYS02NzguaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> 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">Auf der Karte anzeigen</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="MTY0MjMvMTY0MjMxNy8xNjQyMzE3NDQ0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16423/1642317/1642317444.JPEG" srcset="/data/Photos/450x450w/16423/1642317/1642317444.JPEG 1x, /data/Photos/700x500w/16423/1642317/1642317444.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/16561/1656181/1656181285.JPEG" srcset="/data/Photos/450x450w/16561/1656181/1656181285.JPEG 1x, /data/Photos/700x500w/16561/1656181/1656181285.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656181/1656181286.JPEG" srcset="/data/Photos/450x450w/16561/1656181/1656181286.JPEG 1x, /data/Photos/700x500w/16561/1656181/1656181286.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16431/1643149/1643149860.JPEG" srcset="/data/Photos/450x450w/16431/1643149/1643149860.JPEG 1x, /data/Photos/700x500w/16431/1643149/1643149860.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16431/1643149/1643149867.JPEG" srcset="/data/Photos/450x450w/16431/1643149/1643149867.JPEG 1x, /data/Photos/700x500w/16431/1643149/1643149867.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/de/" data-hbs-url="aHR0cHM6Ly9ub3ZvdGVsLWJhcmNlbG9uYS1jaXR5LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1271364" data-hbs-latitude="41.39049718" data-hbs-longitude="2.17258896" 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="NTM2Mi81MzYyNzkvNTM2Mjc5Mjg5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5362/536279/536279289.JPEG" srcset="/data/Photos/450x450w/5362/536279/536279289.JPEG 1x, /data/Photos/700x500w/5362/536279/536279289.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273161/1273161043.JPEG" srcset="/data/Photos/450x450w/12731/1273161/1273161043.JPEG 1x, /data/Photos/700x500w/12731/1273161/1273161043.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273163/1273163092.JPEG" srcset="/data/Photos/450x450w/12731/1273163/1273163092.JPEG 1x, /data/Photos/700x500w/12731/1273163/1273163092.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273161/1273161775.JPEG" srcset="/data/Photos/450x450w/12731/1273161/1273161775.JPEG 1x, /data/Photos/700x500w/12731/1273161/1273161775.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273163/1273163137.JPEG" srcset="/data/Photos/450x450w/12731/1273163/1273163137.JPEG 1x, /data/Photos/700x500w/12731/1273163/1273163137.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273162/1273162015.JPEG" srcset="/data/Photos/450x450w/12731/1273162/1273162015.JPEG 1x, /data/Photos/700x500w/12731/1273162/1273162015.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 Negresco Princess 4* Sup Barcelona" data-hbs-name="Hotel Negresco Princess 4* Sup Barcelona"> <a class="hotels-by-stars__title-link" href="https://negresco-princess.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9uZWdyZXNjby1wcmluY2Vzcy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Negresco Princess 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3325440" data-hbs-latitude="41.40216" data-hbs-longitude="2.19097" 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="NjAxMS82MDExMzcvNjAxMTM3ODQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6011/601137/601137849.JPEG" srcset="/data/Photos/450x450w/6011/601137/601137849.JPEG 1x, /data/Photos/700x500w/6011/601137/601137849.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15883/1588309/1588309480.JPEG" srcset="/data/Photos/450x450w/15883/1588309/1588309480.JPEG 1x, /data/Photos/700x500w/15883/1588309/1588309480.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15883/1588309/1588309489.JPEG" srcset="/data/Photos/450x450w/15883/1588309/1588309489.JPEG 1x, /data/Photos/700x500w/15883/1588309/1588309489.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15883/1588309/1588309492.JPEG" srcset="/data/Photos/450x450w/15883/1588309/1588309492.JPEG 1x, /data/Photos/700x500w/15883/1588309/1588309492.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15883/1588310/1588310399.JPEG" srcset="/data/Photos/450x450w/15883/1588310/1588310399.JPEG 1x, /data/Photos/700x500w/15883/1588310/1588310399.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15561/1556126/1556126284.JPEG" srcset="/data/Photos/450x450w/15561/1556126/1556126284.JPEG 1x, /data/Photos/700x500w/15561/1556126/1556126284.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 Glow 4 Sup Barcelona" data-hbs-name="Hotel Sb Glow 4 Sup Barcelona"> <a class="hotels-by-stars__title-link" href="https://hotel-sb-glow-sup.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1zYi1nbG93LXN1cC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Sb Glow 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="5662585" data-hbs-latitude="41.398106" data-hbs-longitude="2.164841" 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="MTIyNDEvMTIyNDEwNS8xMjI0MTA1MTU0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12241/1224105/1224105154.JPEG" srcset="/data/Photos/450x450w/12241/1224105/1224105154.JPEG 1x, /data/Photos/700x500w/12241/1224105/1224105154.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16562/1656265/1656265676.JPEG" srcset="/data/Photos/450x450w/16562/1656265/1656265676.JPEG 1x, /data/Photos/700x500w/16562/1656265/1656265676.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16562/1656265/1656265677.JPEG" srcset="/data/Photos/450x450w/16562/1656265/1656265677.JPEG 1x, /data/Photos/700x500w/16562/1656265/1656265677.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16562/1656265/1656265682.JPEG" srcset="/data/Photos/450x450w/16562/1656265/1656265682.JPEG 1x, /data/Photos/700x500w/16562/1656265/1656265682.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16562/1656265/1656265693.JPEG" srcset="/data/Photos/450x450w/16562/1656265/1656265693.JPEG 1x, /data/Photos/700x500w/16562/1656265/1656265693.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16562/1656265/1656265708.JPEG" srcset="/data/Photos/450x450w/16562/1656265/1656265708.JPEG 1x, /data/Photos/700x500w/16562/1656265/1656265708.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 Occidental Diagonal 414 Barcelona" data-hbs-name="Hotel Occidental Diagonal 414 Barcelona"> <a class="hotels-by-stars__title-link" href="https://occidental-diagonal-414.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9vY2NpZGVudGFsLWRpYWdvbmFsLTQxNC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Occidental Diagonal 414 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="9024540" data-hbs-latitude="41.39942" data-hbs-longitude="2.200229" 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="MTExNzkvMTExNzkwMC8xMTE3OTAwNjc0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11179/1117900/1117900674.JPEG" srcset="/data/Photos/450x450w/11179/1117900/1117900674.JPEG 1x, /data/Photos/700x500w/11179/1117900/1117900674.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12857/1285731/1285731628.JPEG" srcset="/data/Photos/450x450w/12857/1285731/1285731628.JPEG 1x, /data/Photos/700x500w/12857/1285731/1285731628.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12857/1285734/1285734889.JPEG" srcset="/data/Photos/450x450w/12857/1285734/1285734889.JPEG 1x, /data/Photos/700x500w/12857/1285734/1285734889.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15384/1538405/1538405185.JPEG" srcset="/data/Photos/450x450w/15384/1538405/1538405185.JPEG 1x, /data/Photos/700x500w/15384/1538405/1538405185.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15384/1538405/1538405266.JPEG" srcset="/data/Photos/450x450w/15384/1538405/1538405266.JPEG 1x, /data/Photos/700x500w/15384/1538405/1538405266.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15384/1538405/1538405272.JPEG" srcset="/data/Photos/450x450w/15384/1538405/1538405272.JPEG 1x, /data/Photos/700x500w/15384/1538405/1538405272.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 Paxton Barcelona" data-hbs-name="Hotel Paxton Barcelona"> <a class="hotels-by-stars__title-link" href="https://hotel-paxton-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1wYXh0b24tYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Paxton 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10547402" data-hbs-latitude="41.357293" data-hbs-longitude="2.13782" 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/16445/1644512/1644512133.JPEG" srcset="/data/Photos/450x450w/16445/1644512/1644512133.JPEG 1x, /data/Photos/700x500w/16445/1644512/1644512133.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" /> </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/de/" data-hbs-url="aHR0cHM6Ly9sZW9uYXJkby1yb3lhbC1ob3RlbC1iYXJjZWxvbmEtZmlyYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> 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">Auf der Karte anzeigen</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/de/3-stars/" class="main-hotels__title-link"> 3-Sterne-Hotels in Barcelona </a> </h3> <p class="main-hotels__text section__subtitle"> Ausgewählte Unterkünfte, damit Sie das Beste aus Ihrer Reise herausholen können </p> <div class="show-all-wrapper"> <span data-internal="L2RlLzMtc3RhcnMv" class="show-all js-link js-link-new"> Mehr anzeigen <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.381237" data-hbs-longitude="2.163951" 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="Hotel Ronda House Barcelona" data-hbs-name="Hotel Ronda House Barcelona"> <a class="hotels-by-stars__title-link" href="https://ronda-house.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9yb25kYS1ob3VzZS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Ronda House 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="9277">(9277 Bewertungen)</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="MTY0MzcvMTY0Mzc1My8xNjQzNzUzMTMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16437/1643753/1643753131.JPEG" srcset="/data/Photos/450x450w/16437/1643753/1643753131.JPEG 1x, /data/Photos/700x500w/16437/1643753/1643753131.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/12751/1275168/1275168142.JPEG" srcset="/data/Photos/450x450w/12751/1275168/1275168142.JPEG 1x, /data/Photos/700x500w/12751/1275168/1275168142.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12751/1275169/1275169984.JPEG" srcset="/data/Photos/450x450w/12751/1275169/1275169984.JPEG 1x, /data/Photos/700x500w/12751/1275169/1275169984.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12751/1275182/1275182473.JPEG" srcset="/data/Photos/450x450w/12751/1275182/1275182473.JPEG 1x, /data/Photos/700x500w/12751/1275182/1275182473.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" /> </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/de/" data-hbs-url="aHR0cHM6Ly9sZW9uYXJkby1ob3RlbC1iYXJjZWxvbmEtbGFzLXJhbWJsYXMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ausgezeichnete Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3546">(3546 Bewertungen)</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="Hotel Europark Barcelona" data-hbs-name="Hotel Europark Barcelona"> <a class="hotels-by-stars__title-link" href="https://europark-hotel.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ldXJvcGFyay1ob3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Europark 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ausgezeichnete Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.2 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3788">(3788 Bewertungen)</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/de/" data-hbs-url="aHR0cHM6Ly9qYXp6LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Außergewöhnliche Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in außergewöhnlicher Lage. Die Besucher haben sie mit 9.7 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3306">(3306 Bewertungen)</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/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" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15746/1574676/1574676701.JPEG" srcset="/data/Photos/450x450w/15746/1574676/1574676701.JPEG 1x, /data/Photos/700x500w/15746/1574676/1574676701.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/de/" data-hbs-url="aHR0cHM6Ly9sbGVvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Außergewöhnliche Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in außergewöhnlicher Lage. Die Besucher haben sie mit 9.6 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="6853">(6853 Bewertungen)</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/de/" data-hbs-url="aHR0cHM6Ly9hdXRvLWhvZ2FyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.7 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="77">7.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Gut">Gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="6373">(6373 Bewertungen)</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="Hotel Ciutat De Barcelona" data-hbs-name="Hotel Ciutat De Barcelona"> <a class="hotels-by-stars__title-link" href="https://ciutat-de-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9jaXV0YXQtZGUtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Ciutat De 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 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ausgezeichnete Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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/de/" data-hbs-url="aHR0cHM6Ly9kZWwtbWFyLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> 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="hotels-by-stars__distance-text"> 1.3 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Außergewöhnliche Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in außergewöhnlicher Lage. Die Besucher haben sie mit 9.6 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2930">(2930 Bewertungen)</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/de/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1nYXVkaS1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> 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="hotels-by-stars__distance-text"> 900 m zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Außergewöhnliche Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in außergewöhnlicher Lage. Die Besucher haben sie mit 9.5 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="7330">(7330 Bewertungen)</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/de/" data-hbs-url="aHR0cHM6Ly9yYW1ibGFzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> 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="hotels-by-stars__distance-text"> 900 m zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ausgezeichnete Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.3 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Gut">Gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3142">(3142 Bewertungen)</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/de/" data-hbs-url="aHR0cHM6Ly9zb2hvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> 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">Auf der Karte anzeigen</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/de/" data-hbs-url="aHR0cHM6Ly9yaWFsdG8uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> 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">Auf der Karte anzeigen</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="Hotel Barcelona House" data-hbs-name="Hotel Barcelona House"> <a class="hotels-by-stars__title-link" href="https://barcelona-house.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtaG91c2UuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hotel Barcelona House </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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="204131" data-hbs-latitude="41.966023871052" data-hbs-longitude="2.78325319290161" 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="MTYwNzIvMTYwNzIxOS8xNjA3MjE5NDgwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16072/1607219/1607219480.JPEG" srcset="/data/Photos/450x450w/16072/1607219/1607219480.JPEG 1x, /data/Photos/700x500w/16072/1607219/1607219480.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16072/1607219/1607219502.JPEG" srcset="/data/Photos/450x450w/16072/1607219/1607219502.JPEG 1x, /data/Photos/700x500w/16072/1607219/1607219502.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16072/1607219/1607219518.JPEG" srcset="/data/Photos/450x450w/16072/1607219/1607219518.JPEG 1x, /data/Photos/700x500w/16072/1607219/1607219518.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16072/1607219/1607219475.JPEG" srcset="/data/Photos/450x450w/16072/1607219/1607219475.JPEG 1x, /data/Photos/700x500w/16072/1607219/1607219475.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16072/1607219/1607219485.JPEG" srcset="/data/Photos/450x450w/16072/1607219/1607219485.JPEG 1x, /data/Photos/700x500w/16072/1607219/1607219485.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16072/1607219/1607219488.JPEG" srcset="/data/Photos/450x450w/16072/1607219/1607219488.JPEG 1x, /data/Photos/700x500w/16072/1607219/1607219488.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&B Hotel Girona 3 Salt" data-hbs-name="B&B Hotel Girona 3 Salt"> <a class="hotels-by-stars__title-link" href="https://bb-girona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9iYi1naXJvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> B&B Hotel Girona 3 Salt </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">Auf der Karte anzeigen</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/de/" data-hbs-url="aHR0cHM6Ly9hbmRhbnRlLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2731101" data-hbs-latitude="41.39013" data-hbs-longitude="2.18463" 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="MTU5MjEvMTU5MjExMC8xNTkyMTEwNzY5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15921/1592110/1592110769.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110769.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110769.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15921/1592110/1592110739.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110739.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110739.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15921/1592110/1592110740.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110740.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110740.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15921/1592110/1592110749.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110749.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110749.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15921/1592110/1592110753.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110753.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110753.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15921/1592110/1592110734.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110734.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110734.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="Motel One Barcelona-Ciutadella" data-hbs-name="Motel One Barcelona-Ciutadella"> <a class="hotels-by-stars__title-link" href="https://motel-one-barcelona-ciutadella.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9tb3RlbC1vbmUtYmFyY2Vsb25hLWNpdXRhZGVsbGEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Motel One Barcelona-Ciutadella </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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="4567108" data-hbs-latitude="41.39099" data-hbs-longitude="2.19645" 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="NzY2Ny83NjY3ODQvNzY2Nzg0Mjk2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7667/766784/766784296.JPEG" srcset="/data/Photos/450x450w/7667/766784/766784296.JPEG 1x, /data/Photos/700x500w/7667/766784/766784296.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15513/1551323/1551323344.JPEG" srcset="/data/Photos/450x450w/15513/1551323/1551323344.JPEG 1x, /data/Photos/700x500w/15513/1551323/1551323344.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15513/1551323/1551323398.JPEG" srcset="/data/Photos/450x450w/15513/1551323/1551323398.JPEG 1x, /data/Photos/700x500w/15513/1551323/1551323398.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13865/1386575/1386575408.JPEG" srcset="/data/Photos/450x450w/13865/1386575/1386575408.JPEG 1x, /data/Photos/700x500w/13865/1386575/1386575408.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13865/1386580/1386580769.JPEG" srcset="/data/Photos/450x450w/13865/1386580/1386580769.JPEG 1x, /data/Photos/700x500w/13865/1386580/1386580769.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13865/1386580/1386580784.JPEG" srcset="/data/Photos/450x450w/13865/1386580/1386580784.JPEG 1x, /data/Photos/700x500w/13865/1386580/1386580784.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="Unite Hostel Barcelona" data-hbs-name="Unite Hostel Barcelona"> <a class="hotels-by-stars__title-link" href="https://unite-hostel-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly91bml0ZS1ob3N0ZWwtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Unite 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> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.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">Auf der Karte anzeigen</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="MTY0NTcvMTY0NTcwMi8xNjQ1NzAyOTU1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16457/1645702/1645702955.JPEG" srcset="/data/Photos/450x450w/16457/1645702/1645702955.JPEG 1x, /data/Photos/700x500w/16457/1645702/1645702955.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16457/1645702/1645702882.JPEG" srcset="/data/Photos/450x450w/16457/1645702/1645702882.JPEG 1x, /data/Photos/700x500w/16457/1645702/1645702882.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16457/1645702/1645702903.JPEG" srcset="/data/Photos/450x450w/16457/1645702/1645702903.JPEG 1x, /data/Photos/700x500w/16457/1645702/1645702903.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16457/1645702/1645702951.JPEG" srcset="/data/Photos/450x450w/16457/1645702/1645702951.JPEG 1x, /data/Photos/700x500w/16457/1645702/1645702951.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16457/1645702/1645702913.JPEG" srcset="/data/Photos/450x450w/16457/1645702/1645702913.JPEG 1x, /data/Photos/700x500w/16457/1645702/1645702913.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16457/1645702/1645702893.JPEG" srcset="/data/Photos/450x450w/16457/1645702/1645702893.JPEG 1x, /data/Photos/700x500w/16457/1645702/1645702893.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 Occidental Barcelona 1929" data-hbs-name="Hotel Occidental Barcelona 1929"> <a class="hotels-by-stars__title-link" href="https://ona-hotels-terra.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9vbmEtaG90ZWxzLXRlcnJhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Occidental Barcelona 1929 </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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7115765" data-hbs-latitude="41.3986556" data-hbs-longitude="2.2010949000000437" 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/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" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9553/955395/955395274.JPEG" srcset="/data/Photos/450x450w/9553/955395/955395274.JPEG 1x, /data/Photos/700x500w/9553/955395/955395274.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 Acta Voraport Barcelona" data-hbs-name="Hotel Acta Voraport Barcelona"> <a class="hotels-by-stars__title-link" href="https://acta-voraport.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9hY3RhLXZvcmFwb3J0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Acta Voraport 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7743199" data-hbs-latitude="41.379871" data-hbs-longitude="2.16911" 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="OTc0Ni85NzQ2MDUvOTc0NjA1MzAwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9746/974605/974605300.JPEG" srcset="/data/Photos/450x450w/9746/974605/974605300.JPEG 1x, /data/Photos/700x500w/9746/974605/974605300.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9746/974606/974606476.JPEG" srcset="/data/Photos/450x450w/9746/974606/974606476.JPEG 1x, /data/Photos/700x500w/9746/974606/974606476.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11629/1162971/1162971723.JPEG" srcset="/data/Photos/450x450w/11629/1162971/1162971723.JPEG 1x, /data/Photos/700x500w/11629/1162971/1162971723.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11629/1162972/1162972644.JPEG" srcset="/data/Photos/450x450w/11629/1162972/1162972644.JPEG 1x, /data/Photos/700x500w/11629/1162972/1162972644.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11629/1162975/1162975029.JPEG" srcset="/data/Photos/450x450w/11629/1162975/1162975029.JPEG 1x, /data/Photos/700x500w/11629/1162975/1162975029.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11629/1162975/1162975578.JPEG" srcset="/data/Photos/450x450w/11629/1162975/1162975578.JPEG 1x, /data/Photos/700x500w/11629/1162975/1162975578.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 Raval House Barcelona" data-hbs-name="Hotel Raval House Barcelona"> <a class="hotels-by-stars__title-link" href="https://raval-house.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9yYXZhbC1ob3VzZS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Raval House 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">Auf der Karte anzeigen</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/de/2-stars/" class="main-hotels__title-link"> 2-Sterne-Hotels in Barcelona </a> </h3> <p class="main-hotels__text section__subtitle"> Hochwertige Unterkünfte zu vernünftigen Preisen </p> <div class="show-all-wrapper"> <span data-internal="L2RlLzItc3RhcnMv" class="show-all js-link js-link-new"> Mehr anzeigen <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="88881" data-hbs-latitude="41.400039" data-hbs-longitude="2.151357" 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="OTEwOC85MTA4NzgvOTEwODc4OTAxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9108/910878/910878901.JPEG" srcset="/data/Photos/450x450w/9108/910878/910878901.JPEG 1x, /data/Photos/700x500w/9108/910878/910878901.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656171/1656171309.JPEG" srcset="/data/Photos/450x450w/16561/1656171/1656171309.JPEG 1x, /data/Photos/700x500w/16561/1656171/1656171309.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611054/1611054541.JPEG" srcset="/data/Photos/450x450w/16110/1611054/1611054541.JPEG 1x, /data/Photos/700x500w/16110/1611054/1611054541.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611054/1611054581.JPEG" srcset="/data/Photos/450x450w/16110/1611054/1611054581.JPEG 1x, /data/Photos/700x500w/16110/1611054/1611054581.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288245.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288245.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288245.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656171/1656171259.JPEG" srcset="/data/Photos/450x450w/16561/1656171/1656171259.JPEG 1x, /data/Photos/700x500w/16561/1656171/1656171259.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 Via Augusta Barcelona" data-hbs-name="Hotel Via Augusta Barcelona"> <a class="hotels-by-stars__title-link" href="https://via-augusta.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly92aWEtYXVndXN0YS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Via Augusta 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.2 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ausgezeichnete Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2165">(2165 Bewertungen)</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/de/" data-hbs-url="aHR0cHM6Ly9vYXNpcy1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Außergewöhnliche Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in außergewöhnlicher Lage. Die Besucher haben sie mit 9.6 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4910">(4910 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126281" data-hbs-latitude="41.43537207" data-hbs-longitude="2.18173563" 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="MTY0OTgvMTY0OTg5OC8xNjQ5ODk4MjA1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16498/1649898/1649898205.JPEG" srcset="/data/Photos/450x450w/16498/1649898/1649898205.JPEG 1x, /data/Photos/700x500w/16498/1649898/1649898205.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16498/1649898/1649898198.JPEG" srcset="/data/Photos/450x450w/16498/1649898/1649898198.JPEG 1x, /data/Photos/700x500w/16498/1649898/1649898198.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16498/1649898/1649898201.JPEG" srcset="/data/Photos/450x450w/16498/1649898/1649898201.JPEG 1x, /data/Photos/700x500w/16498/1649898/1649898201.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16498/1649898/1649898209.JPEG" srcset="/data/Photos/450x450w/16498/1649898/1649898209.JPEG 1x, /data/Photos/700x500w/16498/1649898/1649898209.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273188/1273188577.JPEG" srcset="/data/Photos/450x450w/12731/1273188/1273188577.JPEG 1x, /data/Photos/700x500w/12731/1273188/1273188577.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599648/1599648100.JPEG" srcset="/data/Photos/450x450w/15996/1599648/1599648100.JPEG 1x, /data/Photos/700x500w/15996/1599648/1599648100.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 Ibis Barcelona Meridiana" data-hbs-name="Hotel Ibis Barcelona Meridiana"> <a class="hotels-by-stars__title-link" href="https://ibis-barcelona-meridiana.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJhcmNlbG9uYS1tZXJpZGlhbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hotel Ibis Barcelona Meridiana </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"> 5.5 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Sehr gute Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in sehr guter Lage. Die Besucher haben sie mit 7.9 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4654">(4654 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="187111" data-hbs-latitude="41.26539" data-hbs-longitude="1.99447" 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="NDIyNy80MjI3NDAvNDIyNzQwMDYyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4227/422740/422740062.JPEG" srcset="/data/Photos/450x450w/4227/422740/422740062.JPEG 1x, /data/Photos/700x500w/4227/422740/422740062.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16263/1626353/1626353740.JPEG" srcset="/data/Photos/450x450w/16263/1626353/1626353740.JPEG 1x, /data/Photos/700x500w/16263/1626353/1626353740.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16263/1626353/1626353744.JPEG" srcset="/data/Photos/450x450w/16263/1626353/1626353744.JPEG 1x, /data/Photos/700x500w/16263/1626353/1626353744.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592050/1592050994.JPEG" srcset="/data/Photos/450x450w/15920/1592050/1592050994.JPEG 1x, /data/Photos/700x500w/15920/1592050/1592050994.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16263/1626353/1626353735.JPEG" srcset="/data/Photos/450x450w/16263/1626353/1626353735.JPEG 1x, /data/Photos/700x500w/16263/1626353/1626353735.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16263/1626353/1626353742.JPEG" srcset="/data/Photos/450x450w/16263/1626353/1626353742.JPEG 1x, /data/Photos/700x500w/16263/1626353/1626353742.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="Aparthotel Solifemar Castelldefels" data-hbs-name="Aparthotel Solifemar Castelldefels"> <a class="hotels-by-stars__title-link" href="https://aparthotel-solifemar-castelldefels.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9hcGFydGhvdGVsLXNvbGlmZW1hci1jYXN0ZWxsZGVmZWxzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Aparthotel Solifemar Castelldefels </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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ausgezeichnete Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.3 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3408">(3408 Bewertungen)</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/de/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtdXJiYW55LWhvc3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Gut">Gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2722">(2722 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="290873" data-hbs-latitude="41.38029" data-hbs-longitude="2.17295" 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="MTYwNzYvMTYwNzY1OS8xNjA3NjU5OTIzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607659/1607659923.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659923.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659923.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607659/1607659912.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659912.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659912.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607659/1607659927.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659927.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659927.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607659/1607659942.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659942.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659942.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607659/1607659946.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659946.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659946.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607659/1607659947.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659947.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659947.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 Operaramblas Barcelona" data-hbs-name="Hostal Operaramblas Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-operaramblas.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtb3BlcmFyYW1ibGFzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hostal Operaramblas 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Außergewöhnliche Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in außergewöhnlicher Lage. Die Besucher haben sie mit 9.6 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="6001">(6001 Bewertungen)</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="Hotel Ibis Barcelona Plaza Glories 22@" data-hbs-name="Hotel Ibis Barcelona Plaza Glories 22@"> <a class="hotels-by-stars__title-link" href="https://ibis-barcelona-plaza-glories-22.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJhcmNlbG9uYS1wbGF6YS1nbG9yaWVzLTIyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Ibis Barcelona Plaza Glories 22@ </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.6 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.1 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4811">(4811 Bewertungen)</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 Barcelona" data-hbs-name="Hostal Fernando Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-fernando.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtZmVybmFuZG8uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hostal Fernando 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Außergewöhnliche Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in außergewöhnlicher Lage. Die Besucher haben sie mit 9.6 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5006">(5006 Bewertungen)</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="ODg4OC84ODg4NjAvODg4ODYwMjYwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8888/888860/888860260.JPEG" srcset="/data/Photos/450x450w/8888/888860/888860260.JPEG 1x, /data/Photos/700x500w/8888/888860/888860260.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/16571/1657152/1657152112.JPEG" srcset="/data/Photos/450x450w/16571/1657152/1657152112.JPEG 1x, /data/Photos/700x500w/16571/1657152/1657152112.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16571/1657152/1657152124.JPEG" srcset="/data/Photos/450x450w/16571/1657152/1657152124.JPEG 1x, /data/Photos/700x500w/16571/1657152/1657152124.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="Hostel Casa Gracia Barcelona" data-hbs-name="Hostel Casa Gracia Barcelona"> <a class="hotels-by-stars__title-link" href="https://casa-gracia.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9jYXNhLWdyYWNpYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hostel Casa Gracia 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ausgezeichnete Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="7568">(7568 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="400301" data-hbs-latitude="41.38942" data-hbs-longitude="2.17173" 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="MTYyNzIvMTYyNzIxMC8xNjI3MjEwMjg0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627210/1627210284.JPEG" srcset="/data/Photos/450x450w/16272/1627210/1627210284.JPEG 1x, /data/Photos/700x500w/16272/1627210/1627210284.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/286/28627/28627529.JPEG" srcset="/data/Photos/450x450w/286/28627/28627529.JPEG 1x, /data/Photos/700x500w/286/28627/28627529.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16247/1624756/1624756615.JPEG" srcset="/data/Photos/450x450w/16247/1624756/1624756615.JPEG 1x, /data/Photos/700x500w/16247/1624756/1624756615.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15726/1572659/1572659450.JPEG" srcset="/data/Photos/450x450w/15726/1572659/1572659450.JPEG 1x, /data/Photos/700x500w/15726/1572659/1572659450.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15726/1572659/1572659456.JPEG" srcset="/data/Photos/450x450w/15726/1572659/1572659456.JPEG 1x, /data/Photos/700x500w/15726/1572659/1572659456.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15726/1572659/1572659459.JPEG" srcset="/data/Photos/450x450w/15726/1572659/1572659459.JPEG 1x, /data/Photos/700x500w/15726/1572659/1572659459.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 Goya Barcelona" data-hbs-name="Hostal Goya Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-goya.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtZ295YS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hostal Goya 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"> 400 m zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Außergewöhnliche Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in außergewöhnlicher Lage. Die Besucher haben sie mit 9.8 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2957">(2957 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="431653" data-hbs-latitude="41.37534" data-hbs-longitude="2.18978" 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="ODg4NC84ODg0MjYvODg4NDI2ODA4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8884/888426/888426808.JPEG" srcset="/data/Photos/450x450w/8884/888426/888426808.JPEG 1x, /data/Photos/700x500w/8884/888426/888426808.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599653/1599653572.JPEG" srcset="/data/Photos/450x450w/15996/1599653/1599653572.JPEG 1x, /data/Photos/700x500w/15996/1599653/1599653572.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599653/1599653573.JPEG" srcset="/data/Photos/450x450w/15996/1599653/1599653573.JPEG 1x, /data/Photos/700x500w/15996/1599653/1599653573.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599653/1599653580.JPEG" srcset="/data/Photos/450x450w/15996/1599653/1599653580.JPEG 1x, /data/Photos/700x500w/15996/1599653/1599653580.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599653/1599653582.JPEG" srcset="/data/Photos/450x450w/15996/1599653/1599653582.JPEG 1x, /data/Photos/700x500w/15996/1599653/1599653582.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599653/1599653583.JPEG" srcset="/data/Photos/450x450w/15996/1599653/1599653583.JPEG 1x, /data/Photos/700x500w/15996/1599653/1599653583.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="Sea Hostel Barcelona" data-hbs-name="Sea Hostel Barcelona"> <a class="hotels-by-stars__title-link" href="https://equity-point-sea.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9lcXVpdHktcG9pbnQtc2VhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Sea 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="433339" data-hbs-latitude="41.31597" data-hbs-longitude="2.08246" 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 El Prat de Llobregat" data-hbs-name="Centre Esplai Albergue El Prat de Llobregat"> <a class="hotels-by-stars__title-link" href="https://centre-esplai-hostel.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9jZW50cmUtZXNwbGFpLWhvc3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Centre Esplai Albergue 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="561898" data-hbs-latitude="41.39125" data-hbs-longitude="2.17785" 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="Njk1OC82OTU4NjMvNjk1ODYzOTMyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6958/695863/695863932.JPEG" srcset="/data/Photos/450x450w/6958/695863/695863932.JPEG 1x, /data/Photos/700x500w/6958/695863/695863932.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624324/1624324595.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324595.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324595.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624324/1624324597.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324597.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324597.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624324/1624324600.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324600.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324600.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624324/1624324603.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324603.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324603.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580692/1580692545.JPEG" srcset="/data/Photos/450x450w/15806/1580692/1580692545.JPEG 1x, /data/Photos/700x500w/15806/1580692/1580692545.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="Black Swan Hostel Barcelona" data-hbs-name="Black Swan Hostel Barcelona"> <a class="hotels-by-stars__title-link" href="https://black-swan-hostel.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ibGFjay1zd2FuLWhvc3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Black Swan 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">Auf der Karte anzeigen</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/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/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/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/de/" data-hbs-url="aHR0cHM6Ly9zdC1jaHJpc3RvcGhlcnMtaW5uLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> 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">Auf der Karte anzeigen</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="NzAyMi83MDIyNjAvNzAyMjYwMjc4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7022/702260/702260278.JPEG" srcset="/data/Photos/450x450w/7022/702260/702260278.JPEG 1x, /data/Photos/700x500w/7022/702260/702260278.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/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/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/16029/1602980/1602980992.JPEG" srcset="/data/Photos/450x450w/16029/1602980/1602980992.JPEG 1x, /data/Photos/700x500w/16029/1602980/1602980992.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602981/1602981000.JPEG" srcset="/data/Photos/450x450w/16029/1602981/1602981000.JPEG 1x, /data/Photos/700x500w/16029/1602981/1602981000.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/de/" data-hbs-url="aHR0cHM6Ly90b2MtaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="704134" data-hbs-latitude="41.38355" data-hbs-longitude="2.16001" 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="OTE3Ny85MTc3NzMvOTE3NzczNDc3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9177/917773/917773477.JPEG" srcset="/data/Photos/450x450w/9177/917773/917773477.JPEG 1x, /data/Photos/700x500w/9177/917773/917773477.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589580/1589580349.JPEG" srcset="/data/Photos/450x450w/15895/1589580/1589580349.JPEG 1x, /data/Photos/700x500w/15895/1589580/1589580349.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13241/1324143/1324143121.JPEG" srcset="/data/Photos/450x450w/13241/1324143/1324143121.JPEG 1x, /data/Photos/700x500w/13241/1324143/1324143121.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13241/1324144/1324144354.JPEG" srcset="/data/Photos/450x450w/13241/1324144/1324144354.JPEG 1x, /data/Photos/700x500w/13241/1324144/1324144354.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12752/1275238/1275238780.JPEG" srcset="/data/Photos/450x450w/12752/1275238/1275238780.JPEG 1x, /data/Photos/700x500w/12752/1275238/1275238780.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9911/991126/991126714.JPEG" srcset="/data/Photos/450x450w/9911/991126/991126714.JPEG 1x, /data/Photos/700x500w/9911/991126/991126714.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 Live Barcelona" data-hbs-name="Hostal Live Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-live-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtbGl2ZS1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hostal Live 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">Auf der Karte anzeigen</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/16527/1652767/1652767158.JPEG" srcset="/data/Photos/450x450w/16527/1652767/1652767158.JPEG 1x, /data/Photos/700x500w/16527/1652767/1652767158.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16527/1652767/1652767160.JPEG" srcset="/data/Photos/450x450w/16527/1652767/1652767160.JPEG 1x, /data/Photos/700x500w/16527/1652767/1652767160.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/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" /> </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 Camping 3 Estrellas Gavà" data-hbs-name="Hotel Camping 3 Estrellas Gavà"> <a class="hotels-by-stars__title-link" href="https://camping-3-estrellas.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9jYW1waW5nLTMtZXN0cmVsbGFzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Camping 3 Estrellas 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1286311" data-hbs-latitude="41.4" data-hbs-longitude="2.16445" 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="NjMxMS82MzExNTAvNjMxMTUwNjQ3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6311/631150/631150647.JPEG" srcset="/data/Photos/450x450w/6311/631150/631150647.JPEG 1x, /data/Photos/700x500w/6311/631150/631150647.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10087/1008720/1008720283.JPEG" srcset="/data/Photos/450x450w/10087/1008720/1008720283.JPEG 1x, /data/Photos/700x500w/10087/1008720/1008720283.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007839/1007839693.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839693.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839693.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007839/1007839735.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839735.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839735.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007839/1007839738.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839738.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839738.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007839/1007839780.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839780.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839780.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="Yeah Barcelona Hostel" data-hbs-name="Yeah Barcelona Hostel"> <a class="hotels-by-stars__title-link" href="https://yeah-barcelona-hostel.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly95ZWFoLWJhcmNlbG9uYS1ob3N0ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Yeah Barcelona Hostel </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">Auf der Karte anzeigen</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="MTY1NjIvMTY1NjIyMi8xNjU2MjIyNjk4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16562/1656222/1656222698.JPEG" srcset="/data/Photos/450x450w/16562/1656222/1656222698.JPEG 1x, /data/Photos/700x500w/16562/1656222/1656222698.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16527/1652778/1652778941.JPEG" srcset="/data/Photos/450x450w/16527/1652778/1652778941.JPEG 1x, /data/Photos/700x500w/16527/1652778/1652778941.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" /> </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 Ibis Styles Barcelona City Bogatell" data-hbs-name="Hotel Ibis Styles Barcelona City Bogatell"> <a class="hotels-by-stars__title-link" href="https://ibis-styles-barcelona-city-bogatell.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9pYmlzLXN0eWxlcy1iYXJjZWxvbmEtY2l0eS1ib2dhdGVsbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Ibis Styles Barcelona City Bogatell </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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="4608631" data-hbs-latitude="41.36092" data-hbs-longitude="2.12976" 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="MTYwMjMvMTYwMjM3MC8xNjAyMzcwNDQ4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16023/1602370/1602370448.JPEG" srcset="/data/Photos/450x450w/16023/1602370/1602370448.JPEG 1x, /data/Photos/700x500w/16023/1602370/1602370448.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15969/1596917/1596917481.JPEG" srcset="/data/Photos/450x450w/15969/1596917/1596917481.JPEG 1x, /data/Photos/700x500w/15969/1596917/1596917481.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15748/1574860/1574860661.JPEG" srcset="/data/Photos/450x450w/15748/1574860/1574860661.JPEG 1x, /data/Photos/700x500w/15748/1574860/1574860661.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15748/1574860/1574860676.JPEG" srcset="/data/Photos/450x450w/15748/1574860/1574860676.JPEG 1x, /data/Photos/700x500w/15748/1574860/1574860676.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14995/1499537/1499537167.JPEG" srcset="/data/Photos/450x450w/14995/1499537/1499537167.JPEG 1x, /data/Photos/700x500w/14995/1499537/1499537167.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15748/1574860/1574860679.JPEG" srcset="/data/Photos/450x450w/15748/1574860/1574860679.JPEG 1x, /data/Photos/700x500w/15748/1574860/1574860679.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="Easyhotel Barcelona Fira L’Hospitalet de Llobregat" data-hbs-name="Easyhotel Barcelona Fira L’Hospitalet de Llobregat"> <a class="hotels-by-stars__title-link" href="https://easyhotel-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9lYXN5aG90ZWwtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Easyhotel Barcelona Fira 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> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> Beliebte Übernachtungsmöglichkeiten in Barcelona </h3> <p class="main-hotels__text section__subtitle"> Wählen Sie eine bewährte Option aus unserer Liste der meistgebuchten Unterkünfte </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="88779" data-hbs-latitude="41.37515" data-hbs-longitude="2.16835" 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/de/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtdW5pdmVyc2FsLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.9 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4274">(4274 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88811" data-hbs-latitude="41.405256" data-hbs-longitude="2.211828" 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="MTI3MzEvMTI3MzEzMC8xMjczMTMwNzU4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273130/1273130758.JPEG" srcset="/data/Photos/450x450w/12731/1273130/1273130758.JPEG 1x, /data/Photos/700x500w/12731/1273130/1273130758.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273132/1273132321.JPEG" srcset="/data/Photos/450x450w/12731/1273132/1273132321.JPEG 1x, /data/Photos/700x500w/12731/1273132/1273132321.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273131/1273131850.JPEG" srcset="/data/Photos/450x450w/12731/1273131/1273131850.JPEG 1x, /data/Photos/700x500w/12731/1273131/1273131850.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273131/1273131913.JPEG" srcset="/data/Photos/450x450w/12731/1273131/1273131913.JPEG 1x, /data/Photos/700x500w/12731/1273131/1273131913.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273131/1273131019.JPEG" srcset="/data/Photos/450x450w/12731/1273131/1273131019.JPEG 1x, /data/Photos/700x500w/12731/1273131/1273131019.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273131/1273131178.JPEG" srcset="/data/Photos/450x450w/12731/1273131/1273131178.JPEG 1x, /data/Photos/700x500w/12731/1273131/1273131178.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 Attica 21 Barcelona Mar" data-hbs-name="Hotel Attica 21 Barcelona Mar"> <a class="hotels-by-stars__title-link" href="https://attica-21-barcelona-mar.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9hdHRpY2EtMjEtYmFyY2Vsb25hLW1hci5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Attica 21 Barcelona Mar </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.1 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.3 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1020">(1020 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88831" data-hbs-latitude="41.37539" data-hbs-longitude="2.1485" 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="MTYxMjkvMTYxMjk1NC8xNjEyOTU0NzMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612954/1612954733.JPEG" srcset="/data/Photos/450x450w/16129/1612954/1612954733.JPEG 1x, /data/Photos/700x500w/16129/1612954/1612954733.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16527/1652743/1652743204.JPEG" srcset="/data/Photos/450x450w/16527/1652743/1652743204.JPEG 1x, /data/Photos/700x500w/16527/1652743/1652743204.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16527/1652743/1652743205.JPEG" srcset="/data/Photos/450x450w/16527/1652743/1652743205.JPEG 1x, /data/Photos/700x500w/16527/1652743/1652743205.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612954/1612954731.JPEG" srcset="/data/Photos/450x450w/16129/1612954/1612954731.JPEG 1x, /data/Photos/700x500w/16129/1612954/1612954731.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612954/1612954734.JPEG" srcset="/data/Photos/450x450w/16129/1612954/1612954734.JPEG 1x, /data/Photos/700x500w/16129/1612954/1612954734.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612954/1612954735.JPEG" srcset="/data/Photos/450x450w/16129/1612954/1612954735.JPEG 1x, /data/Photos/700x500w/16129/1612954/1612954735.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 Catalonia Barcelona Plaza" data-hbs-name="Hotel Catalonia Barcelona Plaza"> <a class="hotels-by-stars__title-link" href="https://catalonia-barcelona-plaza.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtYmFyY2Vsb25hLXBsYXphLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Catalonia Barcelona Plaza </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.2 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ausgezeichnete Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.3 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3606">(3606 Bewertungen)</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="MTU4NjgvMTU4NjgyMy8xNTg2ODIzMzE1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586823/1586823315.JPEG" srcset="/data/Photos/450x450w/15868/1586823/1586823315.JPEG 1x, /data/Photos/700x500w/15868/1586823/1586823315.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="Hotel Catalonia Atenas Barcelona" data-hbs-name="Hotel Catalonia Atenas Barcelona"> <a class="hotels-by-stars__title-link" href="https://catalonia-atenas.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtYXRlbmFzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Catalonia Atenas 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="7886">(7886 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88894" data-hbs-latitude="41.401345" data-hbs-longitude="2.209931" 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="MTY0NDQvMTY0NDQwMy8xNjQ0NDAzNTM0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16444/1644403/1644403534.JPEG" srcset="/data/Photos/450x450w/16444/1644403/1644403534.JPEG 1x, /data/Photos/700x500w/16444/1644403/1644403534.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273074/1273074568.JPEG" srcset="/data/Photos/450x450w/12730/1273074/1273074568.JPEG 1x, /data/Photos/700x500w/12730/1273074/1273074568.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273073/1273073248.JPEG" srcset="/data/Photos/450x450w/12730/1273073/1273073248.JPEG 1x, /data/Photos/700x500w/12730/1273073/1273073248.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273074/1273074865.JPEG" srcset="/data/Photos/450x450w/12730/1273074/1273074865.JPEG 1x, /data/Photos/700x500w/12730/1273074/1273074865.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16444/1644403/1644403551.JPEG" srcset="/data/Photos/450x450w/16444/1644403/1644403551.JPEG 1x, /data/Photos/700x500w/16444/1644403/1644403551.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16444/1644403/1644403560.JPEG" srcset="/data/Photos/450x450w/16444/1644403/1644403560.JPEG 1x, /data/Photos/700x500w/16444/1644403/1644403560.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 Catalonia Barcelona Beach" data-hbs-name="Hotel Catalonia Barcelona Beach"> <a class="hotels-by-stars__title-link" href="https://hesperia-del-mar.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9oZXNwZXJpYS1kZWwtbWFyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Catalonia Barcelona Beach </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.8 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.6 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Gut">Gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3803">(3803 Bewertungen)</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/de/" data-hbs-url="aHR0cHM6Ly9iLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ausgezeichnete Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.3 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3371">(3371 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88912" data-hbs-latitude="41.387357" data-hbs-longitude="2.160416" 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="ODQxNC84NDE0NzAvODQxNDcwMTM3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8414/841470/841470137.JPEG" srcset="/data/Photos/450x450w/8414/841470/841470137.JPEG 1x, /data/Photos/700x500w/8414/841470/841470137.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/de/" data-hbs-url="aHR0cHM6Ly9heGVsLWhvdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> 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 zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ausgezeichnete Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2864">(2864 Bewertungen)</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="Hotel Ilunion Les Corts Spa Barcelona" data-hbs-name="Hotel Ilunion Les Corts Spa Barcelona"> <a class="hotels-by-stars__title-link" href="https://senator-barcelona-spa-hotel.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9zZW5hdG9yLWJhcmNlbG9uYS1zcGEtaG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hotel Ilunion Les Corts 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="hotels-by-stars__distance-text"> 4.8 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="7274">(7274 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88914" data-hbs-latitude="41.39369" data-hbs-longitude="2.199395" 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="ODg4NC84ODg0MzMvODg4NDMzOTcyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8884/888433/888433972.JPEG" srcset="/data/Photos/450x450w/8884/888433/888433972.JPEG 1x, /data/Photos/700x500w/8884/888433/888433972.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589554/1589554387.JPEG" srcset="/data/Photos/450x450w/15895/1589554/1589554387.JPEG 1x, /data/Photos/700x500w/15895/1589554/1589554387.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15435/1543555/1543555471.JPEG" srcset="/data/Photos/450x450w/15435/1543555/1543555471.JPEG 1x, /data/Photos/700x500w/15435/1543555/1543555471.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15435/1543555/1543555579.JPEG" srcset="/data/Photos/450x450w/15435/1543555/1543555579.JPEG 1x, /data/Photos/700x500w/15435/1543555/1543555579.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14166/1416624/1416624504.JPEG" srcset="/data/Photos/450x450w/14166/1416624/1416624504.JPEG 1x, /data/Photos/700x500w/14166/1416624/1416624504.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498537/1498537501.JPEG" srcset="/data/Photos/450x450w/14985/1498537/1498537501.JPEG 1x, /data/Photos/700x500w/14985/1498537/1498537501.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 Icaria Barcelona" data-hbs-name="Hotel SB Icaria Barcelona"> <a class="hotels-by-stars__title-link" href="https://hotel-sb-icaria-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1zYi1pY2FyaWEtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel SB Icaria 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"> 2.6 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Sehr gut">Sehr gut</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4974">(4974 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88920" data-hbs-latitude="41.40386" data-hbs-longitude="2.190159" 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="MTIzMDcvMTIzMDc1Ny8xMjMwNzU3NjI1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12307/1230757/1230757625.JPEG" srcset="/data/Photos/450x450w/12307/1230757/1230757625.JPEG 1x, /data/Photos/700x500w/12307/1230757/1230757625.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432078/1432078402.JPEG" srcset="/data/Photos/450x450w/14320/1432078/1432078402.JPEG 1x, /data/Photos/700x500w/14320/1432078/1432078402.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273147/1273147003.JPEG" srcset="/data/Photos/450x450w/12731/1273147/1273147003.JPEG 1x, /data/Photos/700x500w/12731/1273147/1273147003.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12678/1267828/1267828357.JPEG" srcset="/data/Photos/450x450w/12678/1267828/1267828357.JPEG 1x, /data/Photos/700x500w/12678/1267828/1267828357.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12678/1267829/1267829176.JPEG" srcset="/data/Photos/450x450w/12678/1267829/1267829176.JPEG 1x, /data/Photos/700x500w/12678/1267829/1267829176.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12307/1230760/1230760652.JPEG" srcset="/data/Photos/450x450w/12307/1230760/1230760652.JPEG 1x, /data/Photos/700x500w/12307/1230760/1230760652.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 The Hoxton, Poblenou Barcelona" data-hbs-name="Hotel The Hoxton, Poblenou Barcelona"> <a class="hotels-by-stars__title-link" href="https://silken-diagonal.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9zaWxrZW4tZGlhZ29uYWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hotel The Hoxton, Poblenou 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"> 2.6 km zur Innenstadt </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Hervorragende Lage </span> <div class="hotels-by-stars__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.4 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</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="Klasse">Klasse</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2753">(2753 Bewertungen)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88929" data-hbs-latitude="41.39260595" data-hbs-longitude="2.172024092" 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="MTI3MzAvMTI3MzA0My8xMjczMDQzODMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273043/1273043833.JPEG" srcset="/data/Photos/450x450w/12730/1273043/1273043833.JPEG 1x, /data/Photos/700x500w/12730/1273043/1273043833.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273050/1273050994.JPEG" srcset="/data/Photos/450x450w/12730/1273050/1273050994.JPEG 1x, /data/Photos/700x500w/12730/1273050/1273050994.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273043/1273043599.JPEG" srcset="/data/Photos/450x450w/12730/1273043/1273043599.JPEG 1x, /data/Photos/700x500w/12730/1273043/1273043599.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273048/1273048996.JPEG" srcset="/data/Photos/450x450w/12730/1273048/1273048996.JPEG 1x, /data/Photos/700x500w/12730/1273048/1273048996.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273045/1273045954.JPEG" srcset="/data/Photos/450x450w/12730/1273045/1273045954.JPEG 1x, /data/Photos/700x500w/12730/1273045/1273045954.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15463/1546373/1546373032.JPEG" srcset="/data/Photos/450x450w/15463/1546373/1546373032.JPEG 1x, /data/Photos/700x500w/15463/1546373/1546373032.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 Havana 4Sup By Escampa Hotels Barcelona" data-hbs-name="Gran Hotel Havana 4Sup By Escampa Hotels Barcelona"> <a class="hotels-by-stars__title-link" href="https://silken-gran-hotel-havana.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9zaWxrZW4tZ3Jhbi1ob3RlbC1oYXZhbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Gran Hotel Havana 4Sup By Escampa 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> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88933" data-hbs-latitude="41.38909" data-hbs-longitude="2.16729" 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="MTU2NjkvMTU2NjkxNy8xNTY2OTE3NjM5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15669/1566917/1566917639.JPEG" srcset="/data/Photos/450x450w/15669/1566917/1566917639.JPEG 1x, /data/Photos/700x500w/15669/1566917/1566917639.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15585/1558538/1558538221.JPEG" srcset="/data/Photos/450x450w/15585/1558538/1558538221.JPEG 1x, /data/Photos/700x500w/15585/1558538/1558538221.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16468/1646888/1646888285.JPEG" srcset="/data/Photos/450x450w/16468/1646888/1646888285.JPEG 1x, /data/Photos/700x500w/16468/1646888/1646888285.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592046/1592046613.JPEG" srcset="/data/Photos/450x450w/15920/1592046/1592046613.JPEG 1x, /data/Photos/700x500w/15920/1592046/1592046613.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16174/1617455/1617455652.JPEG" srcset="/data/Photos/450x450w/16174/1617455/1617455652.JPEG 1x, /data/Photos/700x500w/16174/1617455/1617455652.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16174/1617455/1617455665.JPEG" srcset="/data/Photos/450x450w/16174/1617455/1617455665.JPEG 1x, /data/Photos/700x500w/16174/1617455/1617455665.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 El Avenida Palace Barcelona" data-hbs-name="Hotel El Avenida Palace Barcelona"> <a class="hotels-by-stars__title-link" href="https://avenida-palace.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9hdmVuaWRhLXBhbGFjZS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel El Avenida Palace 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">Auf der Karte anzeigen</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="MTY0MzcvMTY0Mzc1My8xNjQzNzUzNTc2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16437/1643753/1643753576.JPEG" srcset="/data/Photos/450x450w/16437/1643753/1643753576.JPEG 1x, /data/Photos/700x500w/16437/1643753/1643753576.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16535/1653527/1653527962.JPEG" srcset="/data/Photos/450x450w/16535/1653527/1653527962.JPEG 1x, /data/Photos/700x500w/16535/1653527/1653527962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16535/1653527/1653527990.JPEG" srcset="/data/Photos/450x450w/16535/1653527/1653527990.JPEG 1x, /data/Photos/700x500w/16535/1653527/1653527990.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16535/1653527/1653527992.JPEG" srcset="/data/Photos/450x450w/16535/1653527/1653527992.JPEG 1x, /data/Photos/700x500w/16535/1653527/1653527992.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16437/1643753/1643753577.JPEG" srcset="/data/Photos/450x450w/16437/1643753/1643753577.JPEG 1x, /data/Photos/700x500w/16437/1643753/1643753577.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16437/1643753/1643753565.JPEG" srcset="/data/Photos/450x450w/16437/1643753/1643753565.JPEG 1x, /data/Photos/700x500w/16437/1643753/1643753565.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/de/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtY2F0ZWRyYWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> 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="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Auf der Karte anzeigen</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/de/" data-hbs-url="aHR0cHM6Ly9zdWl6by5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88972" data-hbs-latitude="41.391731" data-hbs-longitude="2.159275" 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="MTQ3NzEvMTQ3NzE5OS8xNDc3MTk5NjUzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14771/1477199/1477199653.JPEG" srcset="/data/Photos/450x450w/14771/1477199/1477199653.JPEG 1x, /data/Photos/700x500w/14771/1477199/1477199653.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15766/1576685/1576685069.JPEG" srcset="/data/Photos/450x450w/15766/1576685/1576685069.JPEG 1x, /data/Photos/700x500w/15766/1576685/1576685069.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15431/1543173/1543173211.JPEG" srcset="/data/Photos/450x450w/15431/1543173/1543173211.JPEG 1x, /data/Photos/700x500w/15431/1543173/1543173211.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13417/1341717/1341717074.JPEG" srcset="/data/Photos/450x450w/13417/1341717/1341717074.JPEG 1x, /data/Photos/700x500w/13417/1341717/1341717074.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10153/1015341/1015341061.JPEG" srcset="/data/Photos/450x450w/10153/1015341/1015341061.JPEG 1x, /data/Photos/700x500w/10153/1015341/1015341061.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13417/1341703/1341703082.JPEG" srcset="/data/Photos/450x450w/13417/1341703/1341703082.JPEG 1x, /data/Photos/700x500w/13417/1341703/1341703082.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 Center" data-hbs-name="Hotel Barcelona Center"> <a class="hotels-by-stars__title-link" href="https://barcelona-center.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtY2VudGVyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Barcelona Center </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">Auf der Karte anzeigen</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/15726/1572667/1572667637.JPEG" srcset="/data/Photos/450x450w/15726/1572667/1572667637.JPEG 1x, /data/Photos/700x500w/15726/1572667/1572667637.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 H10 Casanova Barcelona" data-hbs-name="Hotel H10 Casanova Barcelona"> <a class="hotels-by-stars__title-link" href="https://h10-casanova.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9oMTAtY2FzYW5vdmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hotel H10 Casanova 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89005" data-hbs-latitude="41.373221" data-hbs-longitude="2.14744" 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="MTY1NTIvMTY1NTI2OC8xNjU1MjY4ODc5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16552/1655268/1655268879.JPEG" srcset="/data/Photos/450x450w/16552/1655268/1655268879.JPEG 1x, /data/Photos/700x500w/16552/1655268/1655268879.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866519.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866519.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866519.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866511.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866511.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866511.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866512.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866512.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866512.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866513.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866513.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866513.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866514.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866514.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866514.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 Granvia Plaza Espana, An Ihg Hotel" data-hbs-name="Hotel Indigo Barcelona Granvia Plaza Espana, An Ihg Hotel"> <a class="hotels-by-stars__title-link" href="https://ayre-hotel-gran-via.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9heXJlLWhvdGVsLWdyYW4tdmlhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Indigo Barcelona Granvia Plaza Espana, 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">Auf der Karte anzeigen</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="Hotel Hilton Barcelona" data-hbs-name="Hotel Hilton Barcelona"> <a class="hotels-by-stars__title-link" href="https://hilton-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9oaWx0b24tYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Hilton 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">Auf der Karte anzeigen</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/de/" data-hbs-url="aHR0cHM6Ly90dXJpbi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126232" data-hbs-latitude="41.38573" data-hbs-longitude="2.16637" 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="MTI5NTYvMTI5NTYzMy8xMjk1NjMzMzkyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12956/1295633/1295633392.JPEG" srcset="/data/Photos/450x450w/12956/1295633/1295633392.JPEG 1x, /data/Photos/700x500w/12956/1295633/1295633392.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599643/1599643428.JPEG" srcset="/data/Photos/450x450w/15996/1599643/1599643428.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643428.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599643/1599643414.JPEG" srcset="/data/Photos/450x450w/15996/1599643/1599643414.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643414.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599643/1599643432.JPEG" srcset="/data/Photos/450x450w/15996/1599643/1599643432.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643432.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599643/1599643429.JPEG" srcset="/data/Photos/450x450w/15996/1599643/1599643429.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643429.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599643/1599643433.JPEG" srcset="/data/Photos/450x450w/15996/1599643/1599643433.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643433.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 Atlantis By Atbcn Barcelona" data-hbs-name="Hotel Atlantis By Atbcn Barcelona"> <a class="hotels-by-stars__title-link" href="https://atlantis.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9hdGxhbnRpcy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Atlantis By Atbcn 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="241461" data-hbs-latitude="41.38" data-hbs-longitude="2.17577" 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="MTU4MDMvMTU4MDM0OS8xNTgwMzQ5Njk3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580349/1580349697.JPEG" srcset="/data/Photos/450x450w/15803/1580349/1580349697.JPEG 1x, /data/Photos/700x500w/15803/1580349/1580349697.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580349/1580349961.JPEG" srcset="/data/Photos/450x450w/15803/1580349/1580349961.JPEG 1x, /data/Photos/700x500w/15803/1580349/1580349961.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580349/1580349971.JPEG" srcset="/data/Photos/450x450w/15803/1580349/1580349971.JPEG 1x, /data/Photos/700x500w/15803/1580349/1580349971.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580350/1580350009.JPEG" srcset="/data/Photos/450x450w/15803/1580350/1580350009.JPEG 1x, /data/Photos/700x500w/15803/1580350/1580350009.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580350/1580350011.JPEG" srcset="/data/Photos/450x450w/15803/1580350/1580350011.JPEG 1x, /data/Photos/700x500w/15803/1580350/1580350011.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580350/1580350013.JPEG" srcset="/data/Photos/450x450w/15803/1580350/1580350013.JPEG 1x, /data/Photos/700x500w/15803/1580350/1580350013.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 Roma Reial Barcelona" data-hbs-name="Hotel Roma Reial Barcelona"> <a class="hotels-by-stars__title-link" href="https://roma-reial.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9yb21hLXJlaWFsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Roma Reial 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">Auf der Karte anzeigen</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="MTY0OTAvMTY0OTAxNy8xNjQ5MDE3MzI4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16490/1649017/1649017328.JPEG" srcset="/data/Photos/450x450w/16490/1649017/1649017328.JPEG 1x, /data/Photos/700x500w/16490/1649017/1649017328.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16490/1649017/1649017338.JPEG" srcset="/data/Photos/450x450w/16490/1649017/1649017338.JPEG 1x, /data/Photos/700x500w/16490/1649017/1649017338.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16490/1649017/1649017298.JPEG" srcset="/data/Photos/450x450w/16490/1649017/1649017298.JPEG 1x, /data/Photos/700x500w/16490/1649017/1649017298.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16490/1649017/1649017299.JPEG" srcset="/data/Photos/450x450w/16490/1649017/1649017299.JPEG 1x, /data/Photos/700x500w/16490/1649017/1649017299.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16490/1649017/1649017300.JPEG" srcset="/data/Photos/450x450w/16490/1649017/1649017300.JPEG 1x, /data/Photos/700x500w/16490/1649017/1649017300.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16490/1649017/1649017303.JPEG" srcset="/data/Photos/450x450w/16490/1649017/1649017303.JPEG 1x, /data/Photos/700x500w/16490/1649017/1649017303.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 Naitly Barcelona Poblenou" data-hbs-name="Hotel Naitly Barcelona Poblenou"> <a class="hotels-by-stars__title-link" href="https://capri-by-fraser-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9jYXByaS1ieS1mcmFzZXItYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel Naitly Barcelona Poblenou </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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="291606" data-hbs-latitude="41.412037" data-hbs-longitude="2.21961899999997" 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="MTU4NjEvMTU4NjEwOS8xNTg2MTA5NjUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15861/1586109/1586109652.JPEG" srcset="/data/Photos/450x450w/15861/1586109/1586109652.JPEG 1x, /data/Photos/700x500w/15861/1586109/1586109652.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273047/1273047190.JPEG" srcset="/data/Photos/450x450w/12730/1273047/1273047190.JPEG 1x, /data/Photos/700x500w/12730/1273047/1273047190.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273044/1273044898.JPEG" srcset="/data/Photos/450x450w/12730/1273044/1273044898.JPEG 1x, /data/Photos/700x500w/12730/1273044/1273044898.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273045/1273045942.JPEG" srcset="/data/Photos/450x450w/12730/1273045/1273045942.JPEG 1x, /data/Photos/700x500w/12730/1273045/1273045942.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273048/1273048783.JPEG" srcset="/data/Photos/450x450w/12730/1273048/1273048783.JPEG 1x, /data/Photos/700x500w/12730/1273048/1273048783.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273048/1273048273.JPEG" srcset="/data/Photos/450x450w/12730/1273048/1273048273.JPEG 1x, /data/Photos/700x500w/12730/1273048/1273048273.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 Diagonal Zero 4 Sup Barcelona" data-hbs-name="Hotel Sb Diagonal Zero 4 Sup Barcelona"> <a class="hotels-by-stars__title-link" href="https://hotel-sb-diagonal-zero-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1zYi1kaWFnb25hbC16ZXJvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Sb Diagonal Zero 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">Auf der Karte anzeigen</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="MTYxNjQvMTYxNjQxOC8xNjE2NDE4MzQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16164/1616418/1616418349.JPEG" srcset="/data/Photos/450x450w/16164/1616418/1616418349.JPEG 1x, /data/Photos/700x500w/16164/1616418/1616418349.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/1629388973.JPEG" srcset="/data/Photos/450x450w/16293/1629388/1629388973.JPEG 1x, /data/Photos/700x500w/16293/1629388/1629388973.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16293/1629388/1629388975.JPEG" srcset="/data/Photos/450x450w/16293/1629388/1629388975.JPEG 1x, /data/Photos/700x500w/16293/1629388/1629388975.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 Moxy Barcelona" data-hbs-name="Hotel Moxy Barcelona"> <a class="hotels-by-stars__title-link" href="https://expo-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9leHBvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Moxy 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="324228" data-hbs-latitude="41.404885" data-hbs-longitude="2.17277" 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="NjgzMi82ODMyOTIvNjgzMjkyODMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6832/683292/683292831.JPEG" srcset="/data/Photos/450x450w/6832/683292/683292831.JPEG 1x, /data/Photos/700x500w/6832/683292/683292831.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580419/1580419343.JPEG" srcset="/data/Photos/450x450w/15804/1580419/1580419343.JPEG 1x, /data/Photos/700x500w/15804/1580419/1580419343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606550/1606550301.JPEG" srcset="/data/Photos/450x450w/16065/1606550/1606550301.JPEG 1x, /data/Photos/700x500w/16065/1606550/1606550301.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606550/1606550262.JPEG" srcset="/data/Photos/450x450w/16065/1606550/1606550262.JPEG 1x, /data/Photos/700x500w/16065/1606550/1606550262.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606550/1606550263.JPEG" srcset="/data/Photos/450x450w/16065/1606550/1606550263.JPEG 1x, /data/Photos/700x500w/16065/1606550/1606550263.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606550/1606550277.JPEG" srcset="/data/Photos/450x450w/16065/1606550/1606550277.JPEG 1x, /data/Photos/700x500w/16065/1606550/1606550277.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="Sercotel Hotel Rosellon Barcelona" data-hbs-name="Sercotel Hotel Rosellon Barcelona"> <a class="hotels-by-stars__title-link" href="https://ayre-hotel-rosellon.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9heXJlLWhvdGVsLXJvc2VsbG9uLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Sercotel Hotel Rosellon 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">Auf der Karte anzeigen</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/de/" data-hbs-url="aHR0cHM6Ly9ob3RlbC00LWJhcmNlbG9uYS0wODAwNS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="334300" data-hbs-latitude="41.354843" data-hbs-longitude="2.1254125" 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="OTEzNi85MTM2MDIvOTEzNjAyMDQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9136/913602/913602049.JPEG" srcset="/data/Photos/450x450w/9136/913602/913602049.JPEG 1x, /data/Photos/700x500w/9136/913602/913602049.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580430/1580430171.JPEG" srcset="/data/Photos/450x450w/15804/1580430/1580430171.JPEG 1x, /data/Photos/700x500w/15804/1580430/1580430171.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580430/1580430249.JPEG" srcset="/data/Photos/450x450w/15804/1580430/1580430249.JPEG 1x, /data/Photos/700x500w/15804/1580430/1580430249.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13989/1398998/1398998051.JPEG" srcset="/data/Photos/450x450w/13989/1398998/1398998051.JPEG 1x, /data/Photos/700x500w/13989/1398998/1398998051.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13990/1399006/1399006499.JPEG" srcset="/data/Photos/450x450w/13990/1399006/1399006499.JPEG 1x, /data/Photos/700x500w/13990/1399006/1399006499.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13990/1399017/1399017428.JPEG" srcset="/data/Photos/450x450w/13990/1399017/1399017428.JPEG 1x, /data/Photos/700x500w/13990/1399017/1399017428.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 Porta Fira 4* Sup L’Hospitalet de Llobregat" data-hbs-name="Hotel Porta Fira 4* Sup L’Hospitalet de Llobregat"> <a class="hotels-by-stars__title-link" href="https://santos-porta-fira.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9zYW50b3MtcG9ydGEtZmlyYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Porta Fira 4* Sup 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="375560" data-hbs-latitude="41.37801" data-hbs-longitude="2.17823" 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="OTI1Ny85MjU3OTAvOTI1NzkwMzA4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9257/925790/925790308.JPEG" srcset="/data/Photos/450x450w/9257/925790/925790308.JPEG 1x, /data/Photos/700x500w/9257/925790/925790308.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10148/1014836/1014836869.JPEG" srcset="/data/Photos/450x450w/10148/1014836/1014836869.JPEG 1x, /data/Photos/700x500w/10148/1014836/1014836869.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10196/1019650/1019650858.JPEG" srcset="/data/Photos/450x450w/10196/1019650/1019650858.JPEG 1x, /data/Photos/700x500w/10196/1019650/1019650858.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10196/1019651/1019651308.JPEG" srcset="/data/Photos/450x450w/10196/1019651/1019651308.JPEG 1x, /data/Photos/700x500w/10196/1019651/1019651308.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10196/1019651/1019651806.JPEG" srcset="/data/Photos/450x450w/10196/1019651/1019651806.JPEG 1x, /data/Photos/700x500w/10196/1019651/1019651806.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10196/1019652/1019652694.JPEG" srcset="/data/Photos/450x450w/10196/1019652/1019652694.JPEG 1x, /data/Photos/700x500w/10196/1019652/1019652694.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 Portugal Barcelona" data-hbs-name="Hostal Portugal Barcelona"> <a class="hotels-by-stars__title-link" href="https://pension-portugal-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9wZW5zaW9uLXBvcnR1Z2FsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hostal Portugal 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">Auf der Karte anzeigen</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="NDY5My80NjkzMjUvNDY5MzI1NDMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4693/469325/469325433.JPEG" srcset="/data/Photos/450x450w/4693/469325/469325433.JPEG 1x, /data/Photos/700x500w/4693/469325/469325433.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="Ferienwohnung Lugaris Beach Barcelona" data-hbs-name="Ferienwohnung Lugaris Beach Barcelona"> <a class="hotels-by-stars__title-link" href="https://lugaris-sea-the-home-concept.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9sdWdhcmlzLXNlYS10aGUtaG9tZS1jb25jZXB0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Ferienwohnung Lugaris Beach 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">Auf der Karte anzeigen</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/de/" data-hbs-url="aHR0cHM6Ly9wZW5pbnN1bGFyLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="530387" data-hbs-latitude="41.38045" data-hbs-longitude="2.17947" 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="MTU4MDYvMTU4MDY0NS8xNTgwNjQ1MDIxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580645/1580645021.JPEG" srcset="/data/Photos/450x450w/15806/1580645/1580645021.JPEG 1x, /data/Photos/700x500w/15806/1580645/1580645021.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4184/418492/418492161.JPEG" srcset="/data/Photos/450x450w/4184/418492/418492161.JPEG 1x, /data/Photos/700x500w/4184/418492/418492161.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580645/1580645017.JPEG" srcset="/data/Photos/450x450w/15806/1580645/1580645017.JPEG 1x, /data/Photos/700x500w/15806/1580645/1580645017.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580645/1580645093.JPEG" srcset="/data/Photos/450x450w/15806/1580645/1580645093.JPEG 1x, /data/Photos/700x500w/15806/1580645/1580645093.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6404/640412/640412895.JPEG" srcset="/data/Photos/450x450w/6404/640412/640412895.JPEG 1x, /data/Photos/700x500w/6404/640412/640412895.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6404/640410/640410252.JPEG" srcset="/data/Photos/450x450w/6404/640410/640410252.JPEG 1x, /data/Photos/700x500w/6404/640410/640410252.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="Hostel New York Barcelona" data-hbs-name="Hostel New York Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostel-new-york.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ob3N0ZWwtbmV3LXlvcmsuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9kZS8="> Hostel New York 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">Auf der Karte anzeigen</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="Hostel Generator Barcelona" data-hbs-name="Hostel Generator Barcelona"> <a class="hotels-by-stars__title-link" href="https://generator-hostel-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9nZW5lcmF0b3ItaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hostel Generator 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="574283" data-hbs-latitude="41.39977" data-hbs-longitude="2.20089" 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="MTI3MzEvMTI3MzE5My8xMjczMTkzNTAzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273193/1273193503.JPEG" srcset="/data/Photos/450x450w/12731/1273193/1273193503.JPEG 1x, /data/Photos/700x500w/12731/1273193/1273193503.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16527/1652762/1652762604.JPEG" srcset="/data/Photos/450x450w/16527/1652762/1652762604.JPEG 1x, /data/Photos/700x500w/16527/1652762/1652762604.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16527/1652762/1652762614.JPEG" srcset="/data/Photos/450x450w/16527/1652762/1652762614.JPEG 1x, /data/Photos/700x500w/16527/1652762/1652762614.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16527/1652762/1652762616.JPEG" srcset="/data/Photos/450x450w/16527/1652762/1652762616.JPEG 1x, /data/Photos/700x500w/16527/1652762/1652762616.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16527/1652762/1652762617.JPEG" srcset="/data/Photos/450x450w/16527/1652762/1652762617.JPEG 1x, /data/Photos/700x500w/16527/1652762/1652762617.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16527/1652762/1652762618.JPEG" srcset="/data/Photos/450x450w/16527/1652762/1652762618.JPEG 1x, /data/Photos/700x500w/16527/1652762/1652762618.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="Travelodge Barcelona Poblenou" data-hbs-name="Travelodge Barcelona Poblenou"> <a class="hotels-by-stars__title-link" href="https://travelodge-barcelona-poblenou.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly90cmF2ZWxvZGdlLWJhcmNlbG9uYS1wb2JsZW5vdS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Travelodge Barcelona Poblenou </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">Auf der Karte anzeigen</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/de/" data-hbs-url="aHR0cHM6Ly9yZWMtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3220374" data-hbs-latitude="41.40396" data-hbs-longitude="2.16939" 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="MTI3ODkvMTI3ODkxNy8xMjc4OTE3OTIzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278917/1278917923.JPEG" srcset="/data/Photos/450x450w/12789/1278917/1278917923.JPEG 1x, /data/Photos/700x500w/12789/1278917/1278917923.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278915/1278915727.JPEG" srcset="/data/Photos/450x450w/12789/1278915/1278915727.JPEG 1x, /data/Photos/700x500w/12789/1278915/1278915727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278915/1278915391.JPEG" srcset="/data/Photos/450x450w/12789/1278915/1278915391.JPEG 1x, /data/Photos/700x500w/12789/1278915/1278915391.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278918/1278918184.JPEG" srcset="/data/Photos/450x450w/12789/1278918/1278918184.JPEG 1x, /data/Photos/700x500w/12789/1278918/1278918184.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278915/1278915853.JPEG" srcset="/data/Photos/450x450w/12789/1278915/1278915853.JPEG 1x, /data/Photos/700x500w/12789/1278915/1278915853.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278917/1278917962.JPEG" srcset="/data/Photos/450x450w/12789/1278917/1278917962.JPEG 1x, /data/Photos/700x500w/12789/1278917/1278917962.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="Radisson Blu 1882 Hotel, Barcelona Sagrada Familia" data-hbs-name="Radisson Blu 1882 Hotel, Barcelona Sagrada Familia"> <a class="hotels-by-stars__title-link" href="https://hotel-barcelona-1882.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1iYXJjZWxvbmEtMTg4Mi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Radisson Blu 1882 Hotel, Barcelona Sagrada Familia </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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7420114" data-hbs-latitude="41.397801" data-hbs-longitude="2.161142" 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="MTI4NzMvMTI4NzM2NS8xMjg3MzY1OTgwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12873/1287365/1287365980.JPEG" srcset="/data/Photos/450x450w/12873/1287365/1287365980.JPEG 1x, /data/Photos/700x500w/12873/1287365/1287365980.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12873/1287365/1287365128.JPEG" srcset="/data/Photos/450x450w/12873/1287365/1287365128.JPEG 1x, /data/Photos/700x500w/12873/1287365/1287365128.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12873/1287366/1287366478.JPEG" srcset="/data/Photos/450x450w/12873/1287366/1287366478.JPEG 1x, /data/Photos/700x500w/12873/1287366/1287366478.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12873/1287365/1287365197.JPEG" srcset="/data/Photos/450x450w/12873/1287365/1287365197.JPEG 1x, /data/Photos/700x500w/12873/1287365/1287365197.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12873/1287367/1287367294.JPEG" srcset="/data/Photos/450x450w/12873/1287367/1287367294.JPEG 1x, /data/Photos/700x500w/12873/1287367/1287367294.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12873/1287362/1287362776.JPEG" srcset="/data/Photos/450x450w/12873/1287362/1287362776.JPEG 1x, /data/Photos/700x500w/12873/1287362/1287362776.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 Seventy Barcelona" data-hbs-name="Hotel Seventy Barcelona"> <a class="hotels-by-stars__title-link" href="https://seventy-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9zZXZlbnR5LWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Seventy 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="11672181" data-hbs-latitude="41.40037" data-hbs-longitude="2.2057" 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="MTI2NTIvMTI2NTI5Ni8xMjY1Mjk2NzA1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12652/1265296/1265296705.JPEG" srcset="/data/Photos/450x450w/12652/1265296/1265296705.JPEG 1x, /data/Photos/700x500w/12652/1265296/1265296705.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15439/1543948/1543948366.JPEG" srcset="/data/Photos/450x450w/15439/1543948/1543948366.JPEG 1x, /data/Photos/700x500w/15439/1543948/1543948366.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15438/1543813/1543813591.JPEG" srcset="/data/Photos/450x450w/15438/1543813/1543813591.JPEG 1x, /data/Photos/700x500w/15438/1543813/1543813591.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14003/1400303/1400303636.JPEG" srcset="/data/Photos/450x450w/14003/1400303/1400303636.JPEG 1x, /data/Photos/700x500w/14003/1400303/1400303636.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12699/1269929/1269929935.JPEG" srcset="/data/Photos/450x450w/12699/1269929/1269929935.JPEG 1x, /data/Photos/700x500w/12699/1269929/1269929935.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12699/1269929/1269929077.JPEG" srcset="/data/Photos/450x450w/12699/1269929/1269929077.JPEG 1x, /data/Photos/700x500w/12699/1269929/1269929077.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="Hostel Latroupe Poblenou Beach Barcelona" data-hbs-name="Hostel Latroupe Poblenou Beach Barcelona"> <a class="hotels-by-stars__title-link" href="https://zero-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly96ZXJvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hostel Latroupe Poblenou Beach 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="12320002" data-hbs-latitude="41.37078" data-hbs-longitude="2.11974" 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="MTM2NzYvMTM2NzY5OC8xMzY3Njk4MzE2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13676/1367698/1367698316.JPEG" srcset="/data/Photos/450x450w/13676/1367698/1367698316.JPEG 1x, /data/Photos/700x500w/13676/1367698/1367698316.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16543/1654350/1654350377.JPEG" srcset="/data/Photos/450x450w/16543/1654350/1654350377.JPEG 1x, /data/Photos/700x500w/16543/1654350/1654350377.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16543/1654350/1654350376.JPEG" srcset="/data/Photos/450x450w/16543/1654350/1654350376.JPEG 1x, /data/Photos/700x500w/16543/1654350/1654350376.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16543/1654350/1654350380.JPEG" srcset="/data/Photos/450x450w/16543/1654350/1654350380.JPEG 1x, /data/Photos/700x500w/16543/1654350/1654350380.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16543/1654350/1654350383.JPEG" srcset="/data/Photos/450x450w/16543/1654350/1654350383.JPEG 1x, /data/Photos/700x500w/16543/1654350/1654350383.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16543/1654350/1654350378.JPEG" srcset="/data/Photos/450x450w/16543/1654350/1654350378.JPEG 1x, /data/Photos/700x500w/16543/1654350/1654350378.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 Orangine L’Hospitalet de Llobregat" data-hbs-name="Hotel Orangine L’Hospitalet de Llobregat"> <a class="hotels-by-stars__title-link" href="https://hotel-orangine.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1vcmFuZ2luZS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2RlLw=="> Hotel Orangine 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="12565167" data-hbs-latitude="41.38215" data-hbs-longitude="2.18308" 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="MTE2NjAvMTE2NjA1NS8xMTY2MDU1MDQyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11660/1166055/1166055042.JPEG" srcset="/data/Photos/450x450w/11660/1166055/1166055042.JPEG 1x, /data/Photos/700x500w/11660/1166055/1166055042.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11681/1168104/1168104880.JPEG" srcset="/data/Photos/450x450w/11681/1168104/1168104880.JPEG 1x, /data/Photos/700x500w/11681/1168104/1168104880.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11681/1168104/1168104787.JPEG" srcset="/data/Photos/450x450w/11681/1168104/1168104787.JPEG 1x, /data/Photos/700x500w/11681/1168104/1168104787.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11681/1168104/1168104127.JPEG" srcset="/data/Photos/450x450w/11681/1168104/1168104127.JPEG 1x, /data/Photos/700x500w/11681/1168104/1168104127.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11681/1168104/1168104304.JPEG" srcset="/data/Photos/450x450w/11681/1168104/1168104304.JPEG 1x, /data/Photos/700x500w/11681/1168104/1168104304.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11681/1168104/1168104349.JPEG" srcset="/data/Photos/450x450w/11681/1168104/1168104349.JPEG 1x, /data/Photos/700x500w/11681/1168104/1168104349.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="Bed and Breakfast Factory Gardens Barcelona" data-hbs-name="Bed and Breakfast Factory Gardens Barcelona"> <a class="hotels-by-stars__title-link" href="https://factory-gardens-barcelona.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly9mYWN0b3J5LWdhcmRlbnMtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Bed and Breakfast Factory Gardens 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">Auf der Karte anzeigen</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="16069867" data-hbs-latitude="41.41" data-hbs-longitude="2.20445" 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="MTYwMTcvMTYwMTc5NC8xNjAxNzk0MDg4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16017/1601794/1601794088.JPEG" srcset="/data/Photos/450x450w/16017/1601794/1601794088.JPEG 1x, /data/Photos/700x500w/16017/1601794/1601794088.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16491/1649152/1649152216.JPEG" srcset="/data/Photos/450x450w/16491/1649152/1649152216.JPEG 1x, /data/Photos/700x500w/16491/1649152/1649152216.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16491/1649152/1649152237.JPEG" srcset="/data/Photos/450x450w/16491/1649152/1649152237.JPEG 1x, /data/Photos/700x500w/16491/1649152/1649152237.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16300/1630024/1630024705.JPEG" srcset="/data/Photos/450x450w/16300/1630024/1630024705.JPEG 1x, /data/Photos/700x500w/16300/1630024/1630024705.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16300/1630024/1630024711.JPEG" srcset="/data/Photos/450x450w/16300/1630024/1630024711.JPEG 1x, /data/Photos/700x500w/16300/1630024/1630024711.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16300/1630024/1630024716.JPEG" srcset="/data/Photos/450x450w/16300/1630024/1630024716.JPEG 1x, /data/Photos/700x500w/16300/1630024/1630024716.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 The Social Hub Barcelona Poblenou" data-hbs-name="Hotel The Social Hub Barcelona Poblenou"> <a class="hotels-by-stars__title-link" href="https://the-social-hub-barcelona-poble-nou.hotelbcn-barcelona.com/de/" data-hbs-url="aHR0cHM6Ly90aGUtc29jaWFsLWh1Yi1iYXJjZWxvbmEtcG9ibGUtbm91LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZGUv"> Hotel The Social Hub Barcelona Poblenou </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">Auf der Karte anzeigen</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>Last-Minute-Hotelangebote</p> </a> <a class="btn btn-outline" href="/hotels-tonight/"> Alle Angebote anzeigen <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">Die 6 besten verfügbaren Hotels für 29US$ bis 328US$, ausgewählt von unseren Redakteuren für exzellente Gästebewertungen, günstige Lage und ein gutes Preis-Leistungs-Verhältnis.</p> <p class="hot-deal__text__item js-ht-block-subtitle" data-number="2">Die 6 besten verfügbaren Hotels für 62US$ bis 263US$, ausgewählt von unseren Redakteuren für exzellente Gästebewertungen, günstige Lage und ein gutes Preis-Leistungs-Verhältnis.</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">Redaktionswahl für den 02.04</p> <p class="hot-deal__editors__text js-ht-block-editors " data-number="2">Redaktionswahl für den 03.04</p> <p class="hot-deal__editors__text js-ht-block-editors " data-number="3">Redaktionswahl für den 04.04</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'>Wir verwenden Cookies und andere Technologien, die für die Bereitstellung unserer Services und Funktionen auf der Website erforderlich sind. Durch die weitere Benutzung unserer Website stimmen Sie den automatisch zu.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>Akzeptieren</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>Ablehnen</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">Fehlen Ihnen noch Informationen?</div> <p class="widget__subtitle">Sagen Sie uns, was wir hinzufügen sollen</p> </div> </div> <form class="feedback__form js-feedback-form"> <textarea name="message" class="feedback__textarea js-feedback-textarea" placeholder="Bitte hier eintippen..." required></textarea> <input type="text" name="f_message2" value=""> <button class="feedback__btn" type="submit">Senden</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">Danke für Ihr Feedback</div> <div class="thanks-modal__title js-thanks-modal-title" data-title="subscribe">Danke fürs Abonnieren</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">Schließen</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> unterkunftstypen <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/de/type/hotels-12/">Hotels in Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/de/type/guest-houses-10/">Gasthöfe in Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/de/type/apartments-3/">Apartments in Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/de/type/hostels-11/">Hostels in Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/de/type/aparthotels-2/">Aparthotels in 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> sehenswürdigkeiten <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/de/near-placa-catalunya-rail-station-156226/">Plaça de Catalunya Train Station</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> unterkunftsstandard <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/de/5-stars/">5-Sterne-Hotels in Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/de/4-stars/">4-Sterne-Hotels in Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/de/3-stars/">3-Sterne-Hotels in 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> thematische hotels <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/de/theme/beach-hotels-2/">Strandhotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/de/theme/cheap-and-budget-hotels-9/">Budgethotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/de/theme/luxury-hotels-14/">Luxushotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/de/theme/boutique-hotels-4/">Boutique-Hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/de/theme/central-hotels-8/">Hotels im Zentrum</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> die besten hotels <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://beautiful-private-and-exterior-double-room.hotelbcn-barcelona.com/de/">Beautiful Private And Exterior Double Room.</a> <a class="footer-extra-offers-list__link" href="https://villa-conde.hotelbcn-barcelona.com/de/">Villa Conde</a> <a class="footer-extra-offers-list__link" href="https://la-mariposa.hotelbcn-barcelona.com/de/">La Mariposa</a> <a class="footer-extra-offers-list__link" href="https://relax-sea.hotelbcn-barcelona.com/de/">Relax Sea</a> <a class="footer-extra-offers-list__link" href="https://alcam-stadium-les-corts.hotelbcn-barcelona.com/de/">Alcam Stadium Les Corts</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> Unternehmen <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="L2RlL2Fib3V0LXVzLw==">Über uns</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RlL291ci12YWx1ZXMv">Unsere Werte</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RlL3doeS1ib29rLXdpdGgtdXMv">Warum sollten Sie bei uns buchen?</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RlL3BhcnRuZXJzaGlwLw==">Partnerschaft</span> </li> </ul> </div> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> Für Reisende <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="L2RlL3VzZWZ1bC10aXBzLw==">Hilfreiche Hinweise</span> </li> <li class="footer__list-item"> <span class="footer__list-link">Reservierung für Gruppen</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RlL3N1cHBvcnQv">Kundenservice</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RlL2ZhcS8=">FAQ</span> </li> </ul> </div> </div> <div class="footer__subscribe"> <form action="#main" class="form footer__subscribe-form js-footer-subscribe"> <p class="footer__title">Unseren Newsletter abonnieren</p> <label class="form__label" for="email"> <input class="form__input" id="email" name="email" type="email" value="" placeholder="Ihre E-Mail-Adresse" required> <button class="form__submit" type="submit">Abonnieren</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">Fehlen Ihnen noch Informationen?</div> <p class="widget__subtitle"> <span class="widget__subtitle-text">Sagen Sie uns, was wir hinzufügen sollen</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">Größte Auswahl an einzigartigen Orten</p> </div> <div class="footer__service-list"> <span class="footer__service-link js-link js-link-new" data-internal="L2RlL3ByaXZhY3kv">Datenschutzerklärung</span> <span class="footer__service-link js-link js-link-new" data-internal="L2RlL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Allgemeine Geschäftsbedingungen</span> <span class="footer__service-link js-link js-link-new" data-internal="L2RlL2NvcHlyaWdodC8=">Copyright-Benachrichtigung</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">2025 © 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: '2', lang: 'de', day: '02', month: '04', year: '2025', id: '4237052683', track: '4g1Nt03PFyR7s3R1', currency: {"ID":"1","CurrencyID":"1","LangID":"2","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: '2025-04-03', to: '2025-04-04', adults: '2', children: '0', childrenTitle: 'Alter der Kinder:' }, messages: { f_name: 'Geben Sie Ihren Namen ein', f_email: 'Geben Sie eine gültige E-Mail-Adresse ein', f_subject: 'Bitte wählen Sie ein Thema', f_message: 'Geben Sie den Text ein', f_review: 'Bitte geben Sie Text ein', f_review_cons: 'Bitte geben Sie Text ein', f_month: 'Wählen Sie einen Monat aus', f_year: 'Wählen Sie ein Jahr aus', f_rating: 'Bewerten Sie diese Unterkunft', f_calendar:'Geben Sie Ihre Daten ein und prüfen Sie unsere spezielle Angebote', // TODO: Uncomment when vocab will be translated } , k: 'tagiat3852', v: '3ef13ad5905a708e416a1e9c02405f8e' }; travel.data = { hotels_tonight: {"1":{"date":{"From":"2025-04-02","To":"2025-04-03","FromDM":"02.04","ToDM":"03.04","TextDM":"Optionen f\u00fcr 02.04-03.04","DayVocab":"Heute Abend"},"data":{"2":[{"ID":"1345756","HotelID":"1345756","Name":"Hostal Oliva","Address":"Passeig De Gr\u00e0cia, 32 4\u00ba, Barcelona, Spanien","Stars":"0","Latitude":"41.39078","Longitude":"2.16725","AvgMark":"41","ReviewCount":"329","AvgMarkName":"Ausgezeichnet","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\/de\/","MinRate":"263","BookingReviews":{"ReviewsCount":"1825","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostal-oliva-barcelona;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i1345756-s116206-n28-hostal_oliva"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.5,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.1,"ScoreMessage":"Ausgezeichnet","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.8,"ScoreMessage":"Au\u00dfergew\u00f6hnliche Lage","Message":"Diese Unterkunft liegt in au\u00dfergew\u00f6hnlicher Lage. Die Besucher haben sie mit 9.8 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.5 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"500 m","Type":"City Center"},{"TypeID":"1","Distance":"16.1 km","Type":"Airport"}],"CurrencyPrice":"263","AvailID":"1932470288"},{"ID":"88962","HotelID":"88962","Name":"Hostal Alogar","Address":"Carrer De Laforja, 98, Barcelona, Spanien","Stars":"2","Latitude":"41.39648","Longitude":"2.14528","AvgMark":"44","ReviewCount":"1375","AvgMarkName":"Ausgezeichnet","Photos":["7016\/701670\/701670253.JPEG","15802\/1580288\/1580288565.JPEG","14153\/1415378\/1415378394.JPEG","14154\/1415422\/1415422671.JPEG","14154\/1415423\/1415423541.JPEG","14075\/1407502\/1407502625.JPEG"],"HotelURL":"https:\/\/hostal-alogar.hotelbcn-barcelona.com\/de\/","MinRate":"29","BookingReviews":{"ReviewsCount":"1375","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostal-alogar;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i88962-s116206-n28-hostal_alogar"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.1,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"Ausgezeichnet","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.8,"ScoreMessage":"Hervorragende Lage","Message":"Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.8 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.7,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.7 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"2.4 km","Type":"City Center"},{"TypeID":"1","Distance":"16.5 km","Type":"Airport"}],"CurrencyPrice":"29","AvailID":"1932470301"},{"ID":"378832","HotelID":"378832","Name":"Leonardo Boutique Hotel Barcelona Sagrada Familia","Address":"C\/ Mallorca 606, Barcelona, Spanien","Stars":"3","Latitude":"41.411034","Longitude":"2.185644","AvgMark":"44","ReviewCount":"2447","AvgMarkName":"Ausgezeichnet","Photos":["16308\/1630869\/1630869560.JPEG","16437\/1643763\/1643763309.JPEG","16308\/1630869\/1630869562.JPEG","16437\/1643763\/1643763305.JPEG","12751\/1275163\/1275163624.JPEG","12877\/1287735\/1287735442.JPEG"],"HotelURL":"https:\/\/leonardo-boutique-hotel.hotelbcn-barcelona.com\/de\/","MinRate":"219","BookingReviews":{"ReviewsCount":"2447","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=leonardo-boutique-hotel-barcelona-sagrada-familia;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i378832-s116206-n28-leonardo_boutique_hotel_barcelona_sagrada_familia"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.1,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.2,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Hervorragende Lage","Message":"Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.9 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.6,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.6 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"3 km","Type":"City Center"},{"TypeID":"1","Distance":"18.7 km","Type":"Airport"}],"CurrencyPrice":"219","AvailID":"1932470307"},{"ID":"88841","HotelID":"88841","Name":"Catalonia Born","Address":"Rec Comtal, 16-18, Barcelona, Spanien","Stars":"4","Latitude":"41.389744","Longitude":"2.17991699999993","AvgMark":"44","ReviewCount":"3296","AvgMarkName":"Ausgezeichnet","Photos":["15473\/1547392\/1547392621.JPEG","15473\/1547374\/1547374237.JPEG","15473\/1547374\/1547374324.JPEG","15473\/1547374\/1547374402.JPEG","15473\/1547374\/1547374459.JPEG","15473\/1547374\/1547374477.JPEG"],"HotelURL":"https:\/\/catalonia-born.hotelbcn-barcelona.com\/de\/","MinRate":"328","BookingReviews":{"ReviewsCount":"3296","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=cataloniaborn;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i88841-s116206-n28-catalonia_born"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.1,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"Ausgezeichnete Lage","Message":"Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.4 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.4,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.4 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"900 m","Type":"City Center"},{"TypeID":"1","Distance":"16.7 km","Type":"Airport"}],"CurrencyPrice":"328","AvailID":"1932470333"},{"ID":"16194760","HotelID":"16194760","Name":"Arcelon Hotel - From 2023","Address":"661 Carrer De Mallorca, Barcelona, Spanien","Stars":"4","Latitude":"41.41448","Longitude":"2.18981","AvgMark":"44","ReviewCount":"1856","AvgMarkName":"Ausgezeichnet","Photos":["14095\/1409578\/1409578388.JPEG","15730\/1573096\/1573096067.JPEG","15730\/1573096\/1573096070.JPEG","16017\/1601784\/1601784324.JPEG","16017\/1601784\/1601784332.JPEG","16017\/1601784\/1601784334.JPEG"],"HotelURL":"https:\/\/arcelon-barcelona.hotelbcn-barcelona.com\/de\/","MinRate":"57","BookingReviews":{"ReviewsCount":"1861","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=arcelon;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i16194760-s116206-n28-arcelon_hotel_from_2023"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Ausgezeichnet","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.4,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.3,"ScoreMessage":"Hervorragende Lage","Message":"Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.3 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.5 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"3.5 km","Type":"City Center"},{"TypeID":"1","Distance":"19.1 km","Type":"Airport"}],"CurrencyPrice":"57","AvailID":"1932470336"},{"ID":"3957237","HotelID":"3957237","Name":"Apartamentos Dv","Address":"Torns, 3, Barcelona, Spanien","Stars":"0","Latitude":"41.37419","Longitude":"2.12471","AvgMark":"41","ReviewCount":"382","AvgMarkName":"Ausgezeichnet","Photos":["13463\/1346331\/1346331326.JPEG","13463\/1346300\/1346300801.JPEG","13463\/1346331\/1346331359.JPEG","9458\/945832\/945832225.JPEG","9458\/945835\/945835579.JPEG","9458\/945833\/945833227.JPEG"],"HotelURL":"https:\/\/apartamentos-dv.hotelbcn-barcelona.com\/de\/","MinRate":"131","BookingReviews":{"ReviewsCount":"2308","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=apartamentos-dv-barcelona6;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i3957237-s116206-n28-apartamentos_dv"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.7,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8,"ScoreMessage":"Hervorragende Lage","Message":"Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.5,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.3,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.3 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"4.1 km","Type":"City Center"},{"TypeID":"1","Distance":"13.1 km","Type":"Airport"}],"CurrencyPrice":"131","AvailID":"1932470343"}],"1":[{"ID":"820436","HotelID":"820436","Name":"Hostel One Paralelo","Address":"Carrer Salva, 62, Barcelona, Spanien","Stars":"2","Latitude":"41.372195","Longitude":"2.165189","AvgMark":"48","ReviewCount":"972","AvgMarkName":"Ausgezeichnet","Photos":["10758\/1075815\/1075815568.JPEG","16552\/1655281\/1655281136.JPEG","16552\/1655281\/1655281184.JPEG","15861\/1586131\/1586131809.JPEG","15400\/1540029\/1540029748.JPEG","15400\/1540029\/1540029883.JPEG"],"HotelURL":"https:\/\/hostel-one-paralelo.hotelbcn-barcelona.com\/de\/","MinRate":"228","BookingReviews":{"ReviewsCount":"972","ReviewScore":96,"OriginalScore":96,"AvgMarkName":"Exzellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostelone-paralel;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i820436-s116206-n28-onefam_paralelo"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Ausgezeichnet","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.3,"ScoreMessage":"Ausgezeichnet","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"Ausgezeichnete Lage","Message":"Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.4 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":9.5,"ScoreMessage":"Exzellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Ausgezeichneter Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen ausgezeichneten Preis. Es hat eine Bewertung 9.2 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"1.6 km","Type":"City Center"},{"TypeID":"1","Distance":"16.4 km","Type":"Airport"}],"CurrencyPrice":"228","AvailID":"1932878966"},{"ID":"399002","HotelID":"399002","Name":"Onefam Les Corts","Address":"Passatge Regente Mendieta, 5, Barcelona, Spanien","Stars":"5","Latitude":"41.377129","Longitude":"2.12383","AvgMark":"45","ReviewCount":"2161","AvgMarkName":"Ausgezeichnet","Photos":["12788\/1278895\/1278895216.JPEG","6702\/670229\/670229355.JPEG","12788\/1278896\/1278896215.JPEG","16499\/1649902\/1649902957.JPEG","16499\/1649902\/1649902958.JPEG","16499\/1649902\/1649902959.JPEG"],"HotelURL":"https:\/\/feetup-yellow-nest-hostel-barcelona.hotelbcn-barcelona.com\/de\/","MinRate":"18","BookingReviews":{"ReviewsCount":"2161","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Hervorragend","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=yellow-nest-hostel;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i399002-s116206-n28-onefam_les_corts"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.7,"ScoreMessage":"Hervorragende Lage","Message":"Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.7 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.9 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"4 km","Type":"City Center"},{"TypeID":"1","Distance":"14.1 km","Type":"Airport"}],"CurrencyPrice":"18","AvailID":"1932878972"},{"ID":"21964820","HotelID":"21964820","Name":"Piulet Hostel","Address":"C. D'Enric Granados 30, Barcelona, Spanien","Stars":"0","Latitude":"41.39036","Longitude":"2.15926","AvgMark":"45","ReviewCount":"112","AvgMarkName":"Ausgezeichnet","Photos":["15857\/1585717\/1585717215.JPEG","15858\/1585822\/1585822625.JPEG","15858\/1585822\/1585822632.JPEG","15858\/1585822\/1585822678.JPEG","15858\/1585822\/1585822695.JPEG","15858\/1585822\/1585822735.JPEG"],"HotelURL":"https:\/\/hostel-piulet.hotelbcn-barcelona.com\/de\/","MinRate":"48","BookingReviews":{"ReviewsCount":"117","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Hervorragend","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=piulet-hostel;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i21964820-s116206-n28-piulet_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":10,"ScoreMessage":"Exzellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":10,"ScoreMessage":"Exzellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":10,"ScoreMessage":"Exzellent","Message":null},"5":{"TypeID":"5","Type":"Location","Score":10,"ScoreMessage":"Au\u00dfergew\u00f6hnliche Lage","Message":"Diese Unterkunft liegt in au\u00dfergew\u00f6hnlicher Lage. Die Besucher haben sie mit 10 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":10,"ScoreMessage":"Exzellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":10,"ScoreMessage":"Au\u00dfergew\u00f6hnlicher Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen au\u00dfergew\u00f6hnlichen Preis. Es hat eine Bewertung 10 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"1 km","Type":"City Center"},{"TypeID":"1","Distance":"15.7 km","Type":"Airport"}],"CurrencyPrice":"48","AvailID":"1932878977"},{"ID":"500212","HotelID":"500212","Name":"Hostel One Sants","Address":"Casteras, 9, Barcelona, Spanien","Stars":"2","Latitude":"41.37430073","Longitude":"2.130363286","AvgMark":"45","ReviewCount":"2596","AvgMarkName":"Ausgezeichnet","Photos":["10381\/1038167\/1038167836.JPEG","16499\/1649918\/1649918124.JPEG","16499\/1649918\/1649918139.JPEG","15861\/1586124\/1586124777.JPEG","15400\/1540033\/1540033816.JPEG","15400\/1540033\/1540033900.JPEG"],"HotelURL":"https:\/\/hostel-one-sants.hotelbcn-barcelona.com\/de\/","MinRate":"70","BookingReviews":{"ReviewsCount":"2596","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Hervorragend","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-sants;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i500212-s116206-n28-onefam_sants"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Hervorragende Lage","Message":"Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.9 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"Ausgezeichneter Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen ausgezeichneten Preis. Es hat eine Bewertung 9 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"3.6 km","Type":"City Center"},{"TypeID":"1","Distance":"13 km","Type":"Airport"}],"CurrencyPrice":"70","AvailID":"1932878982"},{"ID":"532938","HotelID":"532938","Name":"Sant Jordi Hostels Gracia","Address":"c\/ Terol 35, Barcelona, Spanien","Stars":"2","Latitude":"41.40322","Longitude":"2.15835","AvgMark":"43","ReviewCount":"1085","AvgMarkName":"Ausgezeichnet","Photos":["7358\/735819\/735819343.JPEG","15895\/1589530\/1589530800.JPEG","15895\/1589530\/1589530807.JPEG","15496\/1549694\/1549694566.JPEG","14146\/1414664\/1414664631.JPEG","12261\/1226151\/1226151470.JPEG"],"HotelURL":"https:\/\/sant-jordi-gracia.hotelbcn-barcelona.com\/de\/","MinRate":"23","BookingReviews":{"ReviewsCount":"1085","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=sant-jordi-gracia;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i532938-s116206-n28-sant_jordi_hostels_gracia"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.7,"ScoreMessage":"Hervorragend","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.5,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.1,"ScoreMessage":"Ausgezeichnete Lage","Message":"Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.1 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.7,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.7 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"2.1 km","Type":"City Center"},{"TypeID":"1","Distance":"18.1 km","Type":"Airport"}],"CurrencyPrice":"23","AvailID":"1932878986"},{"ID":"343567","HotelID":"343567","Name":"Sant Jordi Hostels Sagrada Familia","Address":"Freser, 5, Barcelona, Spanien","Stars":"2","Latitude":"41.4099082946777","Longitude":"2.17915010452271","AvgMark":"43","ReviewCount":"3436","AvgMarkName":"Ausgezeichnet","Photos":["4479\/447945\/447945159.JPEG","15895\/1589532\/1589532636.JPEG","15523\/1552352\/1552352596.JPEG","13709\/1370910\/1370910476.JPEG","13709\/1370918\/1370918246.JPEG","12598\/1259838\/1259838958.JPEG"],"HotelURL":"https:\/\/sant-jordi-sagrada-familia-hostel.hotelbcn-barcelona.com\/de\/","MinRate":"22","BookingReviews":{"ReviewsCount":"3436","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=sant-jordi-sagrada-familia;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i343567-s116206-n28-sant_jordi_hostels_sagrada_familia"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.1,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Ausgezeichnete Lage","Message":"Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.7,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.7 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"2.7 km","Type":"City Center"},{"TypeID":"1","Distance":"18.8 km","Type":"Airport"}],"CurrencyPrice":"22","AvailID":"1932878990"}]},"vocabs":{"2":{"from_to_price":"Die 6 besten verf\u00fcgbaren Hotels f\u00fcr 29US$ bis 328US$, ausgew\u00e4hlt von unseren Redakteuren f\u00fcr exzellente G\u00e4stebewertungen, g\u00fcnstige Lage und ein gutes Preis-Leistungs-Verh\u00e4ltnis.","from_to_price_main_page":"Die 4 besten verf\u00fcgbaren Hotels f\u00fcr 29US$ bis 328US$, ausgew\u00e4hlt von unseren Redakteuren f\u00fcr exzellente G\u00e4stebewertungen, g\u00fcnstige Lage und ein gutes Preis-Leistungs-Verh\u00e4ltnis."},"1":{"from_to_price":"Die 6 besten verf\u00fcgbaren Hotels f\u00fcr 18US$ bis 228US$, ausgew\u00e4hlt von unseren Redakteuren f\u00fcr exzellente G\u00e4stebewertungen, g\u00fcnstige Lage und ein gutes Preis-Leistungs-Verh\u00e4ltnis.","from_to_price_main_page":"Die 4 besten verf\u00fcgbaren Hotels f\u00fcr 18US$ bis 228US$, ausgew\u00e4hlt von unseren Redakteuren f\u00fcr exzellente G\u00e4stebewertungen, g\u00fcnstige Lage und ein gutes Preis-Leistungs-Verh\u00e4ltnis."}}},"2":{"date":{"From":"2025-04-03","To":"2025-04-04","FromDM":"03.04","ToDM":"04.04","TextDM":"Optionen f\u00fcr 03.04-04.04","DayVocab":"Morgen"},"data":{"2":[{"ID":"739425","HotelID":"739425","Name":"Hostal Aslyp 114","Address":"Avenida. Josep Tarradellas, 114 Entresuelo 3\u00aa, Barcelona, Spanien","Stars":"2","Latitude":"41.38959834","Longitude":"2.14367911","AvgMark":"44","ReviewCount":"1322","AvgMarkName":"Ausgezeichnet","Photos":["7094\/709413\/709413667.JPEG","7811\/781123\/781123521.JPEG","7811\/781126\/781126413.JPEG","15383\/1538353\/1538353084.JPEG","15383\/1538353\/1538353138.JPEG","7811\/781126\/781126425.JPEG"],"HotelURL":"https:\/\/hostal-aslyp-114.hotelbcn-barcelona.com\/de\/","MinRate":"92","BookingReviews":{"ReviewsCount":"1322","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostal-aslyp-114;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i739425-s116206-n28-hostal_aslyp_114"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Ausgezeichnet","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.4,"ScoreMessage":"Ausgezeichnet","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Hervorragende Lage","Message":"Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.9 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.7,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.7 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"2.3 km","Type":"City Center"},{"TypeID":"1","Distance":"15.5 km","Type":"Airport"}],"CurrencyPrice":"92","AvailID":"1932471772"},{"ID":"1345756","HotelID":"1345756","Name":"Hostal Oliva","Address":"Passeig De Gr\u00e0cia, 32 4\u00ba, Barcelona, Spanien","Stars":"0","Latitude":"41.39078","Longitude":"2.16725","AvgMark":"41","ReviewCount":"329","AvgMarkName":"Ausgezeichnet","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\/de\/","MinRate":"263","BookingReviews":{"ReviewsCount":"1825","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostal-oliva-barcelona;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i1345756-s116206-n28-hostal_oliva"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.5,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.1,"ScoreMessage":"Ausgezeichnet","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.8,"ScoreMessage":"Au\u00dfergew\u00f6hnliche Lage","Message":"Diese Unterkunft liegt in au\u00dfergew\u00f6hnlicher Lage. Die Besucher haben sie mit 9.8 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.5 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"500 m","Type":"City Center"},{"TypeID":"1","Distance":"16.1 km","Type":"Airport"}],"CurrencyPrice":"263","AvailID":"1932471773"},{"ID":"440985","HotelID":"440985","Name":"Hostal Barcelona Centro","Address":"Pau Claris, 104 Principal 1\u00ba, Barcelona, Spanien","Stars":"2","Latitude":"41.39116","Longitude":"2.1692","AvgMark":"44","ReviewCount":"784","AvgMarkName":"Ausgezeichnet","Photos":["16147\/1614788\/1614788234.JPEG","16220\/1622032\/1622032825.JPEG","16220\/1622032\/1622032838.JPEG","16220\/1622032\/1622032863.JPEG","16220\/1622032\/1622032865.JPEG","16147\/1614788\/1614788217.JPEG"],"HotelURL":"https:\/\/hostal-barcelona-centro.hotelbcn-barcelona.com\/de\/","MinRate":"80","BookingReviews":{"ReviewsCount":"784","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostal-barcelona-centro-barcelona;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i440985-s116206-n28-hostal_barcelona_centro"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.3,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.4,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.6,"ScoreMessage":"Au\u00dfergew\u00f6hnliche Lage","Message":"Diese Unterkunft liegt in au\u00dfergew\u00f6hnlicher Lage. Die Besucher haben sie mit 9.6 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.4,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.1,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.1 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"500 m","Type":"City Center"},{"TypeID":"1","Distance":"16.1 km","Type":"Airport"}],"CurrencyPrice":"80","AvailID":"1932471779"},{"ID":"437690","HotelID":"437690","Name":"Fisa Rentals Les Corts Apartments","Address":"84 Carrer Del Marques De Sentmenat, Barcelona, Es, Barcelona, Spanien","Stars":"0","Latitude":"41.38529","Longitude":"2.14073","AvgMark":"43","ReviewCount":"5","AvgMarkName":"Ausgezeichnet","Photos":["15806\/1580696\/1580696677.JPEG","16423\/1642327\/1642327938.JPEG","15806\/1580696\/1580696727.JPEG","15807\/1580722\/1580722049.JPEG","15807\/1580722\/1580722059.JPEG","15807\/1580722\/1580722197.JPEG"],"HotelURL":"https:\/\/fisa-rentals-les-corts-apartments.hotelbcn-barcelona.com\/de\/","MinRate":"238","BookingReviews":{"ReviewsCount":"766","ReviewScore":87,"OriginalScore":87,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=fisa-rentals-les-corts;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i437690-s116206-n28-fisa_rentals_les_corts_apartments"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.6,"ScoreMessage":"Hervorragende Lage","Message":"Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.6 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.1,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.1 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"2.5 km","Type":"City Center"},{"TypeID":"1","Distance":"14.5 km","Type":"Airport"}],"CurrencyPrice":"238","AvailID":"1932471781"},{"ID":"3957237","HotelID":"3957237","Name":"Apartamentos Dv","Address":"Torns, 3, Barcelona, Spanien","Stars":"0","Latitude":"41.37419","Longitude":"2.12471","AvgMark":"41","ReviewCount":"382","AvgMarkName":"Ausgezeichnet","Photos":["13463\/1346331\/1346331326.JPEG","13463\/1346300\/1346300801.JPEG","13463\/1346331\/1346331359.JPEG","9458\/945832\/945832225.JPEG","9458\/945835\/945835579.JPEG","9458\/945833\/945833227.JPEG"],"HotelURL":"https:\/\/apartamentos-dv.hotelbcn-barcelona.com\/de\/","MinRate":"131","BookingReviews":{"ReviewsCount":"2308","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=apartamentos-dv-barcelona6;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i3957237-s116206-n28-apartamentos_dv"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.7,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8,"ScoreMessage":"Hervorragende Lage","Message":"Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.5,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.3,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.3 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"4.1 km","Type":"City Center"},{"TypeID":"1","Distance":"13.1 km","Type":"Airport"}],"CurrencyPrice":"131","AvailID":"1932471789"},{"ID":"88925","HotelID":"88925","Name":"Hotel Ronda Lesseps","Address":"C\/Ballester no 77-81 Plaza Lesseps, Barcelona, Spanien","Stars":"4","Latitude":"41.408853","Longitude":"2.14795","AvgMark":"43","ReviewCount":"2515","AvgMarkName":"Ausgezeichnet","Photos":["15880\/1588038\/1588038278.JPEG","15874\/1587495\/1587495421.JPEG","15874\/1587495\/1587495434.JPEG","15874\/1587495\/1587495435.JPEG","15874\/1587495\/1587495444.JPEG","15874\/1587495\/1587495445.JPEG"],"HotelURL":"https:\/\/ronda-lesseps-hotel.hotelbcn-barcelona.com\/de\/","MinRate":"62","BookingReviews":{"ReviewsCount":"2515","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=rondalessepsbarcelona;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i88925-s116206-n28-hotel_ronda_lesseps"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.5,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.4,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"Hervorragende Lage","Message":"Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.5 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.3,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.1,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.1 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"3.1 km","Type":"City Center"},{"TypeID":"1","Distance":"17.6 km","Type":"Airport"}],"CurrencyPrice":"62","AvailID":"1932471794"}],"1":[{"ID":"820436","HotelID":"820436","Name":"Hostel One Paralelo","Address":"Carrer Salva, 62, Barcelona, Spanien","Stars":"2","Latitude":"41.372195","Longitude":"2.165189","AvgMark":"48","ReviewCount":"972","AvgMarkName":"Ausgezeichnet","Photos":["10758\/1075815\/1075815568.JPEG","16552\/1655281\/1655281136.JPEG","16552\/1655281\/1655281184.JPEG","15861\/1586131\/1586131809.JPEG","15400\/1540029\/1540029748.JPEG","15400\/1540029\/1540029883.JPEG"],"HotelURL":"https:\/\/hostel-one-paralelo.hotelbcn-barcelona.com\/de\/","MinRate":"228","BookingReviews":{"ReviewsCount":"972","ReviewScore":96,"OriginalScore":96,"AvgMarkName":"Exzellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostelone-paralel;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i820436-s116206-n28-onefam_paralelo"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Ausgezeichnet","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.3,"ScoreMessage":"Ausgezeichnet","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"Ausgezeichnete Lage","Message":"Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.4 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":9.5,"ScoreMessage":"Exzellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Ausgezeichneter Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen ausgezeichneten Preis. Es hat eine Bewertung 9.2 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"1.6 km","Type":"City Center"},{"TypeID":"1","Distance":"16.4 km","Type":"Airport"}],"CurrencyPrice":"228","AvailID":"1932880021"},{"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":"1591","AvgMarkName":"Ausgezeichnet","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\/de\/","MinRate":"61","BookingReviews":{"ReviewsCount":"1592","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"Hervorragend","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-gran-via;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i13394920-s116206-n28-onefam_batll_"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Ausgezeichnet","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Ausgezeichnet","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.8,"ScoreMessage":"Exzellent","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.6,"ScoreMessage":"Au\u00dfergew\u00f6hnliche Lage","Message":"Diese Unterkunft liegt in au\u00dfergew\u00f6hnlicher Lage. Die Besucher haben sie mit 9.6 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Ausgezeichnet","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Ausgezeichneter Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen ausgezeichneten Preis. Es hat eine Bewertung 9.1 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"900 m","Type":"City Center"},{"TypeID":"1","Distance":"15.2 km","Type":"Airport"}],"CurrencyPrice":"61","AvailID":"1932880028"},{"ID":"21964820","HotelID":"21964820","Name":"Piulet Hostel","Address":"C. D'Enric Granados 30, Barcelona, Spanien","Stars":"0","Latitude":"41.39036","Longitude":"2.15926","AvgMark":"45","ReviewCount":"112","AvgMarkName":"Ausgezeichnet","Photos":["15857\/1585717\/1585717215.JPEG","15858\/1585822\/1585822625.JPEG","15858\/1585822\/1585822632.JPEG","15858\/1585822\/1585822678.JPEG","15858\/1585822\/1585822695.JPEG","15858\/1585822\/1585822735.JPEG"],"HotelURL":"https:\/\/hostel-piulet.hotelbcn-barcelona.com\/de\/","MinRate":"48","BookingReviews":{"ReviewsCount":"117","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Hervorragend","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=piulet-hostel;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i21964820-s116206-n28-piulet_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":10,"ScoreMessage":"Exzellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":10,"ScoreMessage":"Exzellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":10,"ScoreMessage":"Exzellent","Message":null},"5":{"TypeID":"5","Type":"Location","Score":10,"ScoreMessage":"Au\u00dfergew\u00f6hnliche Lage","Message":"Diese Unterkunft liegt in au\u00dfergew\u00f6hnlicher Lage. Die Besucher haben sie mit 10 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":10,"ScoreMessage":"Exzellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":10,"ScoreMessage":"Au\u00dfergew\u00f6hnlicher Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen au\u00dfergew\u00f6hnlichen Preis. Es hat eine Bewertung 10 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"1 km","Type":"City Center"},{"TypeID":"1","Distance":"15.7 km","Type":"Airport"}],"CurrencyPrice":"48","AvailID":"1932880033"},{"ID":"399002","HotelID":"399002","Name":"Onefam Les Corts","Address":"Passatge Regente Mendieta, 5, Barcelona, Spanien","Stars":"5","Latitude":"41.377129","Longitude":"2.12383","AvgMark":"45","ReviewCount":"2161","AvgMarkName":"Ausgezeichnet","Photos":["12788\/1278895\/1278895216.JPEG","6702\/670229\/670229355.JPEG","12788\/1278896\/1278896215.JPEG","16499\/1649902\/1649902957.JPEG","16499\/1649902\/1649902958.JPEG","16499\/1649902\/1649902959.JPEG"],"HotelURL":"https:\/\/feetup-yellow-nest-hostel-barcelona.hotelbcn-barcelona.com\/de\/","MinRate":"18","BookingReviews":{"ReviewsCount":"2161","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Hervorragend","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=yellow-nest-hostel;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i399002-s116206-n28-onefam_les_corts"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.7,"ScoreMessage":"Hervorragende Lage","Message":"Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.7 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.9 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"4 km","Type":"City Center"},{"TypeID":"1","Distance":"14.1 km","Type":"Airport"}],"CurrencyPrice":"18","AvailID":"1932880039"},{"ID":"431910","HotelID":"431910","Name":"Itaca Hostel","Address":"Ripoll, 21, Barcelona, Spanien","Stars":"2","Latitude":"41.3853","Longitude":"2.17546","AvgMark":"44","ReviewCount":"1172","AvgMarkName":"Ausgezeichnet","Photos":["7737\/773757\/773757433.JPEG","16517\/1651738\/1651738219.JPEG","16552\/1655276\/1655276591.JPEG","16552\/1655277\/1655277021.JPEG","16517\/1651738\/1651738220.JPEG","16517\/1651738\/1651738597.JPEG"],"HotelURL":"https:\/\/itaca-hostel.hotelbcn-barcelona.com\/de\/","MinRate":"14","BookingReviews":{"ReviewsCount":"1172","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=itaca-hostel;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i431910-s116206-n28-itaca_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":7.9,"ScoreMessage":"Sehr gut","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.7,"ScoreMessage":"Au\u00dfergew\u00f6hnliche Lage","Message":"Diese Unterkunft liegt in au\u00dfergew\u00f6hnlicher Lage. Die Besucher haben sie mit 9.7 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.9 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"500 m","Type":"City Center"},{"TypeID":"1","Distance":"17.6 km","Type":"Airport"}],"CurrencyPrice":"14","AvailID":"1932880043"},{"ID":"3041985","HotelID":"3041985","Name":"Ten To Go Hostel","Address":"43 Carrer De Valladolid, Barcelona, Spanien","Stars":"2","Latitude":"41.37831","Longitude":"2.13739","AvgMark":"29","ReviewCount":"1","AvgMarkName":"Durchschnittlich","Photos":["5433\/543316\/543316545.JPEG","11188\/1118853\/1118853927.JPEG","11188\/1118857\/1118857281.JPEG","9586\/958614\/958614205.JPEG","9586\/958613\/958613854.JPEG","9586\/958614\/958614997.JPEG"],"HotelURL":"https:\/\/ten-to-go-hostel.hotelbcn-barcelona.com\/de\/","MinRate":"16","BookingReviews":{"ReviewsCount":"4489","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=ten-to-go-hostel;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i3041985-s116206-n28-ten_to_go_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Ausgezeichnet","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"Ausgezeichnete Lage","Message":"Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.3 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Ausgezeichneter Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen ausgezeichneten Preis. Es hat eine Bewertung 9.1 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"2.9 km","Type":"City Center"},{"TypeID":"1","Distance":"13.3 km","Type":"Airport"}],"CurrencyPrice":"16","AvailID":"1932880049"}]},"vocabs":{"2":{"from_to_price":"Die 6 besten verf\u00fcgbaren Hotels f\u00fcr 62US$ bis 263US$, ausgew\u00e4hlt von unseren Redakteuren f\u00fcr exzellente G\u00e4stebewertungen, g\u00fcnstige Lage und ein gutes Preis-Leistungs-Verh\u00e4ltnis.","from_to_price_main_page":"Die 4 besten verf\u00fcgbaren Hotels f\u00fcr 62US$ bis 263US$, ausgew\u00e4hlt von unseren Redakteuren f\u00fcr exzellente G\u00e4stebewertungen, g\u00fcnstige Lage und ein gutes Preis-Leistungs-Verh\u00e4ltnis."},"1":{"from_to_price":"Die 6 besten verf\u00fcgbaren Hotels f\u00fcr 14US$ bis 228US$, ausgew\u00e4hlt von unseren Redakteuren f\u00fcr exzellente G\u00e4stebewertungen, g\u00fcnstige Lage und ein gutes Preis-Leistungs-Verh\u00e4ltnis.","from_to_price_main_page":"Die 4 besten verf\u00fcgbaren Hotels f\u00fcr 14US$ bis 228US$, ausgew\u00e4hlt von unseren Redakteuren f\u00fcr exzellente G\u00e4stebewertungen, g\u00fcnstige Lage und ein gutes Preis-Leistungs-Verh\u00e4ltnis."}}},"3":{"date":{"From":"2025-04-04","To":"2025-04-06","FromDM":"04.04","ToDM":"06.04","TextDM":"Optionen f\u00fcr 04.04-06.04","DayVocab":"Dieses Wochenende"},"data":{"1":[{"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":"1591","AvgMarkName":"Ausgezeichnet","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\/de\/","MinRate":"61","BookingReviews":{"ReviewsCount":"1592","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"Hervorragend","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-gran-via;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i13394920-s116206-n28-onefam_batll_"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Ausgezeichnet","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Ausgezeichnet","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.8,"ScoreMessage":"Exzellent","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.6,"ScoreMessage":"Au\u00dfergew\u00f6hnliche Lage","Message":"Diese Unterkunft liegt in au\u00dfergew\u00f6hnlicher Lage. Die Besucher haben sie mit 9.6 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Ausgezeichnet","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Ausgezeichneter Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen ausgezeichneten Preis. Es hat eine Bewertung 9.1 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"900 m","Type":"City Center"},{"TypeID":"1","Distance":"15.2 km","Type":"Airport"}],"CurrencyPrice":"61","AvailID":"1932879621"},{"ID":"500212","HotelID":"500212","Name":"Hostel One Sants","Address":"Casteras, 9, Barcelona, Spanien","Stars":"2","Latitude":"41.37430073","Longitude":"2.130363286","AvgMark":"45","ReviewCount":"2596","AvgMarkName":"Ausgezeichnet","Photos":["10381\/1038167\/1038167836.JPEG","16499\/1649918\/1649918124.JPEG","16499\/1649918\/1649918139.JPEG","15861\/1586124\/1586124777.JPEG","15400\/1540033\/1540033816.JPEG","15400\/1540033\/1540033900.JPEG"],"HotelURL":"https:\/\/hostel-one-sants.hotelbcn-barcelona.com\/de\/","MinRate":"70","BookingReviews":{"ReviewsCount":"2596","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Hervorragend","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-sants;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i500212-s116206-n28-onefam_sants"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Hervorragende Lage","Message":"Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.9 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"Ausgezeichneter Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen ausgezeichneten Preis. Es hat eine Bewertung 9 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"3.6 km","Type":"City Center"},{"TypeID":"1","Distance":"13 km","Type":"Airport"}],"CurrencyPrice":"70","AvailID":"1932879625"},{"ID":"399002","HotelID":"399002","Name":"Onefam Les Corts","Address":"Passatge Regente Mendieta, 5, Barcelona, Spanien","Stars":"5","Latitude":"41.377129","Longitude":"2.12383","AvgMark":"45","ReviewCount":"2161","AvgMarkName":"Ausgezeichnet","Photos":["12788\/1278895\/1278895216.JPEG","6702\/670229\/670229355.JPEG","12788\/1278896\/1278896215.JPEG","16499\/1649902\/1649902957.JPEG","16499\/1649902\/1649902958.JPEG","16499\/1649902\/1649902959.JPEG"],"HotelURL":"https:\/\/feetup-yellow-nest-hostel-barcelona.hotelbcn-barcelona.com\/de\/","MinRate":"18","BookingReviews":{"ReviewsCount":"2161","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Hervorragend","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=yellow-nest-hostel;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i399002-s116206-n28-onefam_les_corts"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.7,"ScoreMessage":"Hervorragende Lage","Message":"Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.7 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.9 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"4 km","Type":"City Center"},{"TypeID":"1","Distance":"14.1 km","Type":"Airport"}],"CurrencyPrice":"18","AvailID":"1932879629"},{"ID":"20438807","HotelID":"20438807","Name":"Leevin Student Barcelona","Address":"289 Via Augusta, Barcelona, Spanien","Stars":"0","Latitude":"41.3975","Longitude":"2.12872","AvgMark":"44","ReviewCount":"782","AvgMarkName":"Ausgezeichnet","Photos":["14810\/1481057\/1481057069.JPEG","15448\/1544879\/1544879629.JPEG","15448\/1544878\/1544878876.JPEG","15448\/1544878\/1544878873.JPEG","14816\/1481686\/1481686970.JPEG","14816\/1481696\/1481696369.JPEG"],"HotelURL":"https:\/\/hostel-leevin-student.hotelbcn-barcelona.com\/de\/","MinRate":"36","BookingReviews":{"ReviewsCount":"795","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=leevin-hostel-barcelona;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i20438807-s116206-n28-leevin_student_barcelona"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Ausgezeichnet","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.3,"ScoreMessage":"Ausgezeichnet","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Ausgezeichnete Lage","Message":"Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Ausgezeichneter Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen ausgezeichneten Preis. Es hat eine Bewertung 9.2 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"3.7 km","Type":"City Center"},{"TypeID":"1","Distance":"15.8 km","Type":"Airport"}],"CurrencyPrice":"36","AvailID":"1932879636"},{"ID":"561898","HotelID":"561898","Name":"Black Swan Hostel","Address":"Ali Bei, 15, Barcelona, Spanien","Stars":"2","Latitude":"41.39125","Longitude":"2.17785","AvgMark":"43","ReviewCount":"4503","AvgMarkName":"Ausgezeichnet","Photos":["6958\/695863\/695863932.JPEG","16243\/1624324\/1624324595.JPEG","16243\/1624324\/1624324597.JPEG","16243\/1624324\/1624324600.JPEG","16243\/1624324\/1624324603.JPEG","15806\/1580692\/1580692545.JPEG"],"HotelURL":"https:\/\/black-swan-hostel.hotelbcn-barcelona.com\/de\/","MinRate":"9","BookingReviews":{"ReviewsCount":"4503","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=black-sawn-hostel;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i561898-s116206-n28-black_swan_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.5,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.5,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.1,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"Ausgezeichnete Lage","Message":"Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9.4 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.7,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.7 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"900 m","Type":"City Center"},{"TypeID":"1","Distance":"16.3 km","Type":"Airport"}],"CurrencyPrice":"9","AvailID":"1932879641"},{"ID":"343567","HotelID":"343567","Name":"Sant Jordi Hostels Sagrada Familia","Address":"Freser, 5, Barcelona, Spanien","Stars":"2","Latitude":"41.4099082946777","Longitude":"2.17915010452271","AvgMark":"43","ReviewCount":"3436","AvgMarkName":"Ausgezeichnet","Photos":["4479\/447945\/447945159.JPEG","15895\/1589532\/1589532636.JPEG","15523\/1552352\/1552352596.JPEG","13709\/1370910\/1370910476.JPEG","13709\/1370918\/1370918246.JPEG","12598\/1259838\/1259838958.JPEG"],"HotelURL":"https:\/\/sant-jordi-sagrada-familia-hostel.hotelbcn-barcelona.com\/de\/","MinRate":"22","BookingReviews":{"ReviewsCount":"3436","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Klasse","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=sant-jordi-sagrada-familia;cc1=es;lang=de;label=click_rev-bn-20250403_063114-i343567-s116206-n28-sant_jordi_hostels_sagrada_familia"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.8,"ScoreMessage":"Hervorragend","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Hervorragend","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.1,"ScoreMessage":"Hervorragend","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Ausgezeichnete Lage","Message":"Diese Unterkunft liegt in ausgezeichneter Lage. Die Besucher haben sie mit 9 von 10 Punkten f\u00fcr ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!"},"6":{"TypeID":"6","Type":"Total","Score":8.6,"ScoreMessage":"Hervorragend","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.7,"ScoreMessage":"Hervorragender Preis","Message":"Die G\u00e4ste nennen diesen Ort ein gutes Preis-Leistungs-Verh\u00e4ltnis f\u00fcr seinen hervorragenden Preis. Es hat eine Bewertung 8.7 von 10 f\u00fcr den Preis gem\u00e4\u00df den Bewertungen der Besucher. Es muss ein gutes Gesch\u00e4ft sein!"}},"Distances":[{"TypeID":"0","Distance":"2.7 km","Type":"City Center"},{"TypeID":"1","Distance":"18.8 km","Type":"Airport"}],"CurrencyPrice":"22","AvailID":"1932879644"}]},"vocabs":{"1":{"from_to_price":"Die 6 besten verf\u00fcgbaren Hotels f\u00fcr 9US$ bis 70US$, ausgew\u00e4hlt von unseren Redakteuren f\u00fcr exzellente G\u00e4stebewertungen, g\u00fcnstige Lage und ein gutes Preis-Leistungs-Verh\u00e4ltnis.","from_to_price_main_page":"Die 4 besten verf\u00fcgbaren Hotels f\u00fcr 9US$ bis 70US$, ausgew\u00e4hlt von unseren Redakteuren f\u00fcr exzellente G\u00e4stebewertungen, g\u00fcnstige Lage und ein gutes Preis-Leistungs-Verh\u00e4ltnis."}}}}, hotels_tonight_subtitles: { 1: "1 Angebot mit dem besten Preis-Leistungs-Verhältnis wurde von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 2: "2 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 3: "3 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 4: "4 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 5: "5 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 6: "6 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 7: "7 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 8: "8 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 9: "9 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 10: "10 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 11: "11 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 12: "12 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 13: "13 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 14: "14 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 15: "15 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 16: "16 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 17: "17 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", 18: "18 Angebote mit dem besten Preis-Leistungs-Verhältnis wurden von unseren Redakteuren auf der Grundlage der Gästebewertungen und der Bewertungen von lokalen Experten sorgfältig ausgewählt.", } } travel.opts.device = 3 </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'main', frontPage:'main', typeObject:'destination', currencyId:'1', languageId:'2', language:'de', isRtl: false , currentDay:'02', currentMonth:'04', currentYear:'2025', logId: '4237052683', track: '4g1Nt03PFyR7s3R1', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.hotelbcn-barcelona.com', siteId:'116206', nid:'28', siteDomain: 'hotelbcn-barcelona.com', isCountriesLanguages: false , guestsInfo: { minAdultsCount: 1, maxAdultsCount: 20, minChildrenCount: 0, maxChildrenCount: 10, minChildAge: 0, maxChildAge: 16 }, tob: false , currency:'US$', currencyRate:'1', objectId:'45', hotelTheme:'9001', clickTrip: { destinationType: "city", cityId: "-372490", subAccount: "dest-clicktrip-n28-030425-s116206-w4g1Nt03PFyR7s3R1-d9001-dc3" }, cityID: 45, cityLocalName: "Barcelona", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.386993' ,hotelLongitude:'2.170052' ,cityCenterLatitude: '41386993' ,cityCenterLongitude: '2170052' }, availableParams: { use:'0', dataFrom:'2025-04-03', dataTo:'2025-04-04', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'Bitte geben Sie Ihren Namen', messageEmail:'Bitte geben Sie eine gültige E-Mail-Adresse ein', messageSubject:'Bitte wählen Sie ein Thema', messageMessage:'Bitte geben Sie eine Nachricht ein', messageReview:'Bitte geben Sie Text ein', messageReviewCons:'Bitte geben Sie Text ein', messageMonth:'Bitte wählen Sie den Monat', messageYear:'Bitte wählen Sie das Jahr', messageRating:'Bitte bewerten Sie die Unterkunft', messageCountry:'Wählen Sie Ihr Land aus', next:'Nächste', prev:'Vorherige', messageCalendar:'Geben Sie Ihre Daten ein und prüfen Sie unsere spezielle Angebote' }, stopSpamKey:'tagiat3852', stopSpamValue:'3ef13ad5905a708e416a1e9c02405f8e', }; </script> <script defer type="module" src="/new/designs/90/build/destination-vendors/script.a9173f3ca024fbff39b7e843377a578f.js"></script> <script defer type="module" src="/new/designs/90/build/destination/script.a9173f3ca024fbff39b7e843377a578f.js"></script> <script nomodule src="/new/designs/90/build/destination-vendors/script-es5.79b7d12d964c8281bfbaba4358c57d7f.js"></script> <script nomodule src="/new/designs/90/build/destination/script-es5.79b7d12d964c8281bfbaba4358c57d7f.js"></script> </body> </html>