const {useState,useEffect,useRef} = React; const P='assets/photos/'; const W='https://lavie-wirdschoener.de/wp-content/uploads/2026/06/'; const TREAT=[['Gesichtsbehandlungen','behandlung.html?b=gesichtsbehandlungen'],['Mikrodermabrasion','behandlung.html?b=microdermabrasion'],['Microneedling','behandlung.html?b=microneedling'],['Wimpern & Brauen','behandlung.html?b=wimpern-brauen'],['Fußpflege & Maniküre','behandlung.html?b=fusspflege']]; /* Sperrt das Scrollen der Seite, solange ein Vollbild-Overlay offen ist. position:fixed statt nur overflow:hidden, weil iOS Safari sonst weiterscrollt. Zaehler, damit sich mehrere gleichzeitig offene Overlays nicht gegenseitig entsperren. */ let mgLockCount=0, mgLockY=0; function useScrollLock(aktiv){ useEffect(()=>{ if(!aktiv) return; const b=document.body; if(mgLockCount===0){ mgLockY=window.scrollY; b.dataset.mgPrevPosition=b.style.position; b.dataset.mgPrevTop=b.style.top; b.dataset.mgPrevWidth=b.style.width; b.dataset.mgPrevOverflow=b.style.overflowY; b.style.position='fixed'; b.style.top=(-mgLockY)+'px'; b.style.width='100%'; b.style.overflowY='scroll'; } mgLockCount++; return()=>{ mgLockCount--; if(mgLockCount===0){ b.style.position=b.dataset.mgPrevPosition||''; b.style.top=b.dataset.mgPrevTop||''; b.style.width=b.dataset.mgPrevWidth||''; b.style.overflowY=b.dataset.mgPrevOverflow||''; window.scrollTo(0,mgLockY); } }; },[aktiv]); } function MgLogo({light,voll,hoehe}){ const h = hoehe || (voll ? 104 : 52); return La Vie Kosmetikstudio – wird schöner ; } function MgNav(){ const [open,setOpen]=useState(false); const [menu,setMenu]=useState(false); useScrollLock(menu); const [solid,setSolid]=useState(false); useEffect(()=>{const f=()=>setSolid(window.scrollY>10);f();window.addEventListener('scroll',f,{passive:true});return()=>window.removeEventListener('scroll',f)},[]); useEffect(()=>{document.body.style.overflow=menu?'hidden':'';return()=>{document.body.style.overflow=''}},[menu]); const item={fontSize:14.5,letterSpacing:'.01em',textDecoration:'none',color:'inherit',cursor:'pointer'}; return
Termin buchen
{menu&&
{[['Das Studio','ueber-uns.html'],['Team','ueber-uns.html#team'],['Kontakt','kontakt.html']].map(([l,h])=>{l})}
Behandlungen
{TREAT.map(([l,h])=>{l})}
Termin buchen
04431 720 95 69 WhatsApp
}
; } /* Newsletter-Einwilligung. Gleicher Nachweis wie im Buchungsfunnel: Wortlaut, Zeitpunkt und Kanal werden mitgeschrieben (Art. 7 Abs. 1 DSGVO). Die IP-Adresse muss der Endpunkt beim Empfang selbst ergänzen – clientseitig ist sie nicht verlässlich zu ermitteln. Solange kein Backend gesetzt ist (window.LAVIE_API), wartet der Datensatz lokal in der Warteschlange. */ const NL_VERSION='2026-08-16.1'; const NL_TEXT='Ich willige ein, den Newsletter von La Vie mit Angeboten, Aktionen und Pflegetipps per E-Mail zu erhalten. Der Widerruf ist jederzeit über den Abmeldelink möglich.'; function nlSenden(email,quelle){ const ts=new Date().toISOString(); const rec={version:NL_VERSION,ts,quelle,url:location.href,person:{email:email||''}, eintraege:[{zweck:'werbung_email',erteilt:true,text:NL_TEXT,ts}], bestaetigung:{email:'ausstehend'}}; const key='lavie-consent-queue'; const q=JSON.parse(localStorage.getItem(key)||'[]');q.push(rec);localStorage.setItem(key,JSON.stringify(q)); const api=window.LAVIE_API; if(!api){console.info('[La Vie] Kein Backend gesetzt – Newsletter-Einwilligung wartet lokal.');return Promise.resolve(null)} fetch(api+'/consent',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(rec)}) .then(r=>{if(!r.ok)throw new Error('HTTP '+r.status); const rest=JSON.parse(localStorage.getItem(key)||'[]').filter(x=>x.ts!==rec.ts); localStorage.setItem(key,JSON.stringify(rest));}) .catch(e=>console.warn('[La Vie] Newsletter-Einwilligung wartet lokal:',e.message)); /* Double-Opt-in anstoßen: legt die Kundin an und stellt die Bestätigungs- Mail in die Warteschlange. Die Antwort ({ok, schon_dabei, fehler}) bekommt der Aufrufer, um den passenden Text zu zeigen. */ return fetch(api+'/newsletter',{method:'POST',headers:{'Content-Type':'application/json'}, body:JSON.stringify({aktion:'anmelden',email})}) .then(r=>r.json()) .catch(()=>null); } const mailOk=v=>/.+@.+\..+/.test(v||''); /* lavie-consent-flush: Wartende Einwilligungen/Buchungen nachreichen, sobald ein Backend erreichbar ist. Jeder Datensatz wird erst nach bestaetigtem Empfang (HTTP 2xx) aus der Warteschlange entfernt — der Endpunkt ist idempotent, doppeltes Senden ist unschaedlich. */ (function(){ const api=window.LAVIE_API;if(!api)return; const key='lavie-consent-queue'; let q=[];try{q=JSON.parse(localStorage.getItem(key)||'[]')}catch(e){return} q.forEach(rec=>{ fetch(api+'/consent',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(rec)}) .then(r=>{if(!r.ok)throw new Error('HTTP '+r.status); const rest=JSON.parse(localStorage.getItem(key)||'[]').filter(x=>x.ts!==rec.ts); localStorage.setItem(key,JSON.stringify(rest));}) .catch(()=>{/* bleibt in der Warteschlange, naechster Seitenaufruf versucht es erneut */}); }); })(); /* Footer-Spalte: auf dem Desktop eine normale Liste, auf dem Handy aufklappbar. */ function FootCol({titel,items}){ const [open,setOpen]=useState(false); return
{items.map(([l,h,fn])=>{l})}
; } function MgFooter(){ const [ok,setOk]=useState(''); const [ds,setDs]=useState(false); const [mail,setMail]=useState(''); const [err,setErr]=useState(''); const anmelden=()=>{ if(!mailOk(mail)){setErr('Bitte gib eine gültige E-Mail-Adresse an.');return} if(!ds){setErr('Bitte bestätige die Einwilligung – ohne sie dürfen wir dir nichts schicken.');return} setErr(''); nlSenden(mail,'footer').then(d=>{ if(d&&d.ok&&d.schon_dabei)setOk('Du bist schon angemeldet – alles gut. Dir entgeht nichts.'); else if(d&&d.ok)setOk('Fast geschafft – bitte bestätige den Link in deinem Postfach. Erst danach schicken wir dir etwas.'); else if(d&&d.fehler==='ungueltig')setErr('Bitte gib eine gültige E-Mail-Adresse an.'); else setErr('Das hat gerade nicht geklappt – bitte versuch es gleich noch einmal.'); }); }; const cookieLink=e=>{e.preventDefault();window.dispatchEvent(new Event('lavie-cookie-open'))}; return ; } function MgPopup(){ const [show,setShow]=useState(false); useScrollLock(show); const [done,setDone]=useState(''); const [ds,setDs]=useState(false); const [mail,setMail]=useState(''); const [err,setErr]=useState(''); const sichern=()=>{ if(!mailOk(mail)){setErr('Bitte gib eine gültige E-Mail-Adresse an.');return} if(!ds){setErr('Bitte bestätige die Einwilligung – ohne sie dürfen wir dir nichts schicken.');return} setErr(''); nlSenden(mail,'popup').then(d=>{ if(d&&d.ok&&d.schon_dabei)setDone('Du bist schon angemeldet – alles gut. Dir entgeht nichts.'); else if(d&&d.ok)setDone('Bitte bestätige deine E-Mail-Adresse – dein Gutschein ist unterwegs.'); else if(d&&d.fehler==='ungueltig')setErr('Bitte gib eine gültige E-Mail-Adresse an.'); else setErr('Das hat gerade nicht geklappt – bitte versuch es gleich noch einmal.'); }); }; useEffect(()=>{ if(localStorage.getItem('lavie-nl-seen'))return; const t=setTimeout(()=>setShow(true),20000); return()=>clearTimeout(t); },[]); const close=()=>{setShow(false);localStorage.setItem('lavie-nl-seen','1')}; if(!show)return null; return
e.stopPropagation()} className="mg-modal" style={{position:'relative',maxWidth:820,width:'100%',background:'#fff',maxHeight:'92vh',overflow:'hidden'}}>
{done?<>

{done.indexOf('schon')>-1?'Schon dabei.':'Fast geschafft.'}

{done}

:<>
Nur für Neukunden

10 % auf deine erste Behandlung.

Melde dich für unseren Newsletter an und erhalte deinen persönlichen Gutschein – dazu Pflegetipps und exklusive Angebote aus dem Studio.

setMail(e.target.value)} onKeyDown={e=>e.key==='Enter'&&sichern()} placeholder="E-Mail" aria-label="E-Mail-Adresse für den Newsletter" style={{flex:1,minWidth:0,background:'transparent',border:'none',outline:'none',padding:'15px 18px',fontFamily:'Jost,sans-serif',fontSize:14.5,color:'var(--ink)'}}/>
{err&&
{err}
}
Nein danke
}
; } function MgCookie(){ const [show,setShow]=useState(false); const [detail,setDetail]=useState(false); const [stat,setStat]=useState(false); const [mark,setMark]=useState(false); useEffect(()=>{ if(!localStorage.getItem('lavie-consent-v2'))setShow(true); const open=()=>{setShow(true);setDetail(true)}; window.addEventListener('lavie-cookie-open',open); return()=>window.removeEventListener('lavie-cookie-open',open); },[]); const save=(s,m)=>{localStorage.setItem('lavie-consent-v2',JSON.stringify({notwendig:true,statistik:s,marketing:m,ts:Date.now()}));setShow(false)}; if(!show)return null; const Row=({on,set,label,desc,locked})=>; return
Cookie-Einstellungen

Wir verwenden Cookies, damit die Terminbuchung funktioniert und wir unsere Website verbessern können. Du entscheidest, was wir verwenden dürfen. Mehr in unserer Datenschutzrichtlinie.

setDetail(!detail)} className="mg-link" style={{display:'inline-block',marginTop:16,cursor:'pointer',fontSize:12}}>{detail?'Weniger anzeigen':'Einstellungen anpassen'}
; } function useRv(){ useEffect(()=>{ const io=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target)}}),{threshold:.12}); document.querySelectorAll('.rv').forEach(el=>io.observe(el)); return()=>io.disconnect(); },[]); } Object.assign(window,{useScrollLock,MgNav,MgFooter,MgLogo,MgPopup,MgCookie,useRv,nlSenden,NL_TEXT,MG_P:P,MG_W:W,MG_TREAT:TREAT});