CINXE.COM

<!DOCTYPE html> <html xml:lang="nl" lang="nl" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Hostels in Bazel</title> <meta name="keywords" content="Bazel hostels, hostels in Bazel, hostels Bazel, goedkope hostels in Bazel, goedkope hostels Bazel, budget hostels in Bazel, budget hostels Bazel" /> <meta name="description" content="Kies uit 20 hostels in Bazel, Zwitserland. Reserveer hostels in Bazel tegen de beste prijs en bespaar op je accommodatie." /> <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/116642.JPEG" as="image"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2"> <style>/*! */@font-face{font-family:Righteous;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Copperplate Cyrillic;src:url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff2) format("woff2"),url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Raleway;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCIPrcVIT9d0c8.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a img,fieldset,img{border:none}input[type=email],input[type=tel],input[type=text],textarea{-webkit-appearance:none}button,input[type=submit]{cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}button,input{margin:0;padding:0;border:0}a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea{outline:none}ol,ul{list-style-type:none}table{border-spacing:0;border-collapse:collapse;width:100%}html{box-sizing:border-box}body,html{height:100%}*,:after,:before{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*{transition:none!important}}a{color:inherit;text-decoration:none;cursor:pointer}a:not([class]){transition:color .25s}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;padding-right:30px!important;background:url(/new/designs/90/destination/img/select-arrow.svg) #fff no-repeat!important;background-position:100%!important;background-size:30px 6px!important}select:focus{outline:none}select::-ms-expand{display:none}body{min-height:100%;font-family:Roboto,sans-serif;background:#fff;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content__banner{margin-top:60px}@media only screen and (max-width:767px){.content__banner{margin-top:40px}}.clearfix:after,.clearfix:before{display:block;content:""}.clearfix:after{clear:both}div.container{width:1112px;margin:0 auto}.pull-left{float:left!important}.pull-right{float:right!important}.hidden{display:none!important}.phone-show,.tablet-show{display:none}@media only screen and (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}.tablet-hide{display:none!important}.tablet-show{display:initial!important}}.show-mob{display:none!important}.hide-mob{display:block!important}@media only screen and (max-width:767px){.hide-mob{display:none!important}.show-mob{display:block!important}.phone-hide{display:none!important}.phone-show{display:initial!important}}.sunset__title{text-align:left}.sunset__title-text{color:#242c4a;font:700 26px/1.4 Roboto,sans-serif}.sunset__title-other-hotels{white-space:nowrap;cursor:pointer}.sunset__title-other-hotels .dates{position:relative;bottom:3px;color:#3c6780;font:500 16px/20px Roboto,sans-serif;text-decoration:underline}@media only screen and (max-width:1024px){.sunset__title-other-hotels{display:block;margin-top:20px}}.sunset__title-not-avail{display:inline-block;max-width:calc(100% - 180px);margin-right:10px}.sunset__title-calendar-icon{margin-left:3px}@media only screen and (max-width:767px){.sunset__title-calendar-icon{margin-left:0}}.sunset-hotel_list,.sunset-map{background-color:#f5f7fa}.sunset__hotel-list{display:flex;flex-wrap:wrap;padding-bottom:100px}.sunset__hotel-list--no-padding{padding-bottom:0}.sunset__hotel-list .sunset__content{width:100%}.sunset-error404 .sunset__content{background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/404-bg.jpg);background-position:50%;background-size:cover}.sunset__about,.sunset__add-hotel,.sunset__privacy{margin:30px 0;text-align:left}.message{display:flex;align-items:center;margin-bottom:20px;padding:20px;border-radius:2px;background-color:#fff;box-shadow:0 5px 10px 3px rgba(36,44,74,.1)}.message__text{margin-left:15px;font:700 16px/1.5 Roboto,sans-serif}.message__icon{width:30px;height:30px}.message--error .message__text{color:#ef4b5f}.message--error .message__icon{fill:#ef4b5f}.message--success .message__text{color:#42a23b}.message--success .message__icon{fill:#42a23b}.new-container{box-sizing:border-box;width:100%;max-width:1163px;margin:0 auto;padding-right:15px;padding-left:15px}.new-row{margin-right:-15px;margin-left:-15px}@media (max-width:767px){.new-container{padding-right:10px;padding-left:10px}.new-container.notavail-header{z-index:100}.new-row{margin-right:-10px;margin-left:-10px}}body.no-scroll{overflow:hidden}.banner,.check-avail-form-horizontal{z-index:100}.banner .date-picker-wrapper,.check-avail-form-horizontal .date-picker-wrapper{position:absolute;z-index:1;background-color:#fff;color:#242c4a;font:normal 14px/16px Roboto,sans-serif;font-family:Arial,sans-serif;border-radius:2px;border:1px solid #d1dde9}.banner .date-picker-wrapper.inline-wrapper,.check-avail-form-horizontal .date-picker-wrapper.inline-wrapper{position:absolute;top:100%;right:auto;left:0}.banner .date-picker-wrapper.single-date,.check-avail-form-horizontal .date-picker-wrapper.single-date{width:auto}.banner .date-picker-wrapper.no-topbar,.check-avail-form-horizontal .date-picker-wrapper.no-topbar{padding-top:12px}.banner .date-picker-wrapper .drp_top-bar,.banner .date-picker-wrapper.two-months.no-gap .month1 .next,.banner .date-picker-wrapper.two-months.no-gap .month2 .prev,.check-avail-form-horizontal .date-picker-wrapper .drp_top-bar,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month1 .next,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{display:block;width:calc(100% + 2px);text-align:center;padding:15px;background:#3c6780;border-radius:2px 2px 0 0;text-transform:uppercase;margin-left:-1px;margin-top:-1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{padding:10px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{width:100%;display:none}}.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{color:#fff;font:500 16px/21px Roboto,sans-serif;letter-spacing:1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font-size:14px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font:500 14px/18px Roboto,sans-serif}}.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{font-size:0;display:flex;justify-content:center;align-items:center;padding:15px;border-radius:0 0 4px 4px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{width:100%}}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{display:inline-block;font:normal 14px/20px Roboto,sans-serif;padding:0 2px}.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{text-transform:capitalize}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights{font-weight:700}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month,.check-avail-form-horizontal .date-picker-wrapper .month{width:100%;border-bottom:1px solid #bad4e3}}.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #bad4e3;cursor:default;position:relative;overflow:hidden}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{flex-wrap:wrap;justify-content:center;border-bottom:none}}.banner .date-picker-wrapper .month-head,.check-avail-form-horizontal .date-picker-wrapper .month-head{width:100%}.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 50px;height:50px;border-bottom:1px solid #bad4e3;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 5px;height:40px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 40px;height:50px}}@media only screen and (max-width:414px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 35px}}@media only screen and (max-width:340px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 20px}}.banner .date-picker-wrapper .month-caption .next,.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{padding:0;cursor:pointer;display:block;opacity:1}.banner .date-picker-wrapper .month-caption .next.is-disabled,.banner .date-picker-wrapper .month-caption .prev.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev.is-disabled{opacity:.5;cursor:default;pointer-events:none}.banner .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next{text-align:right}.banner .date-picker-wrapper .month-caption .next .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next .calendar-arrow{transform:rotate(-90deg)}.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{text-align:left}.banner .date-picker-wrapper .month-caption .prev .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev .calendar-arrow{transform:rotate(90deg)}.banner .date-picker-wrapper .month-caption .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .calendar-arrow{width:10px;height:6px;fill:#242c4a}.banner .date-picker-wrapper .month-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-arrow{width:30px;height:30px;line-height:30px;font-size:0}.banner .date-picker-wrapper .month-name,.check-avail-form-horizontal .date-picker-wrapper .month-name{text-transform:capitalize;font-size:0;line-height:0}.banner .date-picker-wrapper .month-element,.check-avail-form-horizontal .date-picker-wrapper .month-element{display:inline-block;padding:0 2px;font:500 16px/20px Roboto,sans-serif}.banner .date-picker-wrapper .month-gap,.check-avail-form-horizontal .date-picker-wrapper .month-gap{width:1px;background:#bad4e3}.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:30px 39px 10px;width:100%;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:10px 5px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{max-width:290px;margin:0 auto}}.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:38px;height:20px;flex-shrink:0;text-transform:uppercase;text-align:center;font:500 14px/20px Roboto,sans-serif}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:40px}}.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 39px 30px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 5px}}.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{width:100%;display:flex;align-items:center}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{max-width:280px;margin:0 auto}}.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin-bottom:3px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin:0 auto 3px}}.banner .date-picker-wrapper .day,.check-avail-form-horizontal .date-picker-wrapper .day{cursor:default;width:14.28571%;flex-shrink:0}.banner .date-picker-wrapper .day.is-lastMonth,.banner .date-picker-wrapper .day.is-nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-nextMonth{pointer-events:none;cursor:default}.banner .date-picker-wrapper .day.is-toMonth.is-hovering,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-hovering{background:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day.is-toMonth.is-first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-first-date-selected{background:linear-gradient(90deg,transparent 50%,rgba(60,103,128,.3) 0)}.banner .date-picker-wrapper .day.is-toMonth.is-last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-last-date-selected{background:linear-gradient(90deg,rgba(60,103,128,.3) 50%,transparent 0)}.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{width:100%;font:normal 14px/33px Roboto,sans-serif;text-align:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:30px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:40px}}.banner .date-picker-wrapper .day .day-text.checked,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.checked{background-color:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day .day-text.invalid,.banner .date-picker-wrapper .day .day-text.lastMonth,.banner .date-picker-wrapper .day .day-text.nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.invalid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.nextMonth{pointer-events:none;cursor:default;color:#242c4a;background-color:transparent;opacity:.5}.banner .date-picker-wrapper .day .day-text.has-tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip{cursor:help!important}.banner .date-picker-wrapper .day .day-text.has-tooltip .tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip .tooltip{white-space:nowrap}.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{cursor:pointer;color:#242c4a;opacity:1;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{height:auto}}.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{background-color:#3c6780;color:#fff;font-weight:700;border-radius:50%;overflow:hidden;opacity:1;width:32px;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{width:100%;height:100%}}.banner .date-picker-wrapper .week-number,.check-avail-form-horizontal .date-picker-wrapper .week-number{display:none}.banner .date-picker-wrapper .select-wrapper,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.banner .date-picker-wrapper .select-wrapper:hover,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.banner .date-picker-wrapper .select-wrapper select,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;appearance:none;background:transparent;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.banner .date-picker-wrapper .date-range-length-tip,.banner .date-picker-wrapper .hide,.banner .date-picker-wrapper .selected-days,.banner .date-picker-wrapper.single-month .time,.banner .date-picker-wrapper .time,.check-avail-form-horizontal .date-picker-wrapper .date-range-length-tip,.check-avail-form-horizontal .date-picker-wrapper .hide,.check-avail-form-horizontal .date-picker-wrapper .selected-days,.check-avail-form-horizontal .date-picker-wrapper.single-month .time,.check-avail-form-horizontal .date-picker-wrapper .time,.dropdown{display:none}.dropdown{padding:15px;min-width:255px;width:100%;max-width:calc(100vw - 20px);position:absolute;top:calc(100% - 10px);left:0;text-align:left;font-family:Roboto,sans-serif;box-sizing:border-box;border-radius:2px;border:1px solid #d1dde9;background-color:#fff;z-index:1000}.dropdown--scroll{max-height:230px;overflow-y:scroll}.dropdown--right{left:auto;right:0}.dropdown.is-show{display:block}.dropdown__list-item{font-size:14px;line-height:1;color:#242c4a;cursor:pointer}.dropdown__list-item:not(:last-child){margin-bottom:10px}.dropdown__list-item-code{font-weight:500}.dropdown__block{display:flex;flex-wrap:wrap}.dropdown__block--margin{margin:0 -5px}.dropdown__block:not(:last-child){margin-bottom:20px}.dropdown__block.is-hide{display:none}.dropdown__item{padding-right:5px;flex:1}.dropdown__select{padding:5px 17px 4px 5px;font-size:16px;font-weight:500;color:#242c4a;border-radius:2px;border-color:#bad4e3;cursor:pointer}.dropdown__select:not(:last-child){margin-right:15px}.dropdown__select:active,.dropdown__select:focus,.dropdown__select:hover{outline:none}.dropdown__select.is-error{border-color:red}.dropdown__title{margin-bottom:10px;font-size:18px;font-weight:500;color:#242c4a}.dropdown__title--full-width{width:100%}.dropdown__button{margin:0 5px;padding:10px 5px;flex:1;font-size:12px;font-weight:500;color:#fff;font-family:Roboto,sans-serif;text-transform:uppercase;letter-spacing:1px;border:1px solid #f68059;border-radius:2px;background-color:#f68059;cursor:pointer}.dropdown__button--cancel{color:#f68059;background-color:#fff}.dropdown__button:active,.dropdown__button:focus,.dropdown__button:hover{outline:none}.dropdown__error{margin-bottom:20px;display:none;font-size:16px;color:red}.show-mobile{display:none}@media (max-width:767px){.show-mobile{display:block}}.banner{position:relative;padding-bottom:72px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;font-family:Roboto,sans-serif}@media only screen and (max-width:767px){.banner{padding-bottom:16px}}.banner--min-height{height:500px}@media only screen and (max-width:767px){.banner--new{max-height:none}}.banner--new .banner__header{margin-bottom:30px}.banner--faq{height:500px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/faq.jpg)!important}.banner--quiz{height:auto;background:none}.banner__background{z-index:-1;position:absolute;top:0;right:0;left:0;height:300px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg)}.banner__background,.banner__bg{background-position:50%;background-size:cover}.banner__bg{width:100%;height:100%;background-repeat:no-repeat}@media (min-width:768px){.banner__bg--desktop{display:block!important}}.banner__main-photo{display:block;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.banner__main-photo picture{display:none;height:100%}@media only screen and (max-width:767px){.banner__main-photo picture{display:block}}.banner__main-photo-item{display:block;width:100%;height:25px;object-fit:cover}.banner__main-photo-item--0{object-position:center 0}.banner__main-photo-item--1{object-position:center -25px}.banner__main-photo-item--2{object-position:center -50px}.banner__main-photo-item--3{object-position:center -75px}.banner__main-photo-item--4{object-position:center -100px}.banner__main-photo-item--5{object-position:center -125px}.banner__main-photo-item--6{object-position:center -150px}.banner__main-photo-item--7{object-position:center -175px}.banner__main-photo-item--8{object-position:center -200px}.banner__main-photo-item--9{object-position:center -225px}.banner__main-photo-item--10{object-position:center -250px}.banner__main-photo-item--11{object-position:center -275px}.banner__main-photo-item--12{object-position:center -300px}.banner__main-photo-item--13{object-position:center -325px}.banner__main-photo-item--14{object-position:center -350px}.banner__main-photo-item--15{object-position:center -375px}.banner__main-photo-item--16{object-position:center -400px}.banner__main-photo-item--17{object-position:center -425px}.banner__main-photo-item--18{object-position:center -450px}.banner__main-photo-overlay{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;background:#202020;mix-blend-mode:normal;opacity:.65}.banner__content{z-index:8;position:relative;padding:10px 15px}.banner__infotitle{margin-bottom:5px;color:#fff;font:18px/30px Roboto,sans-serif;text-align:left}.banner__title{margin-bottom:8px;color:#fff;font:normal 500 50px Roboto,sans-serif;line-height:59px;text-align:center}.banner__text{max-width:750px;margin:0 auto 25px;color:#fff;font-weight:400;font-size:16px;line-height:1.5}.banner__form{padding:10px;border-radius:2px;background:rgba(236,243,251,.5);mix-blend-mode:normal}.main-form{position:relative;display:grid;grid-gap:10px;grid-template-columns:1.5fr 1fr 245px;grid-template-rows:70px;margin:0 auto}@media only screen and (max-width:1024px){.main-form{flex-wrap:wrap;justify-content:center;grid-template-columns:1.5fr 1fr 210px;grid-template-rows:70px}}@media only screen and (max-width:767px){.main-form{grid-template-rows:55px;grid-template-columns:1fr;grid-gap:5px;padding:5px}}.main-form__new-calendar{position:relative;display:grid;grid-template-columns:1fr 1fr}@media only screen and (max-width:767px){.main-form__new-calendar{width:100%;min-width:100%}}.main-form__new-calendar.is-with-city{min-width:calc(50% - 80px)}@media only screen and (max-width:767px){.main-form__new-calendar.is-with-city{min-width:100%}}.main-form__new-calendar .main-form__field .main-form-field__head{padding-right:45px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.496 1.5h-1.5v-1a.5.5 0 10-.999 0v1H4v-1a.5.5 0 10-1 0v1H1.5A1.5 1.5 0 000 3v9.496a1.5 1.5 0 001.5 1.5h10.996a1.5 1.5 0 001.5-1.5V3a1.5 1.5 0 00-1.5-1.5zm.5 10.996a.5.5 0 01-.5.5H1.5a.5.5 0 01-.5-.5V5.998h11.996v6.498zM1 5h11.996v-2a.5.5 0 00-.5-.5h-1.499v1a.5.5 0 01-1 0v-1H4v1a.5.5 0 11-1 0v-1H1.5A.5.5 0 001 3v2z' fill='%23959CAA'/%3E%3Cpath d='M3.999 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 6.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 8.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM7.498 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM10.997 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1z' fill='%23959CAA'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px 14px;background-position:calc(100% - 25px) 50%}.main-form__new-calendar .main-form__field .main-form-field__head:after{display:none}@media only screen and (max-width:1024px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 15px) 50%}}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 10px) 50%}}.main-form__new-calendar .main-form__field:before{content:"";position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #3c6780;background:none;display:none;z-index:2}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:before{border-bottom:12px solid #bad4e3}}.main-form__new-calendar .main-form__field:after{content:""}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:after{position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff;background:none;display:none;z-index:2}}.main-form__new-calendar .main-form__field:first-child .main-form-field__head{border-right:none;border-bottom-right-radius:0;border-top-right-radius:0}.main-form__new-calendar .main-form__field:nth-child(2) .main-form-field__head{border-bottom-left-radius:0;border-top-left-radius:0}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .date-picker-wrapper.inline-wrapper{top:55px;bottom:auto}}.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:block}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:none}}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-next .date-picker-wrapper.inline-wrapper{bottom:auto}}.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):after,.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):before{display:block}.main-form__submit-container{display:flex}.main-form__submit{font-size:20px;line-height:23px;letter-spacing:1px;font-weight:700;text-align:center;color:#fff;padding:20px;display:flex;align-items:center;justify-content:center;flex:1;background:linear-gradient(1turn,#dc724f 4.77%,#f68059);box-shadow:0 0 10px 8px rgba(0,0,0,.05);border-radius:2px;border:none;cursor:pointer;text-transform:uppercase;transition:opacity .2s}.main-form__submit:focus,.main-form__submit:hover{opacity:.85}@media only screen and (max-width:1024px){.main-form__submit{padding:17px 10px}}@media only screen and (max-width:767px){.main-form__submit{font-size:18px;line-height:21px;letter-spacing:.9px}}.main-form .main-form-field{position:relative;min-width:210px;box-sizing:border-box;display:flex}.main-form .main-form-field>*{flex:1}@media only screen and (max-width:1024px){.main-form .main-form-field{min-width:140px}}@media only screen and (max-width:767px){.main-form .main-form-field{width:100%}.main-form .main-form-field .dropdown{top:calc(100% - 1px);width:100%;left:0;border-radius:0 0 4px 4px;border-top:1px solid #bad4e3}}.main-form .main-form-field__head{position:relative;display:grid;overflow:hidden;border-radius:2px;background:#fff;align-items:stretch;text-align:start;padding:15px 30px;cursor:pointer;border:1px solid #d1dde9}.main-form .main-form-field__head:after{content:"";width:8px;height:8px;display:block;border-bottom:2px solid #959caa;border-left:2px solid #959caa;transform:rotate(-45deg);transform-origin:50% 50%;position:absolute;right:25px;top:calc(50% - 4px);transition:transform .3s}@media only screen and (max-width:767px){.main-form .main-form-field__head:after{top:calc(50% - 4px);right:10px}}.main-form .main-form-field__head.is-show:after{transform:rotate(-225deg)}@media only screen and (max-width:1024px){.main-form .main-form-field__head{padding:15px 30px 15px 10px}}@media only screen and (max-width:767px){.main-form .main-form-field__head{padding:10px 30px 10px 10px}}.main-form .main-form-field__title{font-weight:500;font-size:8px;line-height:1;letter-spacing:.533333px;text-transform:uppercase;color:#959caa}@media only screen and (max-width:1024px){.main-form .main-form-field__title{width:80px}}@media only screen and (max-width:767px){.main-form .main-form-field__title{font-size:10px;width:85px}}.main-form .main-form-field__content{display:flex;align-items:center;position:relative;color:#242c4a;line-height:21px;font-size:20px;line-height:1;font-weight:400}@media only screen and (max-width:767px){.main-form .main-form-field__content{font-size:18px;line-height:21px}}.main-form .main-form-field__content--ja,.main-form .main-form-field__content--ko,.main-form .main-form-field__content--zh{margin-left:10px}.main-form .main-form-field__content--ja .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh .field__number{font-size:18px;order:1;margin-right:5px}.main-form .main-form-field__content--ja .field__text,.main-form .main-form-field__content--ko .field__text,.main-form .main-form-field__content--zh .field__text{display:flex;align-items:center;padding-right:5px}.main-form .main-form-field__content--ja .field__text-item--month,.main-form .main-form-field__content--ko .field__text-item--month,.main-form .main-form-field__content--zh .field__text-item--month{order:1;margin-left:5px}.main-form .main-form-field__content--ja.field__content--guests .field__number,.main-form .main-form-field__content--ko.field__content--guests .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh.field__content--guests .field__number{order:0}.main-form .main-form-field__content--ko .field__number:after{content:"\C77C"}.main-form .main-form-field__content--ko .field__text{display:block}.main-form .main-form-field__content--ja .field__number:after,.main-form .main-form-field__content--zh .field__number:after{content:"\65E5"}.main-form .main-form-field__content--guests .field__number:after{content:none}.main-form .main-form-field__number{margin-right:5px}.main-form .main-form-field__dot{margin:0 7px;width:3px;height:3px;border-radius:50%;background:#fff}@media only screen and (max-width:767px){.main-form .main-form-field__dot{background:#242c4a}}.main-form .main-form-field__text{display:flex;align-items:center}.main-form .main-form-field__text-item--month{margin-right:5px}.main-form .main-form-field__text-item--width{max-width:75px;text-align:start}.main-form .main-form-field__text-guests{display:none}.main-form .main-form-field__text-guests:first-letter{text-transform:uppercase}.main-form .main-form-field__text-guests.is-active{display:block}.main-form .main-form-field__corner{position:absolute;top:50%;right:15px;width:14px;height:6px;fill:#242c4a;transform:translateY(-50%);display:none}.main-form .main-form-field__calendar-icon{height:16px;width:16px;fill:#242c4a}.main-form .main-form-field__error{padding:10px;display:flex;width:200px;position:absolute;top:calc(100% - 4px);left:0;border-radius:2px;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);background-color:#fff}.main-form .main-form-field__error.is-hide{display:none}.main-form .main-form-field__error--double-width{width:400px}.main-form .main-form-field__error-icon{width:22px;height:22px;fill:#ef4b5f}.main-form .main-form-field__error-text{padding-left:10px;width:calc(100% - 22px);font-size:16px;font-weight:700;color:#ef4b5f;text-align:start}@media only screen and (max-width:767px){.main-form .main-form-field__error{position:relative;width:100%}}@media (max-width:767px){.banner{background-image:none}.banner__content{padding:10px}.banner__title{margin-bottom:20px;font-weight:500;font-size:30px;line-height:35px}.banner__title span:after{content:"\A";white-space:pre}.banner__text{display:none}}.breadcrumbs{display:flex;align-items:center;position:absolute;bottom:-40px}@media only screen and (max-width:1024px){.breadcrumbs{bottom:-30px}}.breadcrumbs-item{display:flex;align-items:center;font:400 12px/18px Roboto,sans-serif;color:#7c8092}.breadcrumbs-item__link{color:#7c8092;text-decoration:underline}.breadcrumbs-item__arrow{margin:1px 6px 0}.header{box-sizing:border-box;z-index:10;position:relative;margin:0 auto 22px}@media only screen and (max-width:767px){.header{margin-bottom:20px}}.header--promotion{margin-bottom:0;background:#f7f7f7;color:#242c4a}.header--promotion .header__inner,.header--promotion .header__logo-sub-text,.header--promotion .header__logo-text{color:#242c4a}.header--promotion .header__nav-toggler{background-color:transparent}.header--promotion .header__nav-toggler-cross,.header--promotion .header__nav-toggler-line{background-color:#242c4a}.header--promotion .item__title-icon{fill:#242c4a}.header--promotion .item .dropdown__list-item:hover{background-color:#bad4e3}.header--promotion .item .dropdown__list-link{color:#242c4a}.header__inner{display:flex;align-items:center;width:100%;padding:25px 0;border-bottom:1px solid rgba(186,212,227,.5);color:#fff}@media only screen and (max-width:1024px){.header__inner{padding:20px 0}}@media only screen and (max-width:767px){.header__inner{padding:12px 5px}}.header__logo{color:#fff;text-align:left}.header__logo:hover{text-decoration:none}.header__logo--black{color:#242c4a}.header__logo-text{font:28px/20px Copperplate,Righteous,Trebuchet MS;letter-spacing:.830769px;text-transform:uppercase}.header__logo-sub-text{display:inline-block;width:100%;margin:4px auto 0;font:normal 500 8px/9px Raleway;letter-spacing:.266667px;text-align:center;text-transform:uppercase}.header__nav-toggler{position:relative;width:26px;height:26px;margin-left:auto;border:none;background-color:transparent;cursor:pointer}.header__nav-toggler:active,.header__nav-toggler:focus,.header__nav-toggler:hover{outline:none}.header__nav-toggler-line{display:block;width:25px;height:2px;background-color:#fff}.header__nav-toggler-line:not(:last-child){margin-bottom:5px}.header__nav-toggler-cross{display:block;position:absolute;top:calc(50% - 1px);left:0;width:26px;height:2px;transform:rotate(45deg);background-color:#242c4a}.header__nav-toggler-cross--right{transform:rotate(-45deg)}.header__nav{box-sizing:border-box;display:flex;margin-left:auto}.header__nav-header{display:none}.header__nav-item{font-weight:500;font-size:15px;cursor:pointer}.header__nav-item:not(:first-child){margin-left:15px}.header__nav-item:last-child{margin-right:-15px}@media only screen and (max-width:767px){.header__nav-item:last-child{margin-right:0}}.header .item{position:relative}.header .item__title{display:flex;position:relative;align-items:center;padding:10px 15px;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.8px;text-transform:uppercase}.header .item__title.is-show .item__title-icon{transform:scaleY(-1)}.header .item__title-icon{width:10px;height:6px;margin-left:10px;fill:#fff;transform-origin:center center;vertical-align:middle;transition:transform .2s}.header .item .dropdown{top:calc(100% + 10px);padding:5px 0}.header .item .dropdown__list-item{margin-bottom:0;font-weight:400;transition:all .3s ease}.header .item .dropdown__list-item:not(:last-child){border-bottom:1px solid rgba(186,212,227,.5)}.header .item .dropdown__list-item:hover{background-color:#bad4e3}.header .item .dropdown__list-link{display:block;padding:10px 15px;color:#242c4a;text-decoration:none;cursor:pointer}@media (max-width:767px){.header-drop-is-show{overflow:hidden}.header-drop-is-show .header:after{display:block;z-index:-1;position:absolute;top:100%;right:0;left:0;height:100dvh;background-color:#000;content:"";opacity:.6}.header__logo-text{font-size:21px}.header__logo-sub-text{font-size:7px}.header__nav{display:none;z-index:9999;position:absolute;top:0;right:0;left:0;max-height:100dvh;padding:0 15px 15px;overflow:auto;background-color:#f5f7fa}.header__nav.is-show{display:block}.header__nav-header{display:flex;position:relative;align-items:center;margin-bottom:20px;padding:12px 0;border-bottom:1px solid #bad4e3}.header__nav-item{margin-left:0!important;background-color:#fff;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);color:#242c4a;text-align:left}.header__nav-item:not(:last-child){margin-bottom:10px}.header .item__title{display:flex;align-items:center;padding:15px}.header .item__title-icon{fill:#242c4a;margin-left:auto}.header .item .dropdown{position:static;width:100%;border-top:1px solid #bad4e3;border-radius:0}}.recommendation{padding:45px 0 75px;background-color:#fff}@media only screen and (max-width:1024px){.recommendation{padding:30px 0 50px}}.recommendation .new-container{display:grid;grid-template-columns:1fr 353px;grid-column-gap:37px}.recommendation .new-container.one-column{grid-template-columns:1fr}.recommendation .new-container aside{grid-column:2/3;grid-row:1/4}.recommendation .new-container aside.horizontal{grid-column:1/3;grid-row:1}@media only screen and (max-width:1024px){.recommendation .new-container aside.horizontal{grid-column:1}}.recommendation .new-container aside.horizontal .aside__inner{grid-template-columns:1fr;grid-column-gap:20px;grid-column:1/4;display:flex}@media only screen and (max-width:767px){.recommendation .new-container aside.horizontal .aside__inner{display:block}}@media only screen and (max-width:1024px){.recommendation .new-container{grid-template-columns:1fr;grid-column-gap:20px}.recommendation .new-container aside{grid-column:1;grid-row:4}}@media only screen and (max-width:767px){.recommendation .new-container{display:block}}.recommendation .aside__inner{display:block}@media only screen and (max-width:1024px){.recommendation .aside__inner{display:flex}}@media only screen and (max-width:767px){.recommendation .aside__inner{display:block}}.recommendation .hotels-tonight-card__grade{display:none}.recommendation aside{background-color:#ecf3fb;padding:25px 20px 45px;border-radius:2px;text-align:start}@media only screen and (max-width:1024px){.recommendation aside{padding:30px 20px 20px}}@media only screen and (max-width:767px){.recommendation aside{padding:15px 10px 25px;display:block;margin-top:50px}.recommendation aside .tablet-divider{display:block}}.recommendation aside .tablet-divider{margin-right:auto;margin-left:auto;border-right:1px solid #d1dde9}.recommendation aside .aside__title,.recommendation aside h4{font-size:22px;line-height:30px;font-weight:400;color:#242c4a}@media only screen and (max-width:1024px){.recommendation aside .aside__title,.recommendation aside h4{grid-column:1/4;border-bottom:1px solid #d1dde9;padding-bottom:24px;margin-bottom:20px}}@media only screen and (max-width:767px){.recommendation aside .aside__title,.recommendation aside h4{border-bottom:none;padding-bottom:0;margin-bottom:0;font-size:20px;line-height:30px;font-weight:400}}.recommendation aside .btn-outline{width:100%;max-width:250px;display:block;margin:30px auto 0;position:relative}@media only screen and (max-width:1024px){.recommendation aside .btn-outline{grid-column:1/4}}@media only screen and (max-width:767px){.recommendation aside .btn-outline{margin-top:20px}}.recommendation__title{display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);padding-bottom:20px;padding-top:14px;align-items:baseline}@media only screen and (max-width:767px){.recommendation__title{grid-template-columns:1fr;padding-top:0}}.recommendation__title.is-secondary-block{margin-top:40px}.recommendation__title.is-secondary-block .recommendation__title-text{font-size:28px;line-height:39px;font-weight:400}@media only screen and (max-width:767px){.recommendation__title.is-secondary-block .recommendation__title-text{font-size:22px;line-height:32px;font-weight:400}}.recommendation__title-text{font-size:36px;line-height:45px;font-weight:400;color:#242c4a;grid-column:2/3}@media only screen and (max-width:767px){.recommendation__title-text{grid-column:1;font-size:28px;line-height:39px;font-weight:400}}.recommendation__date{font-size:14px;line-height:16px;font-weight:400;color:#656b80;margin-left:auto}@media only screen and (max-width:767px){.recommendation__date{grid-column:1;margin:0 auto}}.recommendation__description{border-top:1px solid #d1dde9;border-bottom:1px solid #d1dde9;padding:25px 0;grid-column:1}@media only screen and (max-width:767px){.recommendation__description{padding:20px 0}}.recommendation__description q{font-size:18px;line-height:24px;font-weight:400;font-family:Georgia,Roboto,sans-serif;font-style:italic;color:#242c4a}@media only screen and (max-width:767px){.recommendation__description q{font-size:16px;line-height:22px;font-weight:400}}.recommendation__author{display:flex;align-items:center;justify-content:center;margin-top:14px;font-size:12px;line-height:18px;font-weight:400;font-family:Roboto,sans-serif;text-transform:uppercase;color:#656b80}@media only screen and (max-width:767px){.recommendation__author{font-size:10px;line-height:18px;font-weight:400}}.recommendation__author img{width:22px;height:22px;border-radius:50%;margin-right:10px}.recommendation__list{padding-top:40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:17px 37px;grid-column:1}.recommendation__list>.slick-dots{display:flex;justify-content:center;margin:0 auto}.recommendation__list>.slick-dots button{cursor:pointer;font-size:0;color:#fff;background:#d1dde9;border:none;outline:none;height:8px;width:8px;border-radius:50%;margin:0 5px;transition:transform .3s}.recommendation__list>.slick-dots .slick-active button{background-color:#3c6780}.recommendation__list .slick-slide{width:100%}@media only screen and (max-width:767px){.recommendation__list{padding-top:15px;grid-template-columns:1fr;display:block}}.recommendation__additional-destination{background-color:#ecf3fb;padding:20px 30px 40px;grid-column:span 2;border-bottom-right-radius:2px;border-top-left-radius:2px;border-bottom-left-radius:2px}@media only screen and (max-width:1024px){.recommendation__additional-destination{grid-column:1;grid-row:5;padding:30px 20px}}@media only screen and (max-width:767px){.recommendation__additional-destination{padding:15px 10px}}.recommendation__additional-destination--only{background-color:#fff;padding:20px 0 0}.recommendation__additional-destination ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px 30px}@media only screen and (max-width:1024px){.recommendation__additional-destination ul{grid-column:1;grid-row:5;grid-gap:15px 40px;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.recommendation__additional-destination ul{grid-template-columns:1fr}}.recommendation__additional-destination:not(.open){display:none}.recommendation__additional-destination__item{color:#242c4a;display:block}.recommendation__additional-destination__item a,.recommendation__additional-destination__item span{display:block}.recommendation__btn-wrapper{margin-top:20px;display:flex;align-items:center;justify-content:center}.recommendation__btn-wrapper .btn{background:#fff}.ht-block{text-align:left;background:#f5f7fa;padding:60px}@media only screen and (max-width:767px){.ht-block{padding:20px 0 30px}}.ht-block-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:30px 0 20px}@media only screen and (max-width:767px){.ht-block-nav{padding:30px 0 10px}}.ht-block-nav__tabs{display:flex;border:1px solid #3c6780;border-radius:2px}@media only screen and (max-width:767px){.ht-block-nav__tabs{width:100%;margin-bottom:10px}}.ht-block-nav__tab{display:flex;align-items:center;justify-content:center;min-width:140px;font:500 14px Roboto,sans-serif;text-align:center;color:#3c6780;text-transform:uppercase;padding:8px 0;border-right:1px solid #3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__tab{min-width:auto;width:100%;font-size:12px}}.ht-block-nav__tab:last-child{border-right:none}.ht-block-nav__tab.is-active{color:#fff;background:#3c6780}.ht-block-nav__map-btn{min-width:150px;display:flex;align-items:center;padding:10px 20px;border-radius:2px;background:#3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__map-btn{min-width:auto;order:3;padding:11px 15px}}.ht-block-nav__map-btn .icon{width:20px;height:20px;fill:#fff;margin-right:5px}@media only screen and (max-width:767px){.ht-block-nav__map-btn .icon{width:14px;height:14px;margin-right:0}}.ht-block-nav__map-btn span{font:700 14px/1.7 Roboto,sans-serif;color:#fff}@media only screen and (max-width:767px){.ht-block-nav__map-btn span{display:none}}.ht-block-nav__date{display:none;font:14px/1.5 Roboto,sans-serif;color:#242c4a;margin:10px calc(100% - 300px) 0 0}@media only screen and (max-width:767px){.ht-block-nav__date{margin:0}}.ht-block-nav__date.is-active{display:block}.ht-block-container{height:100px}.hotels-tonight-card{display:none}.presetting-section{background-color:#ecf3fb;padding:55px 0 88px}@media only screen and (max-width:767px){.presetting-section{padding:50px 0 70px;padding:30px 0 45px}}.presetting-section__select{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:37px;margin-top:35px}.presetting-section__select .hotels-search-presetting__card:nth-child(4){grid-column:2/3}@media only screen and (max-width:1024px){.presetting-section__select{grid-gap:15px;margin-top:20px}}@media only screen and (max-width:767px){.presetting-section__select{display:block;margin-left:-10px;width:calc(100% + 20px)}}.presetting-section .btn-show-more{display:block;max-width:250px;width:100%;margin:30px auto 0}.presetting-section.unique-homes-section{padding-bottom:50px}.presetting-section.unique-homes-section .list-of-outline-links{padding-top:40px}.presetting-section.unique-homes-section .list-of-outline-links:not(.open){display:none}.presetting-section .slick-track{display:flex}.presetting-section .slick-track .slick-slide{height:auto}.presetting-section .slick-dots li:not(.slick-active) button{background-color:#fff}.hotels-search-presetting__card{position:relative;display:block;cursor:pointer;background-color:#fff;border-radius:2px;padding:30px 40px 45px;display:flex;flex-direction:column;justify-content:flex-start;color:#656b80;font-size:14px;line-height:21px;font-weight:400}@media only screen and (max-width:1024px){.hotels-search-presetting__card{padding:30px 20px 40px}}@media only screen and (max-width:767px){.hotels-search-presetting__card{padding:25px 25px 38px;width:240px;margin:0 5px}}.hotels-search-presetting__card svg{width:26px;height:26px;color:#242c4a;display:block;margin:0 auto 10px}.hotels-search-presetting__card span{font-size:18px;line-height:21px;font-weight:400;color:#242c4a;display:block;margin-bottom:6px;cursor:pointer}.hotels-search-presetting__card p{margin-top:3px}@media only screen and (max-width:1024px){.hotels-search-presetting__card br{display:none}}.hotels-search-presetting__card__currency-symbol{font-family:Georgia,Roboto,sans-serif}.hotels-search-presetting__card:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;background:#000;opacity:0;z-index:1;transition:opacity .3s ease-in}.hotels-search-presetting__card .btn-show-hotels{display:block;max-width:calc(100% - 20px);width:250px;background-color:#fff;border-radius:2px;cursor:pointer;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#242c4a;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 10px));opacity:0;visibility:hidden;z-index:2;transition-delay:.15s;transition:opacity .2s ease-out,transform .3s ease-out}.hotels-search-presetting__card .btn-show-hotels:after{content:"";display:inline-block;margin-left:5px;width:13.69px;height:9.63px;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.22.145a.483.483 0 00-.69 0 .487.487 0 000 .683l3.498 3.499H.483A.48.48 0 000 4.81c0 .27.214.49.483.49h11.545L8.53 8.792a.495.495 0 000 .69.483.483 0 00.69 0l4.326-4.327a.475.475 0 000-.683L9.22.145z' fill='%23242C4A'/%3E%3C/svg%3E")}.hotels-search-presetting__card:focus:after,.hotels-search-presetting__card:hover:after{opacity:.6}.hotels-search-presetting__card:focus .btn-show-hotels,.hotels-search-presetting__card:hover .btn-show-hotels{transform:translate(-50%,-50%);opacity:1;visibility:visible}.near-sights{padding:75px 0;background:#fff}@media only screen and (max-width:1024px){.near-sights{padding:50px 0}}.near-sights .slick-slider{margin-bottom:30px}.near-sights__content__wrapper{margin-top:35px;display:grid;grid-gap:37px;grid-template-columns:2fr 1fr}@media only screen and (max-width:1024px){.near-sights__content__wrapper{grid-template-columns:1fr;grid-row-gap:40px}}@media only screen and (max-width:767px){.near-sights__content__wrapper{display:block}}.near-sights__map{height:353px;width:100%;margin-bottom:30px;border-radius:2px;overflow:hidden}@media only screen and (max-width:1024px){.near-sights__map{height:300px}}.near-sights__map .mini-marker{width:18px;height:10px}.near-sights__map .mini-marker svg{display:block;max-width:100%}.near-sights__map-block{padding:20px 20px 40px;font-size:18px;line-height:24px;font-weight:400;text-align:center;color:#242c4a;background:#ecf3fb;border-radius:2px;overflow:hidden}.near-sights__map-block:first-child{grid-column:span 2}@media only screen and (max-width:1024px){.near-sights__map-block{display:grid;grid-template-columns:1fr 1fr}.near-sights__map-block>:first-child{grid-column:span 2}}@media only screen and (max-width:767px){.near-sights__map-block{grid-template-columns:1fr;padding:10px 10px 25px}.near-sights__map-block>:first-child{grid-column:1}}.near-sights__map-block p{max-width:264px;margin:0 auto}@media only screen and (max-width:1024px){.near-sights__map-block p{max-width:none;text-align:start}}@media only screen and (max-width:767px){.near-sights__map-block p{text-align:center}}.near-sights__map-block .btn{background-color:#fff;width:250px;max-width:90%;margin:20px auto 0;line-height:22px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:1024px){.near-sights__map-block .btn{margin:0 0 0 auto}}@media only screen and (max-width:767px){.near-sights__map-block .btn{margin:20px auto 0}}.near-sights__map-block .btn svg{vertical-align:middle;transition:transform .3s;margin-left:10px}.near-sights__map-block .btn:focus,.near-sights__map-block .btn:hover{background-color:#242c4a}.near-sights__map-block .btn:focus svg,.near-sights__map-block .btn:hover svg{transform:translateX(5px)}.near-sights__other-places{padding-top:60px}@media only screen and (max-width:1024px){.near-sights__other-places{padding-top:40px}}.other-places__header{font-size:22px;line-height:30px;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:25px;color:#242c4a}@media only screen and (max-width:767px){.other-places__header{text-align:left}}.other-places__footer{display:flex;justify-content:center;align-items:baseline;margin-top:25px}.other-places__additional{margin-top:15px}.other-places__additional:not(.open){display:none}.other-places__btn-show-more{cursor:pointer;display:inline-block;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#3c6780;white-space:nowrap}.other-places__btn-show-more:focus span,.other-places__btn-show-more:hover span{text-decoration:underline}@media only screen and (max-width:767px){.other-places__btn-show-more{margin-top:auto}}.sights-list{display:grid;grid-gap:37px;grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:767px){.sights-list{display:block;margin-left:-10px;width:calc(100% + 20px)}}.sights-list__item{border-radius:2px;overflow:hidden;display:block}@media only screen and (max-width:767px){.sights-list__item{max-width:calc(100vw - 20px);min-width:300px;margin:0 10px 20px}}.sights-list__item__photo{height:200px;width:100%;max-width:100%;overflow:hidden}.sights-list__item__photo img{width:100%;height:100%;object-fit:cover;display:block}.sights-list__item__title{background-color:#ecf3fb;padding:18px 15px;text-align:start;display:flex;align-items:center;font-size:18px;line-height:24px;font-weight:400;color:#242c4a}@media only screen and (max-width:767px){.sights-list__item__title{padding:15px 10px}}.sights-list__item__title svg{width:14px;height:10px;margin-left:auto;transition:transform .3s ease-out}.sights-list__item:hover .sights-list__item__title{text-decoration:underline}.sights-list__item:hover .sights-list__item__title svg{transform:translateX(5px)}.sights-list__item--all-landmarks{padding:60px 34px 50px;background-color:#ecf3fb;display:flex;text-align:start;color:#242c4a;font-size:18px;line-height:26px;font-weight:400}.sights-list__item--all-landmarks svg{display:block}.sights-list__item--all-landmarks .btn{color:#3c6780;text-align:start;padding-left:0;padding-bottom:0;font-size:12px;line-height:24px;font-weight:500}.sights-list__item--all-landmarks .btn svg{display:inline-block;transition:transform .3s ease-out}.sights-list__item--all-landmarks p{margin-top:20px;max-width:237px}.sights-list__item--all-landmarks:focus .btn,.sights-list__item--all-landmarks:hover .btn{text-decoration:underline}.sights-list__item--all-landmarks:focus .btn svg,.sights-list__item--all-landmarks:hover .btn svg{transform:translateX(5px)}.sights-list__item__content{flex:1}/*! */</style> <style>/*! */.list-head{display:flex;position:relative;justify-content:space-between;width:calc(100% - 30px);margin:40px auto;padding:0 0 15px;border-bottom:1px solid #d1dde9}@media only screen and (max-width:1024px){.list-head{margin:40px auto 30px}}@media only screen and (max-width:767px){.list-head{flex-wrap:wrap;width:calc(100% - 20px);margin:30px auto 20px}}.list-head__left{display:flex;flex-wrap:wrap;align-items:center}@media only screen and (max-width:767px){.list-head__left{width:100%;margin-bottom:20px}}.list-head__right{display:flex;z-index:9;align-items:center}@media only screen and (max-width:767px){.list-head__right{justify-content:space-between;width:100%}}.list-head__title{position:relative;margin-right:10px;color:#242c4a;font:18px/27px Roboto,sans-serif}@media only screen and (max-width:767px){.list-head__title{margin-right:5px;font:16px/27px Roboto,sans-serif}}.list-head__title:after{margin-left:10px;content:"|";color:#d1dde9}@media only screen and (max-width:767px){.list-head__title:after{margin-left:8px}}.list-head__btn{z-index:2;position:relative;width:200px;border:1px solid #d1dde9;border-radius:2px}@media only screen and (max-width:1024px){.list-head__btn{width:160px}}@media only screen and (max-width:767px){.list-head__btn{width:calc(50% - 5px)}}.list-head__btn--sort{margin-left:10px}@media only screen and (max-width:767px){.list-head__btn--sort{margin-left:0}}.list-head__count{box-sizing:content-box;display:none;position:absolute;top:-6px;right:-10px;width:20px;height:20px;border:2px solid #fff;border-radius:50%;background-color:#f68059;color:#fff;font:700 14px/21px Roboto,sans-serif;text-align:center}.list-head__notavail-calendar{display:flex;align-items:center;width:100%;margin-top:5px;cursor:pointer}.list-head__notavail-calendar .icon{fill:#3c6780;width:16px;height:16px;margin:0 10px 0 0}@media only screen and (max-width:767px){.list-head__notavail-calendar .icon{margin:0 5px 0 0}}.list-head__notavail-dates{text-align:left}.list-head__notavail-date{color:#3c6780;font:500 14px Roboto,sans-serif;text-decoration:underline}.list-head-map-btn{display:flex;align-items:center;cursor:pointer}.list-head-map-btn__icon{flex-shrink:0;width:20px;height:16px;fill:#3c6780;margin-right:5px}@media only screen and (max-width:767px){.list-head-map-btn__icon{width:16px;height:12px}}.list-head-map-btn__icon path{fill:#3c6780}.list-head-map-btn__title{color:#3c6780;font:16px/24px #3c6780;text-decoration:underline}@media only screen and (max-width:767px){.list-head-map-btn__title{font:14px/24px Roboto,sans-serif}}.list-head-filter__head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;cursor:pointer}@media only screen and (max-width:767px){.list-head-filter__head{padding:15px}}.list-head-filter__head.disable{pointer-events:none}.list-head-filter__text{color:#242c4a;font:14px/16px Roboto,sans-serif}.list-head-filter__icon{width:16px;height:16px;fill:#242c4a}.list-head-sort__head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px}@media only screen and (max-width:767px){.list-head-sort__head{padding:15px}}.list-head-sort__text{width:calc(100% - 25px);overflow:hidden;color:#242c4a;font:14px/16px Roboto,sans-serif;text-align:left;text-overflow:ellipsis;white-space:nowrap}.list-head-sort__list{display:none;z-index:1;position:absolute;top:calc(100% + 5px);right:0;min-width:100%;border-radius:2px;background-color:#fff;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);text-align:left}.list-head-sort__list-item{border-bottom:1px solid rgba(186,212,227,.5)}.list-head-sort__list-link{box-sizing:border-box;display:block;padding:15px;color:#242c4a;font-size:16px;transition:all .3s ease}.list-head-sort__list-link:hover{background-color:#bad4e3;text-decoration:none}.list-head-sort__list-link.is-active{background-color:#3c6780;color:#fff}.list-head-sort__icon{width:16px;height:8px;fill:#242c4a}.list-description{width:100%;text-align:left;margin:40px 0 10px}@media only screen and (max-width:1024px){.list-description{margin:35px 0 0}}@media only screen and (max-width:767px){.list-description{display:flex;flex-direction:column;margin:20px 0 0}}.list-description:after{content:"";clear:both}.list-description picture{width:390px;float:left;margin-right:30px}@media only screen and (max-width:1024px){.list-description picture{width:320px;margin-right:20px}}@media only screen and (max-width:767px){.list-description picture{float:none;width:100%;margin-right:0;margin-bottom:10px}}.list-description__image-item{width:390px;height:25px;object-fit:cover;display:block}@media only screen and (max-width:1024px){.list-description__image-item{width:320px}}@media only screen and (max-width:767px){.list-description__image-item{width:100%;height:20px}}.list-description__image-item--0{object-position:center 0}@media only screen and (max-width:767px){.list-description__image-item--0{object-position:center 0}}.list-description__image-item--1{object-position:center -25px}@media only screen and (max-width:767px){.list-description__image-item--1{object-position:center -20px}}.list-description__image-item--2{object-position:center -50px}@media only screen and (max-width:767px){.list-description__image-item--2{object-position:center -40px}}.list-description__image-item--3{object-position:center -75px}@media only screen and (max-width:767px){.list-description__image-item--3{object-position:center -60px}}.list-description__image-item--4{object-position:center -100px}@media only screen and (max-width:767px){.list-description__image-item--4{object-position:center -80px}}.list-description__image-item--5{object-position:center -125px}@media only screen and (max-width:767px){.list-description__image-item--5{object-position:center -100px}}.list-description__image-item--6{object-position:center -150px}@media only screen and (max-width:767px){.list-description__image-item--6{object-position:center -120px}}.list-description__image-item--7{object-position:center -175px}@media only screen and (max-width:767px){.list-description__image-item--7{object-position:center -140px}}.list-description__image-item--8{object-position:center -200px}@media only screen and (max-width:767px){.list-description__image-item--8{object-position:center -160px}}.list-description__image-item--9{object-position:center -225px}@media only screen and (max-width:767px){.list-description__image-item--9{object-position:center -180px}}.list-description__image-item--10{object-position:center -250px}@media only screen and (max-width:767px){.list-description__image-item--10{object-position:center -200px}}.list-description__title{position:relative;display:flex;padding-bottom:10px;margin-bottom:15px;font:500 32px/48px Roboto,sans-serif;color:#242c4a}@media only screen and (max-width:1024px){.list-description__title{font:500 30px/40px Roboto,sans-serif}}@media only screen and (max-width:767px){.list-description__title{order:-1;font:500 24px/36px Roboto,sans-serif;padding-bottom:0;margin-bottom:10px}}.list-description__title:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background-color:#d1dde9}@media only screen and (max-width:767px){.list-description__title:after{display:none}}.list-description__text{font:16px/26px Roboto,sans-serif;color:#242c4a}@media only screen and (max-width:1024px){.list-description__text{font:14px/24px Roboto,sans-serif}}.filters-popup{display:none}@media only screen and (min-width:1024px){.sunset-hotel_list{background:#fff}.sunset-hotel_list.is-filters-open .sunset{z-index:1000}.wrapper{background-color:#f5f7fa}.hotel-list{position:relative}.hotel-list__container.is-open{z-index:150}.hotel-list__header{display:flex;justify-content:space-between;align-items:flex-start;z-index:11}}@media only screen and (min-width:1024px) and (max-width:767px){.hotel-list__header{flex-wrap:wrap}}@media only screen and (min-width:1024px){.hotel-list__list{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap}.hotel-list__list-item{padding-left:15px;padding-right:15px;margin-bottom:30px;width:100%;max-width:33.33333%;box-sizing:border-box}.hotel-list .item{font-family:Roboto,sans-serif;text-align:left;height:465px}.hotel-list .item--dop-height{height:509px}.hotel-list .item--dop-height .item__footer{max-height:44px}.hotel-list .item__wrapper{border:1px solid #d1dde9;background-color:#fff;border-radius:2px;overflow:hidden}.hotel-list .item__wrapper:hover{position:relative;z-index:1;box-shadow:0 5px 10px 0 rgba(36,44,74,.1),0 2px 4px 0 rgba(0,0,0,.1);border:1px solid #d1dde9}.hotel-list .item__wrapper:hover .item__footer.item__footer--loaded{padding:0 10px 15px;max-height:800px}.hotel-list .item__header{width:100%;position:relative;border-radius:2px 2px 0 0;overflow:hidden;z-index:0}.hotel-list .item__header .nav-controls{/*! rtl:begin:ignore*/direction:ltr;/*! rtl:end:ignore*/position:absolute;width:100%;height:32px;padding:0 10px;box-sizing:border-box;top:calc(50% - 16px);display:flex;align-items:center;justify-content:space-between}.hotel-list .item__header .nav-controls-next,.hotel-list .item__header .nav-controls-prev{display:block;width:32px;height:32px;position:absolute}.hotel-list .item__header .nav-controls-next.disabled,.hotel-list .item__header .nav-controls-prev.disabled{display:none!important}.hotel-list .item__header .nav-controls-prev{left:10px;transform:rotate(180deg)}.hotel-list .item__header .nav-controls-next,.hotel-list .item__header .nav-controls-prev{background:url(/new/designs/90/destination/img/new-gallery-arrow-hotel-list.svg) no-repeat}.hotel-list .item__header .nav-controls-next{right:10px}.hotel-list .item__carousel-photos{width:100%}.hotel-list .item__carousel-photos-gallery{width:100%;height:300px;font-size:0;line-height:0}}@media only screen and (min-width:1024px) and (max-width:767px){.hotel-list .item__carousel-photos-gallery{height:200px}}@media only screen and (min-width:1024px){.hotel-list .item__carousel-photos-gallery .slick-list{z-index:100;height:100%}.hotel-list .item__carousel-photos-gallery .slick-arrow{z-index:110}.hotel-list .item__carousel-photos-gallery .slick-dots{z-index:120;position:absolute;height:6px;left:0;right:0;bottom:15px;font-size:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.hotel-list .item__carousel-photos-gallery .slick-dots li{display:block}.hotel-list .item__carousel-photos-gallery .slick-dots button{cursor:pointer;font-size:0;color:#fff;background:hsla(0,0%,100%,.6);border:none;outline:none;height:6px;width:6px;border-radius:50%;margin:0 6px}.hotel-list .item__carousel-photos-gallery .slick-active button{background:#fff}[dir=rtl] .hotel-list .item__carousel-photos-gallery .slick-slide{float:left}.hotel-list .item__carousel-photos-gallery .slick-track{height:100%;display:flex}.hotel-list .item__carousel-photos-gallery .slick-track .slick-slide{display:flex;height:auto}.hotel-list .item__carousel-photos-gallery .slick-track .slick-slide>div{width:100%;height:100%}.hotel-list .item__image{width:100%;height:100%;object-fit:cover;display:block}.hotel-list .item__content{padding:15px 10px 20px;display:flex;flex-direction:column;height:165px}.hotel-list .item__title{margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hotel-list .item__title-link{cursor:pointer;font:400 18px/24px Roboto,sans-serif;text-align:start;color:#242c4a}.hotel-list .item__stars{display:flex;margin-bottom:10px}.hotel-list .item__stars-icon{width:12px;height:12px;fill:#bad4e3}.hotel-list .item__stars-icon:not(:last-child){margin-right:5px}.hotel-list .item__distance{margin-bottom:5px;display:flex}.hotel-list .item__distance-text{margin-right:5px;padding-right:5px;font:normal 14px/1.5 Roboto,sans-serif;color:#242c4a;position:relative}.hotel-list .item__distance-text:after{content:"";width:1px;height:12px;position:absolute;top:50%;right:0;transform:translateY(-50%);background-color:#242c4a}.hotel-list .item__distance-button{font:500 14px/1.5 Roboto,sans-serif;color:#3c6780;text-decoration:underline;cursor:pointer}.hotel-list .item__grade{position:relative}.hotel-list .item__grade:hover .item__grade-details{display:block!important}.hotel-list .item__grade-text{font-size:14px;line-height:21px;font-weight:500;color:#2baf40;margin-bottom:10px;cursor:pointer}.hotel-list .item__grade-details{display:none;font:normal 12px/1.5 Roboto,sans-serif;position:absolute;text-align:left;border-radius:2px;box-shadow:0 5px 16px 5px rgba(36,44,74,.1);border:1px solid #b7d1e0;background-color:#fff;color:#242c4a;padding:10px;bottom:20px;left:0;width:275px;white-space:normal;z-index:5}.hotel-list .item__review{display:flex;align-items:center;margin-top:auto;padding-top:10px}.hotel-list .item__review-number{margin-right:5px;padding:3px;width:41px;height:22px;font:400 14px/normal Roboto,sans-serif;color:#fff;text-align:center;background:#3c6780;border-radius:2px}.hotel-list .item__review-text{margin-right:5px;font:400 14px/normal Roboto,sans-serif;color:#242c4a}.hotel-list .item__review-count{font:normal 14px/normal Roboto,sans-serif;color:#7c8092}.hotel-list .item__footer{padding:0 10px;max-height:0}.hotel-list .item__footer--border-top{border-top:1px solid #d1dde9}.hotel-list .item__loader{width:100%;height:44px;display:flex;justify-content:center;align-items:center}.hotel-list .item__loader-circle{background-color:#fff;height:6px;width:6px;animation:MultiHotelAvailLoader .8s infinite normal;border-radius:50%}.hotel-list .item__loader-circle:not(:last-child){margin-right:4px}.hotel-list .item__loader-circle--one{animation-delay:.2s}.hotel-list .item__loader-circle--two{animation-delay:.4s}.hotel-list .item__loader-circle--three{animation-delay:.6s}.hotel-list .item__description{margin-bottom:15px;font:normal 12px/1.5 Roboto,sans-serif;color:#7c8092}.hotel-list .item__button-wrapper{display:none;text-align:center}.hotel-list .item__button-wrapper--show{display:block}.hotel-list .item__button{margin:10px auto 0;display:inline-block;min-width:160px;font-size:12px;line-height:24px;font-weight:500;font-family:Roboto,sans-serif;box-sizing:border-box;border-radius:2px;background-color:#fff;padding:11px;text-align:center;letter-spacing:.8px;text-transform:uppercase;transition:background-color .2s ease-out;cursor:pointer;border:1px solid #242c4a;color:#242c4a}}@media only screen and (min-width:1024px) and (hover:hover){.hotel-list .item__button:focus,.hotel-list .item__button:hover{background-color:#242c4a;color:#fff}}@media only screen and (min-width:1024px) and (hover:none){.hotel-list .item__button:focus{background-color:#242c4a;color:#fff}}@media only screen and (min-width:1024px){.hotel-list_noresult{margin-top:100px;margin-bottom:50px}}@media only screen and (min-width:1024px) and (max-width:1024px){.hotel-list_noresult{margin-top:50px;margin-bottom:0}}@media only screen and (min-width:1024px){.hotel-list_noresult-img{margin-bottom:15px}.hotel-list_noresult-text{font:500 18px/1.44 Roboto,sans-serif;color:#242c4a}.pagination{display:flex;justify-content:center;background:none}.pagination__item{margin-left:2.5px;margin-right:2.5px;text-align:center;border-radius:2px;overflow:hidden}.pagination__link{display:inline-block;width:30px;height:30px;font:700 15px/30px Roboto,sans-serif;color:#3c6780;background-color:#fff;transition:all .3s ease}.pagination__link--active,.pagination__link:hover{background-color:#3c6780;color:#fff}.pagination__link:hover{text-decoration:none}}@media only screen and (min-width:1024px) and (max-width:414px){.pagination__link{width:22px}}@media only screen and (min-width:1024px){.pagination__control{line-height:30px}.pagination__control-link{display:flex;align-items:center;justify-content:center;height:100%}.pagination__control-icon{margin:0 8px;width:10px;height:6px;fill:#99afbd;transform:rotate(90deg)}.pagination__control-icon--right{transform:rotate(-90deg)}}@media only screen and (min-width:1024px) and (max-width:414px){.pagination__control-icon{margin:0 5px}}@media only screen and (min-width:1024px){.hotellist-gallery-arrow{position:absolute;top:0;width:50%;height:100%;left:0;padding:0 0 0 10px;right:auto;display:flex;justify-content:flex-start;align-items:center;z-index:110}[dir=rtl] .hotellist-gallery-arrow{right:10px;left:auto}.hotellist-gallery-arrow--next{right:0;left:auto;justify-content:flex-end;padding:0 10px 0 0}[dir=rtl] .hotellist-gallery-arrow--next{right:auto;left:10px}.hotellist-gallery-arrow__icon{pointer-events:none;fill:#fff;width:32px;height:32px}[dir=rtl] .hotellist-gallery-arrow__icon{transform:rotate(180deg)}@keyframes MultiHotelAvailLoader{50%{background-color:#242c4a}}}@media only screen and (min-width:1024px) and (max-width:1024px){.hotel-list__list-item{max-width:50%}}@media only screen and (min-width:1024px) and (max-width:767px){.hotel-list__list{margin-left:0;margin-right:0}.hotel-list__list-item{max-width:100%;padding-left:0;padding-right:0}.hotel-list .item__address-grade-details{width:270px}.hotel-list .item,.hotel-list .item--dop-height{height:auto}.hotel-list .item__wrapper:hover{position:static}.multihotelavail-rates-price-grade-description{max-width:270px}}/*! */</style> <link rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" href="/new/designs/90/build/destination-hotel-list-css/style.44a5ecf231204c2fec68d7848316008b.css" crossorigin> <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="cs" type="text/html" href="https://www.basel-hotels.net/cs/type/hostels-11/" title="Czech"> <link rel="alternate" hreflang="da" type="text/html" href="https://www.basel-hotels.net/da/type/hostels-11/" title="Danish"> <link rel="alternate" hreflang="de" type="text/html" href="https://www.basel-hotels.net/de/type/hostels-11/" title="Deutch"> <link rel="alternate" hreflang="en" type="text/html" href="https://www.basel-hotels.net/en/type/hostels-11/" title="English"> <link rel="alternate" hreflang="es" type="text/html" href="https://www.basel-hotels.net/es/type/hostels-11/" title="Spanish"> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.basel-hotels.net/fr/type/hostels-11/" title="French"> <link rel="alternate" hreflang="el" type="text/html" href="https://www.basel-hotels.net/el/type/hostels-11/" title="Greek"> <link rel="alternate" hreflang="he" type="text/html" href="https://www.basel-hotels.net/he/type/hostels-11/" title="Hebrew"> <link rel="alternate" hreflang="it" type="text/html" href="https://www.basel-hotels.net/it/type/hostels-11/" title="Italiano"> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.basel-hotels.net/ja/type/hostels-11/" title="Japanese"> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.basel-hotels.net/hu/type/hostels-11/" title="Hungarian"> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.basel-hotels.net/nl/type/hostels-11/" title="Dutch"> <link rel="alternate" hreflang="no" type="text/html" href="https://www.basel-hotels.net/no/type/hostels-11/" title="Norwegian"> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.basel-hotels.net/pt/type/hostels-11/" title="Portuguese"> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.basel-hotels.net/ru/type/hostels-11/" title="Russian"> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.basel-hotels.net/sv/type/hostels-11/" title="Swedish"> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.basel-hotels.net/tr/type/hostels-11/" title="Turkish"> <link rel="alternate" hreflang="uk" type="text/html" href="https://www.basel-hotels.net/uk/type/hostels-11/" title="Ukrainian"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="canonical" href="https://www.basel-hotels.net/nl/type/hostels-11/"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position":"1", "item":{ "name": "Bazel" , "@id":"https://www.basel-hotels.net/nl/" } }, { "@type": "ListItem", "position":"2", "item":{ "name": "Hostels" } } ] } </script> </head> <body class="sunset-hotel_list"> <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/116642.JPEG)"> </div> <picture> <source srcset="/img/bg/450x450/116642.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="/nl/" class="header__logo"> <div class="header__logo-text"> Bazel </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"> Bazel </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </div> <button class="header__nav-toggler js-toggle-navigation"> <span class="header__nav-toggler-cross"></span> <span class="header__nav-toggler-cross header__nav-toggler-cross--right"></span> </button> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Valuta <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MQ=="> <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="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9Mw=="> <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="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9Nw=="> <span class="dropdown__list-item-code"> GBP </span> Pond sterling </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTE="> <span class="dropdown__list-item-code"> AUD </span> Australische dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MjE="> <span class="dropdown__list-item-code"> CAD </span> Canadese dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9NDg="> <span class="dropdown__list-item-code"> BRL </span> Braziliaanse real </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9NDk="> <span class="dropdown__list-item-code"> BGN </span> Bulgaarse lev </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9NTc="> <span class="dropdown__list-item-code"> CNY </span> Chinese yuan </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9NjY="> <span class="dropdown__list-item-code"> CZK </span> Tsjechische kroon </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9NA=="> <span class="dropdown__list-item-code"> DKK </span> Deense kroon </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTM="> <span class="dropdown__list-item-code"> HKD </span> Hongkongse dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9Nzc="> <span class="dropdown__list-item-code"> ILS </span> Israëlische sjekel </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MjM="> <span class="dropdown__list-item-code"> JPY </span> Japanse yen </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTA="> <span class="dropdown__list-item-code"> MYR </span> Maleisische ringgit </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTI="> <span class="dropdown__list-item-code"> NZD </span> Nieuw-Zeelandse dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MjI="> <span class="dropdown__list-item-code"> NOK </span> Noorse kroon </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTM1"> <span class="dropdown__list-item-code"> PLN </span> Poolse złoty </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTM2"> <span class="dropdown__list-item-code"> RON </span> Roemeense leu </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTM3"> <span class="dropdown__list-item-code"> RUB </span> Russische roebel </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTQy"> <span class="dropdown__list-item-code"> SAR </span> Saoedi-Arabische riyal </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MjQ="> <span class="dropdown__list-item-code"> SGD </span> Singaporese dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTU="> <span class="dropdown__list-item-code"> ZAR </span> Zuid-Afrikaanse rand </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTUx"> <span class="dropdown__list-item-code"> KRW </span> Zuid-Koreaanse won </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9OQ=="> <span class="dropdown__list-item-code"> SEK </span> Zweedse kroon </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9OA=="> <span class="dropdown__list-item-code"> CHF </span> Zwitserse frank </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTYy"> <span class="dropdown__list-item-code"> TRY </span> Turkse lira </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTY2"> <span class="dropdown__list-item-code"> UAH </span> Oekraïense grivnya </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9Mg=="> <span class="dropdown__list-item-code"> THB </span> Thaise baht </span> </li> </ul> </div> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Nederlands <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="L2FyL3R5cGUvaG9zdGVscy0xMS8="> العربية </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3poL3R5cGUvaG9zdGVscy0xMS8="> 简体中文 </span> </li> <li class="dropdown__list-item"> <a href="/cs/type/hostels-11/" class="dropdown__list-link js-link"> Čeština </a> </li> <li class="dropdown__list-item"> <a href="/da/type/hostels-11/" class="dropdown__list-link js-link"> Dansk </a> </li> <li class="dropdown__list-item"> <a href="/de/type/hostels-11/" class="dropdown__list-link js-link"> Deutsch </a> </li> <li class="dropdown__list-item"> <a href="/en/type/hostels-11/" class="dropdown__list-link js-link"> English </a> </li> <li class="dropdown__list-item"> <a href="/es/type/hostels-11/" class="dropdown__list-link js-link"> Español </a> </li> <li class="dropdown__list-item"> <a href="/fr/type/hostels-11/" class="dropdown__list-link js-link"> Français </a> </li> <li class="dropdown__list-item"> <a href="/el/type/hostels-11/" class="dropdown__list-link js-link"> Ελληνικά </a> </li> <li class="dropdown__list-item"> <a href="/he/type/hostels-11/" class="dropdown__list-link js-link"> עברית </a> </li> <li class="dropdown__list-item"> <a href="/it/type/hostels-11/" class="dropdown__list-link js-link"> Italiano </a> </li> <li class="dropdown__list-item"> <a href="/ja/type/hostels-11/" class="dropdown__list-link js-link"> 日本語 </a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2tvL3R5cGUvaG9zdGVscy0xMS8="> 한국어 </span> </li> <li class="dropdown__list-item"> <a href="/hu/type/hostels-11/" class="dropdown__list-link js-link"> Magyar </a> </li> <li class="dropdown__list-item"> <a href="/nl/type/hostels-11/" class="dropdown__list-link js-link"> Nederlands </a> </li> <li class="dropdown__list-item"> <a href="/no/type/hostels-11/" class="dropdown__list-link js-link"> Norsk </a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3BsL3R5cGUvaG9zdGVscy0xMS8="> Polski </span> </li> <li class="dropdown__list-item"> <a href="/pt/type/hostels-11/" class="dropdown__list-link js-link"> Português </a> </li> <li class="dropdown__list-item"> <a href="/ru/type/hostels-11/" class="dropdown__list-link js-link"> Русский </a> </li> <li class="dropdown__list-item"> <a href="/sv/type/hostels-11/" class="dropdown__list-link js-link"> Svenska </a> </li> <li class="dropdown__list-item"> <a href="/tr/type/hostels-11/" class="dropdown__list-link js-link"> Türkçe </a> </li> <li class="dropdown__list-item"> <a href="/uk/type/hostels-11/" 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 js-main-title" data-title-text="Welkom naar hotels in Bazel!"> Bazel hostels</h1> <p class="banner__text"> Het eerste lokale reisnetwerk met de beste tarieven en beschikbaarheid van geselecteerde accommodaties</p> <form action="/nl/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">Inchecken</div> <div class="main-form-field__content main-form-field__content--nl"> <div class="main-form-field__number js-date-day">27</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">jan</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-01-27"> </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">Uitchecken</div> <div class="main-form-field__content main-form-field__content--nl"> <div class="main-form-field__number js-date-day">28</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">jan</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> nachten)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nachten)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2025-01-28"> </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">Gasten</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"> gasten</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="3"> gasten</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="4"> gasten</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="5"> gasten</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="6"> gasten</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="7"> gasten</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"> Volwassenen: </div> <select class="dropdown__select js-adults-select" name="adults"> <option value="1">1</option> <option value="2" selected="selected">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> <div class="dropdown__item"> <div class="dropdown__title"> Kinderen: </div> <select class="dropdown__select js-children-select" name="children"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> </div> <div class="dropdown__block js-children-wrapper"></div> <div class="dropdown__error js-error js-error-child">Vermeld de leeftijd van het kind</div> <div class="dropdown__error js-error js-error-children">Vermeld de leeftijd van kinderen</div> <div class="dropdown__block dropdown__block--margin"> <button class="dropdown__button dropdown__button--cancel js-cancel-button" type="button">Annuleren</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">Zoeken</button> </div> </form> </div> <div class="new-container"> <div class="breadcrumbs"> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.basel-hotels.net/nl/" target="_blank">Bazel</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <span class="breadcrumbs-item__text">Hostels</span> </div> </div> </div> </div> <div class="sunset sunset-hotel_list"> <div class="content js-content clearfix"> <div class="js-hotels-available"> <div class="new-container hotel-list__header"> <span class="js-hotel-list-title" data-h1-title="QmF6ZWwgaG9zdGVscw==" style="display: none"></span> </div> <div class="new-container hotel-list__container js-filters-outer"> <div class="new-row"> <div class="sunset__hotel-list "> <div class="list-head"> <div class="list-head__left"> <div class="list-head__info"> <p class="list-head__title">20 accommodaties gevonden</p> </div> <div class="list-head-map-btn"> <svg class="list-head-map-btn__icon" width="20" height="20" viewBox="0 0 20 20"> <path d="M6.875 1.25C3.084 1.25 0 4.409 0 8.291c0 4.864 6.165 11.25 6.428 11.519.117.121.278.19.447.19.169 0 .33-.069.447-.189.263-.27 6.428-6.656 6.428-11.52 0-3.882-3.084-7.041-6.875-7.041zm0 10c-1.723 0-3.125-1.402-3.125-3.125S5.152 5 6.875 5 10 6.402 10 8.125 8.598 11.25 6.875 11.25z" transform="translate(-950 -642) translate(930 632) translate(20 8) translate(0 2)"/> <path d="M13.125 0c-1.069 0-2.078.259-2.981.706 1.462.659 2.696 1.744 3.556 3.102 1.449.27 2.55 1.54 2.55 3.067 0 1.061-.535 1.999-1.346 2.564-.396 2.635-2.041 5.422-3.611 7.572.75.89 1.31 1.473 1.385 1.55.117.12.278.189.447.189.169 0 .33-.069.447-.189.263-.27 6.428-6.656 6.428-11.52C20 3.16 16.916 0 13.125 0z" transform="translate(-950 -642) translate(930 632) translate(20 8) translate(0 2)"/> </svg> <span class="list-head-map-btn__title js-change-view" data-internal="L21hcA==">Kaart weergeven</span> </div> </div> <div class="list-head__right"> <div class="list-head__btn list-head-filter"> <div class="list-head-filter__head js-more-filters"> <p class="list-head-filter__text">Filters</p> <svg class="list-head-filter__icon" width="16px" height="16px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#d3-map-filters"></use> </svg> <div class="list-head__count js-more-filter-count"></div> </div> </div> <div class="list-head__btn list-head__btn--sort list-head-sort js-sort-select"> <div class="list-head-sort__head js-sort-by"> <p class="list-head-sort__text"> Populairste eerst </p> <svg class="list-head-sort__icon" width="10px" height="6px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </div> <ul class="list-head-sort__list js-sort-select-block"> <li class="list-head-sort__list-item"> <a href="#" class="list-head-sort__list-link js-sort is-active" data-sort="Rating" data-order="DESC"> Populairste eerst </a> </li> <li class="list-head-sort__list-item"> <a href="#" class="list-head-sort__list-link js-sort " data-sort="RevRating" data-order="DESC"> Hoogste beoordeling eerst </a> </li> <li class="list-head-sort__list-item"> <a href="#" class="list-head-sort__list-link js-sort " data-sort="Price" data-order="ASC"> Laagste prijs eerst </a> </li> <li class="list-head-sort__list-item"> <a href="#" class="list-head-sort__list-link js-sort " data-sort="Distance" data-order="ASC"> Afstand - van laag tot hoog </a> </li> </ul> </div> </div> </div> <form id="form_preferences" class="filters-popup js-filters-popup js-hotellist-filters js-all-filters js-filters-cont" action="/search/"> <div class="filters-popup__container js-sunset-filter js-sunset-all-filters"> <fieldset class="hidden"> <input type="hidden" name="sort" value="Rating" /> <input type="hidden" name="order" value="DESC" /> <input type="hidden" name="part" value="1" /> </fieldset> <div class="filters-popup__inner js-filter"> <div class="filters-popup__head"> <p class="filters-popup__title">Filters:</p> <svg class="filters-popup__close-icon js-filter-cancel" width="18px" height="18px"><use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#close"></use></svg> </div> <div class="filters-popup__list"> <div data-filter="Price" class="js-price-filter"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Prijs per nacht <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Price_0" type="checkbox" name="Price[]" value="0" /> <label class="item__label" for="Price_0"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> USD 0 - USD 50 <span class="item__list-count filter-count">(4)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Price_1" type="checkbox" name="Price[]" value="1" /> <label class="item__label" for="Price_1"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> USD 50 - USD 100 <span class="item__list-count filter-count">(11)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Price_2" type="checkbox" name="Price[]" value="2" /> <label class="item__label" for="Price_2"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> USD 100 - USD 150 <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Price_3" type="checkbox" name="Price[]" value="3" /> <label class="item__label" for="Price_3"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> USD 150 - USD 200 <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Price_4" type="checkbox" name="Price[]" value="4" /> <label class="item__label" for="Price_4"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> USD 200+ <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="Stars" class="js-seo-open-filter"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Hotels per klasse <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Stars_3" type="checkbox" name="Stars[]" value="3" /> <label class="item__label" for="Stars_3"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name item__list-text--stars"> <a href="/nl/3-stars/" class="item__list-link js-filter-popup item__list-link--stars"> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </a> <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Stars_2" type="checkbox" name="Stars[]" value="2" /> <label class="item__label" for="Stars_2"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name item__list-text--stars"> <a href="/nl/2-stars/" class="item__list-link js-filter-popup item__list-link--stars"> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </a> <span class="item__list-count filter-count">(7)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Stars_0" type="checkbox" name="Stars[]" value="0" /> <label class="item__label" for="Stars_0"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/0-stars/" class="item__list-link js-filter-popup"> Zonder beoordeling </a> <span class="item__list-count filter-count">(11)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="Rating"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Beoordeling bekijken <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Rating_3" type="checkbox" name="Rating[]" value="3" /> <label class="item__label" for="Rating_3"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Heel goed 4+ <span class="item__list-count filter-count">(9)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Rating_2" type="checkbox" name="Rating[]" value="2" /> <label class="item__label" for="Rating_2"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Goed 3.5+ <span class="item__list-count filter-count">(6)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="DistrictID"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Wijken <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_132793" type="checkbox" name="DistrictID[]" value="132793" /> <label class="item__label" for="DistrictID_132793"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Zurich - Oude Binnenstad <span class="item__list-count filter-count">(4)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_899652" type="checkbox" name="DistrictID[]" value="899652" /> <label class="item__label" for="DistrictID_899652"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Niederdorf <span class="item__list-count filter-count">(4)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_132795" type="checkbox" name="DistrictID[]" value="132795" /> <label class="item__label" for="DistrictID_132795"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Aussersihl <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_805155" type="checkbox" name="DistrictID[]" value="805155" /> <label class="item__label" for="DistrictID_805155"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Höngg <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_823569" type="checkbox" name="DistrictID[]" value="823569" /> <label class="item__label" for="DistrictID_823569"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Vorstädte <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_823572" type="checkbox" name="DistrictID[]" value="823572" /> <label class="item__label" for="DistrictID_823572"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Clara <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_904794" type="checkbox" name="DistrictID[]" value="904794" /> <label class="item__label" for="DistrictID_904794"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Basel City Centre <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_905076" type="checkbox" name="DistrictID[]" value="905076" /> <label class="item__label" for="DistrictID_905076"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Old City of Bern <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_1703959" type="checkbox" name="DistrictID[]" value="1703959" /> <label class="item__label" for="DistrictID_1703959"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Mattenhof-Weissenbühl <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="LandmarkID"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Bezienswaardigheden <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_173874" type="checkbox" name="LandmarkID[]" value="173874" /> <label class="item__label" for="LandmarkID_173874"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Stadscentrum <span class="item__list-count filter-count">(8)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_149471" type="checkbox" name="LandmarkID[]" value="149471" /> <label class="item__label" for="LandmarkID_149471"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Station Basel SBB <span class="item__list-count filter-count">(8)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_149462" type="checkbox" name="LandmarkID[]" value="149462" /> <label class="item__label" for="LandmarkID_149462"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Marktplatz Basel <span class="item__list-count filter-count">(8)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_149456" type="checkbox" name="LandmarkID[]" value="149456" /> <label class="item__label" for="LandmarkID_149456"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Messe Basel <span class="item__list-count filter-count">(8)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_397153" type="checkbox" name="LandmarkID[]" value="397153" /> <label class="item__label" for="LandmarkID_397153"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> St. Jakobshalle <span class="item__list-count filter-count">(6)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_397159" type="checkbox" name="LandmarkID[]" value="397159" /> <label class="item__label" for="LandmarkID_397159"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Palazzo Colombino Basel <span class="item__list-count filter-count">(8)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_149468" type="checkbox" name="LandmarkID[]" value="149468" /> <label class="item__label" for="LandmarkID_149468"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Dierentuin <span class="item__list-count filter-count">(8)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_149470" type="checkbox" name="LandmarkID[]" value="149470" /> <label class="item__label" for="LandmarkID_149470"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Badischer Bahnhof <span class="item__list-count filter-count">(4)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1044141" type="checkbox" name="LandmarkID[]" value="1044141" /> <label class="item__label" for="LandmarkID_1044141"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Basel Christmas Market <span class="item__list-count filter-count">(8)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_397147" type="checkbox" name="LandmarkID[]" value="397147" /> <label class="item__label" for="LandmarkID_397147"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Novartis Head Quarter <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_88047" type="checkbox" name="LandmarkID[]" value="88047" /> <label class="item__label" for="LandmarkID_88047"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Tinguely Brunnen <span class="item__list-count filter-count">(8)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_88053" type="checkbox" name="LandmarkID[]" value="88053" /> <label class="item__label" for="LandmarkID_88053"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Museum Tinguely <span class="item__list-count filter-count">(8)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_88056" type="checkbox" name="LandmarkID[]" value="88056" /> <label class="item__label" for="LandmarkID_88056"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Merian Park <span class="item__list-count filter-count">(6)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_88065" type="checkbox" name="LandmarkID[]" value="88065" /> <label class="item__label" for="LandmarkID_88065"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Basler Morgestraich <span class="item__list-count filter-count">(8)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="RAmenityID"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Kamerfaciliteiten <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_1095" type="checkbox" name="AmenityID[]" value="1095" /> <label class="item__label" for="AmenityID_1095"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Gratis WiFi in de kamers <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_1135" type="checkbox" name="AmenityID[]" value="1135" /> <label class="item__label" for="AmenityID_1135"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Geluiddichte kamers <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="AmenityID"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Hotelfaciliteiten <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_97" type="checkbox" name="AmenityID[]" value="97" /> <label class="item__label" for="AmenityID_97"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> WiFi <span class="item__list-count filter-count">(17)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_28" type="checkbox" name="AmenityID[]" value="28" /> <label class="item__label" for="AmenityID_28"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Kamers/faciliteiten voor mindervaliden <span class="item__list-count filter-count">(7)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_1100" type="checkbox" name="AmenityID[]" value="1100" /> <label class="item__label" for="AmenityID_1100"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Versneld in- en uitchecken <span class="item__list-count filter-count">(5)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_7" type="checkbox" name="AmenityID[]" value="7" /> <label class="item__label" for="AmenityID_7"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Huisdieren toegestaan <span class="item__list-count filter-count">(4)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_129" type="checkbox" name="AmenityID[]" value="129" /> <label class="item__label" for="AmenityID_129"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> 24-uursreceptie <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_413" type="checkbox" name="AmenityID[]" value="413" /> <label class="item__label" for="AmenityID_413"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Luchthavenshuttle <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_1362" type="checkbox" name="AmenityID[]" value="1362" /> <label class="item__label" for="AmenityID_1362"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Alleen volwassenen <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="TypeID" class="js-seo-open-filter"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Accommodatietype <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_3" type="checkbox" name="TypeID[]" value="3" /> <label class="item__label" for="TypeID_3"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/apartments-3/" class="item__list-link js-filter-popup"> Appartementen </a> <span class="item__list-count filter-count">(860)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_12" type="checkbox" name="TypeID[]" value="12" /> <label class="item__label" for="TypeID_12"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/hotels-12/" class="item__list-link js-filter-popup"> Hotels </a> <span class="item__list-count filter-count">(304)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_32" type="checkbox" name="TypeID[]" value="32" /> <label class="item__label" for="TypeID_32"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/homestays-32/" class="item__list-link js-filter-popup"> Accommodaties bij particulieren </a> <span class="item__list-count filter-count">(49)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_2" type="checkbox" name="TypeID[]" value="2" /> <label class="item__label" for="TypeID_2"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/aparthotels-2/" class="item__list-link js-filter-popup"> Aparthotels </a> <span class="item__list-count filter-count">(42)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_4" type="checkbox" name="TypeID[]" value="4" /> <label class="item__label" for="TypeID_4"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/bed-and-breakfasts-4/" class="item__list-link js-filter-popup"> Bed & Breakfasts </a> <span class="item__list-count filter-count">(34)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_10" type="checkbox" name="TypeID[]" value="10" /> <label class="item__label" for="TypeID_10"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/guest-houses-10/" class="item__list-link js-filter-popup"> Gasthuizen </a> <span class="item__list-count filter-count">(24)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox is-checked"> <input class="item__checkbox" id="TypeID_11" type="checkbox" name="TypeID[]" value="11" checked/> <label class="item__label" for="TypeID_11"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/hostels-11/" class="item__list-link js-filter-popup"> Hostels </a> <span class="item__list-count filter-count">(20)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_33" type="checkbox" name="TypeID[]" value="33" /> <label class="item__label" for="TypeID_33"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/holiday-homes-33/" class="item__list-link js-filter-popup"> Vakantiehuizen </a> <span class="item__list-count filter-count">(7)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_24" type="checkbox" name="TypeID[]" value="24" /> <label class="item__label" for="TypeID_24"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/villas-24/" class="item__list-link js-filter-popup"> Villa's </a> <span class="item__list-count filter-count">(6)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_18" type="checkbox" name="TypeID[]" value="18" /> <label class="item__label" for="TypeID_18"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/motels-18/" class="item__list-link js-filter-popup"> Motels </a> <span class="item__list-count filter-count">(5)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_16" type="checkbox" name="TypeID[]" value="16" /> <label class="item__label" for="TypeID_16"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/inns-16/" class="item__list-link js-filter-popup"> Herbergen </a> <span class="item__list-count filter-count">(5)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_30" type="checkbox" name="TypeID[]" value="30" /> <label class="item__label" for="TypeID_30"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/capsule-hotels-30/" class="item__list-link js-filter-popup"> Capsulehotels </a> <span class="item__list-count filter-count">(4)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_34" type="checkbox" name="TypeID[]" value="34" /> <label class="item__label" for="TypeID_34"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/botels-34/" class="item__list-link js-filter-popup"> Botels </a> <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_28" type="checkbox" name="TypeID[]" value="28" /> <label class="item__label" for="TypeID_28"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/love-hotels-28/" class="item__list-link js-filter-popup"> Liefdeshotel </a> <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_29" type="checkbox" name="TypeID[]" value="29" /> <label class="item__label" for="TypeID_29"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/luxury-tents-29/" class="item__list-link js-filter-popup"> Luxe tent </a> <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_6" type="checkbox" name="TypeID[]" value="6" /> <label class="item__label" for="TypeID_6"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/chalets-6/" class="item__list-link js-filter-popup"> Chalet </a> <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_39" type="checkbox" name="TypeID[]" value="39" /> <label class="item__label" for="TypeID_39"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/nl/type/resorts-39/" class="item__list-link js-filter-popup"> Resort </a> <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="ThemeID"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Themahotels <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_1" type="checkbox" name="ThemeID[]" value="1" /> <label class="item__label" for="ThemeID_1"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Luchthavenhotels <span class="item__list-count filter-count">(19)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_9" type="checkbox" name="ThemeID[]" value="9" /> <label class="item__label" for="ThemeID_9"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Goedkope en budgethotels <span class="item__list-count filter-count">(18)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_8" type="checkbox" name="ThemeID[]" value="8" /> <label class="item__label" for="ThemeID_8"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Hotels in het centrum <span class="item__list-count filter-count">(17)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_28" type="checkbox" name="ThemeID[]" value="28" /> <label class="item__label" for="ThemeID_28"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Huisdiervriendelijke hotels <span class="item__list-count filter-count">(5)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_10" type="checkbox" name="ThemeID[]" value="10" /> <label class="item__label" for="ThemeID_10"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Uitzonderlijke designhotels <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_4" type="checkbox" name="ThemeID[]" value="4" /> <label class="item__label" for="ThemeID_4"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Boetiekhotels <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_6" type="checkbox" name="ThemeID[]" value="6" /> <label class="item__label" for="ThemeID_6"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Zakenhotels <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_11" type="checkbox" name="ThemeID[]" value="11" /> <label class="item__label" for="ThemeID_11"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Familievriendelijke hotels <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <fieldset class="item filters-popup__item filters-popup__item--name f-row search-by-name-filter"> <div class="item__wrapper item__wrapper--input"> <p class="item__title">Hotelnaam</p> <input class="item__input input-text s-query js-filter-by-name" value="" name="Name" placeholder="Hotel naam of merk"/> </div> </fieldset> </div> <div class="filters-popup__footer"> <div class="filters-popup__btn-action filters-popup__btn-action--cancel btn btn-outline js-filter-clear">Alles wissen</div> <div class="filters-popup__btn-action filters-popup__btn-action--submit btn btn-outline js-filter-submit">Filters gebruiken</div> </div> </div> </div> </form> <div class="filters-popup-bcg js-filter__bcg"></div> <div class="sunset__content"> <div class="new-container hotel-list-container"> <div class="js-hotellist-hotels hotel-list"> <ul class="hotels-list hotel-list__list" > <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="421318"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/6331/633117/633117999.JPEG" srcset="/data/Photos/450x450w/6331/633117/633117999.JPEG 1x, /data/Photos/700x500w/6331/633117/633117999.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12726/1272684/1272684895.JPEG" srcset="/data/Photos/450x450w/12726/1272684/1272684895.JPEG 1x, /data/Photos/700x500w/12726/1272684/1272684895.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11634/1163470/1163470863.JPEG" srcset="/data/Photos/450x450w/11634/1163470/1163470863.JPEG 1x, /data/Photos/700x500w/11634/1163470/1163470863.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11634/1163473/1163473443.JPEG" srcset="/data/Photos/450x450w/11634/1163473/1163473443.JPEG 1x, /data/Photos/700x500w/11634/1163473/1163473443.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11634/1163471/1163471778.JPEG" srcset="/data/Photos/450x450w/11634/1163471/1163471778.JPEG 1x, /data/Photos/700x500w/11634/1163471/1163471778.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6331/633108/633108285.JPEG" srcset="/data/Photos/450x450w/6331/633108/633108285.JPEG 1x, /data/Photos/700x500w/6331/633108/633108285.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://youth-hostel-bern.basel-hotels.net/nl/" target="_blank" class="item__title-link">Bern Youth Hostel</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 300 m van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQyMTMxOCZtaGxhdD00Ni45NDU3MjgmbWhsb25nPTcuNDQ1MDY=">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Uitstekende locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een uitstekende locatie. Het scoort 9.3 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">8.4</div> <div class="item__review-text">Uitstekend</div> <div class="item__review-count">(3137 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Het gelegen in Mattenhof-Weissenbühl wijk Bern Youth Hostel ligt op 13 minuten wandelen van Universiteit van Bern en beschikt over wifi in de hele accommodatie. Het hostel biedt privé…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly95b3V0aC1ob3N0ZWwtYmVybi5iYXNlbC1ob3RlbHMubmV0L25sLw=="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="411094"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/15712/1571295/1571295740.JPEG" srcset="/data/Photos/450x450w/15712/1571295/1571295740.JPEG 1x, /data/Photos/700x500w/15712/1571295/1571295740.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15415/1541528/1541528974.JPEG" srcset="/data/Photos/450x450w/15415/1541528/1541528974.JPEG 1x, /data/Photos/700x500w/15415/1541528/1541528974.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15415/1541529/1541529535.JPEG" srcset="/data/Photos/450x450w/15415/1541529/1541529535.JPEG 1x, /data/Photos/700x500w/15415/1541529/1541529535.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15415/1541529/1541529583.JPEG" srcset="/data/Photos/450x450w/15415/1541529/1541529583.JPEG 1x, /data/Photos/700x500w/15415/1541529/1541529583.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15415/1541529/1541529736.JPEG" srcset="/data/Photos/450x450w/15415/1541529/1541529736.JPEG 1x, /data/Photos/700x500w/15415/1541529/1541529736.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15415/1541529/1541529739.JPEG" srcset="/data/Photos/450x450w/15415/1541529/1541529739.JPEG 1x, /data/Photos/700x500w/15415/1541529/1541529739.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://youth-hostel-basel.basel-hotels.net/nl/" target="_blank" class="item__title-link">Basel Youth Hostel</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 800 m van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQxMTA5NCZtaGxhdD00Ny41NTQxNTU2NzAwMDExJm1obG9uZz03LjYwMTgxNzU0ODI3NDk5">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Uitstekende locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een uitstekende locatie. Het scoort 9.1 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">8.4</div> <div class="item__review-text">Uitstekend</div> <div class="item__review-count">(1915 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Het design 2-sterren Basel Youth Hostel biedt accommodatie met Wi-Fi in de hele accommodatie op ongeveer 18 minuten te voet van Johanniterbrücke. Dit gelegen in de Vorstädte wijk…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly95b3V0aC1ob3N0ZWwtYmFzZWwuYmFzZWwtaG90ZWxzLm5ldC9ubC8="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="3311031"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/10203/1020325/1020325549.JPEG" srcset="/data/Photos/450x450w/10203/1020325/1020325549.JPEG 1x, /data/Photos/700x500w/10203/1020325/1020325549.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10211/1021113/1021113094.JPEG" srcset="/data/Photos/450x450w/10211/1021113/1021113094.JPEG 1x, /data/Photos/700x500w/10211/1021113/1021113094.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9433/943366/943366735.JPEG" srcset="/data/Photos/450x450w/9433/943366/943366735.JPEG 1x, /data/Photos/700x500w/9433/943366/943366735.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9719/971998/971998672.JPEG" srcset="/data/Photos/450x450w/9719/971998/971998672.JPEG 1x, /data/Photos/700x500w/9719/971998/971998672.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9433/943366/943366618.JPEG" srcset="/data/Photos/450x450w/9433/943366/943366618.JPEG 1x, /data/Photos/700x500w/9433/943366/943366618.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9433/943366/943366513.JPEG" srcset="/data/Photos/450x450w/9433/943366/943366513.JPEG 1x, /data/Photos/700x500w/9433/943366/943366513.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hostel-77-bern.basel-hotels.net/nl/" target="_blank" class="item__title-link">Hostel 77 Bern</a> </p> <div class="item__distance"> <div class="item__distance-text"> 2.1 km van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTMzMTEwMzEmbWhsYXQ9NDYuOTMxNDgmbWhsb25nPTcuNDMzNDM=">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Schitterende locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een schitterende locatie. Het scoort 8.5 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">8.8</div> <div class="item__review-text">Uitstekend</div> <div class="item__review-count">(2037 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Hostel 77 Bern ligt op 25 minuten wandelen van de Klokkentoren en beschikt over draadloos internet in de kamers. Het hostel is op korte loopafstand van mercy gelegen en biedt…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWwtNzctYmVybi5iYXNlbC1ob3RlbHMubmV0L25sLw=="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="459538"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/11197/1119779/1119779082.JPEG" srcset="/data/Photos/450x450w/11197/1119779/1119779082.JPEG 1x, /data/Photos/700x500w/11197/1119779/1119779082.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16082/1608299/1608299889.JPEG" srcset="/data/Photos/450x450w/16082/1608299/1608299889.JPEG 1x, /data/Photos/700x500w/16082/1608299/1608299889.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15805/1580585/1580585441.JPEG" srcset="/data/Photos/450x450w/15805/1580585/1580585441.JPEG 1x, /data/Photos/700x500w/15805/1580585/1580585441.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16236/1623662/1623662259.JPEG" srcset="/data/Photos/450x450w/16236/1623662/1623662259.JPEG 1x, /data/Photos/700x500w/16236/1623662/1623662259.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/271/27158/27158558.JPEG" srcset="/data/Photos/450x450w/271/27158/27158558.JPEG 1x, /data/Photos/700x500w/271/27158/27158558.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15805/1580585/1580585479.JPEG" srcset="/data/Photos/450x450w/15805/1580585/1580585479.JPEG 1x, /data/Photos/700x500w/15805/1580585/1580585479.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://bern-backpackers-glocke.basel-hotels.net/nl/" target="_blank" class="item__title-link">Bern Backpackers Hotel Glocke</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 300 m van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQ1OTUzOCZtaGxhdD00Ni45NDg1NCZtaGxvbmc9Ny40NDgwNA==">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Uitzonderlijke locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een uitzonderlijke locatie. Het scoort 9.6 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">8.8</div> <div class="item__review-text">Uitstekend</div> <div class="item__review-count">(30 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Het gelegen in Old City of Bern wijk Bern Backpackers Hotel Glocke hostel ligt op maar 14 minuten lopen van de Bärengraben en beschikt over Wi-Fi in openbare gebieden.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9iZXJuLWJhY2twYWNrZXJzLWdsb2NrZS5iYXNlbC1ob3RlbHMubmV0L25sLw=="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="417638"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/10818/1081864/1081864606.JPEG" srcset="/data/Photos/450x450w/10818/1081864/1081864606.JPEG 1x, /data/Photos/700x500w/10818/1081864/1081864606.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15419/1541960/1541960938.JPEG" srcset="/data/Photos/450x450w/15419/1541960/1541960938.JPEG 1x, /data/Photos/700x500w/15419/1541960/1541960938.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15419/1541961/1541961103.JPEG" srcset="/data/Photos/450x450w/15419/1541961/1541961103.JPEG 1x, /data/Photos/700x500w/15419/1541961/1541961103.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15419/1541961/1541961364.JPEG" srcset="/data/Photos/450x450w/15419/1541961/1541961364.JPEG 1x, /data/Photos/700x500w/15419/1541961/1541961364.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15881/1588108/1588108164.JPEG" srcset="/data/Photos/450x450w/15881/1588108/1588108164.JPEG 1x, /data/Photos/700x500w/15881/1588108/1588108164.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15419/1541961/1541961832.JPEG" srcset="/data/Photos/450x450w/15419/1541961/1541961832.JPEG 1x, /data/Photos/700x500w/15419/1541961/1541961832.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://ymca-hostel.basel-hotels.net/nl/" target="_blank" class="item__title-link">Hostel By Hyve Basel</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 1.7 km van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQxNzYzOCZtaGxhdD00Ny41NDMyMzImbWhsb25nPTcuNTg1ODc1">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Uitstekende locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een uitstekende locatie. Het scoort 9.3 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">8.4</div> <div class="item__review-text">Uitstekend</div> <div class="item__review-count">(2659 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Het budget 2-sterren Hostel By Hyve Basel ligt op afstand van 3 km van het KannenFeld Park en biedt draadloos internet in de hele accommodatie en privé parkeergelegenheid.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly95bWNhLWhvc3RlbC5iYXNlbC1ob3RlbHMubmV0L25sLw=="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="318558"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/3228/322883/322883662.JPEG" srcset="/data/Photos/450x450w/3228/322883/322883662.JPEG 1x, /data/Photos/700x500w/3228/322883/322883662.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15996/1599646/1599646401.JPEG" srcset="/data/Photos/450x450w/15996/1599646/1599646401.JPEG 1x, /data/Photos/700x500w/15996/1599646/1599646401.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15996/1599646/1599646389.JPEG" srcset="/data/Photos/450x450w/15996/1599646/1599646389.JPEG 1x, /data/Photos/700x500w/15996/1599646/1599646389.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15996/1599646/1599646391.JPEG" srcset="/data/Photos/450x450w/15996/1599646/1599646391.JPEG 1x, /data/Photos/700x500w/15996/1599646/1599646391.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15996/1599646/1599646517.JPEG" srcset="/data/Photos/450x450w/15996/1599646/1599646517.JPEG 1x, /data/Photos/700x500w/15996/1599646/1599646517.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15528/1552885/1552885987.JPEG" srcset="/data/Photos/450x450w/15528/1552885/1552885987.JPEG 1x, /data/Photos/700x500w/15528/1552885/1552885987.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hotel-otter.basel-hotels.net/nl/" target="_blank" class="item__title-link">Oldtown Hostel Otter</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 400 m van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTMxODU1OCZtaGxhdD00Ny4zNjg1OCZtaGxvbmc9OC41NDU2NA==">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Uitzonderlijke locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een uitzonderlijke locatie. Het scoort 9.5 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">8</div> <div class="item__review-text">Goed</div> <div class="item__review-count">(1512 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Dit 3-sterren Oldtown Hostel Otter biedt een tassenopslag en is op circa 20 minuten lopen van Enge Swimming Area Bar gelegen.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3RlbC1vdHRlci5iYXNlbC1ob3RlbHMubmV0L25sLw=="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="279189"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/2677/267736/267736897.JPEG" srcset="/data/Photos/450x450w/2677/267736/267736897.JPEG 1x, /data/Photos/700x500w/2677/267736/267736897.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7619/761927/761927347.JPEG" srcset="/data/Photos/450x450w/7619/761927/761927347.JPEG 1x, /data/Photos/700x500w/7619/761927/761927347.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7619/761925/761925958.JPEG" srcset="/data/Photos/450x450w/7619/761925/761925958.JPEG 1x, /data/Photos/700x500w/7619/761925/761925958.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7619/761926/761926150.JPEG" srcset="/data/Photos/450x450w/7619/761926/761926150.JPEG 1x, /data/Photos/700x500w/7619/761926/761926150.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7619/761926/761926531.JPEG" srcset="/data/Photos/450x450w/7619/761926/761926531.JPEG 1x, /data/Photos/700x500w/7619/761926/761926531.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6331/633115/633115146.JPEG" srcset="/data/Photos/450x450w/6331/633115/633115146.JPEG 1x, /data/Photos/700x500w/6331/633115/633115146.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://basel-backpack.basel-hotels.net/nl/" target="_blank" class="item__title-link">Basel Backpack</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 1.8 km van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTI3OTE4OSZtaGxhdD00Ny41NDE3MiZtaGxvbmc9Ny41OTMxNQ==">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Schitterende locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een schitterende locatie. Het scoort 8.7 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">8.4</div> <div class="item__review-text">Uitstekend</div> <div class="item__review-count">(2770 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Het prettige Basel Backpack Hostel biedt accommodatie met Wi-Fi in de hele accommodatie op slechts 1 km van de Dierentuin van Basel. Het hostel is een minuut lopen van…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9iYXNlbC1iYWNrcGFjay5iYXNlbC1ob3RlbHMubmV0L25sLw=="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="8636863"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/10022/1002246/1002246660.JPEG" srcset="/data/Photos/450x450w/10022/1002246/1002246660.JPEG 1x, /data/Photos/700x500w/10022/1002246/1002246660.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9997/999754/999754710.JPEG" srcset="/data/Photos/450x450w/9997/999754/999754710.JPEG 1x, /data/Photos/700x500w/9997/999754/999754710.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9997/999754/999754680.JPEG" srcset="/data/Photos/450x450w/9997/999754/999754680.JPEG 1x, /data/Photos/700x500w/9997/999754/999754680.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9997/999756/999756540.JPEG" srcset="/data/Photos/450x450w/9997/999756/999756540.JPEG 1x, /data/Photos/700x500w/9997/999756/999756540.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9997/999756/999756819.JPEG" srcset="/data/Photos/450x450w/9997/999756/999756819.JPEG 1x, /data/Photos/700x500w/9997/999756/999756819.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10022/1002246/1002246381.JPEG" srcset="/data/Photos/450x450w/10022/1002246/1002246381.JPEG 1x, /data/Photos/700x500w/10022/1002246/1002246381.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://green-marmot-capsule-hotel-zurich.basel-hotels.net/nl/" target="_blank" class="item__title-link">Green Marmot Capsule Hotel Zürich</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 500 m van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg2MzY4NjMmbWhsYXQ9NDcuMzY5MDcmbWhsb25nPTguNTQ0MzI=">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Uitstekende locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een uitstekende locatie. Het scoort 9.3 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">8.8</div> <div class="item__review-text">Uitstekend</div> <div class="item__review-count">(38 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Het gelegen in Niederdorf wijk Green Marmot Capsule Hotel Zürich hostel ligt op maar 550 meter afstand van het Kunst Museum en biedt gasten de mogelijkheid om te ontspannen op…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ncmVlbi1tYXJtb3QtY2Fwc3VsZS1ob3RlbC16dXJpY2guYmFzZWwtaG90ZWxzLm5ldC9ubC8="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="8539450"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/15000/1500056/1500056791.JPEG" srcset="/data/Photos/450x450w/15000/1500056/1500056791.JPEG 1x, /data/Photos/700x500w/15000/1500056/1500056791.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15543/1554328/1554328915.JPEG" srcset="/data/Photos/450x450w/15543/1554328/1554328915.JPEG 1x, /data/Photos/700x500w/15543/1554328/1554328915.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15000/1500056/1500056767.JPEG" srcset="/data/Photos/450x450w/15000/1500056/1500056767.JPEG 1x, /data/Photos/700x500w/15000/1500056/1500056767.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15543/1554328/1554328912.JPEG" srcset="/data/Photos/450x450w/15543/1554328/1554328912.JPEG 1x, /data/Photos/700x500w/15543/1554328/1554328912.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15055/1505589/1505589160.JPEG" srcset="/data/Photos/450x450w/15055/1505589/1505589160.JPEG 1x, /data/Photos/700x500w/15055/1505589/1505589160.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15000/1500056/1500056611.JPEG" srcset="/data/Photos/450x450w/15000/1500056/1500056611.JPEG 1x, /data/Photos/700x500w/15000/1500056/1500056611.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://silo-soulfood-hostel-meetings.basel-hotels.net/nl/" target="_blank" class="item__title-link">Silo Design & Boutique Hostel Basel</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 1.8 km van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg1Mzk0NTAmbWhsYXQ9NDcuNTcxMTEmbWhsb25nPTcuNjAyOTc=">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Schitterende locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een schitterende locatie. Het scoort 8.1 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">8.8</div> <div class="item__review-text">Uitstekend</div> <div class="item__review-count">(1142 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Dit 2-sterren Silo Design & Boutique Hostel Basel biedt een tassenopslag voor gasten en ligt op maar 5 minuten lopen van Baleo Erlenmatt. Dit hostel heeft een wasserij en huishouden…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9zaWxvLXNvdWxmb29kLWhvc3RlbC1tZWV0aW5ncy5iYXNlbC1ob3RlbHMubmV0L25sLw=="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="8693092"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/16279/1627970/1627970401.JPEG" srcset="/data/Photos/450x450w/16279/1627970/1627970401.JPEG 1x, /data/Photos/700x500w/16279/1627970/1627970401.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16148/1614828/1614828869.JPEG" srcset="/data/Photos/450x450w/16148/1614828/1614828869.JPEG 1x, /data/Photos/700x500w/16148/1614828/1614828869.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16148/1614828/1614828865.JPEG" srcset="/data/Photos/450x450w/16148/1614828/1614828865.JPEG 1x, /data/Photos/700x500w/16148/1614828/1614828865.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16148/1614828/1614828850.JPEG" srcset="/data/Photos/450x450w/16148/1614828/1614828850.JPEG 1x, /data/Photos/700x500w/16148/1614828/1614828850.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16279/1627970/1627970399.JPEG" srcset="/data/Photos/450x450w/16279/1627970/1627970399.JPEG 1x, /data/Photos/700x500w/16279/1627970/1627970399.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16148/1614828/1614828937.JPEG" srcset="/data/Photos/450x450w/16148/1614828/1614828937.JPEG 1x, /data/Photos/700x500w/16148/1614828/1614828937.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://friendly-hostel-zurich.basel-hotels.net/nl/" target="_blank" class="item__title-link">Friendly Hostel Zuerich</a> </p> <div class="item__distance"> <div class="item__distance-text"> 700 m van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg2OTMwOTImbWhsYXQ9NDcuMzcxNjUmbWhsb25nPTguNTQxMjg=">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Uitstekende locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een uitstekende locatie. Het scoort 9.4 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">7.8</div> <div class="item__review-text">Goed</div> <div class="item__review-count">(2716 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Friendly Hostel Zurich ligt binnen slechts 5 minuten wandelen van het Urania Observatorium en biedt een terras waar gasten kunnen ontspannen. Het hostel biedt een bagagedepot en is een paar…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9mcmllbmRseS1ob3N0ZWwtenVyaWNoLmJhc2VsLWhvdGVscy5uZXQvbmwv"> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="12489970"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/15001/1500186/1500186589.JPEG" srcset="/data/Photos/450x450w/15001/1500186/1500186589.JPEG 1x, /data/Photos/700x500w/15001/1500186/1500186589.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11574/1157438/1157438037.JPEG" srcset="/data/Photos/450x450w/11574/1157438/1157438037.JPEG 1x, /data/Photos/700x500w/11574/1157438/1157438037.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15001/1500186/1500186706.JPEG" srcset="/data/Photos/450x450w/15001/1500186/1500186706.JPEG 1x, /data/Photos/700x500w/15001/1500186/1500186706.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11574/1157434/1157434632.JPEG" srcset="/data/Photos/450x450w/11574/1157434/1157434632.JPEG 1x, /data/Photos/700x500w/11574/1157434/1157434632.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11533/1153311/1153311210.JPEG" srcset="/data/Photos/450x450w/11533/1153311/1153311210.JPEG 1x, /data/Photos/700x500w/11533/1153311/1153311210.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15001/1500186/1500186733.JPEG" srcset="/data/Photos/450x450w/15001/1500186/1500186733.JPEG 1x, /data/Photos/700x500w/15001/1500186/1500186733.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://viktoria-budget-hostel.basel-hotels.net/nl/" target="_blank" class="item__title-link">Viktoria Budget Hostel</a> </p> <div class="item__distance"> <div class="item__distance-text"> 3.9 km van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTEyNDg5OTcwJm1obGF0PTQ3LjM5OTg1Jm1obG9uZz04LjUwMTI0">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Erg goede locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een erg goede locatie. Het scoort 7.5 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">7.8</div> <div class="item__review-text">Goed</div> <div class="item__review-count">(1491 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Het gelegen in Höngg wijk Viktoria Budget Hostel biedt 18 kamers die zijn voorzien van een zitruimte en een TV, samen met een magnetron, een waterkoker en een koelkast.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly92aWt0b3JpYS1idWRnZXQtaG9zdGVsLmJhc2VsLWhvdGVscy5uZXQvbmwv"> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="19759157"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/14700/1470067/1470067196.JPEG" srcset="/data/Photos/450x450w/14700/1470067/1470067196.JPEG 1x, /data/Photos/700x500w/14700/1470067/1470067196.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14696/1469662/1469662799.JPEG" srcset="/data/Photos/450x450w/14696/1469662/1469662799.JPEG 1x, /data/Photos/700x500w/14696/1469662/1469662799.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14696/1469665/1469665034.JPEG" srcset="/data/Photos/450x450w/14696/1469665/1469665034.JPEG 1x, /data/Photos/700x500w/14696/1469665/1469665034.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14698/1469871/1469871632.JPEG" srcset="/data/Photos/450x450w/14698/1469871/1469871632.JPEG 1x, /data/Photos/700x500w/14698/1469871/1469871632.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14700/1470063/1470063383.JPEG" srcset="/data/Photos/450x450w/14700/1470063/1470063383.JPEG 1x, /data/Photos/700x500w/14700/1470063/1470063383.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14700/1470066/1470066674.JPEG" srcset="/data/Photos/450x450w/14700/1470066/1470066674.JPEG 1x, /data/Photos/700x500w/14700/1470066/1470066674.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hostel-stay2night-city-center.basel-hotels.net/nl/" target="_blank" class="item__title-link">Stay2Night City Center Hostel</a> </p> <div class="item__distance"> <div class="item__distance-text"> 1.1 km van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTE5NzU5MTU3Jm1obGF0PTQ3LjM3Nzk2Jm1obG9uZz04LjUyNjE2">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Aangename locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een aangename locatie. Het scoort 6.4 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">4.8</div> <div class="item__review-text">Gemiddeld</div> <div class="item__review-count">(1332 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Het gelegen in Aussersihl wijk Stay2Night City Center Hostel ligt vlak bij Drugstore Zurich GmbH en heeft een terras. Het hostel biedt een bagagedepot en is binnen 25 minuten wandelafstand…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWwtc3RheTJuaWdodC1jaXR5LWNlbnRlci5iYXNlbC1ob3RlbHMubmV0L25sLw=="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="23271622"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/16355/1635533/1635533628.JPEG" srcset="/data/Photos/450x450w/16355/1635533/1635533628.JPEG 1x, /data/Photos/700x500w/16355/1635533/1635533628.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16358/1635820/1635820492.JPEG" srcset="/data/Photos/450x450w/16358/1635820/1635820492.JPEG 1x, /data/Photos/700x500w/16358/1635820/1635820492.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16358/1635820/1635820494.JPEG" srcset="/data/Photos/450x450w/16358/1635820/1635820494.JPEG 1x, /data/Photos/700x500w/16358/1635820/1635820494.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16358/1635820/1635820493.JPEG" srcset="/data/Photos/450x450w/16358/1635820/1635820493.JPEG 1x, /data/Photos/700x500w/16358/1635820/1635820493.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16358/1635820/1635820497.JPEG" srcset="/data/Photos/450x450w/16358/1635820/1635820497.JPEG 1x, /data/Photos/700x500w/16358/1635820/1635820497.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16355/1635533/1635533594.JPEG" srcset="/data/Photos/450x450w/16355/1635533/1635533594.JPEG 1x, /data/Photos/700x500w/16355/1635533/1635533594.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hostel-anita.basel-hotels.net/nl/" target="_blank" class="item__title-link">Anita Hostel</a> </p> <div class="item__distance"> <div class="item__distance-text"> 400 m van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTIzMjcxNjIyJm1obGF0PTQ3LjM2ODIzJm1obG9uZz04LjU0NTM5">Kaart weergeven</div> </div> <div class="item__review"> <div class="item__review-number">8</div> <div class="item__review-text">Goed</div> <div class="item__review-count">(2 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Anita Hostel Zürich beschikt over Wi-Fi en ligt binnen 9 minuten lopen van Bellevue-Platz. De nabijgelegen sportattracties zijn onder andere voetbalstadion Letzigrund, op 3 km afstand.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWwtYW5pdGEuYmFzZWwtaG90ZWxzLm5ldC9ubC8="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="20276292"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/15870/1587038/1587038343.JPEG" srcset="/data/Photos/450x450w/15870/1587038/1587038343.JPEG 1x, /data/Photos/700x500w/15870/1587038/1587038343.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15870/1587038/1587038318.JPEG" srcset="/data/Photos/450x450w/15870/1587038/1587038318.JPEG 1x, /data/Photos/700x500w/15870/1587038/1587038318.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15870/1587041/1587041078.JPEG" srcset="/data/Photos/450x450w/15870/1587041/1587041078.JPEG 1x, /data/Photos/700x500w/15870/1587041/1587041078.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14866/1486602/1486602133.JPEG" srcset="/data/Photos/450x450w/14866/1486602/1486602133.JPEG 1x, /data/Photos/700x500w/14866/1486602/1486602133.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14866/1486604/1486604848.JPEG" srcset="/data/Photos/450x450w/14866/1486604/1486604848.JPEG 1x, /data/Photos/700x500w/14866/1486604/1486604848.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14866/1486635/1486635763.JPEG" srcset="/data/Photos/450x450w/14866/1486635/1486635763.JPEG 1x, /data/Photos/700x500w/14866/1486635/1486635763.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://basel-stadt-gundeldingen-4053.basel-hotels.net/nl/" target="_blank" class="item__title-link">Basel-Stadt Gundeldingen Zimmer 404,</a> </p> <div class="item__distance"> <div class="item__distance-text"> 1.8 km van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTIwMjc2MjkyJm1obGF0PTQ3LjU0MTQ0Jm1obG9uZz03LjU4OTQy">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Uitzonderlijke locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een uitzonderlijke locatie. Het scoort 10 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">7.6</div> <div class="item__review-text">Goed</div> <div class="item__review-count">(16 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">De kamers van Basel-Stadt Gundeldingen Zimmer 404, Hostel kijken uit over de straat en zijn voorzien van koffie- en theevoorzieningen, een bureau, evenals badkamers met een apart toilet en…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9iYXNlbC1zdGFkdC1ndW5kZWxkaW5nZW4tNDA1My5iYXNlbC1ob3RlbHMubmV0L25sLw=="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="20276298"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/14866/1486632/1486632913.JPEG" srcset="/data/Photos/450x450w/14866/1486632/1486632913.JPEG 1x, /data/Photos/700x500w/14866/1486632/1486632913.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14866/1486600/1486600126.JPEG" srcset="/data/Photos/450x450w/14866/1486600/1486600126.JPEG 1x, /data/Photos/700x500w/14866/1486600/1486600126.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14865/1486594/1486594597.JPEG" srcset="/data/Photos/450x450w/14865/1486594/1486594597.JPEG 1x, /data/Photos/700x500w/14865/1486594/1486594597.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14866/1486600/1486600120.JPEG" srcset="/data/Photos/450x450w/14866/1486600/1486600120.JPEG 1x, /data/Photos/700x500w/14866/1486600/1486600120.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14866/1486627/1486627843.JPEG" srcset="/data/Photos/450x450w/14866/1486627/1486627843.JPEG 1x, /data/Photos/700x500w/14866/1486627/1486627843.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14866/1486632/1486632940.JPEG" srcset="/data/Photos/450x450w/14866/1486632/1486632940.JPEG 1x, /data/Photos/700x500w/14866/1486632/1486632940.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://basel-stadt-gundeldingen-1.basel-hotels.net/nl/" target="_blank" class="item__title-link">Basel-Stadt Gundeldingen Zimmer 402, Wc In The Hallway, Outside The Room</a> </p> <div class="item__distance"> <div class="item__distance-text"> 1.8 km van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTIwMjc2Mjk4Jm1obGF0PTQ3LjU0MTQ0Jm1obG9uZz03LjU4OTQy">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Uitstekende locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een uitstekende locatie. Het scoort 9 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">7.6</div> <div class="item__review-text">Goed</div> <div class="item__review-count">(15 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Basel-Stadt Gundeldingen Zimmer 402, Wc In The Hallway, Outside The Room hostel biedt accommodatie met draadloos internet in de hele accommodatie op ongeveer 10 minuten met de auto van…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9iYXNlbC1zdGFkdC1ndW5kZWxkaW5nZW4tMS5iYXNlbC1ob3RlbHMubmV0L25sLw=="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="20276307"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/14865/1486593/1486593451.JPEG" srcset="/data/Photos/450x450w/14865/1486593/1486593451.JPEG 1x, /data/Photos/700x500w/14865/1486593/1486593451.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14866/1486631/1486631695.JPEG" srcset="/data/Photos/450x450w/14866/1486631/1486631695.JPEG 1x, /data/Photos/700x500w/14866/1486631/1486631695.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14866/1486626/1486626979.JPEG" srcset="/data/Photos/450x450w/14866/1486626/1486626979.JPEG 1x, /data/Photos/700x500w/14866/1486626/1486626979.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14866/1486626/1486626985.JPEG" srcset="/data/Photos/450x450w/14866/1486626/1486626985.JPEG 1x, /data/Photos/700x500w/14866/1486626/1486626985.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14865/1486593/1486593562.JPEG" srcset="/data/Photos/450x450w/14865/1486593/1486593562.JPEG 1x, /data/Photos/700x500w/14865/1486593/1486593562.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14866/1486631/1486631692.JPEG" srcset="/data/Photos/450x450w/14866/1486631/1486631692.JPEG 1x, /data/Photos/700x500w/14866/1486631/1486631692.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://basel-stadt-gundeldingen-2.basel-hotels.net/nl/" target="_blank" class="item__title-link">Basel-Stadt Gundeldingen Zimmer 403, Wc In The Hallway, Outside The Room</a> </p> <div class="item__distance"> <div class="item__distance-text"> 1.8 km van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTIwMjc2MzA3Jm1obGF0PTQ3LjU0MTQ0Jm1obG9uZz03LjU4OTQy">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Schitterende locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een schitterende locatie. Het scoort 8.2 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">7.6</div> <div class="item__review-text">Goed</div> <div class="item__review-count">(57 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Basel-Stadt Gundeldingen Zimmer 403, Wc In The Hallway, Outside The Room hostel ligt op 25 minuten loopafstand van de Dierentuin van Basel en beschikt over draadloos internet in de…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9iYXNlbC1zdGFkdC1ndW5kZWxkaW5nZW4tMi5iYXNlbC1ob3RlbHMubmV0L25sLw=="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="3825885"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/6366/636676/636676263.JPEG" srcset="/data/Photos/450x450w/6366/636676/636676263.JPEG 1x, /data/Photos/700x500w/6366/636676/636676263.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15566/1556689/1556689768.JPEG" srcset="/data/Photos/450x450w/15566/1556689/1556689768.JPEG 1x, /data/Photos/700x500w/15566/1556689/1556689768.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15566/1556689/1556689816.JPEG" srcset="/data/Photos/450x450w/15566/1556689/1556689816.JPEG 1x, /data/Photos/700x500w/15566/1556689/1556689816.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15566/1556691/1556691136.JPEG" srcset="/data/Photos/450x450w/15566/1556691/1556691136.JPEG 1x, /data/Photos/700x500w/15566/1556691/1556691136.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15566/1556691/1556691229.JPEG" srcset="/data/Photos/450x450w/15566/1556691/1556691229.JPEG 1x, /data/Photos/700x500w/15566/1556691/1556691229.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15566/1556691/1556691724.JPEG" srcset="/data/Photos/450x450w/15566/1556691/1556691724.JPEG 1x, /data/Photos/700x500w/15566/1556691/1556691724.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hostel-airport.basel-hotels.net/nl/" target="_blank" class="item__title-link">Hostel Airport</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 1.3 km van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTM4MjU4ODUmbWhsYXQ9NDcuNDgwMDgmbWhsb25nPTguNTA0MzE=">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Aangename locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een aangename locatie. Het scoort 5.8 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> <div class="item__review"> <div class="item__review-number">3.6</div> <div class="item__review-text">Aanvaardbaar</div> <div class="item__review-count">(51 beoordelingen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Dit 2-sterren Hostel Airport ligt binnen 15 minuten rjden van Glatt en biedt draadloos internet in de kamers en privé parkeergelegenheid.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWwtYWlycG9ydC5iYXNlbC1ob3RlbHMubmV0L25sLw=="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="5365681"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/15861/1586179/1586179823.JPEG" srcset="/data/Photos/450x450w/15861/1586179/1586179823.JPEG 1x, /data/Photos/700x500w/15861/1586179/1586179823.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15861/1586179/1586179840.JPEG" srcset="/data/Photos/450x450w/15861/1586179/1586179840.JPEG 1x, /data/Photos/700x500w/15861/1586179/1586179840.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15861/1586179/1586179817.JPEG" srcset="/data/Photos/450x450w/15861/1586179/1586179817.JPEG 1x, /data/Photos/700x500w/15861/1586179/1586179817.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15861/1586179/1586179894.JPEG" srcset="/data/Photos/450x450w/15861/1586179/1586179894.JPEG 1x, /data/Photos/700x500w/15861/1586179/1586179894.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15861/1586179/1586179839.JPEG" srcset="/data/Photos/450x450w/15861/1586179/1586179839.JPEG 1x, /data/Photos/700x500w/15861/1586179/1586179839.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15861/1586179/1586179831.JPEG" srcset="/data/Photos/450x450w/15861/1586179/1586179831.JPEG 1x, /data/Photos/700x500w/15861/1586179/1586179831.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://in-the-heart-of-zurich-pedestrian-area-close-to-central.basel-hotels.net/nl/" target="_blank" class="item__title-link">City Backpacker Biber Zurich</a> </p> <div class="item__distance"> <div class="item__distance-text"> 500 m van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTUzNjU2ODEmbWhsYXQ9NDcuMzc0NiZtaGxvbmc9OC41NDM4Mw==">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Erg goede locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een erg goede locatie. Het scoort 7 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Het gelegen in Niederdorf wijk In The Heart Of Zurich - Pedestrian Area - Close To Central, Main Train Station And Riverside Hostel biedt een reeks faciliteiten zoals een bank, koffie- en…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9pbi10aGUtaGVhcnQtb2YtenVyaWNoLXBlZGVzdHJpYW4tYXJlYS1jbG9zZS10by1jZW50cmFsLmJhc2VsLWhvdGVscy5uZXQvbmwv"> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="8374075"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/11022/1102286/1102286013.JPEG" srcset="/data/Photos/450x450w/11022/1102286/1102286013.JPEG 1x, /data/Photos/700x500w/11022/1102286/1102286013.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11023/1102313/1102313217.JPEG" srcset="/data/Photos/450x450w/11023/1102313/1102313217.JPEG 1x, /data/Photos/700x500w/11023/1102313/1102313217.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11023/1102317/1102317552.JPEG" srcset="/data/Photos/450x450w/11023/1102317/1102317552.JPEG 1x, /data/Photos/700x500w/11023/1102317/1102317552.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9723/972309/972309673.JPEG" srcset="/data/Photos/450x450w/9723/972309/972309673.JPEG 1x, /data/Photos/700x500w/9723/972309/972309673.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11022/1102284/1102284882.JPEG" srcset="/data/Photos/450x450w/11022/1102284/1102284882.JPEG 1x, /data/Photos/700x500w/11022/1102284/1102284882.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://simple-by-hotel-du-commerce.basel-hotels.net/nl/" target="_blank" class="item__title-link">Simple By Hotel Du Commerce</a> </p> <div class="item__distance"> <div class="item__distance-text"> 1 km van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTgzNzQwNzUmbWhsYXQ9NDcuNTY1MjQmbWhsb25nPTcuNTk4MDI=">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Uitzonderlijke locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een uitzonderlijke locatie. Het scoort 10 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Het gelegen in Clara wijk Simple By Hotel Du Commerce hostel ligt binnen 4 km van Stichting Beyeler en biedt Wi-Fi in de hele accommodatie en parkeerplaatsen.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9zaW1wbGUtYnktaG90ZWwtZHUtY29tbWVyY2UuYmFzZWwtaG90ZWxzLm5ldC9ubC8="> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="5637217"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/7706/770623/770623459.JPEG" srcset="/data/Photos/450x450w/7706/770623/770623459.JPEG 1x, /data/Photos/700x500w/7706/770623/770623459.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7708/770835/770835727.JPEG" srcset="/data/Photos/450x450w/7708/770835/770835727.JPEG 1x, /data/Photos/700x500w/7708/770835/770835727.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7708/770835/770835856.JPEG" srcset="/data/Photos/450x450w/7708/770835/770835856.JPEG 1x, /data/Photos/700x500w/7708/770835/770835856.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7708/770835/770835991.JPEG" srcset="/data/Photos/450x450w/7708/770835/770835991.JPEG 1x, /data/Photos/700x500w/7708/770835/770835991.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7708/770836/770836783.JPEG" srcset="/data/Photos/450x450w/7708/770836/770836783.JPEG 1x, /data/Photos/700x500w/7708/770836/770836783.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7708/770836/770836849.JPEG" srcset="/data/Photos/450x450w/7708/770836/770836849.JPEG 1x, /data/Photos/700x500w/7708/770836/770836849.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hostel-budget-youth.basel-hotels.net/nl/" target="_blank" class="item__title-link">Budget Youth Hostel</a> </p> <div class="item__distance"> <div class="item__distance-text"> 3.1 km van het stadscentrum </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTU2MzcyMTcmbWhsYXQ9NDcuMzk5ODYmbWhsb25nPTguNTAxMjQ=">Kaart weergeven</div> </div> <div class="item__grade"> <span class="item__grade-text"> Aangename locatie </span> <div class="item__grade-details">Deze accommodatie ligt op een aangename locatie. Het scoort 6.7 op 10 voor de locatie volgens de beoordelingen van de bezoekers. Het moet een handige plek zijn om te verblijven!</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Het gelegen in Höngg wijk Budget Youth Hostel ligt ongeveer 1 km van het Museum of Design en beschikt over wifi in de hele accommodatie.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWwtYnVkZ2V0LXlvdXRoLmJhc2VsLWhvdGVscy5uZXQvbmwv"> Hotel bekijken <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> </ul> <ul class="pagination navigation js-navigation"> <li class="pagination__item last"> <span class="pagination__link pagination__link--active">1</span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="js-no-hotels-available no-hotels-available "> </div> </div> </div> <div id="splash" class="js-avail-progress" style="display: none"> <div class="progressbar"> <div class="progressbar__title">Beschikbare hotels aan het checken</div> <div class="progressbar__text">Hotels aan het zoeken…</div> <div class="progressbar__animation"> <div id="ballsWaveG"> <div id="ballsWaveG_1" class="ballsWaveG"></div> <div id="ballsWaveG_2" class="ballsWaveG"></div> <div id="ballsWaveG_3" class="ballsWaveG"></div> <div id="ballsWaveG_4" class="ballsWaveG"></div> <div id="ballsWaveG_5" class="ballsWaveG"></div> <div id="ballsWaveG_6" class="ballsWaveG"></div> <div id="ballsWaveG_7" class="ballsWaveG"></div> <div id="ballsWaveG_8" class="ballsWaveG"></div> </div> </div> <div class="progressbar__count count">0</div> <p class="progressbar__text results">resultaten tot nu toe</p> </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'>We gebruiken cookies om ervoor te zorgen dat we u de beste ervaring op onze website geven. Als u doorgaat met het gebruiken van deze site, gaan we er vanuit dat u hiermee instemt.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>OKE</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>NEE</div> </div> </div> </div> </div> <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">Nog andere informatie nodig?</div> <p class="widget__subtitle">Zeg ons wat we kunnen toevoegen</p> </div> </div> <form class="feedback__form js-feedback-form"> <textarea name="message" class="feedback__textarea js-feedback-textarea" placeholder="Gelieve hier te typen" required></textarea> <input type="text" name="f_message2" value=""> <button class="feedback__btn" type="submit">Verzenden</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">Bedankt voor uw feedback</div> <div class="thanks-modal__title js-thanks-modal-title" data-title="subscribe">Bedankt voor de aanmelding</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">Sluiten</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> accommodatie types <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.basel-hotels.net/nl/type/hotels-12/">Hotels in Bazel</a> <a class="footer-extra-offers-list__link" href="https://www.basel-hotels.net/nl/type/apartments-3/">Appartementen in Bazel</a> <a class="footer-extra-offers-list__link" href="https://www.basel-hotels.net/nl/type/aparthotels-2/">Aparthotels in Bazel</a> <a class="footer-extra-offers-list__link" href="https://www.basel-hotels.net/nl/type/hostels-11/">Hostels in Bazel</a> <a class="footer-extra-offers-list__link" href="https://www.basel-hotels.net/nl/type/guest-houses-10/">Gasthuizen in Bazel</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> beoordelingen <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.basel-hotels.net/nl/5-stars/">5 sterren hotels in Bazel</a> <a class="footer-extra-offers-list__link" href="https://www.basel-hotels.net/nl/4-stars/">4 sterren hotels in Bazel</a> <a class="footer-extra-offers-list__link" href="https://www.basel-hotels.net/nl/3-stars/">3 sterren hotels in Bazel</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> top 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://novotel-basel-city.basel-hotels.net/nl/">Novotel Basel City</a> <a class="footer-extra-offers-list__link" href="https://ramada-plaza.basel-hotels.net/nl/">Hyperion Hotel Basel</a> <a class="footer-extra-offers-list__link" href="https://citizenm-zurich.basel-hotels.net/nl/">Citizenm Zuerich</a> <a class="footer-extra-offers-list__link" href="https://swissotel-zurich.basel-hotels.net/nl/">Nôtel Self Check-in&Pop-up Hotel</a> <a class="footer-extra-offers-list__link" href="https://ibis-budget-basel-city.basel-hotels.net/nl/">ibis budget Basel City</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> Bedrijf <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="L25sL2Fib3V0LXVzLw==">Over ons</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L25sL291ci12YWx1ZXMv">Onze waarden</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L25sL3doeS1ib29rLXdpdGgtdXMv">Waarom met ons boeken?</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L25sL3BhcnRuZXJzaGlwLw==">Samenwerking</span> </li> </ul> </div> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> Voor reizigers <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="L25sL3VzZWZ1bC10aXBzLw==">Nuttige tips</span> </li> <li class="footer__list-item"> <span class="footer__list-link">Reservering voor groepen</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L25sL3N1cHBvcnQv">Klantenservice</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L25sL2ZhcS8=">Veelgestelde vragen</span> </li> </ul> </div> </div> <div class="footer__subscribe"> <form action="#main" class="form footer__subscribe-form js-footer-subscribe"> <p class="footer__title">Abonneer u op onze nieuwsbrief</p> <label class="form__label" for="email"> <input class="form__input" id="email" name="email" type="email" value="" placeholder="Uw e-mail" required> <button class="form__submit" type="submit">Abonneren</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">Nog andere informatie nodig?</div> <p class="widget__subtitle"> <span class="widget__subtitle-text">Zeg ons wat we kunnen toevoegen</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">Breedste keuze van unieke plekken</p> </div> <div class="footer__service-list"> <span class="footer__service-link js-link js-link-new" data-internal="L25sL3ByaXZhY3kv">Privacyverklaring</span> <span class="footer__service-link js-link js-link-new" data-internal="L25sL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Algemene voorwaarden</span> <span class="footer__service-link js-link js-link-new" data-internal="L25sL2NvcHlyaWdodC8=">Copyrightbeleid</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 © basel-hotels.net. 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: 'basel-hotels.net', page: 'hotel_list', type: 'destination', lang_id: '6', lang: 'nl', day: '26', month: '01', year: '2025', id: '3069152592', track: '0f10nX11dQv05O8m', currency: {"ID":"1","CurrencyID":"1","LangID":"6","Name":"US dollar","ExchangeRate":"1","Code":"USD","Symbol":"US$","FilterSymbol":"US$","ShowInFilter":"1","Prices":"0-100|100-200|200-300|300-","Priority":"360","SyncDate":"2018-08-21 10:00:00","URL":"\/type\/hostels-11\/?currency=1"}, tob: false , sdom: 'https://www.basel-hotels.net', sid: '116642', nid: '28', curr: 'US$', curr_rate: '1', obj_id: '18820', c_id: 18820, theme: '9001', map_params: { provider: '2', key: '' , lat: '47.557598', long: '7.59099' }, av_params: { multiBookRoomsInfo: '[{"adults":2,"children":[]}]', use: '0', from: '2025-01-27', to: '2025-01-28', adults: '2', children: '0', childrenTitle: 'Leeftijd van de kinderen:' }, messages: { f_name: 'Voer uw naam in', f_email: 'Voer een geldig e-mailadres in', f_subject: 'Selecteer onderwerp', f_message: 'Voer de tekst in', f_review: 'Gelieve tekst in te voeren', f_review_cons: 'Gelieve tekst in te voeren', f_month: 'Kies een maand', f_year: 'Kies een jaar', f_rating: 'Geef een beoordeling aan deze accommodatie', f_calendar:'Voer uw datums in en bekijk onze speciale aanbiedingen', // TODO: Uncomment when vocab will be translated } , k: 'p0fzb996b', v: '760a34a3277844bce15b2352da50a680' }; travel.data = { } travel.opts.device = 3 </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'hotel_list', frontPage:'category', typeObject:'destination', currencyId:'1', languageId:'6', language:'nl', isRtl: false , currentDay:'26', currentMonth:'01', currentYear:'2025', logId: '3069152592', track: '0f10nX11dQv05O8m', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.basel-hotels.net', siteId:'116642', nid:'28', siteDomain: 'basel-hotels.net', isCountriesLanguages: false , tob: false , currency:'US$', currencyRate:'1', objectId:'18820', hotelTheme:'9001', clickTrip: { destinationType: "city", cityId: "-2551183", subAccount: "dest-clicktrip-n28-260125-s116642-w0f10nX11dQv05O8m-d9001-dc3" }, cityID: 18820, cityLocalName: "Basel", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'47.557598' ,hotelLongitude:'7.59099' ,cityCenterLatitude: '47557421' ,cityCenterLongitude: '7592573' }, availableParams: { use:'0', dataFrom:'2025-01-27', dataTo:'2025-01-28', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'Vul alstublieft je naam in', messageEmail:'Vul alstublieft een geldig e-mailadres in', messageSubject:'Selecteer onderwerp', messageMessage:'Voer een bericht in', messageReview:'Gelieve tekst in te voeren', messageReviewCons:'Gelieve tekst in te voeren', messageMonth:'Kies maand', messageYear:'Kies jaar', messageRating:'Beoordeel aub de accommodatie', messageCountry:'Kies een land', next:'Verder', prev:'Terug', messageCalendar:'Voer uw datums in en bekijk onze speciale aanbiedingen' }, stopSpamKey:'p0fzb996b', stopSpamValue:'760a34a3277844bce15b2352da50a680', }; </script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["setCookieDomain", "*.basel-hotels.net"]); _paq.push(["setDomains", ["*.basel-hotels.net"]]); _paq.push(['enableLinkTracking']); _paq.push(['setTrackerUrl', '/piwik.php']); _paq.push(['setSiteId', 116642]); _paq.push(['setCustomVariable', 1, 'btest', '0', 'visit']); _paq.push(['setCustomVariable', 1, 'language', 'nl', 'page']); _paq.push(['trackPageView']); </script> <script async src="/piwik.js"></script> <noscript><p><img src="/piwik.php?idsite=116642" style="border:0;" alt="" /></p></noscript> <script defer type="module" src="/new/designs/90/build/destination-vendors/script.59831ce87fd39b935a30eaaf1a999d05.js"></script> <script defer type="module" src="/new/designs/90/build/destination/script.59831ce87fd39b935a30eaaf1a999d05.js"></script> <script nomodule src="/new/designs/90/build/destination-vendors/script-es5.85103111cef8184eeac58b18b61c23f5.js"></script> <script nomodule src="/new/designs/90/build/destination/script-es5.85103111cef8184eeac58b18b61c23f5.js"></script> </body> </html>