{"id":4931,"date":"2026-03-31T20:05:46","date_gmt":"2026-03-31T18:05:46","guid":{"rendered":"https:\/\/studiowedded.com\/?page_id=4931"},"modified":"2026-03-31T20:18:53","modified_gmt":"2026-03-31T18:18:53","slug":"rsvp-im-going","status":"publish","type":"page","link":"https:\/\/studiowedded.com\/en\/rsvpkiraundalbo\/","title":{"rendered":"RSVP Kira and Albo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4931\" class=\"elementor elementor-4931\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1aa750 e-flex e-con-boxed e-con e-parent\" data-id=\"c1aa750\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d205230 elementor-widget elementor-widget-html\" data-id=\"d205230\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/intl-tel-input@18.2.1\/build\/css\/intlTelInput.css\">\n<style>\n#progressTrack { width: 280px; height: 4px; background: #e0d8cc; border-radius: 2px; overflow: hidden; }\n#progressBar { height: 100%; width: 0; background: #1a1510; border-radius: 2px; transition: width 4s cubic-bezier(0.4,0,0.2,1); }\n<\/style>\n\n<div id=\"submitOverlay\" style=\"display:none; position:fixed; inset:0; background:rgba(255,255,255,0.97); z-index:9999; flex-direction:column; align-items:center; justify-content:center; gap:20px;\">\n  <div id=\"progressTrack\"><div id=\"progressBar\"><\/div><\/div>\n  <p>Vielen Dank f\u00fcr das Ausf\u00fcllen des Formulars. Die Daten werden nun an unsere Hochzeitsplanerin Jennifer Meachem von Studio Wedded weitergeleitet.<\/p>\n<\/div>\n\n<div class=\"rsvp-wrapper\">\n  <div class=\"section\">\n    <h3>Hauptperson<\/h3>\n    <div class=\"form-row\"><label>Vorname<\/label><input id=\"mainFirst\" type=\"text\"><\/div>\n    <div class=\"form-row\"><label>Nachname<\/label><input id=\"mainLast\" type=\"text\"><\/div>\n    <div class=\"form-row\"><label>Telefon<\/label><input id=\"mainPhone\" type=\"tel\"><\/div>\n    <div class=\"form-row\"><label>E-Mail<\/label><input id=\"mainEmail\" type=\"email\"><\/div>\n    <div class=\"form-row\">\n      <label>Teilnahme<\/label>\n      <select id=\"attendanceMain\">\n        <option value=\"no\">Nein, ich muss leider absagen.<\/option>\n        <option value=\"yes\">Ja, ich nehme teil.<\/option>\n      <\/select>\n    <\/div>\n    <div id=\"mainDetails\" class=\"hidden\">\n\n      <div class=\"form-row\"><label>Aufenthaltsdauer<\/label><select id=\"mainStayDuration\">\n          <option value=\"\">Bitte ausw\u00e4hlen<\/option>\n          <option>Wedding Day (29. August 2026)<\/option>\n          <option>Welcome Party & Wedding Day (28.\/29. August 2026)<\/option>\n          <option>Welcome Party & Wedding Day & Farewell Brunch optional (28.-30. August 2026)<\/option>\n          <option>Wedding Day & Farewell Brunch (29.\/30. August 2026)<\/option>\n      <\/select><\/div>\n\n      <div class=\"form-row\"><label>Kinderbetreuung<\/label><label><input type=\"checkbox\" id=\"childcare\"> Ja, wir ben\u00f6tigen eine Kinderbetreuung am Hochzeitstag.<\/label><\/div>\n\n      <div class=\"form-row\"><label>Anreise<\/label><select id=\"travelMain\">\n          <option value=\"auto\">Auto<\/option>\n          <option value=\"plane\">Flugzeug<\/option>\n      <\/select><\/div>\n\n      <div id=\"flightMainBox\" class=\"hidden\">\n        <div class=\"form-row\"><label>Flugnummer<\/label><input id=\"mainFlightNumber\" type=\"text\"><\/div>\n        <div class=\"form-row\"><label>Ankunft<\/label><input type=\"datetime-local\" id=\"mainArrival\"><\/div>\n        <div class=\"form-row\"><label>Name des Ankunfts-Flughafen<\/label><input id=\"mainAirport\" type=\"text\"><\/div>\n        <div class=\"form-row\"><label>Shuttle<\/label><label><input type=\"checkbox\" id=\"shuttleMain\"> Ja, es wird ein Shuttle vom Flughafen ben\u00f6tigt.<\/label><\/div>\n        <div id=\"barrierMain\" class=\"hidden\"><div class=\"form-row\"><label>Barrierefreiheit<\/label><label><input type=\"checkbox\" id=\"mainBarrierFree\"> Ja, das Shuttle muss barrierefrei sein.<\/label><\/div><\/div>\n      <\/div>\n\n    <div class=\"form-row\"><label>Essenspr\u00e4ferenz<\/label><select id=\"mainFoodPref\">\n          <option value=\"\">Bitte ausw\u00e4hlen<\/option>\n          <option>Fisch<\/option>\n          <option>Fleisch<\/option>\n          <option>Vegetarisch<\/option>\n          <option>Vegan<\/option>\n      <\/select><\/div>\n    \n    <div class=\"form-row\"><label>Hauptspeise<\/label><select id=\"mainMainCourse\">\n          <option value=\"\">Bitte ausw\u00e4hlen<\/option>\n          <option>Chateaubriand vom Lu\u0308neburger Ochsen mit Grillgemu\u0308se, Gratinkartoffeln, wei\u00dfer Pfeffersauce und Sauce B\u00e9arnaise<\/option>\n          <option>Gebratenes Steinbuttfilet in brauner Butter mit Grillgemu\u0308se, Gratinkartoffeln, wei\u00dfer Pfeffersauce und Sauce B\u00e9arnaise<\/option>\n          <option>Gebackene Aubergine mit Bulgur auf Ratatouillegemu\u0308se mit Gratinkartoffeln, wei\u00dfer Pfeffersauce und Sauce B\u00e9arnaise<\/option>\n      <\/select><\/div>\n    \n    \n\n      <div class=\"form-row\"><label>\u00dcbernachtung<\/label><label><input type=\"checkbox\" id=\"stayMain\"> Ja, ich \u00fcbernachte vor Ort.<\/label><\/div>\n      <div id=\"stayMainBox\" class=\"hidden\">\n        <div class=\"form-row\"><label>Hotel<\/label><input id=\"mainHotel\" type=\"text\"><\/div>\n        \n      <\/div>\n      <div class=\"form-row\"><label>Allergien<\/label><input id=\"mainAllergies\" type=\"text\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"guestsAndNotes\" class=\"hidden\">\n    <div class=\"section\">\n      <h3>Begleitpersonen<\/h3>\n      <div id=\"persons\"><\/div>\n      <button type=\"button\" id=\"addPersonBtn\" onclick=\"addPerson()\">+ Person hinzuf\u00fcgen<\/button>\n    <\/div>\n    <div class=\"section\">\n      <h3>Sonstige Bemerkungen<\/h3>\n      <div class=\"form-row\"><label>Bemerkungen<\/label><textarea id=\"notes\"><\/textarea><\/div>\n      \n    <\/div>\n  <\/div>\n\n  <div class=\"section\">\n    <div class=\"form-row\">\n      <label>Best\u00e4tigung<\/label>\n      <label><input type=\"checkbox\" id=\"confirmCheck\"> Ja, ich best\u00e4tige, dass alle Angaben vollst\u00e4ndig sind.<\/label>\n    <\/div>\n  <\/div>\n\n  <button id=\"submitBtn\" class=\"hidden\" onclick=\"submitForm()\">Check-in Prozess abschlie\u00dfen<\/button>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/intl-tel-input@18.2.1\/build\/js\/intlTelInput.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/intl-tel-input@18.2.1\/build\/js\/utils.js\"><\/script>\n<script>\nconst container = document.getElementById(\"persons\");\n\nconst phoneInput = document.querySelector(\"#mainPhone\");\nconst iti = window.intlTelInput(phoneInput, {\n  initialCountry: \"de\", separateDialCode: true, preferredCountries: [\"de\",\"at\",\"ch\"]\n});\nconst getValue = id => document.querySelector(id)?.value || \"\";\nlet mainTravel = \"\";\n\ndocument.getElementById(\"attendanceMain\").onchange = function () {\n  const attending = this.value === \"yes\";\n  document.getElementById(\"mainDetails\").classList.toggle(\"hidden\", !attending);\n  document.getElementById(\"guestsAndNotes\").classList.toggle(\"hidden\", !attending);\n  document.getElementById(\"submitBtn\").textContent = attending ? \"Check-in Prozess abschlie\u00dfen\" : \"Absage zur Hochzeit mitteilen\";\n};\n\ndocument.getElementById(\"travelMain\").onchange = function () {\n  const isPlane = this.value === \"plane\";\n  document.getElementById(\"flightMainBox\").classList.toggle(\"hidden\", !isPlane);\n  if (!isPlane) {\n    document.getElementById(\"mainFlightNumber\").value = \"\";\n    document.getElementById(\"mainArrival\").value = \"\";\n    document.getElementById(\"mainAirport\").value = \"\";\n    document.getElementById(\"shuttleMain\").checked = false;\n    document.getElementById(\"mainBarrierFree\").checked = false; document.getElementById(\"barrierMain\").classList.add(\"hidden\");\n  }\n};\n\ndocument.getElementById(\"shuttleMain\").onchange = function () {\n  document.getElementById(\"barrierMain\").classList.toggle(\"hidden\", !this.checked);\n  if (!this.checked) document.getElementById(\"mainBarrierFree\").checked = false;\n};\n\ndocument.getElementById(\"stayMain\").onchange = function () {\n  document.getElementById(\"stayMainBox\").classList.toggle(\"hidden\", !this.checked);\n  if (!this.checked) {\n    document.getElementById(\"mainHotel\").value = \"\";\n    \n  }\n};\ndocument.getElementById(\"confirmCheck\").onchange = function () {\n  document.getElementById(\"submitBtn\").classList.toggle(\"hidden\", !this.checked);\n};\n\nfunction updateAddBtn() {\n  document.getElementById(\"addPersonBtn\").classList.toggle(\"hidden\", document.querySelectorAll(\".person\").length >= 5);\n}\n\nfunction addPerson() {\n  if (document.querySelectorAll(\".person\").length >= 5) return;\n  const div = document.createElement(\"div\");\n  div.className = \"person\";\n  div.innerHTML = `\n    <div class=\"form-row\"><label>Vorname<\/label><input type=\"text\" class=\"guestFirst\"><\/div>\n    <div class=\"form-row\"><label>Nachname<\/label><input type=\"text\" class=\"guestLast\"><\/div>\n    <div class=\"form-row\"><label>Aufenthaltsdauer<\/label><select class=\"stayDuration\"><option value=\"\">Bitte ausw\u00e4hlen<\/option><option>Wedding Day (29. August 2026)<\/option><option>Welcome Party & Wedding Day (28.\/29. August 2026)<\/option><option>Welcome Party & Wedding Day & Farewell Brunch optional (28.-30. August 2026)<\/option><option>Wedding Day & Farewell Brunch (29.\/30. August 2026)<\/option><\/select><\/div>\n    <div class=\"form-row\"><label>Kind<\/label><label><input type=\"checkbox\" class=\"childCheck\"> Bei dieser Begleitperson handelt es sich um ein Kind.<\/label><\/div>\n    <div class=\"childBox hidden\">\n      <div class=\"form-row\"><label>Alter<\/label><input type=\"number\" class=\"childAge\" min=\"0\" max=\"17\"><\/div>\n      <div class=\"form-row\"><label>Kinderbett<\/label><label><input type=\"checkbox\" class=\"childBed\"> Ein Kinderbett wird f\u00fcr diese Person ben\u00f6tigt.<\/label><\/div>\n      <div class=\"form-row\"><label>Hochstuhl<\/label><label><input type=\"checkbox\" class=\"highChair\"> Ein Hochstuhl wird f\u00fcr diese Person ben\u00f6tigt.<\/label><\/div>\n    <\/div>\n    <div class=\"adultFields\">\n    <div class=\"form-row\"><label>Anreise<\/label><select class=\"travel\"><option value=\"auto\">Auto<\/option><option value=\"plane\">Flugzeug<\/option><\/select><\/div>\n    <div class=\"flightBox hidden\">\n      <div class=\"form-row\"><label>Flugnummer<\/label><input type=\"text\" class=\"flightNumber\"><\/div>\n      <div class=\"form-row\"><label>Ankunft<\/label><input type=\"datetime-local\" class=\"arrival\"><\/div>\n      <div class=\"form-row\"><label>Ankunft Flughafen<\/label><input type=\"text\" class=\"airport\"><\/div>\n      <div class=\"form-row\"><label>Shuttle<\/label><label><input type=\"checkbox\" class=\"shuttle\"> Ja, die Person ben\u00f6tigt ein Shuttle vom Flughafen.<\/label><\/div>\n      <div class=\"barrier hidden\"><div class=\"form-row\"><label>Barrierefreiheit<\/label><label><input type=\"checkbox\" class=\"barrierCheckbox\"> Ja, das Shuttle muss barrierefrei sein.<\/label><\/div><\/div>\n    <\/div>\n    <\/div>\n    <div class=\"form-row\"><label>Essenspr\u00e4ferenz<\/label><select class=\"foodPref\"><option value=\"\">Bitte ausw\u00e4hlen<\/option><option>Fisch<\/option><option>Fleisch<\/option><option>Vegetarisch<\/option><option>Vegan<\/option><\/select><\/div>\n    \n    <div class=\"form-row\"><label>Hauptspeise<\/label><select class=\"mainCourse\"><option value=\"\">Bitte ausw\u00e4hlen<\/option><option>Chateaubriand vom Lu\u0308neburger Ochsen mit Grillgemu\u0308se, Gratinkartoffeln, wei\u00dfer Pfeffersauce und Sauce B\u00e9arnaise<\/option><option>Gebratenes Steinbuttfilet in brauner Butter mit Grillgemu\u0308se, Gratinkartoffeln, wei\u00dfer Pfeffersauce und Sauce B\u00e9arnaise<\/option><option>Gebackene Aubergine mit Bulgur auf Ratatouillegemu\u0308se mit Gratinkartoffeln, wei\u00dfer Pfeffersauce und Sauce B\u00e9arnaise<\/option><\/select><\/div>\n    \n    \n    <div class=\"form-row\"><label>\u00dcbernachtung<\/label><label><input type=\"checkbox\" class=\"stayCheck\"> Ja, die Person \u00fcbernachtet vor Ort.<\/label><\/div>\n    <div class=\"stayBox hidden\">\n      <div class=\"form-row\"><label>Hotel<\/label><input type=\"text\" class=\"hotelInput\"><\/div>\n      \n    <\/div>\n    <div class=\"form-row\"><label>Allergien<\/label><input type=\"text\" class=\"guestAllergies\"><\/div>\n    <button type=\"button\" onclick=\"this.closest('.person').remove(); updateAddBtn();\">- Entfernen<\/button>`;\n  container.appendChild(div);\n  \n  div.querySelector(\".childCheck\").onchange = function () {\n    div.querySelector(\".childBox\").classList.toggle(\"hidden\", !this.checked);\n    div.querySelector(\".adultFields\").classList.toggle(\"hidden\", this.checked);\n  };\n  \n  div.querySelector(\".travel\").onchange = function () {\n    div.querySelector(\".flightBox\").classList.toggle(\"hidden\", this.value !== \"plane\");\n  };\n  \n  div.querySelector(\".shuttle\").onchange = function () {\n    div.querySelector(\".barrier\").classList.toggle(\"hidden\", !this.checked);\n  };\n  \n  div.querySelector(\".stayCheck\").onchange = function () {\n    div.querySelector(\".stayBox\").classList.toggle(\"hidden\", !this.checked);\n    if (this.checked) {\n      const mainHotel = document.getElementById(\"mainHotel\")?.value || \"\";\n      div.querySelector(\".hotelInput\").value = mainHotel;\n    }\n  };\n  updateAddBtn();\n}\n\nfunction submitForm() {\n  const attendance = document.querySelector(\"#attendanceMain\")?.value || \"no\";\n  mainTravel = document.querySelector(\"#travelMain\").value;\n  const mainPerson = {\n    first_name: getValue(\"#mainFirst\"),\n    last_name: getValue(\"#mainLast\"),\n    phone: typeof iti !== 'undefined' ? iti.getNumber() : '',\n    email: getValue(\"#mainEmail\"),\n    attendance: attendance,\n  };\n  if (attendance === \"yes\") Object.assign(mainPerson, {\n      stay_duration: getValue(\"#mainStayDuration\"),\n      childcare: document.querySelector(\"#childcare\")?.checked||false,\n      travel_type: mainTravel,\n      flight_number: mainTravel===\"plane\"?getValue(\"#mainFlightNumber\"):\"\",\n      arrival: mainTravel===\"plane\"?getValue(\"#mainArrival\"):\"\",\n      airport: mainTravel===\"plane\"?getValue(\"#mainAirport\"):\"\",\n      shuttle: mainTravel===\"plane\"?document.querySelector(\"#shuttleMain\")?.checked||false:false,\n      barrier_free: mainTravel===\"plane\"?document.querySelector(\"#mainBarrierFree\")?.checked||false:false,\n      food_preference: getValue(\"#mainFoodPref\"),\n      \n      main_course: getValue(\"#mainMainCourse\"),\n      \n      \n      overnight: document.querySelector(\"#stayMain\")?.checked||false,\n      hotel: getValue(\"#mainHotel\"),\n      \n      allergies: getValue(\"#mainAllergies\"),\n    });\n  const data = {\n    sheetId: \"1iBssOi6fmquVANq-aKeznWoUgnZS4kJs35WOizDQMD4\",\n    main_person: mainPerson,\n    guests: [],\n    notes: attendance===\"yes\"?getValue(\"#notes\"):\"\",\n    \n    timestamp: new Date().toISOString()\n  };\n  if (attendance === \"yes\") {\n    document.querySelectorAll(\".person\").forEach(p => {\n      const travel = p.querySelector(\".travel\")?.value || \"\";\n      const isChild = p.querySelector(\".childCheck\")?.checked || false;\n      data.guests.push({\n        first_name: p.querySelector(\".guestFirst\")?.value||\"\",\n        last_name: p.querySelector(\".guestLast\")?.value||\"\",\n        stay_duration: p.querySelector(\".stayDuration\")?.value||\"\",\n        is_child: isChild,\n        child_age: isChild?p.querySelector(\".childAge\")?.value||\"\":\"\",\n        child_bed: isChild?p.querySelector(\".childBed\")?.checked||false:false,\n        high_chair: isChild?p.querySelector(\".highChair\")?.checked||false:false,\n        travel_type: isChild?\"\":travel,\n        flight_number: (!isChild&&travel===\"plane\")?p.querySelector(\".flightNumber\")?.value||\"\":\"\",\n        arrival: (!isChild&&travel===\"plane\")?p.querySelector(\".arrival\")?.value||\"\":\"\",\n        airport: (!isChild&&travel===\"plane\")?p.querySelector(\".airport\")?.value||\"\":\"\",\n        shuttle: (!isChild&&travel===\"plane\")?p.querySelector(\".shuttle\")?.checked||false:false,\n        barrier_free: (!isChild&&travel===\"plane\")?p.querySelector(\".barrierCheckbox\")?.checked||false:false,\n        food_preference: p.querySelector(\".foodPref\")?.value||\"\",\n        \n        main_course: p.querySelector(\".mainCourse\")?.value||\"\",\n        \n        \n        overnight: p.querySelector(\".stayCheck\")?.checked||false,\n        hotel: p.querySelector(\".hotelInput\")?.value||\"\",\n        \n        allergies: p.querySelector(\".guestAllergies\")?.value||\"\",\n      });\n    });\n  }\n  fetch(\"https:\/\/n8n.maikranz-business.com\/webhook\/6979ff9e-4105-47b5-97fe-b851dffe7e08\", {\n    method: \"POST\",\n    headers: { \"Content-Type\": \"application\/json\" },\n    body: JSON.stringify(data)\n  })\n  .then(() => {\n    const overlay = document.getElementById(\"submitOverlay\");\n    const bar = document.getElementById(\"progressBar\");\n    overlay.style.display = \"flex\";\n    requestAnimationFrame(() => { requestAnimationFrame(() => { bar.style.width = \"100%\"; }); });\n    setTimeout(() => {\n      overlay.style.display = \"none\";\n    }, 4200);\n  })\n  .catch(() => alert(\"Fehler beim Senden\"));\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vielen Dank f\u00fcr das Ausf\u00fcllen des Formulars. Die Daten werden nun an unsere Hochzeitsplanerin Jennifer Meachem von Studio Wedded weitergeleitet. Hauptperson Vorname Nachname Telefon E-Mail Teilnahme Nein, ich muss leider absagen.Ja, ich nehme teil. AufenthaltsdauerBitte ausw\u00e4hlenWedding Day (29. August 2026)Welcome Party &#038; Wedding Day (28.\/29. August 2026)Welcome Party &#038; Wedding Day &#038; Farewell Brunch optional [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4931","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/studiowedded.com\/en\/wp-json\/wp\/v2\/pages\/4931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiowedded.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiowedded.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiowedded.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studiowedded.com\/en\/wp-json\/wp\/v2\/comments?post=4931"}],"version-history":[{"count":9,"href":"https:\/\/studiowedded.com\/en\/wp-json\/wp\/v2\/pages\/4931\/revisions"}],"predecessor-version":[{"id":4940,"href":"https:\/\/studiowedded.com\/en\/wp-json\/wp\/v2\/pages\/4931\/revisions\/4940"}],"wp:attachment":[{"href":"https:\/\/studiowedded.com\/en\/wp-json\/wp\/v2\/media?parent=4931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}