CINXE.COM

<!DOCTYPE html> <html xml:lang="de" lang="de" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Villen in Köln</title> <meta name="keywords" content="Villen in Köln, Villen in Köln, Villen in Köln, Villa in Köln, Villa in Köln, Villa in Köln" /> <meta name="description" content="Wählen Sie aus 10 Villen in Köln, Deutschland. Buchen Sie eine Villa in Köln, Deutschland, zu besten Preisen." /> <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/116432.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}.h8613985ec4-og-filters{position:relative}.h8613985ec4-og-filters__head-title{font-weight:500;font-size:24px;line-height:1.3;font-family:Roboto,sans-serif;max-width:calc(100% - 120px);margin-bottom:30px;color:#222}@media only screen and (max-width:1024px){.h8613985ec4-og-filters__head-title{max-width:100%}}.h8613985ec4-og-filters__list{display:flex;flex-wrap:wrap;gap:4px}.h8613985ec4-og-filters__btn{font-weight:700;font-size:14px;line-height:1.5;font-family:Roboto,sans-serif;position:absolute;top:0;right:0;max-width:120px;padding:6px;border:none;outline:none;background-color:transparent;color:#f68059;text-decoration:underline;cursor:pointer}@media only screen and (max-width:1024px){.h8613985ec4-og-filters__btn{position:static;max-width:unset}}.h8613985ec4-og-filters__btn.disable{pointer-events:none}.h8613985ec4-og-filters__items{display:flex;flex-wrap:wrap;gap:4px}.h8613985ec4-og-filters__item{font-weight:400;font-size:16px;line-height:1.5;font-family:Roboto,sans-serif;display:flex;align-items:center;justify-content:center;width:fit-content;height:34px;padding:5px 12px;gap:8px;border:1px solid #d1d1d1;border-radius:2px;cursor:pointer}.h8613985ec4-og-filters__item:hover{border-color:#fee5d6;background:#fee5d6}.h8613985ec4-og-filters__item:hover .h8613985ec4-og-filters__item-text{color:#f68059}.h8613985ec4-og-filters__item.active{border-color:#fee5d6;background:#fee5d6}.h8613985ec4-og-filters__item.active .h8613985ec4-og-filters__item-text{color:#f68059}.h8613985ec4-og-filters__item.active .h8613985ec4-og-filters__item-icon{display:block}.h8613985ec4-og-filters__item.disable{pointer-events:none}.h8613985ec4-og-filters__item.disable .h8613985ec4-og-filters__item-text{color:#999}.h8613985ec4-og-filters__item-text{color:#222;text-transform:capitalize}.h8613985ec4-og-filters__item-icon{display:none;width:16px;height:16px;fill:#f68059}.h8613985ec4-og-filters__item-icon svg{fill:#f68059}.h8613985ec4-og{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 20px;background-color:#f7f7f7;text-align:left}.h8613985ec4-og__container{width:100%;max-width:1170px;margin:0 auto}.h8613985ec4-og__start{margin-top:40px;margin-bottom:80px}@media only screen and (max-width:767px){.h8613985ec4-og__start{margin-bottom:40px}}.h8613985ec4-og__filters{margin-bottom:40px}.h8613985ec4-og__interact{margin-bottom:80px}@media only screen and (max-width:767px){.h8613985ec4-og__interact{margin-bottom:40px}}.h8613985ec4-og__hotels-around{margin-bottom:80px}@media only screen and (max-width:767px){.h8613985ec4-og__hotels-around{margin-bottom:40px}}.h8613985ec4-og-info{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0}@media only screen and (max-width:1024px){.h8613985ec4-og-info{display:block}}.h8613985ec4-og-info__result{font-weight:500;font-size:24px;line-height:1.3;font-family:Butler,sans-serif;color:#5d5d5d}@media only screen and (max-width:1024px){.h8613985ec4-og-info__result{display:none}}.h8613985ec4-og-info__btn{font-weight:600;font-size:14px;line-height:1.3;font-family:Butler,sans-serif;text-transform:uppercase;display:none;margin-top:14px;padding:10px;border:1px solid #4c70c4;outline:none;background-color:#4c70c4;color:#fff}.h8613985ec4-og-info__btn:hover{border-color:#3b4d92;background-color:#3b4d92}.h8613985ec4-og-info__btn:active{border-color:#6089d1;background-color:#6089d1}@media only screen and (max-width:1024px){.h8613985ec4-og-info__btn{display:block;width:100%}}.h8613985ec4-og-info-title{display:flex;align-items:center;gap:5px}.h8613985ec4-og-info-title__text{font-weight:500;font-size:24px;line-height:1.3;font-family:Roboto,sans-serif;margin:0}@media only screen and (max-width:767px){.h8613985ec4-og-info-title__text{font-size:24px;line-height:31px}}.h8613985ec4-og-info-title__icon{width:20px;height:20px}.h8613985ec4-og-info-title__icon svg{fill:#222}@media only screen and (max-width:767px){.h8613985ec4-og-info-title__icon svg{display:none}}.h8613985ec4-og-interact{display:flex;justify-content:space-between;width:100%;gap:20px}@media only screen and (max-width:767px){.h8613985ec4-og-interact{display:block}}.h8613985ec4-og-interact__list-modal{contain:content;width:40%;max-height:540px;overflow-y:auto}@media only screen and (max-width:1024px){.h8613985ec4-og-interact__list-modal{display:none;z-index:1001;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;max-height:unset;background:rgba(0,0,0,.6)}.h8613985ec4-og-interact__list-modal.active,.h8613985ec4-og-interact__list-modal.active .h8613985ec4-og-list-title{display:flex}}@media only screen and (max-width:1024px){.h8613985ec4-og-interact__list{width:calc(100% - 40px);max-height:calc(80vh - 44px);padding:0 20px 20px;overflow-y:auto;background-color:#fff}}.h8613985ec4-og-interact__map{display:flex;justify-content:flex-end;width:60%;max-height:540px;overflow:hidden}@media only screen and (max-width:1024px){.h8613985ec4-og-interact__map{display:block;width:100%;max-height:100%}}.h8613985ec4-banner{z-index:1;position:relative;min-height:300px;padding:40px;border-radius:2px}@media only screen and (max-width:767px){.h8613985ec4-banner{padding:70px 10px 20px;background-position:80%}}.h8613985ec4-banner__bg{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.h8613985ec4-banner__logo{position:absolute;top:0;right:20px;width:64px;height:71px}.h8613985ec4-banner__text{font-weight:700;font-size:16px;line-height:1.5;font-family:Roboto,sans-serif;display:flex;justify-content:center;margin-bottom:12px;color:#fff;text-align:center;text-transform:uppercase}.h8613985ec4-banner__text P{margin-bottom:0}.h8613985ec4-banner__text-place{margin-right:20px}.h8613985ec4-banner__text-date{margin-left:20px}.h8613985ec4-banner__title{font-weight:700;font-size:16px;line-height:1.5;font-family:Roboto,sans-serif;margin-top:0;margin-bottom:20px;color:#fff;font-size:30px;line-height:1.1;text-align:center;text-transform:uppercase}.h8613985ec4-banner__subtitle{font-weight:600;font-size:22px;line-height:1.3;font-family:Butler,sans-serif;margin-bottom:55px;color:#fff;font-weight:700;text-align:center}@media only screen and (max-width:767px){.h8613985ec4-banner__subtitle{margin-bottom:30px;line-height:110%}}.h8613985ec4-banner__arrow{width:16px;height:16px;margin-left:10px}.h8613985ec4-banner__arrow svg{fill:#fff}.h8613985ec4-banner__btn{display:flex;justify-content:center;min-width:230px;max-width:max-content;margin:0 auto}@media only screen and (max-width:767px){.h8613985ec4-banner__btn{width:100%;max-width:unset}}.h8613985ec4-banner__link{font-weight:600;font-size:14px;line-height:1.3;font-family:Butler,sans-serif;text-transform:uppercase;display:flex;align-items:center;justify-content:center;padding:10px 30px;border-radius:2px;background-color:#4c70c4;color:#fff;cursor:pointer;transition:all .3s ease}.h8613985ec4-banner__link:hover{background-color:#3b4d92;color:#fff;transition:all .3s ease}.h8613985ec4-banner__link:active,.h8613985ec4-banner__link:focus,.h8613985ec4-banner__link:visited{background-color:#6089d1;color:#fff}/*! */</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.e9469ac8b7cd263af9ed5bd8d81dfdd5.css" crossorigin> <link rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" href="/new/designs/90/build/destination/style.e9469ac8b7cd263af9ed5bd8d81dfdd5.css" crossorigin> <noscript><link rel="stylesheet" href="/new/designs/90/build/destination/style.e9469ac8b7cd263af9ed5bd8d81dfdd5.css" crossorigin></noscript> <link rel="alternate" hreflang="zh" type="text/html" href="https://www.colognehotel.net/zh/type/villas-24/" title="Chinese"> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.colognehotel.net/cs/type/villas-24/" title="Czech"> <link rel="alternate" hreflang="da" type="text/html" href="https://www.colognehotel.net/da/type/villas-24/" title="Danish"> <link rel="alternate" hreflang="de" type="text/html" href="https://www.colognehotel.net/de/type/villas-24/" title="Deutch"> <link rel="alternate" hreflang="en" type="text/html" href="https://www.colognehotel.net/en/type/villas-24/" title="English"> <link rel="alternate" hreflang="es" type="text/html" href="https://www.colognehotel.net/es/type/villas-24/" title="Spanish"> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.colognehotel.net/fr/type/villas-24/" title="French"> <link rel="alternate" hreflang="he" type="text/html" href="https://www.colognehotel.net/he/type/villas-24/" title="Hebrew"> <link rel="alternate" hreflang="it" type="text/html" href="https://www.colognehotel.net/it/type/villas-24/" title="Italiano"> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.colognehotel.net/ja/type/villas-24/" title="Japanese"> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.colognehotel.net/hu/type/villas-24/" title="Hungarian"> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.colognehotel.net/nl/type/villas-24/" title="Dutch"> <link rel="alternate" hreflang="no" type="text/html" href="https://www.colognehotel.net/no/type/villas-24/" title="Norwegian"> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.colognehotel.net/pl/type/villas-24/" title="Polish"> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.colognehotel.net/ru/type/villas-24/" title="Russian"> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.colognehotel.net/sv/type/villas-24/" title="Swedish"> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.colognehotel.net/tr/type/villas-24/" title="Turkish"> <link rel="alternate" hreflang="uk" type="text/html" href="https://www.colognehotel.net/uk/type/villas-24/" title="Ukrainian"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="canonical" href="https://www.colognehotel.net/de/type/villas-24/"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position":"1", "item":{ "name": "Köln" , "@id":"https://www.colognehotel.net/de/" } }, { "@type": "ListItem", "position":"2", "item":{ "name": "Villen" } } ] } </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/116432.JPEG)"> </div> <picture> <source srcset="/img/bg/450x450/116432.JPEG" media="(max-width: 768px)"> <img class="banner__main-photo-item banner__main-photo-item--0" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--1" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--2" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--3" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--4" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--5" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--6" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--7" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--8" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--9" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--10" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--11" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--12" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--13" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--14" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--15" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--16" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--17" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--18" srcset="" alt=""> </picture> </div> <header class="header "> <div class="new-container"> <div class="header__inner"> <a href="/de/" class="header__logo"> <div class="header__logo-text"> Köln </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"> Köln </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </div> <button class="header__nav-toggler js-toggle-navigation"> <span class="header__nav-toggler-cross"></span> <span class="header__nav-toggler-cross header__nav-toggler-cross--right"></span> </button> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Währung <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0x"> <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="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0z"> <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="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT03"> <span class="dropdown__list-item-code"> GBP </span> Pfund Sterling </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0xMQ=="> <span class="dropdown__list-item-code"> AUD </span> Australischer Dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0yMQ=="> <span class="dropdown__list-item-code"> CAD </span> Kanadischer Dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT00OA=="> <span class="dropdown__list-item-code"> BRL </span> Brasilianischer Real </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT00OQ=="> <span class="dropdown__list-item-code"> BGN </span> Bulgarischer Lew </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT01Nw=="> <span class="dropdown__list-item-code"> CNY </span> Chinesischer Yuan </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT02Ng=="> <span class="dropdown__list-item-code"> CZK </span> Tschechische Krone </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT00"> <span class="dropdown__list-item-code"> DKK </span> Dänische Krone </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0xMw=="> <span class="dropdown__list-item-code"> HKD </span> Hongkong-Dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT03Nw=="> <span class="dropdown__list-item-code"> ILS </span> Israelischer Neuer Schekel </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0yMw=="> <span class="dropdown__list-item-code"> JPY </span> Japanischer Yen </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0xMA=="> <span class="dropdown__list-item-code"> MYR </span> Malaysischer Ringgit </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0xMg=="> <span class="dropdown__list-item-code"> NZD </span> Neuseeländischer Dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0yMg=="> <span class="dropdown__list-item-code"> NOK </span> Norwegische Krone </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0xMzU="> <span class="dropdown__list-item-code"> PLN </span> Polnischer Zloty </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0xMzY="> <span class="dropdown__list-item-code"> RON </span> Rumänischer Leu </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0xMzc="> <span class="dropdown__list-item-code"> RUB </span> Russischer Rubel </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0xNDI="> <span class="dropdown__list-item-code"> SAR </span> Saudi-Rial </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0yNA=="> <span class="dropdown__list-item-code"> SGD </span> Singapur-Dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0xNQ=="> <span class="dropdown__list-item-code"> ZAR </span> Südafrikanischer Rand </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0xNTE="> <span class="dropdown__list-item-code"> KRW </span> Südkoreanischer Won </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT05"> <span class="dropdown__list-item-code"> SEK </span> Schwedische Krone </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT04"> <span class="dropdown__list-item-code"> CHF </span> Schweizer Franken </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0xNjI="> <span class="dropdown__list-item-code"> TRY </span> Türkische Lira </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0xNjY="> <span class="dropdown__list-item-code"> UAH </span> Ukrainische Hrywnja </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvdmlsbGFzLTI0Lz9jdXJyZW5jeT0y"> <span class="dropdown__list-item-code"> THB </span> Baht </span> </li> </ul> </div> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Deutsch <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2FyL3R5cGUvdmlsbGFzLTI0Lw=="> العربية </span> </li> <li class="dropdown__list-item"> <a href="/zh/type/villas-24/" class="dropdown__list-link js-link"> 简体中文 </a> </li> <li class="dropdown__list-item"> <a href="/cs/type/villas-24/" class="dropdown__list-link js-link"> Čeština </a> </li> <li class="dropdown__list-item"> <a href="/da/type/villas-24/" class="dropdown__list-link js-link"> Dansk </a> </li> <li class="dropdown__list-item"> <a href="/de/type/villas-24/" class="dropdown__list-link js-link"> Deutsch </a> </li> <li class="dropdown__list-item"> <a href="/en/type/villas-24/" class="dropdown__list-link js-link"> English </a> </li> <li class="dropdown__list-item"> <a href="/es/type/villas-24/" class="dropdown__list-link js-link"> Español </a> </li> <li class="dropdown__list-item"> <a href="/fr/type/villas-24/" class="dropdown__list-link js-link"> Français </a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2VsL3R5cGUvdmlsbGFzLTI0Lw=="> Ελληνικά </span> </li> <li class="dropdown__list-item"> <a href="/he/type/villas-24/" class="dropdown__list-link js-link"> עברית </a> </li> <li class="dropdown__list-item"> <a href="/it/type/villas-24/" class="dropdown__list-link js-link"> Italiano </a> </li> <li class="dropdown__list-item"> <a href="/ja/type/villas-24/" 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="L2tvL3R5cGUvdmlsbGFzLTI0Lw=="> 한국어 </span> </li> <li class="dropdown__list-item"> <a href="/hu/type/villas-24/" class="dropdown__list-link js-link"> Magyar </a> </li> <li class="dropdown__list-item"> <a href="/nl/type/villas-24/" class="dropdown__list-link js-link"> Nederlands </a> </li> <li class="dropdown__list-item"> <a href="/no/type/villas-24/" class="dropdown__list-link js-link"> Norsk </a> </li> <li class="dropdown__list-item"> <a href="/pl/type/villas-24/" class="dropdown__list-link js-link"> Polski </a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3B0L3R5cGUvdmlsbGFzLTI0Lw=="> Português </span> </li> <li class="dropdown__list-item"> <a href="/ru/type/villas-24/" class="dropdown__list-link js-link"> Русский </a> </li> <li class="dropdown__list-item"> <a href="/sv/type/villas-24/" class="dropdown__list-link js-link"> Svenska </a> </li> <li class="dropdown__list-item"> <a href="/tr/type/villas-24/" class="dropdown__list-link js-link"> Türkçe </a> </li> <li class="dropdown__list-item"> <a href="/uk/type/villas-24/" 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="Willkommen in den Hotels in Köln!"> Villen in Köln</h1> <p class="banner__text"> Das erste lokale Reisenetzwerk, das die besten Preise und die Verfügbarkeit ausgewählter Unterkünfte bietet</p> <form action="/de/search/" method="post" class="banner__form main-form js-avail-form"> <div class="main-form__new-calendar js-new-calendar-wrapper"> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-from"> <div class="main-form-field__head"> <div class="main-form-field__title">Anreise</div> <div class="main-form-field__content main-form-field__content--de"> <div class="main-form-field__number js-date-day">17</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">Dez.</div> <div class="main-form-field__text-item hide-tablet js-date-year">2024</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2024-12-17"> </div> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-to"> <div class="main-form-field__head"> <div class="main-form-field__title">Abreise</div> <div class="main-form-field__content main-form-field__content--de"> <div class="main-form-field__number js-date-day">18</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">Dez.</div> <div class="main-form-field__text-item hide-tablet js-date-year">2024</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> Nacht)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> Nächte)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> Nächte)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2024-12-18"> </div> </div> <div class="main-form-field main-form__field"> <div class="main-form-field__head js-guests-toggler"> <div class="main-form-field__title">Gäste</div> <div class="main-form-field__content"> <div class="main-form-field__number js-guests-count">2</div> <div class="main-form-field__text"> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="1"> Gast</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text is-active" data-guests-count="2"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="3"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="4"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="5"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="6"> Gäste</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="7"> Gäste</p> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <div class="dropdown main-form-field__dropdown js-guests-dropdown"> <div class="dropdown__block"> <div class="dropdown__item"> <div class="dropdown__title"> Erwachsene: </div> <select class="dropdown__select js-adults-select" name="adults"> <option value="1">1</option> <option value="2" selected="selected">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> <div class="dropdown__item"> <div class="dropdown__title"> Kinder: </div> <select class="dropdown__select js-children-select" name="children"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> </div> <div class="dropdown__block js-children-wrapper"></div> <div class="dropdown__error js-error js-error-child">Alter des Kindes angeben</div> <div class="dropdown__error js-error js-error-children">Alter der Kinder angeben</div> <div class="dropdown__block dropdown__block--margin"> <button class="dropdown__button dropdown__button--cancel js-cancel-button" type="button">Abbrechen</button> <button class="dropdown__button dropdown__button js-ok-button" type="button">OK</button> </div> </div> </div> <div class="main-form__submit-container"> <button class="main-form__submit" type="submit">Suchen</button> </div> </form> </div> <div class="new-container"> <div class="breadcrumbs"> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.colognehotel.net/de/" target="_blank">Köln</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <span class="breadcrumbs-item__text">Villen</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="VmlsbGVuIGluIEvDtmxu" 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">10 gefundene Unterkünfte</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==">Auf der Karte anzeigen</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">Filter</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"> Am beliebtesten zuerst </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"> Am beliebtesten zuerst </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"> Höchste Bewertung zuerst </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"> Niedrigster Preis zuerst </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"> Entfernung - aufsteigend </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">Filter:</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"> Preis pro 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">(3)</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">(1)</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">(6)</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 nach Kategorie <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_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="/de/0-stars/" class="item__list-link js-filter-popup"> Ohne Sterne </a> <span class="item__list-count filter-count">(10)</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"> Bewertung <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_4" type="checkbox" name="Rating[]" value="4" /> <label class="item__label" for="Rating_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"> Ausgezeichnet 4.5+ <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="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"> Sehr gut 4+ <span class="item__list-count filter-count">(1)</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"> Stadtteile <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_132890" type="checkbox" name="DistrictID[]" value="132890" /> <label class="item__label" for="DistrictID_132890"> <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"> Unterrath <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="DistrictID_132915" type="checkbox" name="DistrictID[]" value="132915" /> <label class="item__label" for="DistrictID_132915"> <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"> Junkersdorf-Marsdorf <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="DistrictID_132889" type="checkbox" name="DistrictID[]" value="132889" /> <label class="item__label" for="DistrictID_132889"> <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"> Stockum <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_132975" type="checkbox" name="DistrictID[]" value="132975" /> <label class="item__label" for="DistrictID_132975"> <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"> Karlstadt <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_285357" type="checkbox" name="DistrictID[]" value="285357" /> <label class="item__label" for="DistrictID_285357"> <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"> Altstadt-Nord <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_2049877" type="checkbox" name="DistrictID[]" value="2049877" /> <label class="item__label" for="DistrictID_2049877"> <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"> Hoerde <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_2049914" type="checkbox" name="DistrictID[]" value="2049914" /> <label class="item__label" for="DistrictID_2049914"> <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"> Berghofen <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"> Sehenswürdigkeiten <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_326188" type="checkbox" name="LandmarkID[]" value="326188" /> <label class="item__label" for="LandmarkID_326188"> <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"> RheinEnergieStadion <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="LandmarkID_135040" type="checkbox" name="LandmarkID[]" value="135040" /> <label class="item__label" for="LandmarkID_135040"> <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"> Flughafen Köln/Bonn <span class="item__list-count filter-count">(1)</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"> Zimmerausstattung <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"> Kostenloses WLAN in Zimmern <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_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"> Schallisolierte Zimmer <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"> Hotelausstattung <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"> WLAN <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="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"> Haustiere erlaubt <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_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"> Express-Check-in/ Check-out <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_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-Stunden-Rezeption <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_256" type="checkbox" name="AmenityID[]" value="256" /> <label class="item__label" for="AmenityID_256"> <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"> Fitnesscenter <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"> Nur für Erwachsene <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"> Unterkunftstyp <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="/de/type/apartments-3/" class="item__list-link js-filter-popup"> Apartments </a> <span class="item__list-count filter-count">(1465)</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="/de/type/hotels-12/" class="item__list-link js-filter-popup"> Hotels </a> <span class="item__list-count filter-count">(657)</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="/de/type/homestays-32/" class="item__list-link js-filter-popup"> Privatunterkünfte </a> <span class="item__list-count filter-count">(108)</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="/de/type/guest-houses-10/" class="item__list-link js-filter-popup"> Gasthöfe </a> <span class="item__list-count filter-count">(59)</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="/de/type/aparthotels-2/" class="item__list-link js-filter-popup"> Aparthotels </a> <span class="item__list-count filter-count">(58)</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="/de/type/holiday-homes-33/" class="item__list-link js-filter-popup"> Ferienhäuser </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_11" type="checkbox" name="TypeID[]" value="11" /> <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="/de/type/hostels-11/" class="item__list-link js-filter-popup"> Hostels </a> <span class="item__list-count filter-count">(22)</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="/de/type/botels-34/" class="item__list-link js-filter-popup"> Botels </a> <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="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="/de/type/bed-and-breakfasts-4/" class="item__list-link js-filter-popup"> Frühstückspensionen </a> <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="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="/de/type/inns-16/" class="item__list-link js-filter-popup"> Gasthöfe </a> <span class="item__list-count filter-count">(10)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox is-checked"> <input class="item__checkbox" id="TypeID_24" type="checkbox" name="TypeID[]" value="24" checked/> <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="/de/type/villas-24/" class="item__list-link js-filter-popup"> Villen </a> <span class="item__list-count filter-count">(10)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_35" type="checkbox" name="TypeID[]" value="35" /> <label class="item__label" for="TypeID_35"> <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="/de/type/campsites-35/" class="item__list-link js-filter-popup"> Campingplätze </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_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="/de/type/luxury-tents-29/" class="item__list-link js-filter-popup"> Luxuszelt </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_37" type="checkbox" name="TypeID[]" value="37" /> <label class="item__label" for="TypeID_37"> <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="/de/type/farm-stays-37/" class="item__list-link js-filter-popup"> Bauernhof </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"> Thematische Hotels <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"> Flughafenhotels <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="ThemeID_35" type="checkbox" name="ThemeID[]" value="35" /> <label class="item__label" for="ThemeID_35"> <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"> Luxus-Unterkünfte <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="ThemeID_37" type="checkbox" name="ThemeID[]" value="37" /> <label class="item__label" for="ThemeID_37"> <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"> Private Villen <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="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"> Haustierfreundliche Hotels <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_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 im Zentrum <span class="item__list-count filter-count">(2)</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">Hotelname</p> <input class="item__input input-text s-query js-filter-by-name" value="" name="Name" placeholder="Hotelname oder Marke"/> </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">Alle löschen</div> <div class="filters-popup__btn-action filters-popup__btn-action--submit btn btn-outline js-filter-submit">Filter anwenden</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="7859134"> <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/8633/863309/863309165.JPEG" srcset="/data/Photos/450x450w/8633/863309/863309165.JPEG 1x, /data/Photos/700x500w/8633/863309/863309165.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8633/863307/863307701.JPEG" srcset="/data/Photos/450x450w/8633/863307/863307701.JPEG 1x, /data/Photos/700x500w/8633/863307/863307701.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8633/863307/863307746.JPEG" srcset="/data/Photos/450x450w/8633/863307/863307746.JPEG 1x, /data/Photos/700x500w/8633/863307/863307746.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8633/863311/863311139.JPEG" srcset="/data/Photos/450x450w/8633/863311/863311139.JPEG 1x, /data/Photos/700x500w/8633/863311/863311139.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8713/871314/871314005.JPEG" srcset="/data/Photos/450x450w/8713/871314/871314005.JPEG 1x, /data/Photos/700x500w/8713/871314/871314005.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8713/871316/871316549.JPEG" srcset="/data/Photos/450x450w/8713/871316/871316549.JPEG 1x, /data/Photos/700x500w/8713/871316/871316549.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://the-fountain-loft-170sqm.colognehotel.net/de/" target="_blank" class="item__title-link">The Fountain Loft - 170Sqm</a> </p> <div class="item__distance"> <div class="item__distance-text"> 6.1 km zur Innenstadt </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTc4NTkxMzQmbWhsYXQ9NTEuNDc4OTcmbWhsb25nPTcuNTMyMjY=">Karte anzeigen</div> </div> <div class="item__grade"> <span class="item__grade-text"> Hervorragende Lage </span> <div class="item__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.9 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</div> </div> <div class="item__review"> <div class="item__review-number">8.4</div> <div class="item__review-text">Ausgezeichnet</div> <div class="item__review-count">(1 Bewertung)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Die 2-Zimmer- The Fountain Loft - 170Sqm liegt im Bezirk Berghofen und bietet Zimmer mit Blick auf den Innenhof, der sich von einer Sonnenterrasse aus öffnet. Die Villa in Dortmund…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly90aGUtZm91bnRhaW4tbG9mdC0xNzBzcW0uY29sb2duZWhvdGVsLm5ldC9kZS8="> Hotel ansehen <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="3111171"> <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/5524/552475/552475203.JPEG" srcset="/data/Photos/450x450w/5524/552475/552475203.JPEG 1x, /data/Photos/700x500w/5524/552475/552475203.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/5519/551912/551912520.JPEG" srcset="/data/Photos/450x450w/5519/551912/551912520.JPEG 1x, /data/Photos/700x500w/5519/551912/551912520.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/5521/552125/552125958.JPEG" srcset="/data/Photos/450x450w/5521/552125/552125958.JPEG 1x, /data/Photos/700x500w/5521/552125/552125958.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/5521/552126/552126741.JPEG" srcset="/data/Photos/450x450w/5521/552126/552126741.JPEG 1x, /data/Photos/700x500w/5521/552126/552126741.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/5521/552182/552182736.JPEG" srcset="/data/Photos/450x450w/5521/552182/552182736.JPEG 1x, /data/Photos/700x500w/5521/552182/552182736.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/5521/552182/552182760.JPEG" srcset="/data/Photos/450x450w/5521/552182/552182760.JPEG 1x, /data/Photos/700x500w/5521/552182/552182760.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://kinghouse.colognehotel.net/de/" target="_blank" class="item__title-link">Avi City Apartments Kinghouse</a> </p> <div class="item__distance"> <div class="item__distance-text"> 1.1 km zur Innenstadt </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTMxMTExNzEmbWhsYXQ9NTEuMjE2NDUmbWhsb25nPTYuNzgxMDE=">Karte anzeigen</div> </div> <div class="item__grade"> <span class="item__grade-text"> Hervorragende Lage </span> <div class="item__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.2 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Die Avi City Apartments Kinghouse liegt in einer 1 km Entfernung vom Rheinturm und lädt alle Gäste ein, verschiedene touristische Ziele in der Nähe zu erkunden. Die Villa in Düsseldorf…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9raW5naG91c2UuY29sb2duZWhvdGVsLm5ldC9kZS8="> Hotel ansehen <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="9783265"> <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/14998/1499874/1499874562.JPEG" srcset="/data/Photos/450x450w/14998/1499874/1499874562.JPEG 1x, /data/Photos/700x500w/14998/1499874/1499874562.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15915/1591553/1591553359.JPEG" srcset="/data/Photos/450x450w/15915/1591553/1591553359.JPEG 1x, /data/Photos/700x500w/15915/1591553/1591553359.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15024/1502489/1502489731.JPEG" srcset="/data/Photos/450x450w/15024/1502489/1502489731.JPEG 1x, /data/Photos/700x500w/15024/1502489/1502489731.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15024/1502489/1502489746.JPEG" srcset="/data/Photos/450x450w/15024/1502489/1502489746.JPEG 1x, /data/Photos/700x500w/15024/1502489/1502489746.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15024/1502489/1502489788.JPEG" srcset="/data/Photos/450x450w/15024/1502489/1502489788.JPEG 1x, /data/Photos/700x500w/15024/1502489/1502489788.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15024/1502489/1502489824.JPEG" srcset="/data/Photos/450x450w/15024/1502489/1502489824.JPEG 1x, /data/Photos/700x500w/15024/1502489/1502489824.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://posh-penthouse.colognehotel.net/de/" target="_blank" class="item__title-link">Penthouse Posh 1</a> </p> <div class="item__distance"> <div class="item__distance-text"> 800 m zur Innenstadt </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTk3ODMyNjUmbWhsYXQ9NTAuODE3OTImbWhsb25nPTcuMTYzNA==">Karte anzeigen</div> </div> <div class="item__grade"> <span class="item__grade-text"> Hervorragende Lage </span> <div class="item__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Die Penthouse Posh 1 liegt in einer 6 Gehminuten Entfernung vom Bilderbuchmuseum und lockt mit einem Swimmingpool und einem Garten.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9wb3NoLXBlbnRob3VzZS5jb2xvZ25laG90ZWwubmV0L2RlLw=="> Hotel ansehen <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="9796093"> <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/15449/1544973/1544973232.JPEG" srcset="/data/Photos/450x450w/15449/1544973/1544973232.JPEG 1x, /data/Photos/700x500w/15449/1544973/1544973232.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13740/1374054/1374054455.JPEG" srcset="/data/Photos/450x450w/13740/1374054/1374054455.JPEG 1x, /data/Photos/700x500w/13740/1374054/1374054455.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11973/1197359/1197359911.JPEG" srcset="/data/Photos/450x450w/11973/1197359/1197359911.JPEG 1x, /data/Photos/700x500w/11973/1197359/1197359911.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13791/1379120/1379120678.JPEG" srcset="/data/Photos/450x450w/13791/1379120/1379120678.JPEG 1x, /data/Photos/700x500w/13791/1379120/1379120678.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16112/1611233/1611233091.JPEG" srcset="/data/Photos/450x450w/16112/1611233/1611233091.JPEG 1x, /data/Photos/700x500w/16112/1611233/1611233091.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8969/896973/896973448.JPEG" srcset="/data/Photos/450x450w/8969/896973/896973448.JPEG 1x, /data/Photos/700x500w/8969/896973/896973448.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://near-exhibition-messe-nice-comfortable-apartment-with-2.colognehotel.net/de/" target="_blank" class="item__title-link">Duesseldorf Messe, 2-Bedroom Duplex Apartment With Terrace And Garden</a> </p> <div class="item__distance"> <div class="item__distance-text"> 4.9 km zur Innenstadt </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTk3OTYwOTMmbWhsYXQ9NTEuMjY2NzkmbWhsb25nPTYuNzkzNTE=">Karte anzeigen</div> </div> <div class="item__grade"> <span class="item__grade-text"> Hervorragende Lage </span> <div class="item__grade-details">Diese Unterkunft liegt in hervorragender Lage. Die Besucher haben sie mit 8.2 von 10 Punkten für ihre Lage bewertet. Das muss ein bequemer Aufenthaltsort sein!</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Gäste der Dusseldorf Messe, 2-Bedroom Duplex Apartment With Terrace And Garden können den Kunstpalast leicht erreichen (liegt circa 4 km von der Unterkunft entfernt). Den Gästen dieser Villa in…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9uZWFyLWV4aGliaXRpb24tbWVzc2UtbmljZS1jb21mb3J0YWJsZS1hcGFydG1lbnQtd2l0aC0yLmNvbG9nbmVob3RlbC5uZXQvZGUv"> Hotel ansehen <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="23048531"> <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/16212/1621279/1621279759.JPEG" srcset="/data/Photos/450x450w/16212/1621279/1621279759.JPEG 1x, /data/Photos/700x500w/16212/1621279/1621279759.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16226/1622653/1622653082.JPEG" srcset="/data/Photos/450x450w/16226/1622653/1622653082.JPEG 1x, /data/Photos/700x500w/16226/1622653/1622653082.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16212/1621279/1621279672.JPEG" srcset="/data/Photos/450x450w/16212/1621279/1621279672.JPEG 1x, /data/Photos/700x500w/16212/1621279/1621279672.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16212/1621279/1621279675.JPEG" srcset="/data/Photos/450x450w/16212/1621279/1621279675.JPEG 1x, /data/Photos/700x500w/16212/1621279/1621279675.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16212/1621279/1621279698.JPEG" srcset="/data/Photos/450x450w/16212/1621279/1621279698.JPEG 1x, /data/Photos/700x500w/16212/1621279/1621279698.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16212/1621279/1621279703.JPEG" srcset="/data/Photos/450x450w/16212/1621279/1621279703.JPEG 1x, /data/Photos/700x500w/16212/1621279/1621279703.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://noahs-house-messe-and-airport.colognehotel.net/de/" target="_blank" class="item__title-link">Noah'S House - Messe And Airport</a> </p> <div class="item__distance"> <div class="item__distance-text"> 4.4 km zur Innenstadt </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTIzMDQ4NTMxJm1obGF0PTUxLjI2MzM3Jm1obG9uZz02Ljc2Mjcz">Karte anzeigen</div> </div> <div class="item__review"> <div class="item__review-number">9.8</div> <div class="item__review-text">Ausgezeichnet</div> <div class="item__review-count">(4 Bewertungen)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Die Villa Noah'S House - Messe And Airport liegt ca. 3 km vom Hofgärtnerhaus entfernt und bietet Gästen eine Terrasse. Diese Villa in Düsseldorf befindet sich im Stadtteil Unterrath und bietet…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ub2Focy1ob3VzZS1tZXNzZS1hbmQtYWlycG9ydC5jb2xvZ25laG90ZWwubmV0L2RlLw=="> Hotel ansehen <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="22733591"> <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/16063/1606345/1606345627.JPEG" srcset="/data/Photos/450x450w/16063/1606345/1606345627.JPEG 1x, /data/Photos/700x500w/16063/1606345/1606345627.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16063/1606364/1606364071.JPEG" srcset="/data/Photos/450x450w/16063/1606364/1606364071.JPEG 1x, /data/Photos/700x500w/16063/1606364/1606364071.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16063/1606345/1606345572.JPEG" srcset="/data/Photos/450x450w/16063/1606345/1606345572.JPEG 1x, /data/Photos/700x500w/16063/1606345/1606345572.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16063/1606345/1606345581.JPEG" srcset="/data/Photos/450x450w/16063/1606345/1606345581.JPEG 1x, /data/Photos/700x500w/16063/1606345/1606345581.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16063/1606345/1606345582.JPEG" srcset="/data/Photos/450x450w/16063/1606345/1606345582.JPEG 1x, /data/Photos/700x500w/16063/1606345/1606345582.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16063/1606345/1606345585.JPEG" srcset="/data/Photos/450x450w/16063/1606345/1606345585.JPEG 1x, /data/Photos/700x500w/16063/1606345/1606345585.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://family-mansion-in.colognehotel.net/de/" target="_blank" class="item__title-link">Family Mansion In Cologne</a> </p> <div class="item__distance"> <div class="item__distance-text"> 7.4 km zur Innenstadt </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTIyNzMzNTkxJm1obGF0PTUwLjkyOTU5Jm1obG9uZz02Ljg1NjIx">Karte anzeigen</div> </div> <div class="item__review"> <div class="item__review-number">5</div> <div class="item__review-text">Durchschnittlich</div> <div class="item__review-count">(1 Bewertung)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Die 2-Zimmer- Family Mansion In Cologne liegt in etwa 7 km Entfernung vom Museum für Angewandte Kunst und bietet eine Sauna. Die Villa bietet eine Terrasse und liegt rund…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9mYW1pbHktbWFuc2lvbi1pbi5jb2xvZ25laG90ZWwubmV0L2RlLw=="> Hotel ansehen <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="22750156"> <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/16075/1607560/1607560232.JPEG" srcset="/data/Photos/450x450w/16075/1607560/1607560232.JPEG 1x, /data/Photos/700x500w/16075/1607560/1607560232.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16075/1607560/1607560226.JPEG" srcset="/data/Photos/450x450w/16075/1607560/1607560226.JPEG 1x, /data/Photos/700x500w/16075/1607560/1607560226.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16075/1607560/1607560230.JPEG" srcset="/data/Photos/450x450w/16075/1607560/1607560230.JPEG 1x, /data/Photos/700x500w/16075/1607560/1607560230.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16075/1607560/1607560248.JPEG" srcset="/data/Photos/450x450w/16075/1607560/1607560248.JPEG 1x, /data/Photos/700x500w/16075/1607560/1607560248.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16075/1607560/1607560252.JPEG" srcset="/data/Photos/450x450w/16075/1607560/1607560252.JPEG 1x, /data/Photos/700x500w/16075/1607560/1607560252.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16075/1607560/1607560256.JPEG" srcset="/data/Photos/450x450w/16075/1607560/1607560256.JPEG 1x, /data/Photos/700x500w/16075/1607560/1607560256.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://villa-house-near-messe.colognehotel.net/de/" target="_blank" class="item__title-link">House Near Messe Duesseldorf</a> </p> <div class="item__distance"> <div class="item__distance-text"> 5.3 km zur Innenstadt </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTIyNzUwMTU2Jm1obGF0PTUxLjI3MDkmbWhsb25nPTYuNzU1ODY=">Karte anzeigen</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Die 2-Zimmer- House Near Messe Dusseldorf liegt etwa 500 Meter von den vier Karyatiden entfernt und verfügt über eine Sonnenterrasse, eine Picknick-Ecke und einen Garten, die zum Verweilen…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly92aWxsYS1ob3VzZS1uZWFyLW1lc3NlLmNvbG9nbmVob3RlbC5uZXQvZGUv"> Hotel ansehen <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="19788806"> <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/14792/1479221/1479221714.JPEG" srcset="/data/Photos/450x450w/14792/1479221/1479221714.JPEG 1x, /data/Photos/700x500w/14792/1479221/1479221714.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15639/1563929/1563929500.JPEG" srcset="/data/Photos/450x450w/15639/1563929/1563929500.JPEG 1x, /data/Photos/700x500w/15639/1563929/1563929500.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15077/1507764/1507764202.JPEG" srcset="/data/Photos/450x450w/15077/1507764/1507764202.JPEG 1x, /data/Photos/700x500w/15077/1507764/1507764202.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15077/1507764/1507764028.JPEG" srcset="/data/Photos/450x450w/15077/1507764/1507764028.JPEG 1x, /data/Photos/700x500w/15077/1507764/1507764028.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15077/1507764/1507764055.JPEG" srcset="/data/Photos/450x450w/15077/1507764/1507764055.JPEG 1x, /data/Photos/700x500w/15077/1507764/1507764055.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15077/1507764/1507764169.JPEG" srcset="/data/Photos/450x450w/15077/1507764/1507764169.JPEG 1x, /data/Photos/700x500w/15077/1507764/1507764169.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://generalsanierte-luxus-lodge-in-top-lage.colognehotel.net/de/" target="_blank" class="item__title-link">Generalsanierte Villa In Top-Lage Von Koeln!</a> </p> <div class="item__distance"> <div class="item__distance-text"> 7.6 km zur Innenstadt </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTE5Nzg4ODA2Jm1obGF0PTUwLjkyNTMzJm1obG9uZz02Ljg1NDU5">Karte anzeigen</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Ca. 6 Kilometer von der DİTİB-Zentralmoschee entfernt, lädt die Generalsanierte Villa In Top-Lage Von Koln! Gäste zum Entspannen auf einer Terrasse ein. Diese Villa in Köln befindet sich…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9nZW5lcmFsc2FuaWVydGUtbHV4dXMtbG9kZ2UtaW4tdG9wLWxhZ2UuY29sb2duZWhvdGVsLm5ldC9kZS8="> Hotel ansehen <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="22513649"> <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/15967/1596711/1596711478.JPEG" srcset="/data/Photos/450x450w/15967/1596711/1596711478.JPEG 1x, /data/Photos/700x500w/15967/1596711/1596711478.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16089/1608973/1608973014.JPEG" srcset="/data/Photos/450x450w/16089/1608973/1608973014.JPEG 1x, /data/Photos/700x500w/16089/1608973/1608973014.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16089/1608973/1608973030.JPEG" srcset="/data/Photos/450x450w/16089/1608973/1608973030.JPEG 1x, /data/Photos/700x500w/16089/1608973/1608973030.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15967/1596710/1596710095.JPEG" srcset="/data/Photos/450x450w/15967/1596710/1596710095.JPEG 1x, /data/Photos/700x500w/15967/1596710/1596710095.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15967/1596710/1596710303.JPEG" srcset="/data/Photos/450x450w/15967/1596710/1596710303.JPEG 1x, /data/Photos/700x500w/15967/1596710/1596710303.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15968/1596813/1596813991.JPEG" srcset="/data/Photos/450x450w/15968/1596813/1596813991.JPEG 1x, /data/Photos/700x500w/15968/1596813/1596813991.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://top-lage-ferienhaus-erste-reihe-am-phoenixsee.colognehotel.net/de/" target="_blank" class="item__title-link">Top Lage Direkt Am Phoenix-See</a> </p> <div class="item__distance"> <div class="item__distance-text"> 4.8 km zur Innenstadt </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTIyNTEzNjQ5Jm1obGF0PTUxLjQ4NjkxJm1obG9uZz03LjUxOTA4">Karte anzeigen</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Die 1-Zimmer- Top Lage Direkt Am Phoenix-See bietet private Parkplätze im Stadtviertel Hoerde und ist in ca. 10 Autominuten Entfernung von den bedeutenden religiösen Stätten wie der evangelische…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly90b3AtbGFnZS1mZXJpZW5oYXVzLWVyc3RlLXJlaWhlLWFtLXBob2VuaXhzZWUuY29sb2duZWhvdGVsLm5ldC9kZS8="> Hotel ansehen <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="16718351"> <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/13362/1336217/1336217186.JPEG" srcset="/data/Photos/450x450w/13362/1336217/1336217186.JPEG 1x, /data/Photos/700x500w/13362/1336217/1336217186.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13362/1336217/1336217276.JPEG" srcset="/data/Photos/450x450w/13362/1336217/1336217276.JPEG 1x, /data/Photos/700x500w/13362/1336217/1336217276.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13362/1336217/1336217198.JPEG" srcset="/data/Photos/450x450w/13362/1336217/1336217198.JPEG 1x, /data/Photos/700x500w/13362/1336217/1336217198.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13362/1336217/1336217237.JPEG" srcset="/data/Photos/450x450w/13362/1336217/1336217237.JPEG 1x, /data/Photos/700x500w/13362/1336217/1336217237.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13362/1336217/1336217279.JPEG" srcset="/data/Photos/450x450w/13362/1336217/1336217279.JPEG 1x, /data/Photos/700x500w/13362/1336217/1336217279.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13368/1336842/1336842290.JPEG" srcset="/data/Photos/450x450w/13368/1336842/1336842290.JPEG 1x, /data/Photos/700x500w/13368/1336842/1336842290.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://townhouse-by-the-qvest.colognehotel.net/de/" target="_blank" class="item__title-link">Townhouse By The Qvest</a> </p> <div class="item__distance"> <div class="item__distance-text"> 1.2 km zur Innenstadt </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTE2NzE4MzUxJm1obGF0PTUwLjk0MzQyJm1obG9uZz02Ljk0NDQy">Karte anzeigen</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Die Townhouse By The Qvest liegt in 25 Fußminuten Entfernung von der Hohenzollernbrücke und bietet Zugang zu verschiedenen Sehenswürdigkeiten in der Umgebung.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly90b3duaG91c2UtYnktdGhlLXF2ZXN0LmNvbG9nbmVob3RlbC5uZXQvZGUv"> Hotel ansehen <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">Suche nach verfügbaren Hotels</div> <div class="progressbar__text">Suche nach Hotels…</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">derzeitige Suchergebnisse</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'>Wir verwenden Cookies und andere Technologien, die für die Bereitstellung unserer Services und Funktionen auf der Website erforderlich sind. Durch die weitere Benutzung unserer Website stimmen Sie den automatisch zu.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>Akzeptieren</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>Ablehnen</div> </div> </div> </div> </div> <div class="feedback js-feedback-modal"> <div class="feedback__wrapper"> <div class="feedback__content js-feedback-inner"> <div class="feedback__close js-feedback-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="feedback__widget widget"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">Fehlen Ihnen noch Informationen?</div> <p class="widget__subtitle">Sagen Sie uns, was wir hinzufügen sollen</p> </div> </div> <form class="feedback__form js-feedback-form"> <textarea name="message" class="feedback__textarea js-feedback-textarea" placeholder="Bitte hier eintippen..." required></textarea> <input type="text" name="f_message2" value=""> <button class="feedback__btn" type="submit">Senden</button> </form> </div> </div> </div> <div class="thanks-modal js-thanks-modal"> <div class="thanks-modal__wrapper"> <div class="thanks-modal__content"> <div class="thanks-modal__close js-thanks-modal-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="thanks-modal__title js-thanks-modal-title" data-title="feedback">Danke für Ihr Feedback</div> <div class="thanks-modal__title js-thanks-modal-title" data-title="subscribe">Danke fürs Abonnieren</div> <div class="thanks-modal__img"> <svg xmlns="http://www.w3.org/2000/svg" width="97" height="100" viewBox="0 0 97 100"> <g fill="none" fill-rule="nonzero"> <path fill="#BAD4E3" d="M19.327 57.75l28.846 17.627L77.019 57.75l19.23-11.752v43.27c.002 5.899-4.782 10.683-10.681 10.684h-74.79c-5.9 0-10.682-4.785-10.682-10.685V45.998l19.23 11.752z"/> <path fill="#3C6780" d="M96.25 42.497v3.501L77.019 57.75V28.134l1.221.568 15.71 9.695a4.805 4.805 0 0 1 2.3 4.1z"/> <path fill="#F5F7FA" d="M77.019 28.134V57.75L48.173 75.377 19.327 57.75V7.625A7.624 7.624 0 0 1 26.949 0h29.08l.387.038v12.943a7.622 7.622 0 0 0 7.622 7.624h10.863l2.118 2.361v5.168zm-12.036 9.822c0-9.293-7.534-16.827-16.827-16.827-9.293 0-16.827 7.534-16.827 16.827 0 9.294 7.534 16.827 16.827 16.827 9.293 0 16.827-7.533 16.827-16.827z"/> <path fill="#BAD4E3" d="M56.457.043L74.9 20.605H64.038a7.622 7.622 0 0 1-7.622-7.624V.038l.04.005z"/> <path fill="#00D88E" d="M64.983 37.956c0 9.294-7.534 16.827-16.827 16.827-9.293 0-16.827-7.533-16.827-16.827 0-9.293 7.534-16.827 16.827-16.827 9.293 0 16.827 7.534 16.827 16.827z"/> <path fill="#3C6780" d="M19.327 28.134V57.75L.096 45.998v-3.5a4.81 4.81 0 0 1 2.3-4.101l16.93-10.263z"/> <path fill="#FFF" d="M45.673 43.183a1.68 1.68 0 0 1-1.28-.59l-3.74-4.38a1.682 1.682 0 1 1 2.558-2.185l2.674 3.13 7.435-6.049a1.681 1.681 0 0 1 2.732 1.035 1.683 1.683 0 0 1-.608 1.576l-8.709 7.086c-.3.244-.675.378-1.062.377z"/> </g> </svg> </div> <div class="thanks-modal__btn js-thanks-modal-close">Schließen</div> </div> </div> </div> <footer class="footer"> <div class="footer__content footer__content--top"> <div class="footer-extra-offers"> <div class="footer-extra-offers__lists"> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> unterkunftstypen <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/type/hotels-12/">Hotels in Köln</a> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/type/apartments-3/">Apartments in Köln</a> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/type/aparthotels-2/">Aparthotels in Köln</a> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/type/hostels-11/">Hostels in Köln</a> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/type/guest-houses-10/">Gasthöfe in Köln</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> sehenswürdigkeiten <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/near-cologne-fairgrounds-236001/">Köln Messe</a> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/near-cologne-central-station-326428/">Hauptbahnhof Köln</a> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/near-cologne-cathedral-235991/">Kölner Dom</a> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/near-lanxess-arena-151303/">Lanxess Arena</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> unterkunftsstandard <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/5-stars/">5-Sterne-Hotels in Köln</a> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/4-stars/">4-Sterne-Hotels in Köln</a> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/3-stars/">3-Sterne-Hotels in Köln</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> thematische hotels <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/theme/spa-hotels-17/">Wellnesshotels</a> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/theme/cheap-and-budget-hotels-9/">Budgethotels</a> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/theme/central-hotels-8/">Hotels im Zentrum</a> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/theme/luxury-hotels-14/">Luxushotels</a> <a class="footer-extra-offers-list__link" href="https://www.colognehotel.net/de/theme/pool-hotels-34/">Hotels mit Innenpool</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> die besten hotels <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://zentrale-wohnung-mit-bus-bahn-vor-der-tr.colognehotel.net/de/">3-Room Apartment In Cologne Centre</a> <a class="footer-extra-offers-list__link" href="https://cozy-apartment-in-prime-location-with-balcony-hotel.colognehotel.net/de/">Cozy Apartment In Prime Location With Balcony - Hotel Comfort In 2 Room Apartment In Cologne Neumarkt - City Loft 11 -</a> <a class="footer-extra-offers-list__link" href="https://gemtliches-apartment-in-kln-smarttv-kche.colognehotel.net/de/">Gemuetliches Apartment In Koeln - Smarttv - Kueche</a> <a class="footer-extra-offers-list__link" href="https://beauty-apartment-near-messe-city-and-airport-with-garden.colognehotel.net/de/">Beauty Apartment Near Messe City And Airport With Garden</a> <a class="footer-extra-offers-list__link" href="https://schone-wohnung-in-messe-nahe-mit-privatparkplatz.colognehotel.net/de/">Schoene Wohnung In Messe Naehe Mit Privatparkplatz</a> </div> </div> </div> </div> </div> <div class="footer__content"> <div class="footer__lists"> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> Unternehmen <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RlL2Fib3V0LXVzLw==">Über uns</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RlL291ci12YWx1ZXMv">Unsere Werte</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RlL3doeS1ib29rLXdpdGgtdXMv">Warum sollten Sie bei uns buchen?</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RlL3BhcnRuZXJzaGlwLw==">Partnerschaft</span> </li> </ul> </div> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> Für Reisende <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RlL3VzZWZ1bC10aXBzLw==">Hilfreiche Hinweise</span> </li> <li class="footer__list-item"> <span class="footer__list-link">Reservierung für Gruppen</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RlL3N1cHBvcnQv">Kundenservice</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2RlL2ZhcS8=">FAQ</span> </li> </ul> </div> </div> <div class="footer__subscribe"> <form action="#main" class="form footer__subscribe-form js-footer-subscribe"> <p class="footer__title">Unseren Newsletter abonnieren</p> <label class="form__label" for="email"> <input class="form__input" id="email" name="email" type="email" value="" placeholder="Ihre E-Mail-Adresse" required> <button class="form__submit" type="submit">Abonnieren</button> </label> </form> <div class="footer__widget widget js-show-feedback-modal"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">Fehlen Ihnen noch Informationen?</div> <p class="widget__subtitle"> <span class="widget__subtitle-text">Sagen Sie uns, was wir hinzufügen sollen</span> </p> </div> </div> </div> </div> <div class="footer__content footer__content--under"> <div class="footer__promo"> <svg width="22" height="22" class="footer__promo-icon icon icon-nice-check"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#nice-check"></use> </svg> <p class="footer__promo-text">Größte Auswahl an einzigartigen Orten</p> </div> <div class="footer__service-list"> <span class="footer__service-link js-link js-link-new" data-internal="L2RlL3ByaXZhY3kv">Datenschutzerklärung</span> <span class="footer__service-link js-link js-link-new" data-internal="L2RlL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Allgemeine Geschäftsbedingungen</span> <span class="footer__service-link js-link js-link-new" data-internal="L2RlL2NvcHlyaWdodC8=">Copyright-Benachrichtigung</span> </div> <div class="footer__social"> <ul class="footer__social-list"> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-facebook-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#facebook"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-twitter-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#twitter"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-instagram-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#instagram"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-google-plus-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#google-plus"></use> </svg> </li> </ul> </div> </div> <div class="footer__bottom"> <div class="footer__bottom-wrap"> <div class="footer__copyright">2024 © colognehotel.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: 'colognehotel.net', page: 'hotel_list', type: 'destination', lang_id: '2', lang: 'de', day: '16', month: '12', year: '2024', id: '2545274217', track: 'le14ytfmmsZlw6hU', currency: {"ID":"1","CurrencyID":"1","LangID":"2","Name":"US-Dollar","ExchangeRate":"1","Code":"USD","Symbol":"US$","FilterSymbol":"US$","ShowInFilter":"1","Prices":"0-100|100-200|200-300|300-","Priority":"360","SyncDate":"2018-08-21 10:00:00","URL":"\/type\/villas-24\/?currency=1"}, tob: false , sdom: 'https://www.colognehotel.net', sid: '116432', nid: '28', curr: 'US$', curr_rate: '1', obj_id: '18316', c_id: 18316, theme: '9001', map_params: { provider: '2', key: '' , lat: '50.937621', long: '6.968772' }, av_params: { multiBookRoomsInfo: '[{"adults":2,"children":[]}]', use: '0', from: '2024-12-17', to: '2024-12-18', adults: '2', children: '0', childrenTitle: 'Alter der Kinder:' }, messages: { f_name: 'Geben Sie Ihren Namen ein', f_email: 'Geben Sie eine gültige E-Mail-Adresse ein', f_subject: 'Bitte wählen Sie ein Thema', f_message: 'Geben Sie den Text ein', f_review: 'Bitte geben Sie Text ein', f_review_cons: 'Bitte geben Sie Text ein', f_month: 'Wählen Sie einen Monat aus', f_year: 'Wählen Sie ein Jahr aus', f_rating: 'Bewerten Sie diese Unterkunft', f_calendar:'Geben Sie Ihre Daten ein und prüfen Sie unsere spezielle Angebote', // TODO: Uncomment when vocab will be translated } , k: 'otn1cdye', v: '0cfe5024ab17af8f6159b85bfb6697d5' }; 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:'2', language:'de', isRtl: false , currentDay:'16', currentMonth:'12', currentYear:'2024', logId: '2545274217', track: 'le14ytfmmsZlw6hU', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.colognehotel.net', siteId:'116432', nid:'28', siteDomain: 'colognehotel.net', isCountriesLanguages: false , tob: false , currency:'US$', currencyRate:'1', objectId:'18316', hotelTheme:'9001', clickTrip: { destinationType: "city", cityId: "-1810561", subAccount: "dest-clicktrip-n28-161224-s116432-wle14ytfmmsZlw6hU-d9001-dc3" }, cityID: 18316, cityLocalName: "K\u00f6ln", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'50.937621' ,hotelLongitude:'6.968772' ,cityCenterLatitude: '50937073' ,cityCenterLongitude: '6960085' }, availableParams: { use:'0', dataFrom:'2024-12-17', dataTo:'2024-12-18', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'Bitte geben Sie Ihren Namen', messageEmail:'Bitte geben Sie eine gültige E-Mail-Adresse ein', messageSubject:'Bitte wählen Sie ein Thema', messageMessage:'Bitte geben Sie eine Nachricht ein', messageReview:'Bitte geben Sie Text ein', messageReviewCons:'Bitte geben Sie Text ein', messageMonth:'Bitte wählen Sie den Monat', messageYear:'Bitte wählen Sie das Jahr', messageRating:'Bitte bewerten Sie die Unterkunft', messageCountry:'Wählen Sie Ihr Land aus', next:'Nächste', prev:'Vorherige', messageCalendar:'Geben Sie Ihre Daten ein und prüfen Sie unsere spezielle Angebote' }, stopSpamKey:'otn1cdye', stopSpamValue:'0cfe5024ab17af8f6159b85bfb6697d5', }; </script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["setCookieDomain", "*.colognehotel.net"]); _paq.push(["setDomains", ["*.colognehotel.net"]]); _paq.push(['enableLinkTracking']); _paq.push(['setTrackerUrl', '/piwik.php']); _paq.push(['setSiteId', 116432]); _paq.push(['setCustomVariable', 1, 'btest', '0', 'visit']); _paq.push(['setCustomVariable', 1, 'language', 'de', 'page']); _paq.push(['trackPageView']); </script> <script async src="/piwik.js"></script> <noscript><p><img src="/piwik.php?idsite=116432" style="border:0;" alt="" /></p></noscript> <script defer type="module" src="/new/designs/90/build/destination-vendors/script.23a00d898430461181ad2f84eeb173c4.js"></script> <script defer type="module" src="/new/designs/90/build/destination/script.23a00d898430461181ad2f84eeb173c4.js"></script> <script nomodule src="/new/designs/90/build/destination-vendors/script-es5.87faa5ac0ed63f7471798e103afd3679.js"></script> <script nomodule src="/new/designs/90/build/destination/script-es5.87faa5ac0ed63f7471798e103afd3679.js"></script> </body> </html>