https://two-agentur.com/_next/static/chunks/pages/jobs-d882e418cda55c71.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[142],{6989:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/jobs",function(){return n(66865)}])},16684:function(e,t,n){"use strict";var r=n(85893),o=n(67294);t.Z=e=>{let{children:t,className:n,delayMs:s,direction:i,show:a,disableTrigger:l,...c}=e,u=o.useRef(),d=()=>{if(u.current){var e=u.current.getBoundingClientRect();e.top>=0&&e.bottom+(e.top-e.bottom)<=1*window.innerHeight&&setTimeout(()=>{if(!l||window.innerWidth<1180){var e;null===(e=u.current)||void 0===e||e.classList.add("is-visible")}},null!=s?s:0)}};return o.useEffect(()=>{if(l&&a){var e;null===(e=u.current)||void 0===e||e.classList.add("is-visible")}},[a]),o.useEffect(()=>(document.addEventListener("scroll",d,{passive:!0}),window.addEventListener("resize",d,{passive:!0}),d(),()=>{document.removeEventListener("scroll",d),window.removeEventListener("resize",d)}),[]),(0,r.jsx)("div",{...c,ref:u,className:"anim-fade-in "+i+" "+n,children:t})}},63668:function(e,t,n){"use strict";var r=n(85893),o=n(9008),s=n.n(o),i=n(67294),a=n(12260),l=n(79133);t.Z=e=>{let{seo:t}=e,{defaultSeo:n,siteName:o}=(0,i.useContext)(a.GlobalContext),c={...n,...t},u={...c,metaTitle:"".concat(c.metaTitle," - ").concat(o),shareImage:(0,l.$)(c.shareImage)};return c.shareImage,(0,r.jsxs)(s(),{children:[u.metaTitle&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("title",{children:u.metaTitle}),(0,r.jsx)("meta",{property:"og:title",content:u.metaTitle}),(0,r.jsx)("meta",{name:"twitter:title",content:u.metaTitle})]}),u.metaDescription&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("meta",{name:"description",content:u.metaDescription}),(0,r.jsx)("meta",{property:"og:description",content:u.metaDescription}),(0,r.jsx)("meta",{name:"twitter:description",content:u.metaDescription})]}),u.shareImage&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("meta",{property:"og:image",content:u.shareImage}),(0,r.jsx)("meta",{name:"twitter:image",content:u.shareImage}),(0,r.jsx)("meta",{name:"image",content:u.shareImage})]}),u.article&&(0,r.jsx)("meta",{property:"og:type",content:"article"}),(0,r.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,r.jsx)("meta",{name:"robots",content:"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"})]})}},66865:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return W},default:function(){return X}});var r=n(85893),o=n(73620),s=n(63668),i=n(67294),a=n(69426),l=n(61111),c=n(79133),u=n(57111),d=n.n(u),v=n(67677),m=n(41664),f=n.n(m),b=n(11163);function _(e,t,n){return Array.prototype.slice.call(e,t,n)}function p(e){return e.bind.apply(e,[null].concat(_(arguments,1)))}function g(e){return requestAnimationFrame(e)}function j(e,t){return typeof t===e}var h=Array.isArray;function w(e,t){(h(e)?e:[e]).forEach(t)}p(j,"function"),p(j,"string"),p(j,"undefined");var x=Object.keys,y=Math.min,k="move",E="moved",C="drag",S="scroll",N="scrolled";function L(e,t,n,r){var o,s,i=Date.now,a=0,l=!0,c=0;function u(){if(!l){if(a=e?y((i()-o)/e,1):1,n&&n(a),a>=1&&(t(),o=i(),r&&++c>=r))return d();g(u)}}function d(){l=!0}function v(){s&&cancelAnimationFrame(s),a=0,s=0,l=!0}return{start:function(t){t||v(),o=i()-(t?a*e:0),l=!1,g(u)},rewind:function(){o=i(),a=0,n&&n(a)},pause:d,cancel:v,set:function(t){e=t},isPaused:function(){return l}}}function A(e,t,n){return Array.prototype.slice.call(e,t,n)}function T(e){return e.bind(null,...A(arguments,1))}function F(e,t){return typeof t===e}function I(e){return null!==e&&F("object",e)}let H=Array.isArray;T(F,"function"),T(F,"string");let M=T(F,"undefined");function R(e,t){(H(e)?e:[e]).forEach(t)}let D=Object.keys;function O(e,t,n){if(e){let r=D(e);r=n?r.reverse():r;for(let n=0;n<r.length;n++){let o=r[n];if("__proto__"!==o&&!1===t(e[o],o))break}}return e}function P(e){return A(arguments,1).forEach(t=>{O(t,(n,r)=>{e[r]=t[r]})}),e}let{min:B,max:Z,floor:q,ceil:G,abs:V}=Math,$={speed:1,autoStart:!0,pauseOnHover:!0,pauseOnFocus:!0},z={startScroll:"Start auto scroll",pauseScroll:"Pause auto scroll"};function Y(e,t,n){var r,o,s,i;let a,l,c,u,d,v;let{on:m,off:f,bind:b,unbind:g}=(r=e?e.event.bus:document.createDocumentFragment(),o=function(){var e=[];function t(e,t,n){w(e,function(e){e&&w(t,function(t){t.split(" ").forEach(function(t){var r=t.split(".");n(e,r[0],r[1])})})})}return{bind:function(n,r,o,s){t(n,r,function(t,n,r){var i="addEventListener"in t,a=i?t.removeEventListener.bind(t,n,o,s):t.removeListener.bind(t,o);i?t.addEventListener(n,o,s):t.addListener(o),e.push([t,n,r,o,a])})},unbind:function(n,r,o){t(n,r,function(t,n,r){e=e.filter(function(e){return e[0]!==t||e[1]!==n||e[2]!==r||!!o&&e[3]!==o||(e[4](),!1)})})},dispatch:function(e,t,n){var r;return"function"==typeof CustomEvent?r=new CustomEvent(t,{bubbles:!0,detail:n}):(r=document.createEvent("CustomEvent")).initCustomEvent(t,!0,!1,n),e.dispatchEvent(r),r},destroy:function(){e.forEach(function(e){e[4]()}),e.length=0}}}(),e&&e.event.on("destroy",o.destroy),function(e){return _(arguments,1

1).forEach(function(t){!function(e,t,n){if(e)for(var r=x(e),o=0;o<r.length;o++){var s=r[o];if("__proto__"!==s&&!1===t(e[s],s))break}}(t,function(n,r){e[r]=t[r]})}),e}(o,{bus:r,on:function(e,t){o.bind(r,(h(e)?e:[e]).join(" "),function(e){t.apply(t,h(e.detail)?e.detail:[])})},off:p(o.unbind,r),emit:function(e){o.dispatch(r,e,_(arguments,1))}})),{translate:j,getPosition:y,toIndex:A,getLimit:T}=t.Move,{setIndex:F,getIndex:H}=t.Controller,{orient:D}=t.Direction,{toggle:q}=t.Elements,{Live:G}=t,{root:V}=e,Y=(s=t.Arrows.update,function(){i||(i=L(500,function(){s(),i=null},null,1)).start()}),Q={};function J(){e.is("fade")||a||!1===n.autoScroll||(a=L(0,et),Q.pauseOnHover&&b(V,"mouseenter mouseleave",e=>{c="mouseenter"===e.type,ee()}),Q.pauseOnFocus&&b(V,"focusin focusout",e=>{u="focusin"===e.type,ee()}),Q.useToggleButton&&b(q,"click",()=>{l?K():U()}),m("updated",X),m([k,C,S],()=>{d=!0,U(!1)}),m([E,"dragged",N],()=>{d=!1,ee()}),Q.autoStart&&("complete"===document.readyState?K():b(window,"load",K)))}function W(){a&&(a.cancel(),a=null,v=void 0,f([k,C,S,E,N]),g(V,"mouseenter mouseleave focusin focusout"),g(q,"click"))}function X(){let{autoScroll:e}=n;!1!==e?(Q=P({},Q,I(e)?e:{}),J()):W(),a&&!M(v)&&j(v)}function K(){er()&&(a.start(!0),G.disable(!0),u=c=l=!1,en())}function U(e=!0){l||(l=e,en(),er()||(a.pause(),G.disable(!1)))}function ee(){l||(c||u||d?U(!1):K())}function et(){var r;let o=y(),s=(r=o+D(Q.speed||1),e.is("slide")&&(r=function(e,t,n){let r=B(t,n),o=Z(t,n);return B(Z(r,e),o)}(r,T(!1),T(!0))),r);o!==s?(j(s),function(r){let{length:o}=e,s=(A(r)+o)%o;s!==H()&&(F(s),t.Slides.update(),t.Pagination.update(),"nearby"===n.lazyLoad&&t.LazyLoad.check())}(v=y())):(U(!1),Q.rewind&&e.go(Q.speed>0?0:t.Controller.getEnd())),Y()}function en(){if(q){var e,t;let r=l?"startScroll":"pauseScroll";e="is-active",t=!l,q&&R(e,e=>{e&&q.classList[t?"add":"remove"](e)}),function e(t,n,r){I(n)?O(n,(n,r)=>{e(t,r,n)}):R(t,e=>{null===r||""===r?R(e,e=>{R(n,t=>{e&&e.removeAttribute(t)})}):e.setAttribute(n,String(r))})}(q,"aria-label",n.i18n[r]||z[r])}}function er(){return!a||a.isPaused()}return{setup:function(){let{autoScroll:e}=n;Q=P({},$,I(e)?e:{})},mount:J,destroy:W,play:K,pause:U,isPaused:er}}var Q=n(16684),J=e=>{var t;let{jobsOverview:n,jobs:o}=e,s=i.useRef(),[a,l]=i.useState(!0),u=i.useRef(),m=(0,b.useRouter)(),[_,p]=i.useState(!1);(0,i.useEffect)(()=>{document.addEventListener("keydown",g);var e=setTimeout(()=>{var e;p(!0),null===(e=s.current)||void 0===e||e.splide.Components.AutoScroll.play()},2e3);return function(){clearTimeout(e),document.removeEventListener("keydown",g)}},[]);let g=e=>{if(("13"==(e=e||window.event).keyCode||"32"==e.keyCode)&&(e.preventDefault(),s.current.slides.forEach(e=>{var t=parseFloat(e.getBoundingClientRect().left),n=parseFloat(e.getBoundingClientRect().right),r=parseFloat(u.current.getBoundingClientRect().left),i=parseFloat(u.current.getBoundingClientRect().right);if(r>=t&&i<=n){s.current.splide.Components.AutoScroll.pause(),u.current.classList.add("jump");let t=o[parseInt(e.querySelector("a").dataset.key)];setTimeout(()=>m.push("/jobs/"+t.attributes.slug),400)}})),"37"==e.keyCode){var t=parseFloat(u.current.style.left);(t-=2)<=0?t=0:t||(t=50),u.current.style.left=t+"%",l(!1),u.current.classList.add(d().invert)}else if("39"==e.keyCode){var t=parseFloat(u.current.style.left);(t+=2)>=100?t=100:t||(t=50),u.current.style.left=t+"%",l(!1),u.current.classList.remove(d().invert)}},j=e=>{e.preventDefault(),s.current.splide.Components.AutoScroll.pause(),u.current.classList.add("jump");let t=o[e.target.closest("a").dataset.key];setTimeout(()=>m.push("/jobs/"+t.attributes.slug),400)};return(0,r.jsxs)("section",{className:d().section,children:[!n.attributes.backgroundVideo&&(0,r.jsxs)("div",{className:d().image,children:[(0,r.jsx)("div",{className:d().top,children:(0,r.jsx)("div",{className:d().sky})}),(0,r.jsx)("div",{className:d().bottom,children:(0,r.jsx)("div",{className:d().ground})})]}),n.attributes.backgroundVideo&&(0,r.jsx)("video",{preload:"none",playsInline:!0,autoPlay:!0,muted:!0,loop:!0,className:d().video,children:(0,r.jsx)("source",{src:(0,c.$)(n.attributes.backgroundVideo),type:n.attributes.backgroundVideo.data.attributes.mime})}),(0,r.jsxs)("div",{className:d().overlay,children:[(0,r.jsxs)("div",{className:d().titleContainer,children:[(0,r.jsx)("img",{className:d().titleImage,src:(0,c.$)(n.attributes.titleImage),alt:"Jobs - ab sofort!"}),(0,r.jsx)("div",{className:d().badge,children:(0,r.jsx)("span",{dangerouslySetInnerHTML:{__html:n.attributes.badgeText}})})]}),(0,r.jsxs)("div",{className:d().slider,children:[(0,r.jsx)(Q.Z,{direction:"bottom",delayMs:1500,children:(0,r.jsx)(v.tv,{ref:s,extensions:{AutoScroll:Y},options:{type:"loop",pagination:!1,drag:!1,arrows:!1,perPage:3,autoScroll:{speed:2.5,pauseOnHover:!1,pauseOnFocus:!1,autoStart:!1},breakpoints:{820:{perPage:1,drag:"free"}}},className:d().splide,children:o.map((e,t)=>(0,r.jsx)(v.jw,{className:d().job,children:(0,r.jsxs)(f(),{"data-key":t,href:"/jobs/"+e.attributes.slug,title:e.attributes.name,onClick:j,children:[(0,r.jsx)("span",{style:{color:e.attributes.color},className:d().title,dangerouslySetInnerHTML:{__html:e.attributes.name}}),(0,r.jsx)("span",{style:{color:e.attributes.color},className:d().gameTile+" icon-game-tile"})]})},t))})}),(0,r.jsxs)("div",{className:d().gameFloor,children:[(0,r.jsx)("img",{ref:u,src:(0,c.$)(n.attributes.cursor),alt:"TWariao"}),(0,r.jsx)("span",{className:"icon-game-floor"})]}),(0,r.jsxs)("div",{className:d().nav,children:[a&&(0,r.jsxs)("div",{className:d().navArrows,children:[(0,r.jsx)("span",{className:d().hintDesktop,dangerouslySetInnerHTML:{__html:n.attributes.keyboardArrowsHint}}),(0,r.jsx)("span",{className:d().hintMobile,dangerouslySetInnerHTML:{__html:null!==(t=n.attributes.keyboardArrowsHintMobile)&&void 0!==t?t:n.attributes.keyboardArrowsHint}}),(0,r.jsxs)("div",{children:[(0,r.jsx)("img",{onClick:()=>{s.current.splide.go("-1")},src:(0,c.$)(n.attributes.arrowLeft),alt:"arrow left"}),(0,r.jsx)("img",{onClick:()=>{s.current.splide.go("+1")},src:(0,c.$)(n.attributes.arrowRight),alt:"arrow right"})]})]}),!1===a&&(0,r.jsxs)("div",{className:d().navArrows,children:[(0,r.jsx)("span",{dangerouslySetInnerHTML:{__html:n.attributes.keyboardEnterHint}}),(0,r.jsx)("div",{children:(0,r.jsx)("img",{src:(0,c.$)(n.attributes.enter),alt:"enter"})})]})]})]})]})]})},W=!0,X=e=>{let{jobsOverview:t,jobs:n}=e,{setLogo:c}=(0,i.useContext)(l.Z);return(0,i.useEffect)(()=>{c("bit")},[]),(0,r.jsxs)(o.Z,{children:[(0,r.jsxs)("main",{children:[(0,r.jsx)(s.Z,{seo:t.attributes.seo}),(0,r.jsx)(J,{jobsOverview:t,jobs:n})]}),(0,r.jsx)(a.Z,{})]})}},57111:function(e){e.exports={"background-light-blue":"jobs-overview_background-light-blue__YsmCM","background-mint-green":"jobs-overview_background-mint-green___RHbu","background-yellow":"jobs-overview_background-yellow__nqdoM",section:"jobs-overview_section__0cVdv",image:"jobs-overview_image__ItRQo",video:"jobs-overview_video__Z9iRa",top:"jobs-overview_top__LGbuH",sky:"jobs-overview_sky__domVM",move:"jobs-overview_move__iV16T",bottom:"jobs-overview_bottom__PCB21",ground:"jobs-overview_ground__CSSAE",text:"jobs-overview_text__D_48J","bg-shift":"jobs-overview_bg-shift__20_FC",hover:"jobs-overview_hover__v4c8v",overlay:"jobs-overview_overlay__b8NmD",titleContainer:"jobs-overview_titleContainer__qlvbB",titleImage:"jobs-overview_titleImage__Rx426",badge:"jobs-overview_badge__4RcsG",slider:"jobs-overview_slider__oEmq3",splide:"jobs-overview_splide__7ZOGG",job:"jobs-overview_job__lrQrq",title:"jobs-overview_title__hjwSx",gameTile:"jobs-overview_gameTile__6YSxy",gameFloor:"jobs-overview_gameFloor__sBqiK",invert:"jobs-overview_invert__ASlmU",nav:"jobs-overview_nav__PszkG",navArrows:"jobs-overview_navArrows__GYYHe",hintMobile:"jobs-overview_hintMobile__w0AQk",hintDesktop:"jobs-overview_hintDesktop__BHkat"}}},function(e){e.O(0,[611,677,620,888,774,179],function(){return e(e.s=6989)}),_N_E=e.O()}]);