// \u2500\u2500\u2500 CONFIG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 const DRDOG_LAT = 47.3662; const DRDOG_LON = 8.5268; // Bederstrasse 77, 8002 Z\u00FCrich const KM_RATE = 2.80; const BUILD_MIN = 20; // E-Mail-Benachrichtigung via Web3Forms (web3forms.com \u2192 Access Key holen) const WEB3FORMS_KEY = 'b6b64acb-e2ca-4569-8995-1c2187ba3da7'; // \u2190 Euren Access Key von web3forms.com eintragen // Optional: Zapier / Make.com Webhook f\u00FCr Bexio-Automation const WEBHOOK_URL = ''; // z.B. 'https://hooks.zapier.com/hooks/catch/...' // \u2500\u2500\u2500 PAKETE / ANL\u00C4SSE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 const ANLAESSE = [ { id: 'team', icon: '\u{1F371}', label: 'TEAMESSEN', desc: 'Verpflegung & Energie f\u00FCrs Team' }, { id: 'kunde', icon: '\u{1F91D}', label: 'KUNDENANLASS', desc: 'Kunden & Partner beeindrucken' }, { id: 'feier', icon: '\u{1F942}', label: 'FIRMENFEIER', desc: 'Weihnacht, Jubil\u00E4um & mehr' }, { id: 'sonstiges', icon: '\u2728', label: 'GEBURTSTAG', desc: 'Geburtstag, Workshop, etc.' } ]; const PAKETE = [ { id: 'basic', name: 'HOT DOG KIT BASIC', preis: 24.90, extra: 22.00, hasVar: true, bestseller: false, feat: ['20 Original DRDOG Hot Dogs', 'Handgemachte DRDOG Buns', 'Alle Saucen & Toppings', 'Lieferung & Einrichtung'] }, { id: 'fully', name: 'HOT DOG KIT FULLY LOADED', preis: 34.90, extra: 22.00, hasVar: true, bestseller: true, feat: ['Alle Saucen & Toppings', 'Softdrink pro Person', 'Frischer Salat pro Person', 'Dessert pro Person', 'Lieferung & Einrichtung'] }, { id: 'poke', name: 'POK\u00C9 KIT', preis: 32.90, extra: 29.00, hasVar: false, bestseller: false, feat: ['Frische Pok\u00E9 Bowls zum Selbstzusammenstellen', 'Lachs Sashimi oder Planted Chicken', 'Hochwertige Toppings & Dressings', 'Lieferung & Einrichtung'] } ]; const VARIANTS = [ { id: 'chicken', label: 'CHICKEN', hint: 'Saftig & leicht' }, { id: 'vegetarisch', label: 'VEGETARISCH', hint: 'F\u00FCr alle Fleischlosen' } ]; // \u2500\u2500\u2500 STATE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 const S = { step: 1, confirmed: false, anlass: null, personen: 10, paket: null, chicken: 0, vegetarisch: 0, lieferdatum: null, servicezeit: '', lieferadresse: '', geocodeCity: null, geocodeLat: null, geocodeLon: null, distanceKm: null, distError: null, distLoading: false, name: '', firma: '', email: '', telefon: '', kommentar: '' }; // \u2500\u2500\u2500 HELPERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 const pak = () => PAKETE.find(p => p.id === S.paket); function steps() { const p = pak(); return (p && p.hasVar) ? 6 : 5; } function contentStep() { const p = pak(); if (p && !p.hasVar && S.step >= 4) return S.step + 1; return S.step; } function beefPork() { return Math.max(0, S.personen - S.chicken - S.vegetarisch); } function calcFood() { const p = pak(); if (!p) return 0; return 10 * p.preis + Math.max(0, S.personen - 10) * p.extra; } function isZurich() { if (!S.geocodeCity) return null; const c = S.geocodeCity.toLowerCase(); return c === 'z\u00FCrich' || c === 'zurich'; } function calcDelivery() { if (S.distanceKm === null) return null; if (isZurich()) return 0; return Math.round(S.distanceKm * 2 * KM_RATE * 100) / 100; } function calcTotal() { const d = calcDelivery(); return calcFood() + (d || 0); } function chf(n) { return 'CHF ' + n.toFixed(2); } function esc(s) { return (s || '').replace(/&/g, '&').replace(/"/g, '"').replace(/${val} Uhr`; } } return opts; } function fmtDate(s) { if (!s) return '\u2014'; const [y, m, d] = s.split('-'); return `${d}.${m}.${y}`; } function orderNr() { // einfache Bestellnummer aus Timestamp return 'CB-' + Date.now().toString(36).toUpperCase().slice(-6); } // \u2500\u2500\u2500 GEOCODING \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 let geoTimer = null; let _orderNr = null; // WICHTIG: scheduleGeocode ruft kein render() auf beim Tippen. // Nur Spinner und dist-box werden direkt gepatcht \u2192 kein Fokusverlust. function scheduleGeocode() { clearTimeout(geoTimer); S.distanceKm = null; S.distError = null; if (!S.lieferadresse.trim()) { S.geocodeLat = null; S.geocodeLon = null; S.geocodeCity = null; S.distLoading = false; patchDistUI(); return; } S.distLoading = true; patchDistUI(); geoTimer = setTimeout(doGeocode, 750); } // Patcht nur Spinner + dist-box ohne das ganze Step neu aufzubauen function patchDistUI() { const spin = document.querySelector('.addr-spin'); if (spin) spin.classList.toggle('active', S.distLoading); const box = document.getElementById('dist-result'); if (box) box.innerHTML = distBoxHTML(); const btn = document.getElementById('next-btn'); if (btn) { const tooSoon = within24h(); const ok = S.lieferdatum && S.servicezeit && !tooSoon && S.distanceKm !== null && !S.distLoading && !S.distError; btn.disabled = !ok; } } function distBoxHTML() { if (S.distLoading) return `

\u23F3Berechne Distanz\u2026

`; if (S.distError) return `

\u26A0\uFE0F${esc(S.distError)}

`; if (S.distanceKm !== null) { const km2 = (S.distanceKm * 2).toFixed(1); const del = calcDelivery(); if (isZurich()) { return `

\u2705

Lieferung kostenlos!
Adresse liegt in den Z\u00FCrich Stadtkreisen (${km2} km Hin+R\u00FCckweg)

CHF 0.00

`; } else { return `

\u{1F69A}

${esc(S.geocodeCity || 'Ausserhalb Z\u00FCrich')}
${km2} km Hin+R\u00FCckweg \u00D7 CHF ${KM_RATE.toFixed(2)}

${chf(del)}

`; } } return ''; } async function doGeocode() { try { const q = encodeURIComponent(S.lieferadresse + ', Schweiz'); const r = await fetch(`https://nominatim.openstreetmap.org/search?q=${q}&format=json&limit=1&addressdetails=1`, { headers: { 'Accept-Language': 'de', 'User-Agent': 'DRDOG-Caterbox/1.0' } }); const data = await r.json(); if (!data.length) throw new Error('Adresse nicht gefunden \u2014 bitte genauer angeben'); const res = data[0]; S.geocodeLat = parseFloat(res.lat); S.geocodeLon = parseFloat(res.lon); const addr = res.address || {}; S.geocodeCity = addr.city || addr.town || addr.village || addr.municipality || ''; await doRoute(); } catch (e) { S.distLoading = false; S.distError = e.message || 'Adresse nicht gefunden'; patchDistUI(); } } async function doRoute() { try { const url = `https://router.project-osrm.org/route/v1/driving/${DRDOG_LON},${DRDOG_LAT};${S.geocodeLon},${S.geocodeLat}?overview=false`; const r = await fetch(url); const data = await r.json(); if (data.code !== 'Ok' || !data.routes.length) throw new Error('Route konnte nicht berechnet werden'); S.distanceKm = data.routes[0].distance / 1000; S.distLoading = false; S.distError = null; patchDistUI(); } catch (e) { S.distLoading = false; S.distError = 'Distanz konnte nicht berechnet werden'; patchDistUI(); } } // \u2500\u2500\u2500 BESTELLUNG AUFGEBEN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 async function submitOrder() { if (!_orderNr) _orderNr = orderNr(); const p = pak(); const a = ANLAESSE.find(x => x.id === S.anlass); const del = calcDelivery(); const arr = arrivalTime(); const orderData = { bestellnummer: _orderNr, zeitstempel: new Date().toISOString(), anlass: a ? a.label : '', paket: p ? p.name : '', personen: S.personen, beef_pork: p && p.hasVar ? beefPork() : S.personen, chicken: p && p.hasVar ? S.chicken : 0, vegetarisch: p && p.hasVar ? S.vegetarisch : 0, lieferdatum: fmtDate(S.lieferdatum), essenszeit: S.servicezeit, ankunftszeit: arr, lieferadresse: S.lieferadresse, lieferzone: isZurich() ? 'Z\u00FCrich Stadtkreise' : (S.geocodeCity || 'Ausserhalb'), distanz_km: S.distanceKm ? (S.distanceKm * 2).toFixed(1) + ' km' : '', speisen_chf: calcFood().toFixed(2), lieferung_chf: del !== null ? del.toFixed(2) : '', total_chf: calcTotal().toFixed(2), name: S.name, firma: S.firma, email: S.email, telefon: S.telefon, kommentar: S.kommentar }; // E-Mail-Benachrichtigung an box@drdog.ch via Web3Forms if (WEB3FORMS_KEY) { try { const p2 = pak(); const varLine = p2 && p2.hasVar ? `\nFleisch: Beef&Pork ${beefPork()} \u00B7 Chicken ${S.chicken} \u00B7 Vegetarisch ${S.vegetarisch}` : ''; const delLine = calcDelivery() === 0 ? 'Lieferung: KOSTENLOS (Z\u00FCrich)' : `Liefergeb\u00FChr: CHF ${(calcDelivery() || 0).toFixed(2)}`; await fetch('https://api.web3forms.com/submit', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ access_key: WEB3FORMS_KEY, subject: `\u{1F32D} Neue Caterbox-Bestellung ${_orderNr} \u2014 ${S.name}`, from_name: 'DRDOG Caterbox', email: 'box@drdog.ch', // Empf\u00E4nger replyto: S.email, // Direkt zum Kunden antworten message: [ `BESTELLNUMMER: ${_orderNr}`, `DATUM/UHRZEIT: ${new Date().toLocaleString('de-CH')}`, '', '\u2500\u2500 BESTELLUNG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500', `Anlass: ${orderData.anlass}`, `Paket: ${orderData.paket}`, `Personen: ${orderData.personen}${varLine}`, '', '\u2500\u2500 LIEFERUNG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500', `Datum: ${orderData.lieferdatum}`, `Essenszeit: ${orderData.essenszeit} Uhr`, `DRDOG-Ankunft:${orderData.ankunftszeit ? ' ' + orderData.ankunftszeit + ' Uhr' : ' \u2014'}`, `Adresse: ${orderData.lieferadresse}`, `Zone: ${orderData.lieferzone}`, `Distanz: ${orderData.distanz_km || '\u2014'}`, '', '\u2500\u2500 PREISE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500', `Speisen: CHF ${orderData.speisen_chf}`, delLine, `TOTAL: CHF ${orderData.total_chf}`, '', '\u2500\u2500 KUNDE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500', `Name: ${S.name}`, `Firma: ${S.firma || '\u2014'}`, `E-Mail: ${S.email}`, `Telefon: ${S.telefon || '\u2014'}`, '', '\u2500\u2500 BEMERKUNGEN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500', S.kommentar || '(keine)', ].join('\n') }) }); } catch (e) { console.warn('E-Mail-Benachrichtigung fehlgeschlagen:', e); } } // Webhook-Benachrichtigung (optional \u2014 WEBHOOK_URL oben setzen) if (WEBHOOK_URL) { try { await fetch(WEBHOOK_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(orderData) }); } catch (e) { console.warn('Webhook fehlgeschlagen:', e); } } S.confirmed = true; render(); } // \u2500\u2500\u2500 RENDERERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 function step1() { return `

WAS IST DER ANLASS?

Lass uns gemeinsam den perfekten Moment vorbereiten

${ANLAESSE.map(a => ` `).join('')}

`; } function step2() { return `

F\u00DCR WIE VIELE PERSONEN?

Minimum 10 Personen

${S.personen}

`; } function step3() { return `

WELCHES PAKET?

Alle Pakete inkl. Lieferung & Einrichtung

${PAKETE.map(p => ` `).join('')}

`; } function step4() { const bp = beefPork(); return `

FLEISCHSORTE AUFTEILEN

Beef & Pork ist Standard \u2014 w\u00E4hle Chicken oder Vegi dazu

BEEF & PORKStandard

Klassische DRDOG Hot Dogs \u2014 wird automatisch berechnet

${bp}

${VARIANTS.map(v => `

${v.label}

${v.hint}

${S[v.id]}

`).join('')}

\u2714 Beef & Pork wird automatisch angepasst ${S.personen} / ${S.personen}

`; } function step5() { const tooSoon = within24h(); const arr = arrivalTime(); const canNext = S.lieferdatum && S.servicezeit && !tooSoon && S.distanceKm !== null && !S.distLoading && !S.distError; return `

WANN & WOHIN?

Datum, Essenszeit und Lieferadresse

Lieferdatum

Essenszeit

${arr && !tooSoon ? `

\u{1F69A} DRDOG-Ankunft${arr} Uhr

` : ''} ${tooSoon ? `

\u26A0\uFE0F Mindestens 24h im Voraus bestellen

` : ''}

\u23F0 Bestellungen m\u00FCssen mindestens 24 Stunden im Voraus eingehen

Lieferadresse

${distBoxHTML()}

`; } function step6() { const p = pak(); const a = ANLAESSE.find(x => x.id === S.anlass); const del = calcDelivery(); const arr = arrivalTime(); const inZ = isZurich(); const contactOk = S.name.trim() && S.email.trim() && S.email.includes('@') && S.telefon.trim(); let varRow = ''; if (p && p.hasVar) { varRow = `

Aufteilung Beef&Pork ${beefPork()} \u00B7 Chicken ${S.chicken} \u00B7 Vegi ${S.vegetarisch}

`; } return `

ZUSAMMENFASSUNG

Pr\u00FCfen & Bestellung abschliessen

Anlass${a ? a.label : '\u2014'}

Paket${p ? p.name : '\u2014'}

Personen${S.personen}

${varRow}

Datum${fmtDate(S.lieferdatum)}

Essenszeit${S.servicezeit} Uhr

DRDOG-Ankunft${arr ? arr + ' Uhr' : '\u2014'}

Lieferadresse${esc(S.lieferadresse)}

Lieferzone ${inZ ? '\u2705 Z\u00FCrich (kostenlos)' : `\u{1F5FA} ${esc(S.geocodeCity || 'Ausserhalb')} (~${(S.distanceKm * 2).toFixed(1)} km)`}

Speisen & Einrichtung${chf(calcFood())}

Liefergeb\u00FChr${del === 0 ? 'kostenlos' : chf(del)}

Gesamtbetrag${chf(calcTotal())}

IHRE KONTAKTDATEN

F\u00FCr Rechnung & Best\u00E4tigung

Name *

Firma

E-Mail *

Telefon *

Bemerkungen / Spezialw\u00FCnsche

\u{1F9FE} Zahlungsinfo: Die Rechnung erhaltet ihr nach der Bestellung per E-Mail und kann bequem per Bank\u00FCberweisung bezahlt werden.

`; } function stepConfirm() { const p = pak(); const a = ANLAESSE.find(x => x.id === S.anlass); const del = calcDelivery(); const arr = arrivalTime(); const inZ = isZurich(); let varRow = ''; if (p && p.hasVar) { varRow = `

Aufteilung Beef&Pork ${beefPork()} \u00B7 Chicken ${S.chicken} \u00B7 Vegi ${S.vegetarisch}

`; } return `

\u{1F389}

VIELEN DANK!

Deine Bestellung ist eingegangen. Wir melden uns mit der Rechnung.

BESTELLNUMMER: ${_orderNr}

\u{1F4CB} DEINE BESTELLUNG

Anlass${a ? a.label : '\u2014'}

Paket${p ? p.name : '\u2014'}

Personen${S.personen}

${varRow}

Datum${fmtDate(S.lieferdatum)}

Essenszeit${S.servicezeit} Uhr

DRDOG-Ankunft${arr ? arr + ' Uhr' : '\u2014'}

Lieferadresse${esc(S.lieferadresse)}

Lieferzone ${inZ ? 'Z\u00FCrich (kostenlos)' : esc(S.geocodeCity || 'Ausserhalb')}

${chf(calcTotal())}

Speisen ${chf(calcFood())} + Lieferung ${del === 0 ? 'kostenlos' : chf(del)}

\u{1F9FE} Zahlungsinfo: Ihr erhaltet die Rechnung in K\u00FCrze per E-Mail an ${esc(S.email)}. Bezahlung per Bank\u00FCberweisung.

${S.kommentar ? `

\u{1F4AC} Eure Bemerkung: ${esc(S.kommentar)}

` : ''}

\u{1F4DE} Fragen? Meldet euch jederzeit unter box@drdog.ch oder +41 43 557 20 20.

`; } // \u2500\u2500\u2500 ACTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 function pick(key, val) { S[key] = val; render(); } function chgPers(d) { S.personen = Math.max(10, S.personen + d); if (S.chicken + S.vegetarisch > S.personen) { let ex = S.chicken + S.vegetarisch - S.personen; const cv = Math.min(ex, S.vegetarisch); S.vegetarisch -= cv; ex -= cv; S.chicken = Math.max(0, S.chicken - ex); } render(); } function chgVar(id, d) { const next = Math.max(0, S[id] + d); const other = id === 'chicken' ? S.vegetarisch : S.chicken; if (next + other > S.personen) return; S[id] = next; render(); } function go(dir) { const n = S.step + dir; if (n < 1 || n > steps()) return; S.step = n; render(); document.getElementById('quiz-wrap').scrollIntoView({ behavior: 'smooth', block: 'start' }); } // Patcht Ankunftszeit-Box und Next-Button ohne das Adressfeld anzufassen function patchTimeUI() { const arr = arrivalTime(); const tooSoon = within24h(); const box = document.getElementById('arrival-box'); if (box) { box.innerHTML = arr && !tooSoon ? `

\u{1F69A} DRDOG-Ankunft${arr} Uhr

` : tooSoon ? `

\u26A0\uFE0F Mindestens 24h im Voraus bestellen

` : ''; } const btn = document.getElementById('next-btn'); if (btn) { const ok = S.lieferdatum && S.servicezeit && !tooSoon && S.distanceKm !== null && !S.distLoading && !S.distError; btn.disabled = !ok; } } function refreshBuyBtn() { const btn = document.getElementById('buy-btn'); if (!btn) return; btn.disabled = !(S.name.trim() && S.email.trim() && S.email.includes('@') && S.telefon.trim()); } // \u2500\u2500\u2500 MAIN RENDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 function render() { if (S.confirmed) { document.getElementById('prog-area').style.display = 'none'; document.getElementById('quiz-card').innerHTML = stepConfirm(); return; } const total = steps(); document.getElementById('prog-area').style.display = ''; document.getElementById('prog-count').textContent = `${S.step} / ${total}`; document.getElementById('prog-fill').style.width = (S.step / total * 100) + '%'; const card = document.getElementById('quiz-card'); switch (contentStep()) { case 1: card.innerHTML = step1(); break; case 2: card.innerHTML = step2(); break; case 3: card.innerHTML = step3(); break; case 4: card.innerHTML = step4(); break; case 5: card.innerHTML = step5(); break; case 6: card.innerHTML = step6(); break; default: card.innerHTML = step6(); } } // Onepage.io: Funktionen global verf\u00FCgbar machen (Scope-Fix) window.S = S; window.timeOptions = timeOptions; window.pick = pick; window.go = go; window.chgPers = chgPers; window.chgVar = chgVar; window.patchTimeUI = patchTimeUI; window.scheduleGeocode = scheduleGeocode; window.refreshBuyBtn = refreshBuyBtn; window.submitOrder = submitOrder; // DOM-sicher initialisieren (function init() { if (document.getElementById('quiz-card')) { render(); } else { setTimeout(init, 50); } })();

WELCOME TO THE CATERBOX