  <style>
  .show_datepicker::placeholder, #max_persons {
    color:#292929!important;
  }
    .show_datepicker {
    color:#292929!important;
  }

#submit{
  text-align: center!important; 
}

@media (max-width: 1090px) {
  rs-static-layers #myb_searchbox_container {
      bottom: 0px!important;
  }
}

#myb_searchbox_container form#searchbox > .input-container.input-container-checkin:before, #myb_searchbox_container form#searchbox > .input-container.input-container-checkout:before {
    /* position: absolute; */
    display: block;
    top: 7px;
    right: 10px;
    font-size: 18px;
    color: #525252;
    font-weight: 100;
    font-family: 'myb_icomoon';
    content: '\e900';
}
  </style>

	<div class="myb_container test" id="myb_searchbox_container">
		<form id="searchbox" class="searchbox-horizontal" action="https://sky.safetybis.com/apartmentlist-5/" method="get" onsubmit="">
			<div class="input-container input-container-checkin">
				<input class="show_datepicker" type="text" id="checkin" name="checkin" placeholder="Anreise" value="" readonly />
			</div>
			<div class="input-container input-container-checkout">
				<input class="show_datepicker" type="text" id="checkout" name="checkout" placeholder="Abreise" value="" readonly />
			</div>
			<div class="input-container input-container-max_persons">
				<select id="max_persons" name="max_persons">
					<option value="1" >1 Person</option>
					<option value="2" selected>2 Personen</option>
					<option value="3" >3 Personen</option>
					<option value="4" >4 Personen</option>
					<option value="5" >5 Personen</option>
					<option value="6" >6 Personen</option>
					<option value="7" >7 Personen</option>
					<option value="8" >8 Personen</option>
					<option value="9" >9 Personen</option>
					<option value="invalid" disabled="disabled">0-3 Jahre gratis</option>
				</select>
			</div>
			<div class="input-container input-container-submit">
				<button class="contrast" type="submit" id="submit">Suchen</button>
			</div>
		</form>

	</div>
	
	
	
		
	<script id="category_template" type="text/x-handlebars-template">
		<li class="category">
			<div class="slider flexslider">
				<ul class="slides">
				{{#each data.images}}
					<li class="item" style="background-image: url('{{url}}')"></li>
				{{/each}}
				</ul>
			</div>
			<div class="content">
				<h2><a href="{{link}}">{{data.objectDetails.object_name}}</a></h2>
				<p class="keyfacts"><span class="size">{{data.objectDetails.sizem}}</span>|<span class="max_persons">max. {{data.objectDetails.max_num_of_persons}}</span></p>
				<p class="desc">{{{data.texte.locales.desc}}}</p>
				<p class="bottom"><a href="{{link}}">{{data.texte.locales.show_more}}</a></p>
			</div>
			<div class="book">
				<p>
					{{data.texte.locales.price}}<br>
					{{#if transid}}
						<span class="price">&euro; {{data.priceDetails.total_price}}</span>
						{{data.texte.locales.for}} {{searchDetails.nights}} {{data.texte.locales.nights}}
					{{else}}
						<span class="price">{{data.texte.locales.from}} &euro; {{data.priceDetails.min_price}}</span>
					{{/if}}
				</p>
				<a href="{{link}}" class="button contrast">{{data.texte.locales.book_now}}</a>
			</div>
		</li>
	</script>

	<!-- Spans to send php var to js -->
	<span class="hidden" id="php_to_js" data-checkin="" data-checkout="" data-max_persons="" ></span>

	<div class="myb_container" id="myb_aptlist_container"></div>
	  <style>
  .show_datepicker::placeholder, #max_persons {
    color:#292929!important;
  }
    .show_datepicker {
    color:#292929!important;
  }

#submit{
  text-align: center!important; 
}

@media (max-width: 1090px) {
  rs-static-layers #myb_searchbox_container {
      bottom: 0px!important;
  }
}

#myb_searchbox_container form#searchbox > .input-container.input-container-checkin:before, #myb_searchbox_container form#searchbox > .input-container.input-container-checkout:before {
    /* position: absolute; */
    display: block;
    top: 7px;
    right: 10px;
    font-size: 18px;
    color: #525252;
    font-weight: 100;
    font-family: 'myb_icomoon';
    content: '\e900';
}
  </style>

	<div class="myb_container test" id="myb_searchbox_container">
		<form id="searchbox" class="searchbox-horizontal" action="https://sky.safetybis.com/apartmentlist-5/" method="get" onsubmit="">
			<div class="input-container input-container-checkin">
				<input class="show_datepicker" type="text" id="checkin" name="checkin" placeholder="Anreise" value="" readonly />
			</div>
			<div class="input-container input-container-checkout">
				<input class="show_datepicker" type="text" id="checkout" name="checkout" placeholder="Abreise" value="" readonly />
			</div>
			<div class="input-container input-container-max_persons">
				<select id="max_persons" name="max_persons">
					<option value="1" >1 Person</option>
					<option value="2" selected>2 Personen</option>
					<option value="3" >3 Personen</option>
					<option value="4" >4 Personen</option>
					<option value="5" >5 Personen</option>
					<option value="6" >6 Personen</option>
					<option value="7" >7 Personen</option>
					<option value="8" >8 Personen</option>
					<option value="9" >9 Personen</option>
					<option value="invalid" disabled="disabled">0-3 Jahre gratis</option>
				</select>
			</div>
			<div class="input-container input-container-submit">
				<button class="contrast" type="submit" id="submit">Suchen</button>
			</div>
		</form>

	</div>
	
	
	
		
	<script id="category_template" type="text/x-handlebars-template">
		<li class="category">
			<div class="slider flexslider">
				<ul class="slides">
				{{#each data.images}}
					<li class="item" style="background-image: url('{{url}}')"></li>
				{{/each}}
				</ul>
			</div>
			<div class="content">
				<h2><a href="{{link}}">{{data.objectDetails.object_name}}</a></h2>
				<p class="keyfacts"><span class="size">{{data.objectDetails.sizem}}</span>|<span class="max_persons">max. {{data.objectDetails.max_num_of_persons}}</span></p>
				<p class="desc">{{{data.texte.locales.desc}}}</p>
				<p class="bottom"><a href="{{link}}">{{data.texte.locales.show_more}}</a></p>
			</div>
			<div class="book">
				<p>
					{{data.texte.locales.price}}<br>
					{{#if transid}}
						<span class="price">&euro; {{data.priceDetails.total_price}}</span>
						{{data.texte.locales.for}} {{searchDetails.nights}} {{data.texte.locales.nights}}
					{{else}}
						<span class="price">{{data.texte.locales.from}} &euro; {{data.priceDetails.min_price}}</span>
					{{/if}}
				</p>
				<a href="{{link}}" class="button contrast">{{data.texte.locales.book_now}}</a>
			</div>
		</li>
	</script>

	<!-- Spans to send php var to js -->
	<span class="hidden" id="php_to_js" data-checkin="" data-checkout="" data-max_persons="" ></span>

	<div class="myb_container" id="myb_aptlist_container"></div>
	{"id":6861,"date":"2016-03-14T15:09:01","date_gmt":"2016-03-14T15:09:01","guid":{"rendered":"https:\/\/www.sky9-apartments.com\/apartmentlist\/?lang=de"},"modified":"2019-12-24T14:33:54","modified_gmt":"2019-12-24T14:33:54","slug":"apartmentlist-bk","status":"publish","type":"page","link":"https:\/\/sky.safetybis.com\/de\/apartmentlist-bk\/","title":{"rendered":"Apartments"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":17,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/sky.safetybis.com\/de\/wp-json\/wp\/v2\/pages\/6861"}],"collection":[{"href":"https:\/\/sky.safetybis.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sky.safetybis.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sky.safetybis.com\/de\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/sky.safetybis.com\/de\/wp-json\/wp\/v2\/comments?post=6861"}],"version-history":[{"count":2,"href":"https:\/\/sky.safetybis.com\/de\/wp-json\/wp\/v2\/pages\/6861\/revisions"}],"predecessor-version":[{"id":7008,"href":"https:\/\/sky.safetybis.com\/de\/wp-json\/wp\/v2\/pages\/6861\/revisions\/7008"}],"wp:attachment":[{"href":"https:\/\/sky.safetybis.com\/de\/wp-json\/wp\/v2\/media?parent=6861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}