{"id":8336,"date":"2026-07-04T23:11:10","date_gmt":"2026-07-04T23:11:10","guid":{"rendered":"https:\/\/triptreat.de\/home\/?page_id=8336"},"modified":"2026-07-09T14:31:55","modified_gmt":"2026-07-09T14:31:55","slug":"booking-kleopatra","status":"publish","type":"page","link":"https:\/\/triptreat.de\/home\/booking-kleopatra\/","title":{"rendered":"Booking"},"content":{"rendered":"\n<div id=\"trip-booking-page\">\n\n  <div class=\"booking-card\">\n    <h2>Buchungsanfrage<\/h2>\n\n    <div class=\"trip-info\">\n      <p><strong>Reise:<\/strong> <span id=\"tripName\">Auf Kleopatras Spuren<\/span><\/p>\n      <p><strong>Termin:<\/strong> <span id=\"tripDate\">Auf Anfrage<\/span><\/p>\n      <p><strong>Preis pro Person:<\/strong> <span id=\"pricePerPerson\">2.649 \u20ac<\/span><\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"booking-card calculator-card\">\n\n    <div class=\"booking-grid\">\n\n      <div>\n        <label for=\"persons\">Anzahl Personen<\/label>\n        <select id=\"persons\">\n          <option value=\"1\">1 Person<\/option>\n          <option value=\"2\">2 Personen<\/option>\n          <option value=\"3\">3 Personen<\/option>\n          <option value=\"4\">4 Personen<\/option>\n          <option value=\"5\">5 Personen<\/option>\n          <option value=\"6\">6 Personen<\/option>\n        <\/select>\n      <\/div>\n\n      <div>\n        <label for=\"singleCabins\">Einzelkabinenzuschlag<\/label>\n        <select id=\"singleCabins\">\n          <option value=\"0\">Nein<\/option>\n          <option value=\"1\">1 Einzelkabine<\/option>\n          <option value=\"2\">2 Einzelkabinen<\/option>\n          <option value=\"3\">3 Einzelkabinen<\/option>\n          <option value=\"4\">4 Einzelkabinen<\/option>\n          <option value=\"5\">5 Einzelkabinen<\/option>\n          <option value=\"6\">6 Einzelkabinen<\/option>\n        <\/select>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"total-box\">\n      <span class=\"total-label\">Gesamtpreis<\/span>\n\n      <div id=\"totalPrice\">2.649 \u20ac<\/div>\n\n      <p id=\"calculationText\"><\/p>\n\n      <div class=\"deposit-line\"><\/div>\n\n      <span class=\"deposit-label\">50% Anzahlung heute<\/span>\n\n      <div id=\"depositPrice\">1.324,50 \u20ac<\/div>\n\n      <p class=\"remaining-text\">\n        Restzahlung: <strong id=\"remainingPrice\">1.324,50 \u20ac<\/strong>\n      <\/p>\n    <\/div>\n\n    <button type=\"button\" id=\"continueBooking\">\n      Jetzt Buchung anfragen\n    <\/button>\n\n  <\/div>\n\n\n  <div id=\"bookingFormArea\">\n\n    <div class=\"form-heading\">\n      <h2>Ihre Reisedaten<\/h2>\n\n      <p>\n        F\u00fcllen Sie zuerst das Formular aus.\n        Danach k\u00f6nnen Sie 50% des Reisepreises sicher bezahlen.\n      <\/p>\n    <\/div>\n\n    <style id=\"wpforms-css-vars-8225\">\n\t\t\t\t#wpforms-8225 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-8225\"><form id=\"wpforms-form-8225\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"8225\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/home\/wp-json\/wp\/v2\/pages\/8336\" data-token=\"0cf76137b25c51a7955be03040e82104\" data-token-time=\"1785953258\"><noscript class=\"wpforms-error-noscript\">Bitte aktivieren Sie JavaScript in Ihrem Browser, um dieses Formular fertigzustellen.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Bitte aktivieren Sie JavaScript in Ihrem Browser, um dieses Formular fertigzustellen.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-8225-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Vollst\u00e4ndiger Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-8225-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-8225-field_1-error\" required><label for=\"wpforms-8225-field_1\" class=\"wpforms-field-sublabel after\">Vorname<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-8225-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-8225-field_1-last-error\" required><label for=\"wpforms-8225-field_1-last\" class=\"wpforms-field-sublabel after\">Nachname<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-8225-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-8225-field_2\">E-Mail-Adresse <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-8225-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-8225-field_2-error\" required><\/div><div id=\"wpforms-8225-field_3-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-8225-field_3\">Telefonnummer<\/label><input type=\"text\" id=\"wpforms-8225-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-8225-field_3-error\" ><\/div><div id=\"wpforms-8225-field_11-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"11\"><label class=\"wpforms-field-label\" for=\"wpforms-8225-field_11\">Reiseziel <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-8225-field_11\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][11]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled  selected='selected'>--- Select Choice ---<\/option><option value=\"\u00c4gypten\"  class=\"choice-1 depth-1\"  >\u00c4gypten<\/option><option value=\"Dubai\"  class=\"choice-2 depth-1\"  >Dubai<\/option><option value=\"T\u00fcrkei\"  class=\"choice-3 depth-1\"  >T\u00fcrkei<\/option><option value=\"Spanien\"  class=\"choice-4 depth-1\"  >Spanien<\/option><option value=\"Niederlande\"  class=\"choice-5 depth-1\"  >Niederlande<\/option><option value=\"Albanien\"  class=\"choice-6 depth-1\"  >Albanien<\/option><option value=\"Marokko\"  class=\"choice-7 depth-1\"  >Marokko<\/option><\/select><\/div><div id=\"wpforms-8225-field_12-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"12\"><label class=\"wpforms-field-label\" for=\"wpforms-8225-field_12\">Reise ausw\u00e4hlen <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-8225-field_12\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][12]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled  selected='selected'>--- Select Choice ---<\/option><option value=\"Auf Kleopatras Spuren\"  class=\"choice-1 depth-1\"  >Auf Kleopatras Spuren<\/option><option value=\"Cheops \u2013 faszinierend &amp; mystisch\"  class=\"choice-2 depth-1\"  >Cheops \u2013 faszinierend &amp; mystisch<\/option><option value=\"Nil &amp; Kairo \u2013 Authentisch mit Charme\"  class=\"choice-3 depth-1\"  >Nil &amp; Kairo \u2013 Authentisch mit Charme<\/option><option value=\"Klassisch mit Flair\"  class=\"choice-4 depth-1\"  >Klassisch mit Flair<\/option><option value=\"\u00c4gypten kennenlernen\"  class=\"choice-5 depth-1\"  >\u00c4gypten kennenlernen<\/option><option value=\"\u00c4gypten \u2013 H\u00f6hepunkte\"  class=\"choice-6 depth-1\"  >\u00c4gypten \u2013 H\u00f6hepunkte<\/option><option value=\"Von Kairo bis Abu Simbel\"  class=\"choice-7 depth-1\"  >Von Kairo bis Abu Simbel<\/option><option value=\"Der Nil in seiner ganzen Pracht\"  class=\"choice-8 depth-1\"  >Der Nil in seiner ganzen Pracht<\/option><option value=\"Kairo bis Luxor Explorer\"  class=\"choice-9 depth-1\"  >Kairo bis Luxor Explorer<\/option><option value=\"\u00c4gypten \u2013 Die wichtigsten H\u00f6hepunkte- 8 tage\"  class=\"choice-10 depth-1\"  >\u00c4gypten \u2013 Die wichtigsten H\u00f6hepunkte- 8 tage<\/option><option value=\"Klassisches \u00c4gypten \u2013 8 Tage\"  class=\"choice-11 depth-1\"  >Klassisches \u00c4gypten \u2013 8 Tage<\/option><option value=\"Von Kairo bis Luxor\"  class=\"choice-12 depth-1\"  >Von Kairo bis Luxor<\/option><\/select><\/div>\t\t<div id=\"wpforms-8225-field_4-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"4\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-8225-field_4\" >Reise Telefonnummer Reiseziel<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-8225-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-8225-field_13-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"13\"><label class=\"wpforms-field-label\" for=\"wpforms-8225-field_13\">Marokko Reise ausw\u00e4hlen<\/label><select id=\"wpforms-8225-field_13\" class=\"wpforms-field-medium\" name=\"wpforms[fields][13]\"><option value=\"Klassisch durch die W\u00fcste \u2013 8 Tage\"  class=\"choice-1 depth-1\"  >Klassisch durch die W\u00fcste \u2013 8 Tage<\/option><option value=\"Rundreise Marokko kennenlernen \u2013 9 Tage\"  class=\"choice-2 depth-1\"  >Rundreise Marokko kennenlernen \u2013 9 Tage<\/option><option value=\"Marokko Reise mit Flair \u2013 10 Tage\"  class=\"choice-3 depth-1\"  >Marokko Reise mit Flair \u2013 10 Tage<\/option><option value=\"Marokko Rundreise \u2013 Authentisch &amp; Intensiv \u2013 15 Tage\"  class=\"choice-4 depth-1\"  >Marokko Rundreise \u2013 Authentisch &amp; Intensiv \u2013 15 Tage<\/option><\/select><\/div><div id=\"wpforms-8225-field_8-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-8225-field_8\">Ihre Nachricht<\/label><textarea id=\"wpforms-8225-field_8\" class=\"wpforms-field-medium\" name=\"wpforms[fields][8]\" aria-errormessage=\"wpforms-8225-field_8-error\" ><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-8225-field_4-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-8225-field_4-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-8225-field_4-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"8225\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/triptreat.de\/home\/wp-json\/wp\/v2\/pages\/8336\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-8225\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img decoding=\"async\" src=\"https:\/\/triptreat.de\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Wird geladen\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\n\n\n    <div id=\"paymentArea\">\n\n      <div class=\"payment-title\">\n        <h3>50% Anzahlung<\/h3>\n\n        <p>\n          Zahlen Sie jetzt 50% des Reisepreises sicher \u00fcber Stripe.\n        <\/p>\n      <\/div>\n\n      <div class=\"payment-summary\">\n\n        <div>\n          <span>Gesamtpreis<\/span>\n          <strong id=\"paymentTotal\">0 \u20ac<\/strong>\n        <\/div>\n\n        <div class=\"payment-deposit-row\">\n          <span>Heute zu zahlen<\/span>\n          <strong id=\"paymentDeposit\">0 \u20ac<\/strong>\n        <\/div>\n\n        <div>\n          <span>Restzahlung<\/span>\n          <strong id=\"paymentRemaining\">0 \u20ac<\/strong>\n        <\/div>\n\n      <\/div>\n\n      <button type=\"button\" id=\"stripePaymentButton\">\n        50% Anzahlung sicher bezahlen\n      <\/button>\n\n      <p class=\"stripe-note\">\n        Sichere Zahlung \u00fcber Stripe\n      <\/p>\n\n      <div id=\"paymentError\"><\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n#trip-booking-page{\n  max-width:860px;\n  margin:40px auto;\n  font-family:Arial,sans-serif;\n  color:#10294b;\n}\n\n.booking-card{\n  background:#fffaf4;\n  border:1px solid #edcfaa;\n  border-radius:18px;\n  padding:28px;\n  margin-bottom:18px;\n}\n\n.booking-card h2{\n  margin:0 0 20px;\n  font-size:30px;\n  color:#a6651f;\n}\n\n.trip-info p{\n  margin:14px 0;\n  font-size:17px;\n}\n\n.booking-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:14px;\n}\n\n.booking-grid label{\n  display:block;\n  font-weight:700;\n  margin-bottom:8px;\n}\n\n.booking-grid select{\n  width:100%;\n  height:48px;\n  padding:0 14px;\n  border:1px solid #d4d9df;\n  border-radius:10px;\n  background:#fff;\n  font-size:16px;\n}\n\n.total-box{\n  background:#10294b;\n  color:white;\n  border-radius:16px;\n  padding:28px;\n  margin-top:18px;\n}\n\n.total-label,\n.deposit-label{\n  font-size:17px;\n}\n\n#totalPrice{\n  font-size:38px;\n  font-weight:800;\n  color:#f4c46c;\n  margin:14px 0;\n}\n\n#calculationText{\n  margin:0;\n  font-size:16px;\n  line-height:1.6;\n}\n\n.deposit-line{\n  height:1px;\n  background:rgba(255,255,255,.22);\n  margin:24px 0;\n}\n\n#depositPrice{\n  font-size:32px;\n  font-weight:800;\n  color:#5ee1a3;\n  margin:10px 0;\n}\n\n.remaining-text{\n  margin:0;\n  color:#d7e0ea;\n}\n\n#continueBooking{\n  width:100%;\n  border:0;\n  border-radius:12px;\n  padding:17px 20px;\n  margin-top:18px;\n  background:#d88a2d;\n  color:white;\n  font-size:18px;\n  font-weight:800;\n  cursor:pointer;\n}\n\n#continueBooking:hover{\n  background:#b96e18;\n}\n\n#bookingFormArea{\n  display:none;\n  margin-top:28px;\n  padding:30px;\n  background:white;\n  border:1px solid #e4e7eb;\n  border-radius:18px;\n  box-shadow:0 10px 35px rgba(16,41,75,.08);\n}\n\n.form-heading{\n  margin-bottom:25px;\n}\n\n.form-heading h2{\n  margin:0 0 8px;\n  color:#10294b;\n  font-size:28px;\n}\n\n.form-heading p{\n  color:#64748b;\n  line-height:1.6;\n}\n\n\n#paymentArea{\n  margin-top:35px;\n  padding:28px;\n  background:#f8fafc;\n  border:1px solid #dbe3ec;\n  border-radius:18px;\n}\n\n.payment-title h3{\n  margin:0 0 8px;\n  color:#10294b;\n  font-size:26px;\n}\n\n.payment-title p{\n  margin:0 0 22px;\n  color:#64748b;\n  line-height:1.6;\n}\n\n.payment-summary{\n  background:white;\n  border:1px solid #e4e7eb;\n  border-radius:14px;\n  overflow:hidden;\n}\n\n.payment-summary > div{\n  display:flex;\n  justify-content:space-between;\n  gap:20px;\n  padding:16px 18px;\n  border-bottom:1px solid #e4e7eb;\n}\n\n.payment-summary > div:last-child{\n  border-bottom:0;\n}\n\n.payment-summary span{\n  color:#64748b;\n}\n\n.payment-summary strong{\n  color:#10294b;\n}\n\n.payment-deposit-row{\n  background:#ecfdf5;\n}\n\n.payment-deposit-row strong{\n  color:#087f5b;\n  font-size:20px;\n}\n\n#stripePaymentButton{\n  width:100%;\n  border:0;\n  border-radius:12px;\n  padding:18px 20px;\n  margin-top:20px;\n  background:#635bff;\n  color:white;\n  font-size:18px;\n  font-weight:800;\n  cursor:pointer;\n}\n\n#stripePaymentButton:hover{\n  opacity:.92;\n}\n\n#stripePaymentButton:disabled{\n  opacity:.6;\n  cursor:not-allowed;\n}\n\n.stripe-note{\n  text-align:center;\n  color:#64748b;\n  font-size:13px;\n  margin:12px 0 0;\n}\n\n#paymentError{\n  display:none;\n  margin-top:15px;\n  padding:12px;\n  background:#fff1f2;\n  color:#b42318;\n  border-radius:10px;\n}\n\n\n@media(max-width:650px){\n\n  #trip-booking-page{\n    margin:20px 10px;\n  }\n\n  .booking-grid{\n    grid-template-columns:1fr;\n  }\n\n  .booking-card,\n  #bookingFormArea,\n  #paymentArea{\n    padding:20px;\n  }\n\n  #totalPrice{\n    font-size:32px;\n  }\n\n  #depositPrice{\n    font-size:28px;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const params = new URLSearchParams(window.location.search);\n\n\n  const tripName =\n    params.get(\"reise\") ||\n    params.get(\"trip\") ||\n    \"Auf Kleopatras Spuren\";\n\n\n  const tripDate =\n    params.get(\"datum\") ||\n    params.get(\"date\") ||\n    \"Auf Anfrage\";\n\n\n  const basePrice = parseFloat(\n    params.get(\"preis\") ||\n    params.get(\"price\") ||\n    \"2649\"\n  );\n\n\n  const singleSupplement = parseFloat(\n    params.get(\"single\") || \"0\"\n  );\n\n\n  const personsSelect =\n    document.getElementById(\"persons\");\n\n\n  const singleSelect =\n    document.getElementById(\"singleCabins\");\n\n\n  const totalPrice =\n    document.getElementById(\"totalPrice\");\n\n\n  const depositPrice =\n    document.getElementById(\"depositPrice\");\n\n\n  const remainingPrice =\n    document.getElementById(\"remainingPrice\");\n\n\n  const calculationText =\n    document.getElementById(\"calculationText\");\n\n\n  const paymentTotal =\n    document.getElementById(\"paymentTotal\");\n\n\n  const paymentDeposit =\n    document.getElementById(\"paymentDeposit\");\n\n\n  const paymentRemaining =\n    document.getElementById(\"paymentRemaining\");\n\n\n  let currentTotal = 0;\n  let currentDeposit = 0;\n\n\n  document.getElementById(\"tripName\").textContent =\n    tripName;\n\n\n  document.getElementById(\"tripDate\").textContent =\n    tripDate;\n\n\n  document.getElementById(\"pricePerPerson\").textContent =\n    formatEuro(basePrice);\n\n\n\n  function formatEuro(number){\n\n    return new Intl.NumberFormat(\"de-DE\",{\n      style:\"currency\",\n      currency:\"EUR\",\n      minimumFractionDigits:2\n    }).format(number);\n\n  }\n\n\n\n  function calculate(){\n\n    const persons =\n      parseInt(personsSelect.value);\n\n\n    let singles =\n      parseInt(singleSelect.value);\n\n\n    if(singles > persons){\n\n      singles = persons;\n\n      singleSelect.value = persons;\n\n    }\n\n\n    currentTotal =\n      (persons * basePrice) +\n      (singles * singleSupplement);\n\n\n    currentDeposit =\n      currentTotal * 0.50;\n\n\n    const remaining =\n      currentTotal - currentDeposit;\n\n\n    totalPrice.textContent =\n      formatEuro(currentTotal);\n\n\n    depositPrice.textContent =\n      formatEuro(currentDeposit);\n\n\n    remainingPrice.textContent =\n      formatEuro(remaining);\n\n\n    paymentTotal.textContent =\n      formatEuro(currentTotal);\n\n\n    paymentDeposit.textContent =\n      formatEuro(currentDeposit);\n\n\n    paymentRemaining.textContent =\n      formatEuro(remaining);\n\n\n    calculationText.textContent =\n      persons +\n      \" Person(en) \u00d7 \" +\n      formatEuro(basePrice) +\n      \" + \" +\n      singles +\n      \" Einzelkabine(n) \u00d7 \" +\n      formatEuro(singleSupplement);\n\n  }\n\n\n\n  personsSelect.addEventListener(\n    \"change\",\n    calculate\n  );\n\n\n  singleSelect.addEventListener(\n    \"change\",\n    calculate\n  );\n\n\n\n  document\n  .getElementById(\"continueBooking\")\n  .addEventListener(\"click\", function(){\n\n\n    const formArea =\n      document.getElementById(\"bookingFormArea\");\n\n\n    formArea.style.display = \"block\";\n\n\n    setTimeout(function(){\n\n\n      const tripInput =\n        document.querySelector(\".trip-reise input\");\n\n\n      const dateInput =\n        document.querySelector(\".trip-date input\");\n\n\n      if(tripInput){\n\n        tripInput.value = tripName;\n\n        tripInput.dispatchEvent(\n          new Event(\"input\",{\n            bubbles:true\n          })\n        );\n\n        tripInput.dispatchEvent(\n          new Event(\"change\",{\n            bubbles:true\n          })\n        );\n\n      }\n\n\n      if(dateInput){\n\n        dateInput.value = tripDate;\n\n        dateInput.dispatchEvent(\n          new Event(\"input\",{\n            bubbles:true\n          })\n        );\n\n        dateInput.dispatchEvent(\n          new Event(\"change\",{\n            bubbles:true\n          })\n        );\n\n      }\n\n\n      formArea.scrollIntoView({\n        behavior:\"smooth\",\n        block:\"start\"\n      });\n\n\n    },300);\n\n  });\n\n\n\n  document\n  .getElementById(\"stripePaymentButton\")\n  .addEventListener(\"click\", async function(){\n\n\n    const button = this;\n\n    const errorBox =\n      document.getElementById(\"paymentError\");\n\n\n    errorBox.style.display = \"none\";\n\n    errorBox.textContent = \"\";\n\n\n    button.disabled = true;\n\n    button.textContent =\n      \"Weiter zu Stripe...\";\n\n\n    try{\n\n\n      const response = await fetch(\n        \"\/wp-json\/triptreat\/v1\/stripe-deposit\",\n        {\n\n          method:\"POST\",\n\n          headers:{\n            \"Content-Type\":\"application\/json\"\n          },\n\n          body:JSON.stringify({\n\n            trip_name:tripName,\n\n            total:currentTotal\n\n          })\n\n        }\n      );\n\n\n      const data =\n        await response.json();\n\n\n      if(!response.ok || !data.url){\n\n        throw new Error(\n          data.error ||\n          \"Die Zahlung konnte nicht gestartet werden.\"\n        );\n\n      }\n\n\n      window.location.href =\n        data.url;\n\n\n    }catch(error){\n\n\n      errorBox.textContent =\n        error.message;\n\n\n      errorBox.style.display =\n        \"block\";\n\n\n      button.disabled = false;\n\n      button.textContent =\n        \"50% Anzahlung sicher bezahlen\";\n\n    }\n\n  });\n\n\n\n  calculate();\n\n});\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Buchungsanfrage Reise: Auf Kleopatras Spuren Termin: Auf Anfrage Preis pro Person: 2.649 \u20ac Anzahl Personen 1 Person2 Personen3 Personen4 Personen5 Personen6 Personen Einzelkabinenzuschlag Nein1 Einzelkabine2 Einzelkabinen3 Einzelkabinen4 Einzelkabinen5 Einzelkabinen6 Einzelkabinen Gesamtpreis 2.649 \u20ac 50% Anzahlung heute 1.324,50 \u20ac Restzahlung: 1.324,50 \u20ac Jetzt Buchung anfragen Ihre Reisedaten F\u00fcllen Sie zuerst das Formular aus. Danach k\u00f6nnen Sie [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-8336","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/triptreat.de\/home\/wp-json\/wp\/v2\/pages\/8336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/triptreat.de\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/triptreat.de\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/triptreat.de\/home\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/triptreat.de\/home\/wp-json\/wp\/v2\/comments?post=8336"}],"version-history":[{"count":5,"href":"https:\/\/triptreat.de\/home\/wp-json\/wp\/v2\/pages\/8336\/revisions"}],"predecessor-version":[{"id":8820,"href":"https:\/\/triptreat.de\/home\/wp-json\/wp\/v2\/pages\/8336\/revisions\/8820"}],"wp:attachment":[{"href":"https:\/\/triptreat.de\/home\/wp-json\/wp\/v2\/media?parent=8336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}