1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5182],{5182:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>G});var t=i(49222),s=i(19792),r=i(3638),a=i(82002),l=i.n(a),o=i(14424);let c=({variant:e})=>{let n=(0,o.Cb)(e);return(0,t.jsx)("div",{className:(0,r.A)(l().base,l()[n]),children:(0,t.jsx)(s.default,{size:"iconSize64",variant:`user/${e}`,isOutlined:!0,className:l().icon})})};var d=i(83824),p=i(98778),u=i.n(p);let b=({children:e})=>(0,t.jsx)("p",{className:u().base,...(0,d.E)(e)});var h=i(5140),m=i(20977),v=i(47992),g=i.n(v);let x=({children:e,link:n})=>(0,t.jsxs)("p",{className:g().base,children:[(0,t.jsx)("strong",{children:"Tipp:"})," ",e,n&&(0,t.jsxs)(t.Fragment,{children:[" ",(0,t.jsx)(h.A,{actionType:m.nD.Linkintern,linkintern:n,className:g().link,children:"Mehr erfahren"})]})]});var k=i(23650),A=i.n(k);let j=({children:e,icon:n})=>(0,t.jsxs)("div",{className:A().base,children:[(0,t.jsx)("div",{className:A().icon,children:(0,t.jsx)(s.default,{size:"iconSize64",variant:n,isOutlined:!0})}),(0,t.jsx)("h3",{className:A().title,children:e})]});var S=i(58146),y=i.n(S),f=i(82725),J=i.n(f);let N=({onClick:e,index:n,activeIndex:i})=>(0,t.jsx)("div",{className:(0,r.A)(J().base,{[J().active]:n===i}),onClick:e}),w=({stepAmount:e,activeIndex:n,onStepClick:i})=>{let a=[...Array(e)].map((e,n)=>`step-${n}`),l=e=>()=>{i(e)};return(0,t.jsxs)("div",{className:y().base,children:[(0,t.jsx)("div",{className:y().progressBar,children:(0,t.jsx)("div",{className:y().progressBarFill,style:{transform:`scaleX(${100/(e-1)*n/100}`}})}),(0,t.jsx)("div",{className:(0,r.A)(y().chevron,{[y().active]:0!==n}),onClick:l(n-1),children:(0,t.jsx)(s.default,{size:"iconSize24",variant:"action/chevron-left"})}),a.map((e,i)=>(0,t.jsx)(N,{index:i,activeIndex:n,onClick:l(i)},e)),(0,t.jsx)("div",{className:(0,r.A)(y().chevron,{[y().active]:n!==e-1}),onClick:l(n+1),children:(0,t.jsx)(s.default,{size:"iconSize24",variant:"action/chevron-right"})})]})};var B=i(34428),z=i(77766),C=i(6210),W=i.n(C);let D=({children:e,className:n})=>(0,t.jsx)("div",{className:(0,r.A)(W().base,n),children:e});var F=i(8642),I=i.n(F),T=i(62927),P=i(28503),V=i.n(P);let E=({currentIndex:e,direction:n,stepAmount:i,onClick:s})=>(0,t.jsx)("div",{className:(0,r.A)(V().base,V()[n],{[V().active]:"prev"===n?0!==e:e<i-1}),children:(0,t.jsx)(T.A,{variant:"prev"===n?"action/arrow-left":"action/arrow-right","aria-label":"prev"===n?"Zur\xfcck":"Weiter",onClick:()=>{s("prev"===n?e-1:e+1)}})});var M=i(12787),$=i.n(M);let _=({children:e,offset:n})=>(0,t.jsx)("div",{className:$().base,style:{transform:`translateX(${n}%)`},children:e}),O=[{id:1,title:"Traumjob gefunden?",icon:"user/heart",description:"Dann kannst du deine Bewerbung ganz einfach \xfcber unser Bewerbungsportal einreichen. Du erh\xe4ltst daraufhin eine Best\xe4tigungsmail.",hint:"Manchmal verirren sich automatisch generierte Mails im Spam-Ordner",backgroundVariant:"rocket"},{id:2,title:"Wann h\xf6re ich von euch?",icon:"user/contact-person",description:"Wir wollen dich nicht zappeln lassen - der Fach- und Personalbereich pr\xfcfen deine Bewerbungsunterlagen so schnell wie m\xf6glich. Bei vielen Interessent:innen kann das mal bis zu vier Wochen dauern.",backgroundVariant:"calendar"},{id:3,title:"Wir wollen dich richtig kennenlernen!",icon:"user/checklist",description:"Bei dualen Student:innen und Azubis f\xfchren wir einen Einstellungstest durch. Bei Trainees sowie bei Fach- und F\xfchrungskr\xe4ften aus bestimmten Bereichen legen wir Wert auf einen Pers\xf6nlichkeitstest. Wir geben dir rechtzeitig Bescheid!",backgroundVariant:"search"},{id:4,title:"Wie erfahre ich, ob ich zum Gespr\xe4ch eingeladen bin?",icon:"user/speechbubble",description:'Wenn du eine schriftliche Einladung von uns erh\xe4ltst, hast du auf ganzer Linie \xfcberzeugt! Du bekommst per Mail Infos \xfcber die Gespr\xe4chsteilnehmer:innen, wie beispielsweise jemandem aus der Fachabteilung, dem Personalbereich, dem Betriebsrat und der <a href="mailto:[email protected]">Schwerbehindertenvertretung</a>. F\xfchrungskr\xe4fte laden wir zus\xe4tzlich zu einem Developmentcenter ein.',backgroundVariant:"thumbs-up"},{id:5,title:"Und dann?",icon:"user/high5",description:"Je nach Position dauert es etwa ein bis zwei Wochen, bis sich der jeweilige Fach- und Personalbereich abgestimmt haben und sich bei dir melden. Den Arbeitsvertrag senden wir dir entweder per Post oder digital per Docusign und erkl\xe4ren wie es weiter geht.",hint:"Berufsstarter:innen k\xf6nnen sich schon vorab informieren, wie die ersten Tage bei uns ablaufen.",link:"/karriere/arbeiten/ausbildung-dualesstudium",backgroundVariant:"contract-amendents"}],G=()=>{let[e,n]=(0,z.useState)(0),i=e=>{e<0||e>O.length-1||n(e)},s=(0,B.useDrag)(({down:n,direction:[t]})=>{t>0&&!n?i(e-1):t<0&&!n&&i(e+1)});return(0,t.jsxs)("div",{className:I().base,...s(),children:[(0,t.jsx)(E,{direction:"prev",stepAmount:O.length,onClick:i,currentIndex:e}),(0,t.jsx)("div",{className:I().contentWrapper,children:(0,t.jsx)(_,{offset:-100*e,children:O.map(e=>(0,t.jsxs)(D,{className:I().step,children:[(0,t.jsx)(c,{variant:e.backgroundVariant}),(0,t.jsx)(j,{icon:e.icon,children:e.title}),(0,t.jsx)(b,{children:e.description}),e.hint&&(0,t.jsx)(x,{link:e.link,children:e.hint})]},e.id))})}),(0,t.jsx)(E,{direction:"next",stepAmount:O.length,onClick:i,currentIndex:e}),(0,t.jsx)(w,{activeIndex:e,stepAmount:O.length,onStepClick:i})]})}},6210:e=>{e.exports={base:"JobApplyStep-module-base"}},8642:e=>{e.exports={base:"JobApplySteps-module-base",step:"JobApplySteps-module-step",contentWrapper:"JobApplySteps-module-content-wrapper"}},12787:e=>{e.exports={base:"JobApplyStepsContent-module-base"}},23650:e=>{e.exports={base:"JobApplyStepTitle-module-base",title:"JobApplyStepTitle-module-title",icon:"JobApplyStepTitle-module-icon"}},28503:e=>{e.exports={base:"JobApplyStepsButton-module-base",active:"JobApplyStepsButton-module-active",prev:"JobApplyStepsButton-module-prev",next:"JobApplyStepsButton-module-next"}},47992:e=>{e.exports={base:"JobApplyStepHint-module-base",link:"JobApplyStepHint-module-link"}},58146:e=>{e.exports={base:"JobApplyStepsNavigation-module-base",progressBar:"JobApplyStepsNavigation-module-progress-bar",progressBarFill:"JobApplyStepsNavigation-module-progress-bar-fill",chevron:"JobApplyStepsNavigation-module-chevron",active:"JobApplyStepsNavigation-module-active"}},82002:e=>
1{e.exports={base:"JobApplyStepBackground-module-base",icon:"JobApplyStepBackground-module-icon",rocket:"JobApplyStepBackground-module-rocket",calendar:"JobApplyStepBackground-module-calendar",search:"JobApplyStepBackground-module-search",thumbsUp:"JobApplyStepBackground-module-thumbs-up",contractAmendents:"JobApplyStepBackground-module-contract-amendents"}},82725:e=>{e.exports={base:"JobApplyStepsNavigationItem-module-base",active:"JobApplyStepsNavigationItem-module-active"}},98778:e=>{e.exports={base:"JobApplyStepDescription-module-base"}}}]); 2//# sourceMappingURL=5182.e2160670917e1b0c.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.