/*
Grau	455a64
Blau	01579B
Gelb	ffd023
Footer dark	37474f
*/

/** Materialize v1.0.0 Novum */
html,body{font-size:14px;line-height:1.58;color:#455a64}
@media only screen and (min-width:993px){html,body{color:#455a64}}
.container{max-width:1024px}
.btn-flat{text-transform:none!important;border-radius:4px;-webkit-border-radius:4px}
.btn-flat.yellow{background:#ffd023!important;color:#37474f!important}
.btn-flat.blue{background:#01579B!important;color:#fff!important}
.btn.blue{background:#01579B!important;color:#fff!important}
.text-yellow{color:#ffd023!important}
.text-blue{color:#01579B!important}
.dropdown-content::-webkit-scrollbar-track{background-color:#fff}
.dropdown-content::-webkit-scrollbar{width:8px;height:8px;background-color:#fff}
.dropdown-content::-webkit-scrollbar-thumb{background-color:#cfcfcf}
.dropdown-content{min-width:182px;border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px}
.dropdown-content li{border-bottom:1px solid #dadce0;text-transform:none;position:relative;min-width:180px}
.dropdown-content li:last-child{border-bottom:none}
.dropdown-content li:hover,.dropdown-content li.selected{background-color:#f5f5f5!important}
.dropdown-content li span{color:#455a64}
.dropdown-content li img{position:absolute;right:16px}
.waves-effect.waves-blue .waves-ripple{background-color: rgba(1,87,155,.25)}
.fixed-action-btn{bottom:82px;display:none}
.btn-floating{height:44px;width:44px}
.btn-floating i{line-height:44px}
.btn-floating,.btn-floating:hover{background-color:#455A64!important}
.fixed-action-btn.toolbar ul{margin:0 auto;max-width:256px}
.fixed-action-btn.toolbar ul li{max-width:84px}
@media only screen and (max-width:992px){.fixed-action-btn{right:16px}}
.carousel .indicators .indicator-item{background-color:rgba(0,0,0,0.15)}
.carousel .indicators .indicator-item.active{ background-color:#01579B}



/** Daterangepicker v3.0.5 Novum */.daterangepicker{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);color:#455a64;font-family:'Roboto',sans-serif!important}.daterangepicker th{font-size:12px!important;font-weight:100;color:rgba(0,0,0,.5)}.daterangepicker .calendar-table td,.daterangepicker .calendar-table th{padding:8px;font-size:14px}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#ffecb3}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#01579B!important}.daterangepicker td.in-range{background-color:#f5f5f5}.daterangepicker td.disabled{color:#fff!important;text-decoration:none}.daterangepicker td.off.ends.available{color:rgba(0,0,0,.5)!important;background-color:#fff!important}.daterangepicker th.month{font-size:16px!important;font-weight:100;color:#455a64}.daterangepicker .cancelBtn{border:1px solid rgba(0,0,0,.2);color:#455a64;text-transform:none;background:transparent;padding:0 16px!important;-webkit-box-shadow:none;box-shadow:none}.daterangepicker .applyBtn{text-transform:none;background:#01579B;padding:0 16px!important}.daterangepicker:before,.daterangepicker:after{display:none}
/** MapBox v1.8.1 Novum */
.mapboxgl-ctrl-logo,.mapboxgl-popup-tip{display:none!important}
.mapboxgl-popup{background:#fff;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)}
.mapboxgl-popup-content{box-shadow:none;-webkit-box-shadow:none;;padding:0px}
.mapboxgl-popup-content img{width:100%;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-right-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px}
.mapboxgl-popup-content .content{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:0 .75rem}
.mapboxgl-popup-content .content a{color:#455a64}
.mapboxgl-popup-content .rating{height:21px}
.mapboxgl-popup-content .rating i{position:relative;font-size:16px;top:2px;margin-right:4px}
.mapboxgl-popup-content .rating.open{color:#b71c1c;margin-bottom:1.25rem}
.mapboxgl-popup-content .price{background:#01579B;color:#fff;padding:1px 8px;border-radius:16px;-webkit-border-radius:16px;display:inline-block;float:right;margin-bottom:1.25rem}
.mapboxgl-popup-content .closed{color:#b71c1c;padding:1px 8px;display:inline-block;float:right;margin-bottom:1.25rem}


/** MapBox Geocoder v4.4.2 Novum */
#geocoder{width:360px}
.mapboxgl-ctrl-geocoder{width:356px;height:40px;box-shadow:none;z-index:3;background:transparent;font-family:'Roboto',sans-serif!important}
.mapboxgl-ctrl-geocoder input{width:306px}
.mapboxgl-ctrl-geocoder input:focus{color:#01579B}
.mapboxgl-ctrl-geocoder--icon{top:10px}
.mapboxgl-ctrl-geocoder--button .mapboxgl-ctrl-geocoder--icon{margin-top:6px}
.mapboxgl-ctrl button:not(:disabled):hover{background:transparent!important}

.mapboxgl-ctrl-geocoder .title{width:344px;background:#01579B;color:#fff;height:38px;line-height:32px;padding-left:16px;font-size:.9em;position:absolute;top:0px;z-index:100;border-top-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px}
.mapboxgl-ctrl-geocoder .title i{margin-right:6px;font-size:18px;position:relative;display:inline-block;top:4px;height:32px;line-height:32px;font-weight:100}
.mapboxgl-ctrl-geocoder .title.hotels{margin-left:344px;border-left:1px solid #ddd;border-top-left-radius:0px;-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-right-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px}

.mapboxgl-ctrl-geocoder .title .mobile{display:none}
.mapboxgl-ctrl-geocoder .title .mobile .locations{display:inline-block;float:left;padding-right:16px}
.mapboxgl-ctrl-geocoder .title .mobile .hotels{display:inline-block;float:right;padding-right:16px}
.mapboxgl-ctrl-geocoder .title .mobile .switch{margin-left:calc(50% - 90px);width:30px;text-align:center;display:inline-block}
.mapboxgl-ctrl-geocoder .title .mobile .switch i{color:rgba(255,255,255,.8)}

#geocoderSearch .suggestions-wrapper,#geocoderSearch2 .suggestions-wrapper{position:relative;box-shadow:0 0 10px 2px rgba(0,0,0,.1)!important;-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,.1)!important;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background:#fff;overflow: hidden;border: 1px solid #ddd;z-index: 100!important;width:688px;height:362px;display:none}
#geocoderSearch .suggestions,#geocoderSearch2 .suggestions{top:39px!important;height:322px!important;max-height:322px!important;width:344px!important;left:1px!important;z-index:unset!important;border-radius:0px!important;-webkit-border-radius:0px!important;-moz-border-radius:0px!important;border-bottom-left-radius:0px!important;-webkit-border-bottom-left-radius:4px!important;-moz-border-radius-bottomleft:4px!important;box-shadow:none!important;-webkit-box-shadow:none!important}
#geocoderSearch .suggestions.suggestions-hotels,#geocoderSearch2 .suggestions.suggestions-hotels{margin-left:344px!important;overflow-x:hidden!important;overflow-y:scroll!important;width:342px!important;max-height:321px;border-radius:0px!important;-webkit-border-radius:0px!important;-moz-border-radius:0px!important;border-bottom-right-radius:4px!important;-webkit-border-bottom-right-radius:4px!important;-moz-border-radius-bottomright:4px!important;border-left: 1px solid #dadce0	}

@media only screen and (max-width:1200px){	
	#geocoderSearch .suggestions-wrapper,#geocoderSearch2 .suggestions-wrapper{width:100%}
	#geocoderSearch .suggestions,#geocoderSearch2 .suggestions{width:100%!important}
	.mapboxgl-ctrl-geocoder .title{width:100%;border-top-right-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px}
	/*
	.mapboxgl-ctrl-geocoder .title.hotels{margin-left:0px;width:100%;position:absolute;top:404px;border-radius:0px!important;-webkit-border-radius:0px!important;-moz-border-radius:0px!important}
	#geocoderSearch .suggestions.suggestions-hotels,#geocoderSearch2 .suggestions.suggestions-hotels{width:100%!important;margin-left:0px!important;top:436px!important;left:1px!important}
	*/
	#geocoderSearch .suggestions.suggestions-hotels,#geocoderSearch2 .suggestions.suggestions-hotels{width:100%!important;margin-left:0px!important;top:39px!important;display:none}
	.mapboxgl-ctrl-geocoder .title .mobile{display:block}
	.mapboxgl-ctrl-geocoder .title .desktop{display:none}
	.mapboxgl-ctrl-geocoder .title.hotels{display:none}
}
.suggestions strong{color:#01579B;font-weight:100}
.suggestions-hotels::-webkit-scrollbar-track{background-color:#fff}
.suggestions-hotels::-webkit-scrollbar{width:8px;height:8px;background-color:#fff}
.suggestions-hotels::-webkit-scrollbar-thumb{background-color:#cfcfcf}
.suggestions li{width:100%;min-height:50px;line-height:1.5rem;color:#455a64;background:#fff!important;border-bottom:1px solid #dadce0;padding:14px 16px;height:64px}
.suggestions li:last-child{border-bottom:0px}
.suggestions-hotels li:last-child{border-bottom:1px solid #dadce0}
.suggestions li:hover{background-color:#ffecb3!important;cursor:pointer}
.suggestions li a{padding:0px!important;font-family:'Roboto',sans-serif!important;color:#455a64!important}
.suggestions li a:hover{background-color:#ffecb3!important}
#geocoder .suggestions li a{padding-top:12px!important}
.suggestions li.selected a{background:#fff!important}
.suggestions > .active > a{background-color:#fff!important}
.suggestions > .active > a:hover{background-color:#ffecb3!important}
.suggestions > .active:hover > a{background-color:#ffecb3!important}
.suggestions .mapboxgl-ctrl-geocoder--suggestion{font-family:'Roboto',sans-serif!important;text-transform:none!important;letter-spacing:0px!important;font-size:16px;font-weight:100!important}
.suggestions .mapboxgl-ctrl-geocoder--suggestion-title{font-weight:100!important;font-size:16px}
.suggestions .mapboxgl-ctrl-geocoder--suggestion-address{font-weight:100!important;font-size:12px;line-height:14px;color:rgba(0,0,0,.5)}



/* General HTML */
html,body{font-family:'Roboto',sans-serif!important}
strong{font-weight:600}
h2,h3,h4,h5{font-weight:900;margin:0px;color:#455a64}
p{line-height:1.58}



/* General Novum */
.container.text{margin-bottom:96px}
.container.text h5{margin-top:36px}
.container.text .material-icons-sharp{font-size:16px;line-height:16px;vertical-align:middle}


.section-colored{padding:52px 0 40px 0;margin-bottom:109px}
.section-colored.grey{background:#F6F7F7!important}
.section-colored.yellow{background:#ffd023!important}

.stars{display:inline-block;position:relative;height:16px;width:80px;overflow:hidden}
.stars .base,.stars .rating,.stars .rating .stars{position:absolute;top:0px;left:0px;overflow:hidden;width:80px;height:16px}
.stars i{font-size:16px;line-height:16px;margin:0px}
.stars .base i{color:#bdbdbd}
.stars .rating i{color:#ffd023}

.setting{cursor:pointer;border:1px solid #323232;background:#37474f;color:#fff;font-size:12px;line-height:26px;display:inline-block;padding:0px 12px;cursor:pointer;height:26px;min-width:40px;text-align:center;text-transform:uppercase}
.setting a{text-decoration:none!important;color:#fff!important;font-size:12px!important;line-height:12px!important}
.setting a .material-icons-sharp{font-size:16px;margin:4px 8px 0 0}

@media only screen and (min-width:993px){.desktop-right{text-align:right}}
@media only screen and (max-width:600px){.hide-mobile{display:none};.show-mobile{display:inline-block}}
@media only screen and (min-width:601px){.show-mobile{display:none}}
.full-height{max-height:100%!important/*;overflow:auto!important*/}


section .articles .image{position:relative;border-radius:5px;-webkit-border-radius:5px;background-color:rgba(0,0,0,.06);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-clip:border-box;box-sizing:border-box;overflow:hidden}
section .articles .image:before{content:"";display:block;padding-top:100%}
section .articles .image img{display:none}
section .articles .image a{display:block;position:absolute;top:0;right:0;left:0;bottom:0;z-index:5;-webkit-transition:background .4s ease-out;-moz-transition:background .4s ease-out;-o-transition:background .4s ease-out;transition:background .4s ease-out}
section .articles .image a:hover{background:rgba(0,0,0,.2)}
section .articles a,section .all a{color:#01579B;font-size:13px;font-weight:900;line-height:19px;text-transform:uppercase;display:inline-block;letter-spacing:1px}
section .articles a .material-icons-sharp,section .all a  .material-icons-sharp{margin-left:0px;font-size:18px;font-weight:900}
section .articles a.clean{font-weight:initial;font-size:14px;line-height:21px;text-transform:none;display:block;letter-spacing:initial}



.booking-form{margin-bottom:0px}
.booking-form .input-field{border:1px solid #01579B;border-radius:4px;-webkit-border-radius:4px;color:#01579B;position:relative;height:50px;width:99%}
.booking-form .material-icons-sharp{font-size:30px;position:absolute;top:9px;left:10px}
.booking-form label{position:absolute;top:1px;left:8px;background:#fff;color:#01579B;padding:0 9px;height:20px;overflow:hidden}
.booking-form .input-field>label:not(.label-icon).active {-webkit-transform:translateY(-11px) scale(0.8);transform:translateY(-11px) scale(0.8);-webkit-transform-origin:0 0;transform-origin:0 0}
.booking-form .travelDestination label{left:40px}
.booking-form .input-field.travelDestination>label:not(.label-icon).active {-webkit-transform:translateY(-11px) translateX(-32px) scale(0.8);transform:translateY(-11px) translateX(-32px) scale(0.8)}
.booking-form .travelGuests label{left:2px}
.booking-form .input-field.travelGuests>label:not(.label-icon).active {-webkit-transform:translateY(-11px) translateX(6px) scale(0.8);transform:translateY(-11px) translateX(6px) scale(0.8)}
.booking-form input{background:transparent!important;border:0px!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#01579B!important;font-weight:600;font-size:16px;line-height:19px;margin:0px}
.booking-form .input-field.travelArrival{width:calc(38.33334% - 16px);display:inline-block;margin:0 16px 0 0}
.booking-form .input-field.travelDeparture{width:calc(38.33334% - 16px);display:inline-block;margin:0 16px 0 0}
.booking-form .input-field.travelGuests{width:calc(25.33334% - 16px);display:inline-block}
.booking-form .travelDestination input{padding:0 16px 0 48px;max-width:calc(99% - 62px)}
.booking-form .travelArrival input{padding:0 16px}
.booking-form .travelDeparture input{padding:0 16px}
.booking-form .travelGuests input{text-align:center}
.booking-form ul{margin:0px}
.booking-form .btn-flat{height:50px;line-height:50px;text-align:center;padding:0 48px;margin-top:14px;width:100%}
.booking-form .select_search_output{top:44px;left:4px;position:absolute;z-index:9999;background:#fff}
.booking-form .select_search_output li{width:100%;color:#455a64;padding:.6rem 1rem;font-size:16px;line-height:17px;cursor:pointer}
.booking-form .select_search_output li div{padding:0 96px 0 36px}
.booking-form .select_search_output li div span{display:block;height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.booking-form .select_search_output li .material-icons-sharp{position:relative;font-size:20px;margin-right:8px;left:0px;top:6px;float:left}
.booking-form .select_search_output li .material-icons-sharp.location_on{color:#d81b60;font-size:24px}
.booking-form .select_search_output li .material-icons-sharp.business{color:#455a64}
.booking-form .select_search_output li.selected{background:#eee!important}


.article-slider{margin-left:.75rem;width:calc(100% - 1.4rem);max-width:calc(100% - 1.4rem);position:relative}
.article-slider .slide{height:auto}
.article-slider .slide.w3{width:324px}
.article-slider .slide.w4{width:239px}
.article-slider .navigate{position:absolute;top:92px;right:-12px;height:36px;width:36px;cursor:pointer;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;background:#fff;padding:6px;border-radius:20px;-webkit-border-radius:20px}
.article-slider .navigate.backward{left:-12px}



/* Header & Navigation */
header{height:40px;background:#455A64}
header h1{display:none}
header a{color:#ffd023}
header .row{margin:0px}
header p{color:#fff;font-size:12px;line-height:40px;margin:0 .75rem}
header .col{height:40px;display:flex;display:-webkit-flex}
header .cont{margin:auto 1.5rem auto auto}
header .setting{margin:7px 0}
nav{box-shadow:none;-webkit-box-shadow:none}
nav .nav-wrapper{border-bottom:1px solid #ddd}
nav .brand-logo{top:12px;left:1.5rem}
nav .brand-logo img{width:48px;height:auto}
nav ul{margin:1rem 1.5rem}
nav li a{color:#455a64;text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:1px}
nav a.sidenav-trigger{color:#455a64}
ul.sidenav{padding-top:36px}
.setLng img{top: 17px}
.setCur{width:240px!important}

@media only screen and (max-width:992px){header .cont{margin-right:.5rem}header .info{display:none}nav .brand-logo img{width:36px}nav .brand-logo{top:4px;left:2.5rem}}
@media only screen and (min-width:993px){nav,nav .nav-wrapper i,nav a.sidenav-trigger,nav a.sidenav-trigger i {height:96px}}
@media only screen and (max-width:600px){nav .brand-logo img{width:30px}nav .brand-logo{top:4px;left:2.5rem}header{height:50px}header .cont{margin:3px .75rem 0 auto}header .cont .setting{margin:8px 0 0 12px}}


/* Breadcrumbs */
nav#breadcrumbs{color:#455A64;background:#fff;text-align:left;font-size:12px;padding:0 .75rem .75rem .75rem;height:96px}
nav#breadcrumbs a{color:#01579B;font-size:12px;text-transform:none;font-weight:100;letter-spacing:normal}



/* Quickbooker */
.quickbooker{position:absolute;z-index:10;left:0px;top:58px;width:382px;border-radius:8px;-webkit-border-radius:8px;background-color:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,0.1);padding:32px 18px}
.quickbooker .bestprice{position:absolute;top:-32px;right:-32px;border-radius:50%;-webkit-border-radius:50%;box-sizing:border-box;height:95px;width:95px;padding-top:12px;border:4px solid #fafcfc;background-color:#ffd023;text-align:center;transform:rotate(-10deg)}
.quickbooker .bestprice .material-icons-sharp{color:#fff}
.quickbooker .bestprice .text{height:26px;width:90px;color:#37474f;font-size:11px;font-weight:900;line-height:13px;text-transform:uppercase}
.quickbooker h2{font-size:33px;line-height:40px;width:calc(100% - 32px)}
.quickbooker p{font-size:16px;line-height:24px}
/*
.quickbooker .booking-form .travelDestination{margin-bottom:4px}
.quickbooker .booking-form .btn-flat{margin-top:0px}
*/
@media only screen and (max-width:992px){.quickbooker{position:relative;margin:0 auto}}
@media only screen and (max-width:600px){.quickbooker{width:100%}.quickbooker .bestprice{display:none}}


/* Main gallery */
section.main-gallery{margin-bottom:96px}
section.main-gallery .container{position:relative;margin-bottom:0px;max-width:1240px}
section.main-gallery .gallery{margin-left:268px;height:650px;overflow:hidden}
section.main-gallery .slide{height:650px;width:482px}
section.main-gallery .navigate{top:32px;right:36px}
section.main-gallery .navigate.backward{right:86px;left:auto}
section.main-gallery .teaser{height:650px;width:482px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-clip:border-box;box-sizing:border-box;overflow:hidden}
section.main-gallery .teaser:before{content:"";display:block;padding-top:100%}
section.main-gallery .teaser img{display:none}
section.main-gallery .teaser a{display:block;position:absolute;top:0;right:0;left:0;bottom:0;z-index:5;background:rgba(0,0,0,.2);-webkit-transition:background .4s ease-out;-moz-transition:background .4s ease-out;-o-transition:background .4s ease-out;transition:background .4s ease-out}
section.main-gallery .teaser a:hover{background:rgba(0,0,0,.4)}
section.main-gallery .teaser .content{position:absolute;z-index:8;bottom:14px;margin:0 30px}
section.main-gallery .teaser .content h2{color:#fff;font-size:36px;line-height:48px}
section.main-gallery .teaser .content p{color:#fff;font-size:16px;line-height:21px;margin-top:6px;width:calc(100% - 100px);display:inline-block}
section.main-gallery .teaser .content .price{color:#fff;font-size:28px;line-height:37px;font-weight:900;display:inline-block;text-align:right;width:96px}
section.main-gallery .teaser .content .price .from{font-size:14px;line-height:19px;font-weight:100}
section.main-gallery .navigate{position:absolute;bottom:30px;top:auto;right:30px;height:36px;width:36px;cursor:pointer;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;background:#fff;padding:6px;border-radius:20px;-webkit-border-radius:20px}
section.main-gallery .navigate.backward{right:76px;left:auto}

@media only screen and (max-width:1200px){
		section.main-gallery{padding:0px;margin:0 0 2.75rem 0}
		section.main-gallery.section-colored.grey{background:#fff!important}
		section.main-gallery .container{height:auto;margin:0px;max-width:100%;width:100%}
		section.main-gallery .gallery{margin:0px;width:100%;max-width:100%}
		section.main-gallery .teaser{height:350px;border-radius:0px;-webkit-border-radius:0px}
		section.main-gallery .teaser .content{bottom:68px}
		section.main-gallery .quickbooker .bestprice{display:none}
		section.main-gallery #headlineBooker{position:relative;top:0px;width:72%;max-width:1024px;margin:0 auto;border-radius:0px;-webkit-border-radius:0px;box-shadow:none;-webkit-box-shadow:none}
		section.main-gallery #headlineBooker .travelPeriod{width:48%;float:left}
		section.main-gallery #headlineBooker .travelPax{width:48%;float:right}
}
@media only screen and (max-width:600px){
	section.main-gallery #headlineBooker{width:100%;max-width:100%}
	section.main-gallery .teaser{width:100%!important}
	section.main-gallery .headline h2{font-size: 26px;line-height: 1.4;letter-spaciing:inherit}
}

/* Section List */
section.list{margin-bottom:64px}
section.list .headline h2{font-size:24px;line-height:32px}
section.list .headline .col.all{text-align:right;padding:36px 8px 0 0}
section.list .headline p{margin:8px 0 14px 0;font-size:16px}
section.list .articles{margin-bottom:0px}
section.list .articles .image{height:221px;border-radius:0px;-webkit-border-radius:0px}
section.list .articles .content{padding:0 14px 0 20px}
section.list .articles .content .stars_block{margin-top:8px;display:inline-block}
section.list .articles .content .price{margin-top:8px;display:inline-block;float:right;color:#01579B;font-weight:900;font-size:20px;line-height:26px}
section.list .articles .content .price .from{font-weight:100;font-size:12px}
section.list .articles .content  h4{font-size:18px;line-height:24px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
section.list .articles .content p{color:#455a64;font-size:14px;line-height:21px;margin-top:4px;padding-right:14px;display:inline-block;width:calc(100% - 60px)}
section.list .articles .content .material-icons-sharp.place{background:#F6F7F7;border:1px solid #ddd;padding:4px 6px;font-size:28px}
section.list .articles.cities .content{padding:8px 0 0 0;margin-bottom:8px}
section.list .articles.cities .content h4{max-width:calc(100% - 70px);display:inline-block}
section.list .articles.cities .content .price{margin-top:0px}
@media only screen and (max-width:992px){section.list .headline .col.all{text-align:left;padding:12px 0 10px .75rem}}
@media only screen and (max-width:600px){section.list .headline .col.all{padding:12px 0 10px .75rem}}


/* Section Box */
section.box{margin-bottom:109px;overflow:hidden}
section.box .headline{margin-bottom:36px}
section.box .headline h2{font-size:36px;line-height:48px}
section.box .headline p{margin-bottom:0px}
section.box .headline .action-link{display:none}
section.box .articles .image{height:240px}
section.box .articles .image .banner{font-weight:900;z-index:6;position:absolute;top:30px;right:-36px;transform:rotate(45deg);text-align:center;padding:2px 0;min-width:150px;font-size:11px;text-transform:uppercase;letter-spacing:1px}
section.box .articles .image .sticker{z-index:6;position:absolute;top:16px;left:16px}
section.box .articles .image .sticker img{display:block}
section.box .articles .content{padding:0 24px 0 20px}
section.box .articles .content h4{font-size:20px;line-height:26px;margin:16px 0}
section.box .articles .content h5{font-size:12px;line-height:16px;margin:-12px 0 16px 0;text-transform:uppercase}
section.box .articles .content .sep_line{height:1px;width:50px;opacity:0.1;background-color:#000}
section.box .articles .content  p{margin-top:16px}
section.box .articles .content a.clean{display:inline-block!important}
section.box .articles.list{padding-top:20px}
section.box .articles.list article>div{position:relative}
section.box .articles.list .material-icons-sharp{position:absolute;left:14px;top:27px;background:#455a64;color:#ffd023;border-radius:50%;padding:12px;font-size:32px}
section.box .articles.list .content{padding:0px;display:inline-block;padding-left:86px;margin-top:32px;overflow:hidden}
section.box .articles.list .content h4{font-size:16px;line-height:21px;margin:0px}
section.box .articles.list .content p{margin:4px 0 0 0}
section.box .articles.list .content img{display:inline-block}
@media only screen and (min-width:1201px){
	section.box .headline p{max-width:368px;margin:9px 0 0 calc(100% - 368px)}	
}
@media only screen and (max-width:992px){
	section.box .headline .action-link{display:block}
	section.box .headline{margin-bottom:16px}
	section.box #homeMap{margin-top:16px}
	section.box  .icons.first{margin-bottom:0px;padding-top:0px}
	section.box  .icons{display:none}
}
@media only screen and (max-width:600px){
	section.box .articles{padding:0px!important;border:none}
	section.box.sm{margin-bottom:64px}
	section.box .headline h2{font-size: 26px;line-height: 1.4;letter-spaciing:inherit}
	/*section.box .headline h2{font-size:30px;line-height:42px}*/	
}



/* Home google map */
#homeMap{width:100%;height:400px;border-radius:10px;-webkit-border-radius:10px;margin-top:64px;background:#ddd}



/* Section Inline-Booking */
section.inline-booking{padding:52px 0 24px 0}
section.inline-booking .headline{padding-bottom:25px;margin:0px}
section.inline-booking .headline h2{font-size:36px;line-height:48px}
section.inline-booking .booking label{background:#ffd023}
section.inline-booking .booking #geocoderSearch2{margin-bottom:24px}
section.inline-booking .booking .mapboxgl-ctrl-geocoder{top:5px;width:100%;background-color:#ffd023}
section.inline-booking .booking .mapboxgl-ctrl-geocoder--input{text-align:left;padding:0 16px 0 42px!important;background-color:#ffd023;width:calc(100% - 58px)}
section.inline-booking .booking .mapboxgl-ctrl-geocoder--input::-webkit-input-placeholder{color:rgba(0,0,0,.5)}
section.inline-booking .booking .mapboxgl-ctrl-geocoder--input::-ms-input-placeholder{color:rgba(0,0,0,.25)}
section.inline-booking .booking .mapboxgl-ctrl-geocoder--input::placeholder{color:rgba(0,0,0,.5)}
section.inline-booking .booking .mapboxgl-ctrl-geocoder--button .mapboxgl-ctrl-geocoder--icon{background-color:#ffd023}
section.inline-booking .booking .btn-flat{height:50px;line-height:50px;margin-bottom:24px}
@media only screen and (max-width:1200px){section.inline-booking .booking .btn-flat{width:auto;margin-right:.75rem}}
@media only screen and (max-width:600px){
	section.inline-booking .headline h2{font-size: 26px;line-height: 1.4;letter-spaciing:inherit}
}


/* Footer */
footer{background-color:#455a64}
footer .main{padding:72px 0 48px 0}
footer .main h4{color:#fff;font-size:14px;font-weight:900;line-height:19px;text-transform:uppercase;border-bottom:1px solid #37474f;padding:12px;letter-spacing:1px}
footer .main li{padding:8px 12px}
footer .main li a{color:#fff;display:block}
footer .main .newsletter{margin-bottom:16px}
footer .main .newsletter p{color:#fff;font-size:12px;padding-left:12px;margin:0px;padding-top:8px}
footer .main .newsletter input[type=text]{background:#37474f;line-height:40px;padding:0 16px;border:1px solid #323232;border-radius:4px;-webkit-border-radius:4px;margin:16px 2px 0 12px;display:inline-block;max-width:calc(100% - 160px);height:40px}
footer .main .newsletter input:focus{border-bottom:1px solid #ffd023!important;box-shadow:0 1px 0 0 #ffd023!important;-webkit-box-shadow:0 1px 0 0 #ffd023!important}
footer .main .newsletter .waves-input-wrapper{height:42px;line-height:42px}
footer .main .newsletter .btn-flat{padding:0 6px}
footer .main .social{padding:0 8px}
footer .cont{margin:auto 0}
footer .copyright{background:#37474f;min-height:55px}
footer .copyright .company{display:inline-block;padding-right:16px}
footer .copyright .company-menu{display:inline-block}
footer .copyright .company-menu a{color:#fff;font-size:12px;text-decoration:underline}
footer .copyright .row{margin:0px;color:#fff;font-size:12px}
footer .copyright .col{min-height:55px;display:flex;display:-webkit-flex}
footer .copyright .sep{margin:0 8px}
footer .copyright .setting{margin:0px}
.scroll-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;display:none;z-index:3000;background-color:rgba(0,0,0,.15);color:#fff;cursor:pointer;text-align:center}
.scroll-top:hover{background-color:rgba(0,0,0,.3)}
.scroll-top i{font-size:36px;margin-top:3px}
@media only screen and (max-width:992px){.scroll-top{right:16px}}

@media only screen and (max-width:600px){footer .cont{text-align:center}footer .copyright .company{padding-right:0px}footer .copyright .setting{margin:0px 12px 0 0}}
@media only screen and (min-width:993px){footer .cont{margin:auto 0 auto auto}}
@media only screen and (max-width:992px){footer .main .row .col.xl6:last-child{padding-top:48px}footer .cont{margin:24px auto 48px auto}}
@media only screen and (min-width:1201px){footer .main .row .col.xl3.w20{width:20%}footer .main .row .col.xl3.w35{width:40%}}
@media only screen and (max-width:1200px){footer .main .row .col.xl3.w20,footer .main .row .col.xl3.w35{padding-bottom:48px}}




section.listing h2{font-size:2rem}
section.listing .articles{padding:48px 0 0 0;margin-bottom:0px;border-top:1px solid rgba(0,0,0,.1)}
section.listing .articles:first-child{border-top:none}
section.listing .articles .content{height:192px}
section.listing .articles .content .infoText{margin-top:-8px}
section.listing .articles .content .infoText table{margin-bottom:1.5rem}
section.listing .articles .content .infoText td{padding:4px 0}
section.listing .articles.cities .content{height:112px}
section.listing .articles.cities .content p{margin-top:-12px;width:100%}
section.listing .articles.cities .content .infoText{margin-top:-12px}



section.gds .articles .content{height:296px;padding-top:.75rem}
section.gds .input-field{margin-top:2rem;position:relative}
section.gds .input-field input:focus{border-bottom:1px solid #01579B!important;box-shadow:0 1px 0 0 #01579B!important;-webkit-box-shadow:0 1px 0 0 #01579B!important}
section.gds .input-field>label{color:#01579B!important}
section.gds .input-field .clear-filter{position:absolute;right:.75rem;top:1rem;cursor:pointer}
section.gds .input-field .clear-filter i{font-size:18px}
@media only screen and (min-width:993px){
	section.gds .input-field{max-width:320px;margin-left:calc(100% - 320px)}
}

/* FAQ */
section.faq h2{font-size:2.28rem;line-height:110%}
section.faq h3{font-size:1.28rem;line-height:110%}
section.faq h3 i{font-size:1.5em!important;margin-right:.5rem;color:#01579B}
section.faq .articles{padding:48px 0 0 0;border-top:1px solid rgba(0,0,0,.1)}
section.faq .articles a{color:#039be5;font-size:inherit;font-weight:100;text-transform:none;letter-spacing:inherit}
section.faq .articles h5{margin-bottom:1.75rem;font-size:1.15rem;font-weight:600}
section.faq .collapsible{box-shadow:none;border:none;margin-bottom:5rem;margin-top:0px;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);}
section.faq .collapsible .collapsible-header{padding:1.5rem}
section.faq .collapsible .collapsible-header i{color:#01579B;font-weight:100!important}
section.faq .collapsible li.active .collapsible-header{font-weight:600;border-bottom:none}
section.faq .collapsible .collapsible-body{padding:0 2rem 2rem 4rem}
section.faq .collapsible .collapsible-body p{max-width:680px}
section.faq .collapsible-body ul{padding-left:1.25rem;max-width:680px}
section.faq .collapsible .collapsible-body li{list-style-type:square}
section.faq .tabs .tab  a{color:#455a64!important;background:rgba(0,0,0,.05);font-weight:900;font-size:14px;line-height:48px;border:1px solid rgba(0,0,0,.1);border-left:0px}
section.faq .tabs .tab:first-child{border-left:1px solid rgba(0,0,0,.1)}
section.faq .tabs .tab a:hover{background:rgba(0,0,0,.05)}
section.faq .tabs .tab a.active{color:#01579B!important;background:#fff;border-bottom:0px}
section.faq .tabs .tab a.active:hover{background:#fff}
section.faq .tabs .indicator{background-color:#01579B}
section.faq .tabs .tab a:focus,section.faq .tabs .tab a:focus.active{background-color:transparent!important}
section.faq .tabs .indicator{display:none}
section.faq .selDepartment{font-size:16px;display:inline-block;padding:10px 1.75rem 0 0}

form.contact .headline{font-weight:600;font-size:16px;margin-bottom:1.75rem}
form.contact .box2{margin-top:-2.75rem}
form.contact .box2 .select-wrapper,form.contact .box2 input{min-width:360px;width:auto!important;display:inline-block}
form.contact .box3{max-width:800px;margin:1.75rem auto 0 auto;text-align:right;display:none}
form.contact input,form.contact input.valid{border-bottom:1px solid rgba(0,0,0,.15)!important;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}
form.contact input:focus,form.contact textarea:focus{border-bottom:1px solid #01579B!important;-webkit-box-shadow:0 1px 0 0 #01579B!important;box-shadow:0 1px 0 0 #01579B!important}
iform.contact nput:-webkit-autofill,form.contact input:-webkit-autofill:hover,form.contact input:-webkit-autofill:focus,form.contact input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px white inset!important}
form.contact .input-field>label{font-size:16px}
form.contact .input-field>label.active{color:#01579B!important}
form.contact .input-field>label span.error{padding-left:.5rem;font-size:.85em;color:#B00020!important}
form.contact textarea{font-size:16px;height:auto;border:none;border-bottom:1px solid rgba(0,0,0,.1)!important;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;outline:none}
form.contact .row.box,form.contact .row .input-fieldc{display:none}
form.contact #submitbutton{border-bottom: none!important;margin:1.75rem 0 5.75rem 0}
form.contact #submitSuccess,section.faq #submitError{box-shadow:none;-webkit-box-shadow:none;padding-top:18px}
form.contact #submitError{position:relative;top:-4rem}
form.contact .advselect input,form.contact .advselect .select2-selection__arrow{display:none}
form.contact .advselect .select2-container{width:100%!important}
form.contact .advselect .select2-selection{background-color:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.15);border-radius:0;outline:none;height:3rem;width:100%;font-size:16px;margin:0 0 8px 0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition:border .3s, -webkit-box-shadow .3s;transition:border .3s, -webkit-box-shadow .3s;transition:box-shadow .3s, border .3s;transition:box-shadow .3s, border .3s, -webkit-box-shadow .3s}
form.contact .advselect .select2-selection__rendered{line-height:43px;padding-left:0px}
form.contact .advselect .select2-selection__clear{margin-top:10px}
.select2-dropdown{border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);    box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)}
.select2-search__field{margin-left:-4px!important;padding-left:.75rem!important;width:calc(100% - 3px)!important;border:none!important;border-bottom:1px solid #01579B!important;-webkit-box-shadow:0 1px 0 0 #01579B!important;box-shadow:0 1px 0 0 #01579B!important;border-radius:0px;-webkit-border-radius:0px;-webkit-appearance: none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}
.select2-results__options li{border-bottom:1px solid #dadce0;text-transform.contact:none;position:relative;min-width:180px;color:#455a64;font-size: 16px;line-height:22px;padding:14px 16px}
.select2-results__options li:last-child{border-bottom:none}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,.select2-results__options li:hover,.dropdown-content li.selected{color:#455a64!important;background-color:#f5f5f5!important}
.select2-results__options::-webkit-scrollbar-track{background-color:#fff}
.select2-results__options::-webkit-scrollbar{width:8px;height:8px;background-color:#fff}
.select2-results__options::-webkit-scrollbar-thumb{background-color:#cfcfcf}
@media only screen and (min-width:993px){
	section.faq .headline.top{margin:32px 0 0 0}
	form.contact .box{max-width:800px;border-radius:8px;-webkit-border-radius:8px;background-color:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,0.1);padding:32px 18px 18px 18px}
}	
@media only screen and (max-width:992px){
	form.contact #Kontaktdaten{margin-top:2.75rem}
}





/* Hotellist */
header.fixed{position:fixed;z-index:9999;width:100%}
#top-menu{z-index:9999}
nav.map-listing{height:76px;top:40px}
nav.map-listing .brand-logo{top:9px}
nav.map-listing .brand-logo img{width:38px}
nav.map-listing input{color:#01579B;font-family:'Roboto',sans-serif!important;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;height:42px!important;line-height:42px;margin:0px!important;padding:0px 16px 0 36px!important}
nav.map-listing ul.hide-on-med-and-down{margin-left:114px}
nav.map-listing ul.hide-on-med-and-down > li{padding-top:3px;position:relative}
nav.map-listing label{background:#fff;color:#01579B;position:absolute;z-index:10;top:3px;left:6px;line-height:12px;display:inline-block;padding:0 6px}
nav.map-listing .input-box{border:1px solid rgba(0,0,0,.4);border-radius:20px;-webkit-border-radius:20px;height:42px}
nav.map-listing .travelLocation{width:376px}
nav.map-listing .travelLocation #geocoderSearch{width:360px}
nav.map-listing .travelLocation input{width:282px}
nav.map-listing .travelPeriod {width:196px}
nav.map-listing .travelPeriod div{width:180px}
nav.map-listing .travelPeriod input{width:178px;padding:0px!important;text-align:center;cursor:pointer;position:absolute}
nav.map-listing .travelPax{width:124px}
nav.map-listing .travelPax input{width:122px;padding:0px!important;text-align:center}
nav.map-listing .travelPax svg{display:none}
nav.map-listing .travelPax .dropdown-content{top:48px!important}
nav.map-listing .travelPax li.selected{background-color:#fff!important}
nav.map-listing .travelPax li.selected span{color:#01579B!important;font-weight:600}
nav.map-listing .travelPax li:hover{background-color:#ffecb3!important}
nav.map-listing .searchMenu-trigger{display:none;cursor:pointer;color:#01579B;position:absolute;left:72px;top:0px;padding-top:3px;height:64px;width:calc(100% - 130px);text-align: center;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}
nav.map-listing .searchMenu-trigger i{position:relative;top:21px;margin:0 8px;line-height:16px;height:16px;font-size:20px;color:rgba(0,0,0,.5);-webkit-transition:-webkit-transform 0.2s ease-in-out;-moz-transition:-moz-transform 0.2s ease-in-out;-o-transition:-o-transform 0.2s ease-in-out;-ms-transition:-ms-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out}
nav.map-listing .searchMenu-trigger i.rotate{-webkit-transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-o-transform:rotateZ(180deg);transform:rotateZ(180deg)}
nav.map-listing .searchMenu.show{position:relative;display:block!important;margin:7px 0 0 0!important;padding:18px;background:#fff;width:100%;box-shadow:0px 3px 5px 0px rgba(0,0,0,.1);-webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,.1)}
nav.map-listing .searchMenu.show .travelLocation{width:100%;margin-bottom:8px}
nav.map-listing .searchMenu.show .travelLocation #geocoderSearch{width:100%}
nav.map-listing .searchMenu.show .travelLocation .mapboxgl-ctrl-geocoder.mapboxgl-ctrl{width:100%;max-width:100%}
nav.map-listing .searchMenu.show .travelLocation input{width:calc(100% - 36px);text-align:center}
nav.map-listing .searchMenu.show .travelPeriod {width:50%}
nav.map-listing .searchMenu.show .travelPeriod div{width:calc(100% - 8px)}
nav.map-listing .searchMenu.show .travelPeriod input{width:calc(100% - 8px)}
nav.map-listing .searchMenu.show .travelPax{width:50%}
nav.map-listing .searchMenu.show .travelPax input{width:100%;text-align:center}


.maplist{position:relative;margin-top:52px}
.maplist #map{position:fixed;top:116px;height:calc(100vh - 116px);left:840px;width:calc(100% - 840px);overflow:hidden;background:#e1e1e1}
.maplist #map.notfixed{position:absolute;top:unset!important;bottom:0px}
.maplist #content{background:#fff;padding:0 calc(100% - 840px) 0 1.5rem;min-height:calc(100vh - 116px)}
.maplist #content #hotel-listing{width:calc(100% - 1.5rem)}

.maplist #content .offer{position:relative;padding:1.75rem 0}
.maplist #content .offer .col{padding-right:2.25rem}
.maplist #content .offer .image{padding-left:0px;border-radius:5px;-webkit-border-radius:5px}
.maplist #content .offer .image img{width:100%;margin-top:16px;border-radius:5px;-webkit-border-radius:5px}
.maplist #content .offer h2{font-size:24px;margin:1.75rem 0 .75rem 0}
.maplist #content .offer .subline{margin-bottom:1.75rem}


.maplist #content article{border-top:1px solid rgba(0,0,0,.1);padding-top:20px;margin-bottom:0px;cursor:pointer}
.maplist #content article.closed{color:rgba(0,0,0,.5)}
.maplist #content article .image{position:relative;height:180px;margin-bottom:20px;background-color:rgba(0,0,0,.06);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-clip:border-box;box-sizing:border-box;border-radius:5px;-webkit-border-radius:5px;overflow:hidden}
.maplist #content article .image:before{content:"";display:block;padding-top:100%}
.maplist #content article .image img{display:none}
.maplist #content article .image a{display:block;position:absolute;top:0;right:0;left:0;bottom:0;z-index:5;-webkit-transition:background .4s ease-out;-moz-transition:background .4s ease-out;-o-transition:background .4s ease-out;transition:background .4s ease-out}
.maplist #content article .image a:hover{background:rgba(0,0,0,.2)}
.maplist #content article.closed .image{filter:grayscale(90%);-webkit-filter:grayscale(90%);-moz-filter:grayscale(90%);-ms-filter:grayscale(90%);-o-filter:grayscale(90%);filter:url(desaturate.svg#greyscale);filter: gray;-webkit-filter: grayscale(.9)}
.maplist #content article .content{position:relative;height:180px}
.maplist #content article .content .rating {position:absolute;right:.75rem}
.maplist #content article .content .rating .opening{color:#b71c1c}
.maplist #content article .content .rating .opening i{font-size:15px;vertical-align:text-top;margin-right:4px}
.maplist #content article .content .rating .count{color:rgba(0,0,0,.6);font-size:13px}
.maplist #content article .content h4{font-size:1.4rem;font-weight:600;margin:.75rem 0 .4rem 0}
.maplist #content article.closed .content h4{color:rgba(0,0,0,.5)}
.maplist #content article .content .address_block{margin:.25rem 0 1.5rem 0}
.maplist #content article .content .address_block a{color:#01579B}
.maplist #content article .content .facility_block{width:calc(100% - 120px)}
.maplist #content article .content .facility_block div{display:inline-block;padding-right:.5rem}
.maplist #content article .content .facility_block i{font-size:15px;color:#455a64;vertical-align:text-top}
.maplist #content article.closed .content .facility_block i{color:rgba(0,0,0,.5)}

.maplist #content article .content .price_block{position:absolute;bottom:6px;display:block;width:100%}
.maplist #content article.closed .price_block{color:#b71c1c;font-size:12px}
.maplist #content article .content .price_block .discount{color:#1CAE0C;text-align:right;padding:0 .75rem .25rem 0}
.maplist #content article .content .price_block .price{display:block;text-align:right;padding-right:.75rem}
.maplist #content article .content .price_block .price .current{font-size:13px;background:#01579B;color:#fff;padding:1px 8px;margin-left:6px;border-radius:16px;-webkit-border-radius:16px;display:inline-block}
.maplist #content article .content .price_block .price .base{font-size:13px;font-weight:600;text-decoration:line-through;display:inline-block}
.maplist #content article .content .price_block .progress{width:100px;float:right;background:rgba(0,0,0,.06)}
.maplist #content article .content .price_block .progress .indeterminate{background-color:#ffd023!important}






.maplist #content .cond{border-top:1px solid rgba(0,0,0,.1);font-size:12px;padding:1.5rem .75rem 2.5rem 0;width:calc(100% - 1.5rem)}

@media only screen and (max-width:992px){
	nav.map-listing .searchMenu-trigger{display:inline-block}
}
@media only screen and (max-width:992px){
	nav.map-listing{height:64px}
	nav.map-listing .brand-logo img{margin-top:-2px;width:32px}
	nav.map-listing .searchMenu.show{z-index:1;top:-7px}
	.maplist #content article .content{height:auto}
	.maplist #content article .content .rating{margin-top:-26px;right:-6px;background:#fff;padding:0 8px;border-radius:5px}
	.maplist #content article .content .facility_block{width:100%}
	.maplist #content article .content .price_block{position:relative;margin-top:24px}
	.maplist #content article .content .price_block .discount,.maplist #content article .content .price_block .price{padding-right:0px}
}
@media only screen and (max-width:600px){
	.maplist #content article .image{margin-bottom:8px;margin-top:8px}
	nav.map-listing{top:50px}
	nav.map-listing .searchMenu.show{z-index:1;top:1px}
	.maplist #content article {border-top:0px}
	.maplist #content .hotelblock:first-child article{border-top:1px solid rgba(0,0,0,.1)}
}
@media only screen and (min-width:993px){
	nav.map-listing .sidenav-trigger{display:block!important;margin-right:2.5rem;font-size:2em;line-height:76px;height:76px}
}


.booking .input-box{width:100%;position:relative;border:1px solid #01579B;border-radius:4px;-webkit-border-radius:4px;height:50px;margin:0px}
.booking label{position:absolute;top:1px;left:8px;background:#fff;color:#01579B;padding:0 9px;height:20px;overflow:hidden;font-size:12px}
.booking .travelPeriod{width:100%;height:50px;margin-bottom:16px}
.booking input{width:100%;padding:3px 0 0 0!important;text-align:center;color:#01579B;cursor:pointer;border:0px!important;box-shadow:none!important;-webkit-box-shadow:none!important}
.booking label{top:-9px}
.booking .travelPax{width:100%;height:50px}
.booking .travelPax label{top:-22px}
.booking .travelPax svg{display:none}
.booking .travelPax .dropdown-content{top:54px!important}
.booking .travelPax li.selected{background-color:#fff!important}
.booking .travelPax li.selected span{color:#01579B!important;font-weight:600}
.booking .travelPax li:hover{background-color:#ffecb3!important}
.booking .hotel-price table{margin:14px 0 10px 0}
.booking .hotel-price tr{border-top:1px solid rgba(0,0,0,0.12);border-bottom:none}
.booking .hotel-price td{padding:6px 0px}
.booking .hotel-price td:first-child{width:100px!important}
.booking .hotel-price td:last-child{text-align:right}
.booking .hotel-price td .current{font-size:13px;background:#01579B;color:#fff;padding:1px 8px;margin-left:6px;border-radius:16px;-webkit-border-radius:16px;display:inline-block}
.booking .hotel-price td .base{font-size:13px;font-weight:600;text-decoration:line-through;display:inline-block}
.booking .hotel-price td.discount{font-weight:600;color:#1CAE0C}
.booking .hotel-price .info-row td{color:#b71c1c;text-align:center}
.booking .hotel-price .search-price{text-align:center;width:100%;font-weight:600}
.booking .btn-flat{width:100%;text-align:center;font-weight:600;letter-spacing:0.1em;line-height:42px;height:42px}
.booking .price-row,.booking .discount-row{display:none}
.quickbooker #geocoderSearch{margin:24px 0 18px 0}
.quickbooker #geocoderSearch .mapboxgl-ctrl-geocoder{width:100%;max-width:100%;margin-top:3px}
.quickbooker #geocoderSearch input{width:calc(100% - 32px);padding:0 16px!important}
.quickbooker #geocoderSearch .mapboxgl-ctrl-geocoder--icon-search{display:none}
.search-price-mobile{display:none;position:fixed;z-index:3000;top:0px;width:100%;text-align:center;text-transform:uppercase!important;letter-spacing:1px;line-height:48px;height:48px;border-radius:0px;-webkit-border-radius:0px;font-weight:600;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);background:#455a64!important}
.search-price-mobile i{color:#fff;vertical-align:bottom;margin-right:8px}
@media only screen and (min-width:1201px){
	.search-price-mobile{display:none!important}
}





/** Hotel **/
.hotel-page article{margin-top:96px}
.hotel-page h3{font-size:24px;margin:0px}
.action-link{color:#01579B;font-size:13px;font-weight:900;line-height:19px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}
.action-link .material-icons-sharp{margin-left:2px;font-size:18px;font-weight:900;position:relative;top:5px}
.action-link .more{display:inline-block}
.action-link .less{display:none}
.hotel-page table tr.first{border-top:1px solid rgba(0,0,0,0.12)}
.hotel-page table td,.hotel-page table th{padding:6px 16px;vertical-align:top}
.hotel-page table td:first-child{width:180px}

.hotel-page .swiper-wrapper,.hotel-page .swiper-wrapper .image{min-height:260px;height:260px!important;background-color:rgba(0,0,0,.06);border-radius:5px;-webkit-border-radius:5px;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}
.hotel-page .navigate{position:absolute;bottom:20px;right:30px;height:36px;width:36px;cursor:pointer;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;background:#fff;padding:6px;border-radius:20px;-webkit-border-radius:20px}
.hotel-page .navigate.backward{right:76px}

.hotel-page .menu{border-bottom:1px solid rgba(0,0,0,0.12);margin:0 .75rem 40px .75rem;overflow-x:scroll;overflow-y:hidden}
.hotel-page .menu ul{margin:0px;display:block}
.hotel-page .menu li{padding:8px 32px 0 0;list-style:none;cursor:pointer;display:inline-block}
.hotel-page .menu li span{display:block;padding:16px 0;border-bottom:4px solid #fff}
.hotel-page .menu li:hover span,.hotel-page .menu li.selected span{border-bottom:4px solid #01579B!important}
.hotel-page .menu:-webkit-scrollbar-track{background-color:#fff}
.hotel-page .menu::-webkit-scrollbar{width:6px;height:6px;background-color:#fff}
.hotel-page .menu::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.12)}
.hotel-page .menu-move{display:none;position:absolute;right:0px;top:23px;z-index:10;background:#fff}

.hotel-page article.info{margin-top:0px}
.hotel-page article.info .temporary-info{background-color:#e8f5e9;border:1px solid #2e7d32;border-radius:5px;-webkit-border-radius:5px;padding:8px 16px;margin:20px 0 6px 0}
.hotel-page article.info .teaser-block{max-height:12rem;overflow:hidden}
.hotel-page article.info .teaser-block p{margin-bottom:0px}
.hotel-page article.info .teaser-block h4{margin:32px 0 8px 0;font-size:14px}
.hotel-page article.info .teaser-block ul{margin:8px 0 16px 16px}
.hotel-page article.info .teaser-block li{list-style-type:circle}
.hotel-page article.info .teaser{margin-top:6px}
.hotel-page article.info .teaser-highlights{display:none}
.hotel-page article.info .guest_favs h4{font-size:16px;margin:48px 0 16px 0}
.hotel-page article.info .guest_favs li .material-icons-sharp{margin-right:6px;font-size:18px;position:relative;top:4px;color:#455a64}
.hotel-page article.info .guest_favs li .highlight{color:#1CAE0C;font-weight:600}

.hotel-page article.location .map-control{margin-bottom:12px}
.hotel-page article.location .center-map{margin:4px 0 12px 0}
.hotel-page article.location .center-map i{font-size:16px;top:3px}
.hotel-page article.location #geocoder{width:100%}
.hotel-page article.location #geocoder{border:1px solid rgba(0,0,0,.25);border-radius:5px;-webkit-border-radius:5px;height:32px}
.hotel-page article.location #geocoder input{color:#01579B;width: calc(100% - 72px);font-family:'Roboto',sans-serif!important;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;height:32px!important;line-height:32px;margin:0px!important;padding:0px 16px 0 36px!important}
.hotel-page article.location #geocoder .mapboxgl-ctrl-geocoder{max-width:calc(100% - 6px);width:calc(100% - 6px)}
.hotel-page article.location #geocoder .mapboxgl-ctrl-geocoder--icon{top:6px}
.hotel-page article.location #geocoder .mapboxgl-ctrl-geocoder--button .mapboxgl-ctrl-geocoder--icon{margin-top:0px}
.hotel-page article.location #geocoder .suggestions{top:36px!important}
.hotel-page article.location #hotelMap{width:100%;height:330px;border-radius:5px;-webkit-border-radius:5px}
.hotel-page article.location .address{margin-bottom:2.25rem}
.hotel-page article.location .google-link{margin-top:16px}
.hotel-page article.location .surrounding-navigation{display:none}
.hotel-page article.location .surrounding{padding:10px 0 16px 0}
.hotel-page article.location h4{border-bottom:1px solid rgba(0,0,0,0.12);padding:10px 16px 10px 16px;margin:0px;font-size:14px;line-height:1.4}
.hotel-page article.location h4 i{margin-right:6px;font-size:18px;position:relative;top:4px;color:#455a64}
.hotel-page article.location ul{margin:.75rem 0 2.25rem  0}
.hotel-page article.location li{padding:0 16px}
.hotel-page article.location li p{padding:0px;margin:0px}

.hotel-page article.rooms{margin-top:80px}
.hotel-page article.rooms .headline{margin-bottom:26px}
.hotel-page article.rooms .room{position:relative;margin-bottom:10px;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;background-color:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,0.1)}
.hotel-page article.rooms .room .row{margin-bottom:0px}
.hotel-page article.rooms .room .image{display:inline-block;position:relative;height:100px;width:100px;background-color:rgba(0,0,0,.06);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-clip:border-box;box-sizing:border-box;overflow:hidden}
.hotel-page article.rooms .room .image:before{content:"";display:block;padding-top:100%}
.hotel-page article.rooms .room .image img{display:none}
.hotel-page article.rooms .room .teaser{display:inline-block;margin:-12px 0 0 22px;line-height:26px;width:calc(100% - 122px)}
.hotel-page article.rooms .room h3{font-size:20px;line-height:26px;margin-top:-3px}
.hotel-page article.rooms .room .content{display:none;border-top:1px solid rgba(0,0,0,0.12);padding:.75rem 1.75rem 1.5rem 1.75rem}
.hotel-page article.rooms .room .content img{width:100%;margin-top:1em}
.hotel-page article.rooms .room .buttons{padding-right:32px;height:100px}
.hotel-page article.rooms .room .btn-flat{margin-top:32px}
.hotel-page article.rooms .room .btn-flat.yellow{font-weight:600}
.hotel-page article.rooms .room .btn-flat.white{border:1px solid #455a64;margin-right:6px}

.hotel-page section.texts{margin:96px 0 0 0}
.hotel-page section.texts .articles{padding:0px;border:none}
.hotel-page section.texts article .content{max-height:13rem;overflow:hidden}
.hotel-page section.texts article .content a{text-transform:none;letter-spacing:inherit;font-weight:100;color:#039be5}
.hotel-page section.texts article .action-link{margin-left:20px;display:none}

.hotel-page article.facilities h4{border-bottom:1px solid rgba(0,0,0,0.12);padding:10px 16px 10px 16px;margin:0px;font-size:14px;line-height:1.4}
.hotel-page article.facilities .content{max-height:8.9rem;overflow:hidden;margin-bottom:2.25rem}
.hotel-page article.facilities ul{margin:.75rem 0 0 0}
.hotel-page article.facilities li{padding:0 16px}
.hotel-page article.facilities li p{padding:0px;margin:0px}
.hotel-page article.facilities li.info{padding-top:16px}
.hotel-page article.facilities li:first-child.info{padding-top:0px}
.hotel-page article.facilities li.inline-header{padding-top:1.58em;font-weight:600}
.hotel-page article.facilities li.ingredients{font-size:12px}
.hotel-page article.facilities table tr{border:none}
.hotel-page article.facilities table td{line-height:1.58em;padding:0px;width:auto}
.hotel-page article.facilities .action-link.small{display:none;margin:-2.2rem 0 2rem 16px;text-transform:none;letter-spacing:initial;font-weight:100;font-size:14px}
.hotel-page article.facilities.room-facilities{margin-top:-24px;border-top:1px solid rgba(0,0,0,0.12)}
.hotel-page article.facilities .room-link{padding:10px 0 16px 0}
.hotel-page article.facilities .room-facility{display:block}
.hotel-page article.facilities .room-facility .info{font-size:12px;line-height:18px;margin:39px 0 15px 0px;border-top:1px solid rgba(0,0,0,0.12);padding:4px 0 0 16px}
.hotel-page article.facilities .room-facility .some{font-weight:600;line-height:12px;color:#01579B;background:#ffd023;border-radius:4px;display:inline-block;padding:0px 2px;height:8px;position:relative;top:2px}

.hotel-page article.rating{margin-top:80px}
.hotel-page article.rating .stars_block{display:inline-block;position:relative;top:2px}

.hotel-page article.data td:first-child{min-width:106px}
.hotel-page article.data .oc-hide{display:none}
.hotel-page article.data .operating-company{padding:2px 0 4px 0}
.hotel-page article.data .cond{font-size:12px;color:#455a64;padding:1.5rem .75rem 1.5rem 0;margin-bottom:64px}

.hotel-page #hotelOffers{margin-top:32px}
.hotel-page #hotelOffers .articles .col{margin:0 0 64px 0}

.hotel-page .hotel-sidebar{padding-left:48px!important}
.hotel-page .hotel-sidebar article.best-price{width:282px;margin-top:0px;background:#e3f2fd;color:#212121;border-radius:5px;-webkit-border-radius:5px;padding:16px 20px}
.hotel-page .hotel-sidebar article.best-price h4{font-size:14px;margin:0px;font-weight:600;color:#333}
.hotel-page .hotel-sidebar article.best-price strong{color:#2E7D32;font-size:14px}
.hotel-page .hotel-sidebar article.best-price p{font-size:12px;line-height:16px}
.hotel-page .hotel-sidebar article.best-price a{color:#01579B;font-size:13px;font-weight:900;line-height:19px;text-transform:uppercase;cursor:pointer}
.hotel-page .hotel-sidebar article.best-price .material-icons-sharp{margin-left:2px;font-size:18px;font-weight:900;position:relative;top:5px}
.hotel-page .hotel-sidebar .booking{width:282px;position:relative;border-radius:8px;-webkit-border-radius:8px;background-color:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,0.1);padding:32px 24px;margin-top:16px}
.hotel-page .hotel-sidebar .booking.sticky{position:fixed;top:0px}

.hotel-page.hotel-gallery{padding:0px;margin-bottom:40px}
.hotel-page.hotel-gallery .container{position:relative;margin-bottom:0px;max-width:1224px}
.hotel-page.hotel-gallery nav#breadcrumbs{line-height:40px;height:46px;display:block}
.hotel-page.hotel-gallery .gallery{margin-left:320px;width:calc(100% - 318px);overflow:hidden}
.hotel-page.hotel-gallery .gallery .main,.hotel-page.hotel-gallery .gallery .main .image,.hotel-page.hotel-gallery .gallery .main .swiper-wrapper{min-height:570px;height:570px!important}
.hotel-page.hotel-gallery .gallery .main .image{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-clip:border-box;box-sizing:border-box}
.hotel-page.hotel-gallery .gallery .main img{display:none;width:100%;position:relative}
.hotel-page.hotel-gallery .gallery .navigate{bottom:30px}
.hotel-page.hotel-gallery .gallery .thumbs{height:170px;overflow:hidden;overflow-y:scroll;margin-top:4px;border-bottom:1px solid rgba(0,0,0,0.12)}
.hotel-page.hotel-gallery .gallery .thumbs:-webkit-scrollbar-track{background-color:#fff}
.hotel-page.hotel-gallery .gallery .thumbs::-webkit-scrollbar{width:8px;height:8px;background-color:#fff}
.hotel-page.hotel-gallery .gallery .thumbs::-webkit-scrollbar-thumb{background-color:#cfcfcf}
.hotel-page.hotel-gallery .gallery .thumb{position:relative;display:inline-block;margin:1px;height:50px;width:94px;border-radius:2px;-webkit-border-radius:2px;background:rgba(0,0,0,.06)}
.hotel-page.hotel-gallery .gallery .thumb img{height:50px;width:94px;cursor:pointer;border-radius:2px;-webkit-border-radius:2px}
.hotel-page.hotel-gallery .gallery .thumb i{position:absolute;top:14px;left:28px;color:rgba(0,0,0,.15);}
.hotel-page.hotel-gallery .gallery .slide-count{display:none;position:absolute;bottom:0px;left:0px;padding:4px 0px;color:#fff;background:rgba(0,0,0,.5);text-align:center;width:46px;font-size:12px;z-index:2}
.hotel-page.hotel-gallery .quickbooker{width:366px;left:40px;top:90px;padding:24px}
.hotel-page.hotel-gallery .quickbooker h2{font-size:28px;line-height:34px;width:calc(100% - 32px)}
.hotel-page.hotel-gallery .quickbooker p{font-size:12px;line-height:18px;margin-top:2px}

.hotel-page.modal{text-align:center;width:320px;top: auto!important;bottom:1.75rem;left:auto!important;right:1.75rem}
.hotel-page.modal h5{font-size:20px}
.hotel-page.modal .modal-content{padding:16px 16px 0 56px}
.hotel-page.modal .modal-content .green-text{color:#1CAE0C}
.hotel-page.modal .modal-footer{border-top:1px solid rgba(0,0,0,0.12)}
.hotel-page.modal .modal-icon{bottom:0;color:#fff;background:#ffd023;width:3.25em;left:0;position:absolute;top:0}
.hotel-page.modal .modal-icon i{font-size:1.7em;position:absolute;top:calc(50% - .5em);left:10px}
@media only screen and (max-width:635px){
	.hotel-page.modal{width:270px}
}

@media only screen and (max-width:1200px){
	.hotel-page .hotel-sidebar{display:none}		
	.hotel-page.hotel-gallery .quickbooker{width:72%;max-width:1024px;position:relative;top:16px;left:0px;margin:0 auto;box-shadow:none;-webkit-box-shadow:none}
	.hotel-page.hotel-gallery .quickbooker .travelPeriod{width:48%;float:left}
	.hotel-page.hotel-gallery .quickbooker .travelPax{width:48%;float:right}
	.hotel-page .booking .btn-flat{height:42px;line-height:42px}
	.hotel-page.hotel-gallery .container{/*max-width:1024px*/width:100%;max-width:100%;margin:0px}
	.hotel-page.hotel-gallery nav#breadcrumbs{display:none}
	.hotel-page.hotel-gallery .gallery{width:100%;margin:0px}
	.hotel-page.hotel-gallery .gallery .main,.hotel-page.hotel-gallery .gallery .main .swiper-wrapper{min-height:auto;height:auto!important}
	.hotel-page.hotel-gallery .gallery .main .image{display:block;background-image:none!important;border-radius:0px;-webkit-border-radius:0px;height:auto!important;min-height:auto!important}
	.hotel-page.hotel-gallery .gallery .main img{display:block;border-radius:0px;-webkit-border-radius:0px;height:auto}
	.hotel-page.hotel-gallery .gallery .thumbs{display:none}
	.hotel-page.hotel-gallery .gallery .slide-count{display:block}
}
@media only screen and (max-width:992px){
	.hotel-page .desktop-right .action-link{display:block;margin-top:16px}
}
@media only screen and (max-width:635px){
	.hotel-page article.rooms .room .btn-flat{margin-top:8px;margin-bottom:0px}
	.hotel-page article.rooms .room .btn-flat.white{margin-right:0px}
}
@media only screen and (max-width:600px){	
	.hotel-page.hotel-gallery .quickbooker{width:100%;max-width:100%}	
	.daterangepicker,.daterangepicker .drp-calendar{width:calc(100% - 22px)!important;max-width:calc(100% - 22px)!important}
	.hotel-page table td,.hotel-page table th{padding:6px 0px;overflow:hidden}
	.hotel-page table td:first-child{width:auto}
	.hotel-page article.location .center-map{margin:16px 0 6px 0}
	.hotel-page article.rooms .room .buttons{height:auto}
	.hotel-page article.rooms .room .btn-flat{margin-top:12px;margin-bottom:16px}
	.hotel-page article.rooms .room .btn-flat.white{margin-right:6px}
	.hotel-page article.rooms .room .valign-wrapper{border-bottom:1px solid rgba(0,0,0,0.12)}	
	.hotel-page article.location h4,.hotel-page article.location li,.hotel-page article.facilities h4,.hotel-page article.facilities li,.hotel-page article.facilities .room-facility .info{padding-left:0px}	
	.hotel-page article.facilities .action-link.small{margin-left:0px}
	.hotel-page article.rating table td:nth-child(2),.hotel-page article.rating table th:nth-child(2){display:none}
	.hotel-page article.rating table td,.hotel-page article.rating table th{text-align:right}
	.hotel-page article.rating table td:first-child,.hotel-page article.rating table th:first-child{text-align:left}	
	.hotel-page article.data table td:nth-child(2){padding-left:12px}
	.hotel-page #hotelOffers .articles .col{height:auto!important}
	.hotel-page #hotelOffers h2,.hotel-page.hotel-gallery .quickbooker h2{font-size:26px;line-height:1.4;letter-spaciing:inherit}
}
@media only screen and (min-width:601px){
	.hotel-page article.location .address{padding-left:.75rem}
	.hotel-page article.data .operating-company{margin-left:-16px}
}