{"id":5484,"date":"2026-07-27T13:24:54","date_gmt":"2026-07-27T13:24:54","guid":{"rendered":"https:\/\/hairstylistinsarah.com\/termin-buchen\/"},"modified":"2026-07-27T13:24:54","modified_gmt":"2026-07-27T13:24:54","slug":"termin-buchen","status":"publish","type":"page","link":"https:\/\/hairstylistinsarah.com\/de\/termin-buchen\/","title":{"rendered":"Termin buchen"},"content":{"rendered":"        <style>.hsb{--ink:#22201e;--gold:#b18a53;--cream:#f7f2ea;--line:#ded4c7;max-width:1120px;margin:0 auto;padding:56px 22px 80px;color:var(--ink);font-family:inherit}.hsb *{box-sizing:border-box}.hsb header{text-align:center;max-width:720px;margin:0 auto 38px}.hsb-kicker{display:block;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hsb h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:.4rem 0 1rem}.hsb header p{font-size:1.08rem;color:#625d56}.hsb-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.hsb-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 12px 35px rgba(46,37,28,.07)}.hsb-card h2{font-size:1.15rem;margin:0 0 18px}.hsb label{display:block;font-weight:600;margin:0 0 15px}.hsb select,.hsb input:not([type=checkbox]){width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;padding:13px 14px;background:#fff;color:var(--ink);font:inherit}.hsb-price,.hsb-note{margin:13px 0 0;color:#70685f;font-size:.92rem}.hsb-choices,.hsb-slots{display:flex;flex-wrap:wrap;gap:10px;min-height:44px}.hsb-choices button,.hsb-slots button,.hsb form>button{border:1px solid var(--gold);border-radius:999px;padding:11px 18px;background:#fff;color:var(--ink);cursor:pointer;font:inherit;font-weight:700}.hsb-choices button.active,.hsb-slots button.active,.hsb form>button{background:var(--gold);color:#fff}.hsb form>button{width:100%;margin-top:8px;border-radius:10px;padding:14px}.hsb form>button:disabled{opacity:.45;cursor:not-allowed}.hsb-consent{display:flex!important;gap:9px;align-items:flex-start;font-size:.9rem;font-weight:400!important}.hsb-consent input{margin-top:3px}.hsb-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.hsb-message{margin-top:14px}.hsb #hsb-message.success{color:#23733b;margin-top:14px}.hsb #hsb-message.error{color:#a82828;margin-top:14px}@media(max-width:760px){.hsb{padding:38px 15px 55px}.hsb-grid{grid-template-columns:1fr}.hsb-card{padding:20px}.hsb h1{font-size:2.35rem}}\n<\/style>\r\n        <script>window.HSB={\"root\":\"https:\\\/\\\/hairstylistinsarah.com\\\/de\\\/wp-json\\\/hsb\\\/v1\\\/\",\"nonce\":\"c520a21d78\",\"services\":[{\"id\":\"big-rastas\",\"en\":\"Big Rastas (without extensions)\",\"de\":\"Gro\\u00dfe Rastas (ohne Extensions)\",\"minutes\":360,\"family\":\"rasta\",\"full_day\":false},{\"id\":\"single-rasta\",\"en\":\"Single Rasta (Short\\\/Long)\",\"de\":\"Einzelne Rasta (kurz\\\/lang)\",\"minutes\":20,\"family\":\"rasta\",\"full_day\":false},{\"id\":\"braids-ear\",\"en\":\"Full Head Braids (Ear Length)\",\"de\":\"Braids ganzer Kopf (Ohrl\\u00e4nge)\",\"minutes\":420,\"family\":\"braids\",\"full_day\":false},{\"id\":\"braids-chin\",\"en\":\"Full Head Braids (Chin Length)\",\"de\":\"Braids ganzer Kopf (Kinnl\\u00e4nge)\",\"minutes\":480,\"family\":\"braids\",\"full_day\":true},{\"id\":\"braids-shoulder\",\"en\":\"Full Head Braids (Shoulder Length)\",\"de\":\"Braids ganzer Kopf (Schulterl\\u00e4nge)\",\"minutes\":540,\"family\":\"braids\",\"full_day\":true},{\"id\":\"braids-mid-back\",\"en\":\"Full Head Braids (Mid Back)\",\"de\":\"Braids ganzer Kopf (mittlerer R\\u00fccken)\",\"minutes\":600,\"family\":\"braids\",\"full_day\":true},{\"id\":\"braids-lower-back\",\"en\":\"Full Head Braids (Lower Back)\",\"de\":\"Braids ganzer Kopf (unterer R\\u00fccken)\",\"minutes\":600,\"family\":\"braids\",\"full_day\":true},{\"id\":\"big-braids-short\",\"en\":\"Big Braids Full Head (Short)\",\"de\":\"Gro\\u00dfe Braids ganzer Kopf (kurz)\",\"minutes\":300,\"family\":\"braids\",\"full_day\":false},{\"id\":\"big-braids-shoulder\",\"en\":\"Big Braids (Shoulder Length)\",\"de\":\"Gro\\u00dfe Braids (Schulterl\\u00e4nge)\",\"minutes\":360,\"family\":\"braids\",\"full_day\":false},{\"id\":\"big-braids-mid-back\",\"en\":\"Big Braids (Mid Back)\",\"de\":\"Gro\\u00dfe Braids (mittlerer R\\u00fccken)\",\"minutes\":420,\"family\":\"braids\",\"full_day\":false},{\"id\":\"big-braids-lower-back\",\"en\":\"Big Braids (Lower Back)\",\"de\":\"Gro\\u00dfe Braids (unterer R\\u00fccken)\",\"minutes\":480,\"family\":\"braids\",\"full_day\":true},{\"id\":\"small-braids-shoulder\",\"en\":\"Small Braids (Shoulder Length)\",\"de\":\"Kleine Braids (Schulterl\\u00e4nge)\",\"minutes\":600,\"family\":\"braids\",\"full_day\":true},{\"id\":\"small-braids-mid-back\",\"en\":\"Small Braids (Mid Back)\",\"de\":\"Kleine Braids (mittlerer R\\u00fccken)\",\"minutes\":720,\"family\":\"braids\",\"full_day\":true},{\"id\":\"small-braids-lower-back\",\"en\":\"Small Braids (Lower Back)\",\"de\":\"Kleine Braids (unterer R\\u00fccken)\",\"minutes\":720,\"family\":\"braids\",\"full_day\":true},{\"id\":\"full-cornrows\",\"en\":\"Full Head Cornrows\",\"de\":\"Cornrows ganzer Kopf\",\"minutes\":300,\"family\":\"cornrows\",\"full_day\":false},{\"id\":\"single-cornrow\",\"en\":\"Single Small\\\/Medium\\\/Big Cornrow\",\"de\":\"Einzelne kleine\\\/mittlere\\\/gro\\u00dfe Cornrow\",\"minutes\":30,\"family\":\"cornrows\",\"full_day\":false},{\"id\":\"big-cornrows\",\"en\":\"Big Cornrows Full Head\",\"de\":\"Gro\\u00dfe Cornrows ganzer Kopf\",\"minutes\":120,\"family\":\"cornrows\",\"full_day\":false},{\"id\":\"crochet-braids\",\"en\":\"Crochet Braids Full Head\",\"de\":\"Crochet Braids ganzer Kopf\",\"minutes\":240,\"family\":\"crochet\",\"full_day\":false},{\"id\":\"crochet-curls\",\"en\":\"Crochet Curls Full Head\",\"de\":\"Crochet Curls ganzer Kopf\",\"minutes\":360,\"family\":\"crochet\",\"full_day\":false},{\"id\":\"single-dread\",\"en\":\"Single Dread\",\"de\":\"Einzelner Dread\",\"minutes\":40,\"family\":\"dreads\",\"full_day\":false},{\"id\":\"dreadlocks-short\",\"en\":\"Full Head Dreadlocks (Short)\",\"de\":\"Dreadlocks ganzer Kopf (kurz)\",\"minutes\":360,\"family\":\"dreads\",\"full_day\":false},{\"id\":\"dreadlocks-long\",\"en\":\"Full Head Dreadlocks (Long)\",\"de\":\"Dreadlocks ganzer Kopf (lang)\",\"minutes\":480,\"family\":\"dreads\",\"full_day\":true},{\"id\":\"sisterlocks\",\"en\":\"Sisterlocks\",\"de\":\"Sisterlocks\",\"minutes\":720,\"family\":\"dreads\",\"full_day\":true},{\"id\":\"full-weave\",\"en\":\"Full Weave\",\"de\":\"Komplettes Weave\",\"minutes\":240,\"family\":\"weaves\",\"full_day\":false},{\"id\":\"extensions-row\",\"en\":\"Extensions Per Row\",\"de\":\"Extensions pro Reihe\",\"minutes\":60,\"family\":\"extensions\",\"full_day\":false},{\"id\":\"men-braids\",\"en\":\"Men Braids\",\"de\":\"Herren-Braids\",\"minutes\":180,\"family\":\"braids\",\"full_day\":false}],\"stylists\":{\"hamidah\":{\"name\":\"Hamidah\",\"families\":[\"rasta\",\"braids\",\"cornrows\",\"crochet\",\"dreads\",\"weaves\",\"extensions\"]},\"paulina\":{\"name\":\"Paulina\",\"families\":[\"rasta\",\"braids\",\"cornrows\",\"crochet\"]},\"sarah\":{\"name\":\"Sarah\",\"families\":[\"rasta\",\"braids\",\"cornrows\",\"crochet\",\"dreads\",\"weaves\",\"extensions\"]}}};<\/script>\r\n        <section class=\"hsb\" data-lang=\"de\">\r\n          <header><span class=\"hsb-kicker\">Hair Stylistin\u2019 Sarah<\/span><h1>Termin buchen<\/h1><p>W\u00e4hlen Sie Service, Stylistin und einen verf\u00fcgbaren Termin.<\/p><\/header>\r\n          <div class=\"hsb-grid\">\r\n            <div class=\"hsb-card\"><h2>1. Service w\u00e4hlen<\/h2><select id=\"hsb-service\"><option value=\"\">Bitte ausw\u00e4hlen<\/option><\/select><p class=\"hsb-price\">F\u00fcr den richtigen Preis ruft Sie unser Salonteam an.<\/p><\/div>\r\n            <div class=\"hsb-card\"><h2>2. Stylistin w\u00e4hlen<\/h2><div id=\"hsb-stylists\" class=\"hsb-choices\" aria-live=\"polite\"><\/div><\/div>\r\n            <div class=\"hsb-card hsb-time-card\"><h2>3. Termin w\u00e4hlen<\/h2><label>Datum<input id=\"hsb-date\" type=\"date\"><\/label><p id=\"hsb-full-day\" class=\"hsb-note\" hidden>Ganzt\u00e4giger Termin \u2013 die genaue Uhrzeit wird telefonisch best\u00e4tigt.<\/p><div id=\"hsb-slots\" class=\"hsb-slots\" aria-live=\"polite\"><\/div><\/div>\r\n            <form id=\"hsb-form\" class=\"hsb-card\"><h2>4. Ihre Angaben<\/h2>\r\n              <label>Name<input name=\"name\" autocomplete=\"name\" required maxlength=\"100\"><\/label>\r\n              <label>E-Mail<input name=\"email\" type=\"email\" autocomplete=\"email\" required maxlength=\"190\"><\/label>\r\n              <label>Telefon<input name=\"phone\" type=\"tel\" autocomplete=\"tel\" required maxlength=\"40\"><\/label>\r\n              <label class=\"hsb-consent\"><input name=\"privacy\" type=\"checkbox\" required> <span>Ich stimme der Verarbeitung meiner Daten zur Terminbuchung gem\u00e4\u00df der Datenschutzerkl\u00e4rung zu.<\/span><\/label>\r\n              <input name=\"website\" class=\"hsb-hp\" tabindex=\"-1\" autocomplete=\"off\"><button type=\"submit\" disabled>Termin buchen<\/button><div id=\"hsb-message\" role=\"status\" aria-live=\"polite\"><\/div>\r\n            <\/form>\r\n          <\/div>\r\n        <\/section><script>(() => {\n  const root=document.querySelector('.hsb'); if(!root)return;\n  const lang=root.dataset.lang, de=lang==='de';\n  const serviceEl=root.querySelector('#hsb-service'), stylistBox=root.querySelector('#hsb-stylists'), dateEl=root.querySelector('#hsb-date'), slots=root.querySelector('#hsb-slots'), form=root.querySelector('#hsb-form'), submit=form.querySelector('button[type=submit]'), msg=root.querySelector('#hsb-message'), fullNote=root.querySelector('#hsb-full-day');\n  let stylist='',start='';\n  const text={choose:de?'Bitte zuerst Service und Stylistin w\u00e4hlen.':'Choose a service and stylist first.',none:de?'Keine Termine an diesem Datum verf\u00fcgbar.':'No appointments are available on this date.',loading:de?'Termine werden geladen \u2026':'Loading appointments\u2026',error:de?'Die Termine konnten nicht geladen werden. Bitte versuchen Sie es erneut oder rufen Sie den Salon an.':'Appointments could not be loaded. Please try again or call the salon.',pick:de?'Termin ausw\u00e4hlen':'Choose a time'};\n  const duration=m=>m>=60?`${Math.floor(m\/60)} ${de?'Std.':'hr'}${m%60?' '+(m%60)+' min':''}`:`${m} min`;\n  HSB.services.forEach(s=>{const o=document.createElement('option');o.value=s.id;o.textContent=`${s[lang]} \u2014 ${duration(s.minutes)}`;serviceEl.appendChild(o)});\n  const today=new Date(); today.setDate(today.getDate()+1); dateEl.min=today.toISOString().slice(0,10); const max=new Date();max.setDate(max.getDate()+90);dateEl.max=max.toISOString().slice(0,10);\n  function current(){return HSB.services.find(s=>s.id===serviceEl.value)}\n  function renderStylists(){stylist='';start='';stylistBox.innerHTML='';slots.innerHTML='';submit.disabled=true;const s=current();if(!s)return;Object.entries(HSB.stylists).forEach(([id,x])=>{if(!x.families.includes(s.family))return;const b=document.createElement('button');b.type='button';b.textContent=x.name;b.dataset.id=id;b.onclick=()=>{stylist=id;[...stylistBox.children].forEach(z=>z.classList.toggle('active',z===b));load()};stylistBox.appendChild(b)});fullNote.hidden=!s.full_day}\n  async function load(){start='';submit.disabled=true;slots.innerHTML='';if(!stylist||!dateEl.value){slots.textContent=text.choose;return}slots.textContent=text.loading;try{const q=new URLSearchParams({service:serviceEl.value,stylist,date:dateEl.value});const r=await fetch(HSB.root+'availability?'+q);const j=await r.json();if(!r.ok)throw new Error(j.message);slots.innerHTML='';if(!j.slots?.length){slots.textContent=text.none;return}j.slots.forEach(x=>{const b=document.createElement('button');b.type='button';b.textContent=j.full_day?(de?'Diesen Tag w\u00e4hlen':'Choose this day'):x.label;b.onclick=()=>{start=x.value;[...slots.children].forEach(z=>z.classList.toggle('active',z===b));submit.disabled=false};slots.appendChild(b)})}catch(e){slots.textContent=e.message||text.error}}\n  serviceEl.addEventListener('change',renderStylists);dateEl.addEventListener('change',load);\n  form.addEventListener('submit',async e=>{e.preventDefault();if(!start)return;submit.disabled=true;msg.className='';msg.textContent=de?'Buchung wird gespeichert \u2026':'Saving your booking\u2026';const fd=new FormData(form);const body={service:serviceEl.value,stylist,start,lang,name:fd.get('name'),email:fd.get('email'),phone:fd.get('phone'),privacy:fd.get('privacy')?1:0,website:fd.get('website')};try{const r=await fetch(HSB.root+'book',{method:'POST',headers:{'Content-Type':'application\/json','X-WP-Nonce':HSB.nonce},body:JSON.stringify(body)});const j=await r.json();if(!r.ok)throw new Error(j.message);msg.className='success';msg.textContent=j.message;form.reset();start='';slots.innerHTML='';serviceEl.value='';renderStylists()}catch(err){msg.className='error';msg.textContent=err.message||text.error;submit.disabled=false}});\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5484","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hairstylistinsarah.com\/de\/wp-json\/wp\/v2\/pages\/5484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hairstylistinsarah.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hairstylistinsarah.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hairstylistinsarah.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hairstylistinsarah.com\/de\/wp-json\/wp\/v2\/comments?post=5484"}],"version-history":[{"count":0,"href":"https:\/\/hairstylistinsarah.com\/de\/wp-json\/wp\/v2\/pages\/5484\/revisions"}],"wp:attachment":[{"href":"https:\/\/hairstylistinsarah.com\/de\/wp-json\/wp\/v2\/media?parent=5484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}