    <link rel="stylesheet" media="screen" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" />

    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <script>
      'use strict';
      //$.noConflict();
      jQuery(document).ready(function ($) {
        function getField(id) {
          var el = jQuery('#' + id + '-picker');
          return el.length ? el : null;
        }

        function pickerSetup(id, date) {
          var el = getField(id);
          //console.log("sdsdsd1");
           //console.log(el);
          if (el !== null) {
            var checkin = id === 'checkin';
            el.datepicker({
              altField: el.get(0).form[id],
              altFormat: 'dd-mm-yy',
              dateFormat: 'dd-mm-yy',
              onSelect: function () {
                if (checkin && getField('checkout') !== null) {
                  var constraint = new Date(el.datepicker('getDate'));
                  constraint.setDate(constraint.getDate() + 1);
                  getField('checkout').datepicker('option', 'minDate', constraint);
                }
              },
              numberOfMonths: 2,
              mandatory: true,
              firstDay: 1,
              minDate: date,
              maxDate: '+2y',
            });
            
            el.datepicker('setDate', date);
          }
        }

        pickerSetup('checkin', '+1');
        pickerSetup('checkout', '+2');
        $('.fa.fa-calendar').on('click', function() {
    $('#checkin-picker').focus();
  })
      });
    </script>
    
    <!--
END COPY
-->
<style>
#ds_search_box {
  margin: auto;
    margin-top: auto;
  margin-top: auto;
  margin-top: auto;
  border: 1px solid #BD9830;
  margin-top: 64px;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: auto;
  background: #BD9830;
}
.front_form {
  bottom: 35px !important;
}
@media only screen and (max-width: 768px) {
#ds_search_box{
  display:none !important;
}
}
</style>
<div id='ds_search_box'  class='front_form'>
<div id='ds_search_box1'> 
<div class="row">

<!--<form action="https://christofiniahotel.reserve-online.net/" method="post" target="_blank">-->

<script src="https://momentjs.com/downloads/moment.js"></script>
<form action="https://tasiamarisbeachhotelandspa.reserve-online.net/" method="post" target="_blank" id='pix_form' name='pix_form'>
	<input type="hidden" name="lang" value="en_GB">
<div class="col-md-4">
<div class="col-md-6">
	<label for="checkin">Check-in</label>
	<input id="checkin-picker" name="checkin" size="12" maxlength="10" placeholder="dd/mm/yyyy" value="24/04/2026" readonly>
	<i class="fa fa-calendar"></i>
</div>
<div class="col-md-6">
	<label for="checkout-picker">Check-out</label>
    <input type="text" name="checkout" size="12" maxlength="10" id="checkout-picker" placeholder="dd/mm/yyyy" readonly/>
    <i class="fa fa-calendar"></i>
</div>
</div>
<div class="col-md-3">
	<label for="rooms">Rooms</label><br/>
	<select id="rooms" name="rooms">
		<option value="1" selected="selected">1 room</option>
		<option value="2">2 rooms</option>
		<option value="3">3 rooms</option>
		<option value="4">4 rooms</option>
	</select>
</div><div class="col-md-3">
	<label for="adults">Adults</label><br/>
	<select id="adults" name="adults">
		<option value="1">1 adult</option>
		<option value="2" selected="selected">2 adults</option>
		<option value="3">3 adults</option>
		<option value="4">4 adults</option>
	</select>
</div><!--<div class="col-md-2">
	<label for="children">Children</label><br/>
	<select id="children" name="children">
		<option value="0" selected="selected">no children</option>
		<option value="1">1 child</option>
		<option value="2">2 children</option>
		<option value="3">3 children</option>
	</select>
</div>--><div class="col-md-2">

	<!--<button type="submit" class="prime">Room Search</button>-->
	<label for="children"></label>
	<button type='button' class="prime" name='pix_sub' id='pix_sub'>Book Now</button>
</div>
</form>
</div>
</div>
</div>
<script>
$ = jQuery;
$(document).ready(function () {
       jQuery("#pix_sub").on('click',function () {
       var date_c = jQuery("#checkin-picker").val();
       var tmp = date_c.split("-");
       var check_in = tmp[2]+'-'+tmp[1]+'-'+tmp[0];
       var objcheck_in = new Date(check_in);
       var hd1 = check_in;
      var hr =  jQuery("#rooms").val();
      var adult =  parseInt(jQuery("#adults").val());
      var child =  parseInt(jQuery("#children").val());
      var traveler = adult+child;
      var date_chk = jQuery("#checkout-picker").val();
       var tmp_chk = date_chk.split("-");
       var check_out = tmp_chk[2]+'-'+tmp_chk[1]+'-'+tmp_chk[0];
       var hd2 = check_out;
      var hc1 = 'Protaras';
      var hs1 = 'Paralimni'; 
      var params = {
hd1: hd1 , /* Check In Date. Format yyyy-mm-dd. Ex: 2015-02-14 */
hd2: hd2, /* Check Out Date. Format yyyy-mm-dd. Ex: 2015-02-14 */
hc1: hc1, /* Destination City */
hs1: "", /* Destination State or Region */
hr: hr, /* Number of Rooms */
t: traveler /* Number of Travelers */
};

/* Please do not modify the below code. */
try{params = Object.assign({}, sjrn_params, params);}catch(e){}
var cid = [];
var paramsArr = [];
var cidParams = [];
var pl = document.createElement('iframe');
var defaultParams = {"vid":"hot","et":"hpr"};
for(key in defaultParams) { params[key] = defaultParams[key]; };
for(key in cidParams) { cid.push(params[cidParams[key]]); };
params.cid = cid.join('|');
for(key in params) { paramsArr.push(key + '=' + encodeURIComponent(params[key])) };
pl.type = 'text/html';
pl.setAttribute('style','height:0; width: 0; display:none;');
pl.async = true;
pl.src = 'https://static.sojern.com/cip/w/s?id=350231&f_v=v6_js&p_v=1&' + paramsArr.join('&');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(pl);
 jQuery('#pix_form').submit(); 
          
      });
     
});
</script>
<style>
#ds_search_box{
padding:0px !important;
}
#ds_search_box1 {
  width: 80%;
  margin: 0 auto;
  padding:15px;
 
}
#ds_search_box1 input {
  background: #fff;
    background-color: rgb(255, 255, 255);
  display: table;
  width: 100%;
  position: relative;
}
#ds_search_box1 input, #ds_search_box select {
  height: 35px;
  border-radius: 2px;
  border: 1px solid #ccc;
  box-shadow: none;
  outline: 0 none;
  background-color: #fff !important;
}
#ds_search_box1 input {
  background: #fff;
    background-color: rgb(255, 255, 255);
  display: table;
  width: 100%;
  position: relative;
}
#ds_search_box1 input, #ds_search_box1 select {
  height: 35px;
  border-radius: 2px;
  border: 1px solid #ccc;
  box-shadow: none;
  outline: 0 none;
  background-color: #fff !important;
  width: 100%;
}
#ds_search_box1 label {
  color: #fff !important;
}	
#ds_search_box1 .prime{background-color:#48818C !important;
color:#fff;
padding: 5px !important;
border: 1px solid #BD9830;
width:100%;}
.ui-datepicker .ui-datepicker-current-day a {
  color: #000;
}
.ui-datepicker .ui-datepicker-calendar td{padding:0px;}
#ds_search_box1 .fa-calendar {
 /*background: #e5e5e5 none repeat scroll 0 0;*/
  color: #777;
  cursor: pointer;
  padding: 10px 5px;
  position: absolute;
  right: 20px;
  top: 26px;
  font-family: FontAwesome !important;
}
</style>{"id":21,"date":"2019-02-28T08:12:17","date_gmt":"2019-02-28T08:12:17","guid":{"rendered":"https:\/\/tasiamarisbeach.com\/?page_id=21"},"modified":"2025-03-28T08:47:48","modified_gmt":"2025-03-28T08:47:48","slug":"home","status":"publish","type":"page","link":"https:\/\/tasiamarisbeach.com\/de\/","title":{"rendered":"Home"},"content":{"rendered":"<p>[vc_row full_width=&#8220;stretch_row_content_no_spaces&#8220; el_id=&#8220;ctws-home-slider&#8220;][vc_column][rev_slider_vc alias=&#8220;ctws-home-slider&#8220;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=&#8220;ctws-our-services&#8220;][vc_column][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_single_image image=&#8220;7641&#8243; img_size=&#8220;377&#215;230&#8243;][vc_custom_heading text=&#8220;Zimmer&#8220; font_container=&#8220;tag:h2|font_size:30PX|text_align:center|color:%23b2a470&#8243; google_fonts=&#8220;font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8220;][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Alle Zimmer dieses f\u00fcnfst\u00f6ckigen Hotels sind so gestaltet, dass sie Komfort und Annehmlichkeiten vereinen. Eine Unterkunft f\u00fcr Sie beide.<\/p>\n<p>[\/vc_column_text]\r<!-- rt-button2 -->\r<div class=\"rt-button2 element-two hover-style-one exae11367e7199cb2  \"  data-button-direction=\"center\" data-button-fullwidth=\"true\" ><a style=\" color: #b2a470;font-family:Roboto; font-weight:400; font-style:normal; \" class=\"rt-button2-main  vc_custom_1615300839441\" href=\"\/rooms\/\"  title=\"READ MORE\" target=\" _blank\"><div class=\"overlay\"><\/div><div class=\"placeholder\">WEITERLESEN<\/div><\/a><\/div>\r<!-- rt-button2 -->\r[\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_single_image image=&#8220;7701&#8243; img_size=&#8220;377&#215;230&#8243;][vc_custom_heading text=&#8220;SPA &amp; GESUNDHEITSZENTRUM&#8220; font_container=&#8220;tag:h2|font_size:30PX|text_align:center|color:%23b2a470&#8243; google_fonts=&#8220;font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8220;][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Willkommen im BLU SPA, wo Entspannung auf Luxus trifft.<\/p>\n<p>[\/vc_column_text]\r<!-- rt-button2 -->\r<div class=\"rt-button2 element-two hover-style-one ex6ce1a5ce5b47dcb  \"  data-button-direction=\"center\" data-button-fullwidth=\"true\" ><a style=\" color: #b2a470;font-family:Roboto; font-weight:400; font-style:normal; \" class=\"rt-button2-main  vc_custom_1615300844545\" href=\"https:\/\/tasiamarisbeach.com\/leisure-facilities\/\"  title=\"READ MORE\" target=\" _blank\"><div class=\"overlay\"><\/div><div class=\"placeholder\">WEITERLESEN<\/div><\/a><\/div>\r<!-- rt-button2 -->\r[\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_single_image image=&#8220;7624&#8243; img_size=&#8220;377&#215;230&#8243;][vc_custom_heading text=&#8220;RESTAURANTS UND BARS&#8220; font_container=&#8220;tag:h2|font_size:30PX|text_align:center|color:%23b2a470&#8243; google_fonts=&#8220;font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8220;][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Im Tasia Maris Beach Hotel &amp; Spa ist k\u00f6stliches Essen der Standard.<\/p>\n<p>[\/vc_column_text]\r<!-- rt-button2 -->\r<div class=\"rt-button2 element-two hover-style-one ex7e8f53f52fef2dd  \"  data-button-direction=\"center\" data-button-fullwidth=\"true\" ><a style=\" color: #b2a470;font-family:Roboto; font-weight:400; font-style:normal; \" class=\"rt-button2-main  vc_custom_1615300849104\" href=\"\/restaurants-bars\/\"  title=\"READ MORE\" target=\" _blank\"><div class=\"overlay\"><\/div><div class=\"placeholder\">WEITERLESEN<\/div><\/a><\/div>\r<!-- rt-button2 -->\r[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=&#8220;stretch_row_content_no_spaces&#8220; el_class=&#8220;ctws-wel-wrap&#8220; css=&#8220;.vc_custom_1551419840303{background-color: #f8f8f8 !important;}&#8220;][vc_column][vc_row_inner el_class=&#8220;container&#8220;][vc_column_inner][vc_custom_heading text=&#8220;WELCOME TO TASIA MARIS BEACH HOTEL &amp; SPA&#8220; font_container=&#8220;tag:h1|font_size:45px|text_align:center|color:%23b2a470&#8243; google_fonts=&#8220;font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8220;][vc_column_text el_class=&#8220;ctws-wel-txt&#8220;]<\/p>\n<p style=\"text-align: center;\">In unserem Hotel haben wir ein einziges Ziel vor Augen: Menschen in einer gastfreundlichen, gesunden und sicheren Umgebung zum L\u00e4cheln zu bringen. Das Hotel liegt nur 30 m vom postkartenreifen &#8218;Sandy Beach&#8216; des Nissi Resorts in Ayia Napa entfernt, dem wohl beliebtesten Ferienort der Insel. Ausgew\u00e4hlte Gesch\u00e4fte, Restaurants und Bars sind leicht zu erreichen, w\u00e4hrend die Hauptaktivit\u00e4ten des gesch\u00e4ftigen Zentrums der Stadt nur 15 Gehminuten entfernt sind. Der internationale Flughafen Larnaca ist 47 km entfernt.<\/p>\n<p style=\"text-align: center;\"><strong>THOMSON GOLD AWARDS<\/strong><br \/>\nDas Tasia Maris Beach Hotel &amp; Spa hat mehrfach die Thomson Gold Award Medaille gewonnen. Ausgezeichnet von unseren Kunden durch die Frageb\u00f6gen zur Kundenzufriedenheit.<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=&#8220;stretch_row_content_no_spaces&#8220; disable_element=&#8220;yes&#8220;][vc_column][\/vc_column][\/vc_row]<\/p>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8220;stretch_row_content_no_spaces&#8220; el_id=&#8220;ctws-home-slider&#8220;][vc_column][rev_slider_vc alias=&#8220;ctws-home-slider&#8220;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=&#8220;ctws-our-services&#8220;][vc_column][vc_row_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_single_image image=&#8220;7641&#8243; img_size=&#8220;377&#215;230&#8243;][vc_custom_heading text=&#8220;Zimmer&#8220; font_container=&#8220;tag:h2|font_size:30PX|text_align:center|color:%23b2a470&#8243; google_fonts=&#8220;font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8220;][vc_column_text] Alle Zimmer dieses f\u00fcnfst\u00f6ckigen Hotels sind so gestaltet, dass sie Komfort und Annehmlichkeiten vereinen. Eine Unterkunft f\u00fcr Sie beide. [\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_single_image image=&#8220;7701&#8243; img_size=&#8220;377&#215;230&#8243;][vc_custom_heading text=&#8220;SPA &amp; GESUNDHEITSZENTRUM&#8220; font_container=&#8220;tag:h2|font_size:30PX|text_align:center|color:%23b2a470&#8243; google_fonts=&#8220;font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8220;][vc_column_text] Willkommen im BLU SPA, wo Entspannung auf Luxus trifft. [\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8220;1\/3&#8243;][vc_single_image image=&#8220;7624&#8243; img_size=&#8220;377&#215;230&#8243;][vc_custom_heading text=&#8220;RESTAURANTS UND BARS&#8220; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/tasiamarisbeach.com\/de\/wp-json\/wp\/v2\/pages\/21"}],"collection":[{"href":"https:\/\/tasiamarisbeach.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tasiamarisbeach.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tasiamarisbeach.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tasiamarisbeach.com\/de\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":84,"href":"https:\/\/tasiamarisbeach.com\/de\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":8443,"href":"https:\/\/tasiamarisbeach.com\/de\/wp-json\/wp\/v2\/pages\/21\/revisions\/8443"}],"wp:attachment":[{"href":"https:\/\/tasiamarisbeach.com\/de\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}