@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap'); /* Alle Stile unter .pb-root + Praefix pb- gekapselt. Farben: .pb-root{ -brand-... } */ .pb-root{ -brand-yellow: #FBCB00; -brand-yellow-deep: #E0B400; -brand-yellow-soft: #FFF6D2; -brand-black: #15171C; -brand-blue: #2E86C9; -brand-blue-soft: #E8F2FB; -ink: #1B1E24; -ink-soft: #5A616E; -muted: #8A92A0; -line: #E6E8EE; -line-strong:#D2D6E0; -card: #FFFFFF; -field: #FBFBFC; -success: #16A34A; -success-soft:#E8F8EE; -danger: #E0413B; -danger-soft:#FDECEC; -radius: 18px; -radius-sm: 13px; -radius-pill:999px; -shadow-sm: 0 1px 2px rgba(20,23,28,.05), 0 2px 6px rgba(20,23,28,.05); -shadow-md: 0 6px 18px rgba(20,23,28,.07), 0 2px 6px rgba(20,23,28,.05); -shadow-lg: 0 24px 60px -18px rgba(20,23,28,.28), 0 8px 24px -12px rgba(20,23,28,.16); -shadow-yellow: 0 12px 30px -8px rgba(224,180,0,.55); -ease: cubic-bezier(.22,.61,.36,1); } .pb-root, .pb-root *, .pb-root *::before, .pb-root *::after{ box-sizing:border-box; } .pb-root{ font-family:"Manrope",system-ui,sans-serif; color:var(-ink); line-height:1.55; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } .pb-root{ position:relative; width:100%; display:flex; justify-content:center; padding:clamp(0px,2vw,40px); background:transparent; } .pb-root .pb-shell{ width:100%; max-width:680px; transition:max-width .3s var(-ease); } @media (min-width:920px){ .pb-root .pb-shell{ max-width:1000px; } } .pb-root .pb-brand{ display:flex; flex-direction:column; align-items:center; text-align:center; margin-bottom:18px; } .pb-root .pb-brand__word{ display:flex; flex-direction:column; align-items:center; gap:2px; } .pb-root .pb-brand__word-main{ font-family:"Sora",sans-serif; font-weight:800; font-size:clamp(32px,9vw,46px); line-height:1; letter-spacing:-.02em; color:var(-brand-black); position:relative; } .pb-root .pb-brand__word-main::after{ content:""; position:absolute; left:6%; right:6%; bottom:-7px; height:5px; border-radius:3px; background:linear-gradient(90deg,var(-brand-yellow),var(-brand-yellow-deep)); } .pb-root .pb-brand__word-sub{ margin-top:13px; font-family:"Manrope",sans-serif; font-weight:600; font-size:clamp(11px,3vw,13px); letter-spacing:.16em; text-transform:uppercase; color:var(-ink-soft); } .pb-root .pb-brand__tag{ margin-top:14px; display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; letter-spacing:.01em; color:var(-ink-soft); background:rgba(255,255,255,.7); border:1px solid var(-line); padding:7px 14px; border-radius:var(-radius-pill); backdrop-filter:blur(6px); box-shadow:var(-shadow-sm); } .pb-root .pb-brand__tag .pb-dot{ width:7px; height:7px; border-radius:50%; background:var(-success); box-shadow:0 0 0 4px var(-success-soft); } .pb-root .pb-card{ position:relative; background:var(-card); border:1px solid var(-line); border-radius:var(-radius); box-shadow:var(-shadow-lg); overflow:hidden; } .pb-root .pb-card__accent{ height:5px; width:100%; background:linear-gradient(90deg,var(-brand-yellow),var(-brand-yellow-deep) 55%, var(-brand-blue)); } .pb-root .pb-card__head{ padding:clamp(22px,5vw,34px) clamp(20px,5vw,38px) 6px; } .pb-root .pb-eyebrow{ font-family:"Sora",sans-serif; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(-brand-yellow-deep); } .pb-root .pb-title{ font-family:"Sora",sans-serif; font-weight:800; font-size:clamp(25px,6vw,33px); line-height:1.1; margin:9px 0 8px; color:var(-brand-black); letter-spacing:-.01em; } .pb-root .pb-subtitle{ margin:0; color:var(-ink-soft); font-size:15px; max-width:46ch; } .pb-root .pb-form{ padding:clamp(18px,5vw,30px) clamp(18px,5vw,38px) clamp(24px,5vw,36px); } .pb-root .pb-form-layout{ display:block; } @media (min-width:920px){ .pb-root .pb-form-layout{ display:grid; grid-template-columns:1fr 1fr; column-gap:42px; align-items:start; } .pb-root .pb-form-layout .pb-col > .pb-section:first-child{ margin-top:6px; } } .pb-root .pb-section{ margin-top:30px; } .pb-root .pb-section:first-of-type{ margin-top:14px; } .pb-root .pb-section__title{ display:flex; align-items:center; gap:11px; font-family:"Sora",sans-serif; font-weight:700; font-size:15px; color:var(-brand-black); margin:0 0 16px; } .pb-root .pb-section__num{ flex:0 0 auto; width:26px; height:26px; border-radius:9px; display:grid; place-items:center; font-size:13px; font-weight:800; color:var(-brand-black); background:linear-gradient(150deg,var(-brand-yellow),var(-brand-yellow-deep)); box-shadow:0 3px 8px -2px rgba(224,180,0,.6); } .pb-root .pb-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } .pb-root .pb-field{ position:relative; display:flex; flex-direction:column; } .pb-root .pb-field-full{ grid-column:1 / -1; } .pb-root .pb-label{ font-size:13.5px; font-weight:600; color:var(-ink); margin-bottom:7px; display:flex; align-items:center; gap:6px; } .pb-root .pb-req{ color:var(-brand-blue); font-weight:700; } .pb-root .pb-opt{ color:var(-muted); font-weight:500; font-size:12px; } .pb-root .pb-input{ width:100%; font:inherit; font-size:15.5px; color:var(-ink); background:var(-field); border:1.6px solid var(-line); border-radius:var(-radius-sm); padding:14px 15px; outline:none; transition:border-color .2s var(-ease), box-shadow .2s var(-ease), background .2s var(-ease); -webkit-appearance:none; appearance:none; } .pb-root .pb-input::placeholder{ color:var(-muted); } .pb-root .pb-input:hover{ border-color:var(-line-strong); } .pb-root .pb-input:focus{ border-color:var(-brand-blue); background:#fff; box-shadow:0 0 0 4px var(-brand-blue-soft); } .pb-root .pb-input.pb-invalid{ border-color:var(-danger); background:var(-danger-soft); } .pb-root .pb-input.pb-invalid:focus{ box-shadow:0 0 0 4px rgba(224,65,59,.14); } .pb-root .pb-error{ font-size:12.5px; color:var(-danger); margin-top:6px; min-height:0; max-height:0; opacity:0; overflow:hidden; transform:translateY(-2px); transition:all .25s var(-ease); display:flex; gap:6px; align-items:center; } .pb-root .pb-error.pb-show{ max-height:40px; opacity:1; margin-top:7px; transform:none; } .pb-root .pb-error svg{ flex:0 0 auto; } /* Versandfehler direkt ueber dem Button: mehrzeilig erlaubt + auffaellig */ .pb-root .pb-error-form{ font-size:13.5px; align-items:flex-start; } .pb-root .pb-error-form.pb-show{ max-height:200px; margin:0 0 14px; background:var(-danger-soft); border:1px solid #f5c6c4; border-radius:var(-radius-sm); padding:12px 14px; } .pb-root .pb-jobs{ display:flex; flex-direction:column; gap:11px; } .pb-root .pb-job{ position:relative; cursor:pointer; display:block; } .pb-root .pb-job input{ position:absolute; opacity:0; width:0; height:0; } .pb-root .pb-job__box{ display:flex; align-items:center; gap:14px; border:1.6px solid var(-line); background:var(-field); border-radius:var(-radius-sm); padding:15px 16px; transition:all .2s var(-ease); } .pb-root .pb-job:hover .pb-job__box{ border-color:var(-brand-yellow-deep); background:#fff; transform:translateY(-1px); box-shadow:var(-shadow-sm); } .pb-root .pb-job__tick{ flex:0 0 auto; width:24px; height:24px; border-radius:50%; border:2px solid var(-line-strong); display:grid; place-items:center; transition:all .25s var(-ease); background:#fff; } .pb-root .pb-job__tick svg{ width:13px; height:13px; opacity:0; transform:scale(.4); transition:all .25s var(-ease); } .pb-root .pb-job__txt{ display:block; font-weight:600; font-size:15px; color:var(-ink); } .pb-root .pb-job__sub{ display:block; font-weight:500; font-size:12.5px; color:var(-muted); margin-top:2px; } .pb-root .pb-job input:focus-visible + .pb-job__box{ box-shadow:0 0 0 4px var(-brand-blue-soft); border-color:var(-brand-blue); } .pb-root .pb-job input:checked + .pb-job__box{ border-color:var(-brand-yellow-deep); background:linear-gradient(180deg,var(-brand-yellow-soft),#fff); box-shadow:0 8px 20px -10px rgba(224,180,0,.6); } .pb-root .pb-job input:checked + .pb-job__box .pb-job__tick{ background:var(-brand-yellow); border-color:var(-brand-yellow-deep); } .pb-root .pb-job input:checked + .pb-job__box .pb-job__tick svg{ opacity:1; transform:scale(1); } .pb-root .pb-jobs.pb-invalid .pb-job__box{ border-color:var(-danger); } .pb-root .pb-check{ display:flex; align-items:flex-start; gap:13px; cursor:pointer; padding:14px 15px; border:1.6px solid var(-line); border-radius:var(-radius-sm); background:var(-field); transition:all .2s var(-ease); } .pb-root .pb-check:hover{ border-color:var(-line-strong); background:#fff; } .pb-root .pb-check input{ position:absolute; opacity:0; width:0; height:0; } .pb-root .pb-check__box{ flex:0 0 auto; margin-top:1px; width:23px; height:23px; border-radius:7px; border:2px solid var(-line-strong); background:#fff; display:grid; place-items:center; transition:all .2s var(-ease); } .pb-root .pb-check__box svg{ width:13px; height:13px; opacity:0; transform:scale(.4); transition:all .2s var(-ease); } .pb-root .pb-check__txt{ font-size:14px; color:var(-ink-soft); line-height:1.5; } .pb-root .pb-check input:focus-visible + .pb-check__box{ box-shadow:0 0 0 4px var(-brand-blue-soft); border-color:var(-brand-blue); } .pb-root .pb-check input:checked + .pb-check__box{ background:var(-brand-blue); border-color:var(-brand-blue); } .pb-root .pb-check input:checked + .pb-check__box svg{ opacity:1; transform:scale(1); } .pb-root .pb-check.pb-invalid{ border-color:var(-danger); background:var(-danger-soft); } .pb-root .pb-note{ font-size:13px; color:var(-ink-soft); background:var(-brand-blue-soft); border:1px solid #cfe4f6; border-radius:var(-radius-sm); padding:11px 14px; margin-bottom:14px; display:flex; gap:9px; align-items:flex-start; } .pb-root .pb-note svg{ flex:0 0 auto; margin-top:1px; color:var(-brand-blue); } .pb-root .pb-uploads{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } .pb-root .pb-drop{ position:relative; border:2px dashed var(-line-strong); border-radius:var(-radius-sm); background:var(-field); padding:20px 16px; text-align:center; cursor:pointer; transition:all .2s var(-ease); min-height:120px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; } .pb-root .pb-drop:hover{ border-color:var(-brand-yellow-deep); background:var(-brand-yellow-soft); } .pb-root .pb-drop.pb-drag{ border-color:var(-brand-blue); background:var(-brand-blue-soft); transform:scale(1.01); } .pb-root .pb-drop input{ position:absolute; inset:0; opacity:0; cursor:pointer; } .pb-root .pb-drop__ic{ width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:#fff; border:1px solid var(-line); color:var(-brand-blue); box-shadow:var(-shadow-sm); } .pb-root .pb-drop__lab{ font-weight:700; font-size:14px; color:var(-ink); } .pb-root .pb-drop__hint{ font-size:11.5px; color:var(-muted); } .pb-root .pb-drop.pb-filled{ border-style:solid; border-color:var(-success); background:var(-success-soft); } .pb-root .pb-file-chip{ display:none; align-items:center; gap:9px; width:100%; } .pb-root .pb-drop.pb-filled .pb-file-chip{ display:flex; } .pb-root .pb-drop.pb-filled .pb-drop__default{ display:none; } .pb-root .pb-drop__default{ display:flex; flex-direction:column; align-items:center; gap:7px; } .pb-root .pb-file-chip__ic{ flex:0 0 auto; width:34px; height:34px; border-radius:9px; background:#fff; display:grid; place-items:center; color:var(-success); border:1px solid #cdeed8; } .pb-root .pb-file-chip__meta{ text-align:left; overflow:hidden; flex:1; } .pb-root .pb-file-chip__name{ font-size:13px; font-weight:700; color:var(-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .pb-root .pb-file-chip__size{ font-size:11px; color:var(-ink-soft); } .pb-root .pb-file-chip__x{ flex:0 0 auto; width:26px; height:26px; border-radius:50%; border:none; background:#fff; color:var(-ink-soft); cursor:pointer; display:grid; place-items:center; transition:all .15s; } .pb-root .pb-file-chip__x:hover{ background:var(-danger); color:#fff; } .pb-root .pb-actions{ margin-top:28px; } .pb-root .pb-btn{ position:relative; width:100%; border:none; cursor:pointer; font-family:"Sora",sans-serif; font-weight:700; font-size:16.5px; color:var(-brand-black); background:linear-gradient(180deg,#FFD83A,var(-brand-yellow) 40%, var(-brand-yellow-deep)); border-radius:var(-radius-sm); padding:17px 22px; letter-spacing:.005em; box-shadow:var(-shadow-yellow); transition:transform .15s var(-ease), box-shadow .2s var(-ease), filter .2s; display:flex; align-items:center; justify-content:center; gap:11px; overflow:hidden; } .pb-root .pb-btn::after{ content:""; position:absolute; top:0; left:-60%; width:45%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent); transform:skewX(-18deg); transition:left .6s var(-ease); } .pb-root .pb-btn:hover{ transform:translateY(-2px); box-shadow:0 18px 38px -10px rgba(224,180,0,.7); } .pb-root .pb-btn:hover::after{ left:130%; } .pb-root .pb-btn:active{ transform:translateY(0); } .pb-root .pb-btn:disabled{ cursor:not-allowed; filter:saturate(.6) brightness(.97); transform:none; box-shadow:var(-shadow-sm); } .pb-root .pb-btn__spin{ width:19px; height:19px; border:2.5px solid rgba(21,23,28,.25); border-top-color:var(-brand-black); border-radius:50%; display:none; animation:pb-spin .7s linear infinite; } .pb-root .pb-btn.pb-loading .pb-btn__spin{ display:block; } .pb-root .pb-btn.pb-loading .pb-btn__arrow{ display:none; } @keyframes pb-spin{ to{ transform:rotate(360deg); } } .pb-root .pb-legal{ margin-top:15px; text-align:center; font-size:12px; color:var(-muted); line-height:1.5; } .pb-root .pb-legal a{ color:var(-ink-soft); } .pb-root .pb-success{ position:absolute; inset:0; background:var(-card); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px 30px; opacity:0; visibility:hidden; transform:scale(.98); transition:opacity .5s var(-ease), transform .5s var(-ease), visibility .5s; z-index:5; } .pb-root .pb-success.pb-show{ opacity:1; visibility:visible; transform:scale(1); } .pb-root .pb-success__glow{ position:absolute; top:38%; left:50%; width:340px; height:340px; transform:translate(-50%,-50%); background:radial-gradient(circle, rgba(22,163,74,.22), transparent 65%); filter:blur(8px); opacity:0; transition:opacity .8s ease .2s; } .pb-root .pb-success.pb-show .pb-success__glow{ opacity:1; } .pb-root .pb-check-circle{ width:96px; height:96px; } .pb-root .pb-check-circle__bg{ fill:none; stroke:var(-success); stroke-width:5; opacity:.18; } .pb-root .pb-check-circle__ring{ fill:none; stroke:var(-success); stroke-width:5; stroke-linecap:round; stroke-dasharray:295; stroke-dashoffset:295; } .pb-root .pb-check-circle__tick{ fill:none; stroke:var(-success); stroke-width:6; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:60; stroke-dashoffset:60; } .pb-root .pb-success.pb-show .pb-check-circle__ring{ animation:pb-draw .7s var(-ease) .15s forwards; } .pb-root .pb-success.pb-show .pb-check-circle__tick{ animation:pb-draw .45s var(-ease) .65s forwards; } @keyframes pb-draw{ to{ stroke-dashoffset:0; } } .pb-root .pb-success__title{ font-family:"Sora",sans-serif; font-weight:800; font-size:clamp(22px,5.5vw,28px); color:var(-brand-black); margin:22px 0 10px; } .pb-root .pb-success__text{ color:var(-ink-soft); font-size:15.5px; max-width:38ch; margin:0 auto; } .pb-root .pb-success__again{ margin-top:26px; background:none; border:1.6px solid var(-line-strong); color:var(-ink); font-family:"Manrope",sans-serif; font-weight:600; font-size:14px; padding:11px 22px; border-radius:var(-radius-pill); cursor:pointer; transition:all .2s var(-ease); } .pb-root .pb-success__again:hover{ border-color:var(-brand-black); background:var(-brand-black); color:#fff; } .pb-root .pb-confetti{ position:absolute; inset:0; pointer-events:none; overflow:hidden; } .pb-root .pb-reveal{ opacity:0; transform:translateY(14px); animation:pb-reveal .6s var(-ease) both; } @keyframes pb-reveal{ to{ opacity:1; transform:none; } } .pb-root .pb-footer-trust{ margin-top:22px; display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; font-size:12.5px; color:var(-ink-soft); } .pb-root .pb-footer-trust span{ display:inline-flex; align-items:center; gap:6px; } .pb-root .pb-footer-trust svg{ color:var(-brand-blue); } @media (max-width:560px){ .pb-root .pb-grid{ grid-template-columns:1fr; } .pb-root .pb-uploads{ grid-template-columns:1fr; } .pb-root .pb-card{ border-radius:16px; } .pb-root .pb-form{ padding-left:16px; padding-right:16px; } .pb-root .pb-card__head{ padding-left:18px; padding-right:18px; } } @media (prefers-reduced-motion:reduce){ .pb-root *{ animation-duration:.001ms !important; transition-duration:.001ms !important; } .pb-root .pb-reveal{ opacity:1 !important; transform:none !important; } }
Püschel
GASTRONOMIE- & GROSSKÜCHENAUSSTATTER
Wir stellen ein · Bewerbung in unter 2 Minuten
EXPRESS-BEWERBUNG
Werden Sie Teil des Püschel-Teams
Schnell, unkompliziert und ohne Anschreiben-Zwang. Füllen Sie das Formular aus – wir melden uns zeitnah bei Ihnen.
1
Persönliche Daten
Vorname
Nachname
E-Mail-Adresse
*
Telefonnummer
*
Alter
(optional)
2
Auf welche Stelle bewerben Sie sich?
*
Elektriker / SHK / Servicetechniker
m/w/d · Montage & Service
Meister - Elektriker / SHK / Servicetechniker
m/w/d · mit Meisterqualifikation
Monteur
m/w/d · Aufbau & Installation vor Ort
3
Qualifikation
Ich habe eine abgeschlossene handwerkliche Berufsausbildung.
4
Datenschutz
*
Ich bin damit einverstanden, dass meine Angaben zur Bearbeitung meiner Bewerbung verarbeitet werden. Weitere Infos in der Datenschutzerklärung.
Express-Bewerbung absenden
Mit dem Absenden bestätigen Sie die Richtigkeit Ihrer Angaben. Ihre Daten werden vertraulich behandelt.
Vielen Dank für Ihre Bewerbung!
Wir haben Ihre Angaben erhalten und melden uns in Kürze bei Ihnen.
Daten DSGVO-konform
Familienbetrieb seit 1991
Persönliche Rückmeldung
'+msg : ''; el.classList.toggle('pb-show', !!msg); } function markInvalid(input, on){ input && input.classList.toggle('pb-invalid', on); } /* - Validierung der einzelnen Felder - */ function validateEmail(){ const input = $('#pb-email'); const v = input.value.trim(); // robuste, praxistaugliche E-Mail-Prüfung const ok = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(v); if(!v){ showError('email','Bitte geben Sie Ihre E-Mail-Adresse ein.'); markInvalid(input,true); return false; } if(!ok){ showError('email','Diese E-Mail-Adresse sieht nicht korrekt aus.'); markInvalid(input,true); return false; } showError('email',''); markInvalid(input,false); return true; } function validatePhone(){ const input = $('#pb-telefon'); const v = input.value.trim(); // erlaubt +, Ziffern, Leerzeichen, /, -, (), mind. 6 Ziffern const digits = v.replace(/\D/g,''); const shape = /^[+()\/\-\s\d]+$/.test(v); if(!v){ showError('telefon','Bitte geben Sie Ihre Telefonnummer ein.'); markInvalid(input,true); return false; } if(!shape || digits.length < 6){ showError('telefon','Bitte eine gültige Telefonnummer eingeben.'); markInvalid(input,true); return false; } showError('telefon',''); markInvalid(input,false); return true; } function validateAge(){ const input = $('#pb-alter'); const v = input.value.trim(); if(!v){ showError('alter',''); markInvalid(input,false); return true; } // optional const n = Number(v); if(isNaN(n) || n < 15 || n > 99){ showError('alter','Bitte ein realistisches Alter angeben.'); markInvalid(input,true); return false; } showError('alter',''); markInvalid(input,false); return true; } function validateJob(){ const wrap = $('#pb-jobs'); if(!getSelectedJob()){ showError('stelle','Bitte wählen Sie eine Stelle aus.'); wrap.classList.add('pb-invalid'); return false; } showError('stelle',''); wrap.classList.remove('pb-invalid'); return true; } function validatePrivacy(){ const cb = $('input[name="datenschutz"]'); const wrap = $('#pb-check-dsgvo'); if(!cb.checked){ showError('datenschutz','Bitte stimmen Sie der Datenverarbeitung zu, um fortzufahren.'); wrap.classList.add('pb-invalid'); return false; } showError('datenschutz',''); wrap.classList.remove('pb-invalid'); return true; } /* Live-Validierung beim Verlassen / Ändern */ $('#pb-email').addEventListener('blur', validateEmail); $('#pb-telefon').addEventListener('blur', validatePhone); $('#pb-alter').addEventListener('blur', validateAge); $$('input[name="stelle"]').forEach(r => r.addEventListener('change', validateJob)); $('input[name="datenschutz"]').addEventListener('change', validatePrivacy); /* - Absenden - */ form.addEventListener('submit', async (e) => { e.preventDefault(); showError('form',''); // alte Fehlermeldung zurücksetzen // alle Pflichtfelder prüfen const checks = [validateEmail(), validatePhone(), validateAge(), validateJob(), validatePrivacy()]; if(checks.includes(false)){ // zum ersten Fehler scrollen const firstErr = $('.pb-error.pb-show, .pb-input.pb-invalid, .pb-jobs.pb-invalid, .pb-check.pb-invalid'); firstErr && firstErr.scrollIntoView({behavior:'smooth', block:'center'}); return; } // Sicherheitscheck: Access Key gesetzt? const keyVal = (form.access_key && form.access_key.value || '').trim(); if(!keyVal || keyVal.indexOf('HIER_') === 0){ failWith('Das Formular ist noch nicht aktiviert (Access Key fehlt). Bitte den Web3Forms Access Key oben im Feld access_key eintragen.'); return; } // Ladezustand setLoading(true); try { const job = getSelectedJob(); const fd = new FormData(form); // enthält bereits access_key + alle Felder // Stelle explizit setzen: greift auch dann, wenn der Radio-Block beim // Einbetten außerhalb des
gelandet ist und FormData ihn nicht erfasst. fd.set('stelle', job); // Web3Forms-Zusatzfelder für eine schöne Mail fd.set('subject', 'Neue Express-Bewerbung: ' + (job || 'Stelle offen')); fd.set('from_name', 'Püschel Express-Bewerbung'); const fullName = (form.vorname.value + ' ' + form.nachname.value).trim(); if(fullName) fd.set('name', fullName); const res = await fetch(CONFIG.endpoint, { method: 'POST', body: fd, headers: { 'Accept': 'application/json' } // KEIN Content-Type setzen (wegen Anhängen!) }); let data = {}; try { data = await res.json(); } catch(_) {} if(res.ok && data.success){ onSuccess(); } else { throw new Error((data && data.message) ? data.message : ('HTTP ' + res.status)); } } catch(err){ console.error('Versand fehlgeschlagen:', err); setLoading(false); failWith((err.message && err.message !== 'Failed to fetch') ? ('Versand fehlgeschlagen: ' + err.message) : 'Beim Senden ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut oder rufen Sie uns an: 0351 216990.'); } }); /* Fehlermeldung über dem Button anzeigen und dorthin scrollen */ function failWith(msg){ setLoading(false); showError('form', msg); $('#pb-err-form').scrollIntoView({behavior:'smooth', block:'center'}); } function setLoading(on){ submitBtn.disabled = on; submitBtn.classList.toggle('pb-loading', on); btnLabel.textContent = on ? 'Wird gesendet …' : 'Express-Bewerbung absenden'; } function onSuccess(){ setLoading(false); // Karte auf Mindesthöhe fixieren, damit der Success-Screen sauber sitzt const card = $('.pb-card'); card.style.minHeight = card.offsetHeight + 'px'; form.style.transition = 'opacity .4s, transform .4s'; form.style.opacity = '0'; form.style.transform = 'scale(.98)'; setTimeout(() => { form.style.display = 'none'; successScr.classList.add('pb-show'); launchConfetti(); successScr.scrollIntoView({behavior:'smooth', block:'center'}); }, 380); } /* „Weitere Bewerbung senden“ – Formular zurücksetzen */ $('#pb-resetBtn').addEventListener('click', () => { successScr.classList.remove('pb-show'); form.reset(); $$('.pb-error').forEach(el => el.classList.remove('pb-show')); $$('.pb-input').forEach(el => el.classList.remove('pb-invalid')); $('#pb-jobs').classList.remove('pb-invalid'); $('#pb-check-dsgvo').classList.remove('pb-invalid'); form.style.display = ''; requestAnimationFrame(() => { form.style.opacity='1'; form.style.transform='none'; }); $('.pb-card').scrollIntoView({behavior:'smooth', block:'start'}); }); /* - Confetti / Glow beim Erfolg (leichtgewichtig, CSS-Partikel) - */ function launchConfetti(){ const box = $('#pb-confetti'); box.innerHTML = ''; const colors = ['#FBCB00','#E0B400','#2E86C9','#16A34A','#15171C']; for(let i=0;i<70;i++){ const p = document.createElement('span'); const size = 6 + Math.random()*7; p.style.cssText = ` position:absolute; top:38%; left:50%; width:${size}px; height:${size*0.5}px; background:${colors[i%colors.length]}; border-radius:2px; opacity:0; transform:translate(-50%,-50%);`; box.appendChild(p); const angle = Math.random()*Math.PI*2; const dist = 90 + Math.random()*230; const x = Math.cos(angle)*dist; const y = Math.sin(angle)*dist - 40; const rot = (Math.random()*720-360); p.animate([ { transform:`translate(-50%,-50%) translate(0,0) rotate(0deg)`, opacity:1 }, { transform:`translate(-50%,-50%) translate(${x}px,${y}px) rotate(${rot}deg)`, opacity:0 } ], { duration: 900 + Math.random()*700, easing:'cubic-bezier(.18,.7,.3,1)', fill:'forwards', delay: Math.random()*120 }); } }
Wir sind Püschel
Wir sind ein langjährig am Fachmarkt bekannter, über Generationen inhabergeführter Gastronomie- und Großküchenausstatter im deutschlandweiten Firmenverbund der Pentagast.
Vorteile
Mit unserem stetig wachsenden, erfahrenen Mitarbeiterstamm aus Kaufleuten, Ingenieuren und Technikern sind wir in der Lage, die rechnergeschützte Planung, Lieferung, Montage und natürlich auch den Service für Großküchenanlagen und -geräte zu gewährleisten.
✅ Ihre Meinung wird gehört!
Wir sind immer offen für Anregungen und Verbesserungen.
Wir sind eine Familie
Unser Team steht immer zusammen.
Überdurchschnittliches Gehalt
Wir zahlen unseren Mitarbeitenden eine attraktive Vergütung.
️ Worklife-Balance
4-Tage Woche bei ausgewählten Berufen
Immer die neuste Technik
Bei uns müssen Sie nicht mit alten Geräten arbeiten.
Bleiben Sie auf dem neusten Stand
Regelmäßige Weiterbildungsmaßnahmen.
Wir suchen eine engagierte Persönlichkeit, die mit handwerklichem Geschick und technischem Verständnis überzeugt. Ihre ausgeprägte Kundenfreundlichkeit und Serviceorientierung machen Sie zum idealen Kandidaten für die Position. Zudem verfügen Sie über allgemeine Computerkenntnisse und besitzen einen Führerschein der Klasse B.
Bei uns erwartet Sie ein dynamisches Arbeitsumfeld mit Kontinuität und vielfältigen Entwicklungsperspektiven. Wir bieten eine überdurchschnittliche, leistungsorientierte Bezahlung und eine Vollzeitbeschäftigung mit 40 Stunden pro Woche. Ein unbefristeter Arbeitsvertrag und die Möglichkeit eines sofortigen Arbeitsbeginns runden unser attraktives Angebot ab.
Wenn Sie eine leidenschaftliche Persönlichkeit sind, die es liebt, technisches Know-how mit exzellenter Kundenbetreuung zu verbinden, möchten wir Sie in unserem Team begrüßen. Ihre Mitwirkung wird aktiv dazu beitragen, den Erfolg unseres Unternehmens weiter auszubauen.
