https://www.mocom.eu/.resources/albis-react/webresources/build/static/js/1927.9e5dc186.chunk.js

1"use strict";(self.webpackChunkreact=self.webpackChunkreact||[]).push([[1927,1950,4641,1783,1293],{62983:function(t,e,n){n.d(e,{k:function(){return o}});var i=n(50189),r=(n(10880),n(78056)),a=n(91451),o=function(t){return(0,a.jsxs)(r.Z,(0,i.Z)((0,i.Z)({},t),{},{viewBox:"0 0 62.121 91.219",width:"62.121",height:"91.219",children:[(0,a.jsx)("defs",{children:(0,a.jsxs)("filter",{id:"Path_44",x:"0",y:"0",width:"62.121",height:"91.219",filterUnits:"userSpaceOnUse",children:[(0,a.jsx)("feGaussianBlur",{stdDeviation:"5",result:"blur"}),(0,a.jsx)("feFlood",{floodOpacity:"0.6"}),(0,a.jsx)("feComposite",{operator:"in",in2:"blur"}),(0,a.jsx)("feComposite",{in:"SourceGraphic"})]})}),(0,a.jsx)("g",{transform:"translate(46.414 75.511) rotate(180)",children:(0,a.jsx)("g",{transform:"matrix(-1, 0, 0, -1, 46.41, 75.51)",filter:"url(#Path_44)",children:(0,a.jsx)("path",{d:"M1849.516,1629.166l29.8,29.8-30,30",transform:"translate(1895.73 1704.68) rotate(180)",fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"})})})]}))}},38618:function(t,e,n){n.d(e,{B:function(){return o}});var i=n(50189),r=(n(10880),n(78056)),a=n(91451),o=function(t){return(0,a.jsxs)(r.Z,(0,i.Z)((0,i.Z)({},t),{},{viewBox:"0 0 62.121 91.219",width:"62.121",height:"91.219",children:[(0,a.jsx)("defs",{children:(0,a.jsxs)("filter",{id:"Path_44",x:"0",y:"0",width:"62.121",height:"91.219",filterUnits:"userSpaceOnUse",children:[(0,a.jsx)("feGaussianBlur",{stdDeviation:"5",result:"blur"}),(0,a.jsx)("feFlood",{floodOpacity:"0.6"}),(0,a.jsx)("feComposite",{operator:"in",in2:"blur"}),(0,a.jsx)("feComposite",{in:"SourceGraphic"})]})}),(0,a.jsx)("g",{transform:"translate(15.707 15.707)",children:(0,a.jsx)("g",{transform:"matrix(1, 0, 0, 1, -15.71, -15.71)",filter:"url(#Path_44)",children:(0,a.jsx)("path",{d:"M1849.516,1629.166l29.8,29.8-30,30",transform:"translate(-1833.61 -1613.46)",fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"})})})]}))}},41950:function(t,e,n){n.r(e);var i=n(11026),r=n(649),a=(n(10880),n(91451));var o=function(t){return function(t,e){var n=new RegExp(t,"g");return e?String.prototype.matchAll?(0,r.Z)(e.matchAll(n)):(e.match(n)||[]).map((function(e){return e.match(new RegExp(t))})):[]}(/\${link:{uuid:{(.*?)},repository:{dam},path:{(.*?)}}}/,t).filter((function(t){return 3===t.length})).forEach((function(e){var n=(0,i.Z)(e,3),r=n[0],a=n[1],o=n[2],l=escape((o||"").split("/").reverse()[0]);t=t.replace(r,"/dam/jcr:".concat(a,"/").concat(l))})),t},l=/\\[nt]/,s=function(t){try{return t.split(l).filter((function(t){return 0!==t.length})).join(" ").replace(/\\u21b5/g,"<br/>").replace("</p>\n\n<p>","<br/><br/>").replace(/\&nbsp\;/g," ")}catch(e){return""}};e.default=function(t){var e=t.data;return(0,a.jsx)("span",{dangerouslySetInnerHTML:{__html:s(o(e))}})}},61684:function(t,e,n){n.d(e,{o:function(){return d}});var i=n(18808),r=n(64649),a=n(50189),o=n(29156),l=(n(10880),n(91451)),s=["setActive","variant"],c=(0,o.Z)((function(t){return{dot:function(e){var n,i,o,l;return l={width:25,height:15,borderRadius:"4px 4px 4px 4px / 50% 50% 50% 50%",backgroundColor:e.isActive?null!==(n=e.dotColor)&&void 0!==n?n:t.palette.secondary.main:t.palette.common.white,marginRight:t.spacing(1),cursor:"pointer",boxShadow:"none"},(0,r.Z)(l,t.breakpoints.up("md"),{marginBottom:0,marginRight:t.spacing(1)}),(0,r.Z)(l,"&.mocom",{borderRadius:"2px 2px 2px 2px / 50% 50% 50% 50%"}),(0,r.Z)(l,"&.okg",(0,a.Z)((0,r.Z)({borderRadius:"50%",width:15,marginRight:t.spacing(2),boxShadow:"rgba(0, 0, 0, 0.5) 0px 0px 3px 0px",marginBottom:t.spacing(2),border:"2px solid ".concat(t.palette.common.white),backgroundColor:"transparent"},t.breakpoints.up("md"),{marginBottom:0,marginRight:t.spacing(7)}),e.isActive&&{border:"2px solid ".concat(t.palette.secondary.main),backgroundColor:t.palette.secondary.main})),(0,r.Z)(l,"&.krahnChemie.krahnChemie",{borderRadius:"50%",width:15,backgroundColor:e.isActive?null!==(i=e.dotColor)&&void 0!==i?i:"#fff":"transparent",border:"1px solid ".concat(null!==(o=e.dotColor)&&void 0!==o?o:"#fff")}),l}}})),d=function(t){var e=t.setActive,n=t.variant,r=(0,i.Z)(t,s),a=c(r),o=[a.dot];return"krahnChemie"===n?o=[a.dot,"krahnChemie"]:"ottoKrahnGroup"===n||"okNewBusiness"===n?o=[a.dot,"okg"]:"mocom"===n&&(o=[a.dot,"mocom"]),(0,l.jsx)("div",{className:o.join(" "),onClick:e})}},91900:function(t,e,n){n.d(e,{b:function(){return s}});var i=n(64649),r=n(50189),a=n(29156),o=(n(10880),n(91451)),l=(0,a.Z)((function(t){return{container:function(e){var n,a="krahnChemie"===e.multisite,o="ottoKrahnGroup"===e.multisite||"okNewBusiness"===e.multisite;return(0,r.Z)((0,r.Z)((n={padding:t.spacing(2),marginBottom:t.spacing(2),display:"flex",justifyContent:e.dotsLeft?"flex-start":"center",alignItems:e.column?"flex-end":"normal",paddingLeft:e.dotsLeft?t.spacing(2):"none",flexDirection:e.column?"column":"row",pointerEvents:"all"},(0,i.Z)(n,t.breakpoints.up("md"),{flexDirection:"row",marginBottom:e.largeBottomSpace?t.spacing(13):t.spacing(4),paddingLeft:e.dotsLeft?"8%":"none"}),(0,i.Z)(n,t.breakpoints.up("lg"),{marginBottom:e.largeBottomSpace?t.spacing(15):t.spacing(6)}),n),o&&{marginBottom:0}),a&&(0,i.Z)({},t.breakpoints.up("md"),{transform:"rotate(90deg)",justifyContent:"flex-end"}))}}})),s=function(t){var e=t.children,n=l(t);return(0,o.jsx)("div",{className:"".concat(n.container," embla__dots"),children:e})}},68575:function(t,e,n){var i=n(11026),r=n(64649),a=n(50189),o=n(65402),l=n(87589),s=n(9539),c=n(29156),d=n(18800),u=n(84607),m=n(10880),p=n(62983),h=n(38618),g=n(61684),x=n(91900),f=n(91451),b=(0,c.Z)((function(t){return{emblaWrapper:function(t){var e="krahnChemie"===t.variant;return{height:"100%","& .embla":{position:"relative",height:"100%"},"& .embla__viewport":{overflow:"hidden",height:"100%"},"& .embla__container":{display:"flex",flexDirection:"row",height:"100%",transitionProperty:"transform",transitionDuration:"0.3s",transitionTimingFunction:"linear"},"& .embla__slide":{minWidth:0,flex:"0 0 100%"},"& .embla__dots":(0,a.Z)({display:"flex",zIndex:1,position:"absolute",left:0,right:0,bottom:0},e&&{position:"unset"})}},arrowWrapper:function(e){var n;

1return n={display:"none"},(0,r.Z)(n,t.breakpoints.up("sm"),{display:e.noArrows?"none":"block"}),(0,r.Z)(n,"color","mocom"===e.variant?"#000":"#fff"),(0,r.Z)(n,"cursor","pointer"),(0,r.Z)(n,"position","absolute"),(0,r.Z)(n,"top","calc(50% - 30px)"),(0,r.Z)(n,"&:hover",{color:t.palette.secondary.main}),(0,r.Z)(n,"& svg",{height:60}),(0,r.Z)(n,"&.prev",{left:e.stageSlider?"calc(37% + 40px)":"20px"}),(0,r.Z)(n,"&.next",{right:e.stageSlider?"40px":"20px"}),n}}}));e.Z=function(t){var e=t.options,n=t.children,r=t.largeBottomSpace,a=t.dotsLeft,c=t.variant,v=t.autoplay,Z=t.currentIndex,j=t.setCurrentIndex,k=t.noControls,C=t.interval,y=t.noArrows,w=t.jump,S=void 0!==w&&w,B=t.dotColor,N=m.Children.count(n),W=(0,o.Z)(),_=(0,l.Z)(W.breakpoints.down("sm")),A=v?[(0,d.Z)({delay:C})]:[],G=(0,u.Z)(e,A),I=(0,i.Z)(G,2),L=I[0],z=I[1],F=(0,m.useState)(!1),M=(0,i.Z)(F,2),R=M[0],P=M[1],D=(0,m.useState)(!1),H=(0,i.Z)(D,2),E=H[0],T=H[1],K=(0,m.useState)([]),O=(0,i.Z)(K,2),U=O[0],J=O[1],Y=b(t);(0,m.useEffect)((function(){null===z||void 0===z||z.reInit()}),[t.children,z]);var $=(0,m.useCallback)((function(){return z&&z.scrollPrev()}),[z]),q=(0,m.useCallback)((function(){z&&z.scrollNext()}),[z]),Q=(0,m.useCallback)((function(t){z&&z.scrollTo(t,S)}),[z,S]),V=(0,m.useCallback)((function(){z&&(j(z.selectedScrollSnap()),P(z.canScrollPrev()),T(z.canScrollNext()))}),[z,j]);(0,m.useEffect)((function(){z&&(V(),J(z.scrollSnapList()),z.on("select",V),z.on("reInit",V))}

1),[z,J,V,Z]),(0,m.useEffect)((function(){Q(Z)}),[Z,z,Q]);var X="calc(50% - ".concat(N/2*24,"px)");return(0,f.jsx)("div",{className:Y.emblaWrapper,children:(0,f.jsxs)("div",{className:"embla",children:[(0,f.jsx)("div",{className:"embla__viewport",ref:L,children:(0,f.jsx)("div",{className:"embla__container",children:n})}),k||y||!R?null:(0,f.jsx)("div",{className:"".concat(Y.arrowWrapper," prev"),onClick:$,children:(0,f.jsx)(p.k,{})}),k||y||!E?null:(0,f.jsx)("div",{className:"".concat(Y.arrowWrapper," next"),onClick:q,children:(0,f.jsx)(h.B,{})}),"krahnChemie"!==c&&!k&&N>1?(0,f.jsx)(x.b,{dotsLeft:a,column:"ottoKrahnGroup"===c||"okNewBusiness"===c,largeBottomSpace:r,multisite:c,children:U.map((function(t,e){return(0,f.jsx)(g.o,{isActive:e===Z,setActive:function(){return Q(e)},dotColor:B,variant:c},e)}))}):null,"krahnChemie"===c&&!k&&N>1?(0,f.jsx)(s.Z,{position:"absolute",bottom:0,top:_?void 0:X,right:_?X:0,zIndex:1,children:(0,f.jsx)(x.b,{multisite:c,children:Array.from({length:N}).map((function(t,e){return(0,f.jsx)(g.o,{isActive:Z===e,setActive:function(){return j(e)},variant:c,dotColor:B},e)}))})}):null]})})}},91709:function(t,e,n){n.r(e);var i=n(18808),r=n(50189),a=n(9539),o=n(29156),l=(n(10880),n(85457)),s=n(91451),c=["children","fullWidth","noMargin","spacingFactor","spacingFactorBottom","multisite","id","isJobpageComponent"],d=["backgroundColor"],u=(0,o.Z)((function(t){return{container:function(t){return(0,r.Z)({backgroundColor:t.backgroundColor||"inherit",backgroundImage:t.gradient?"linear-gradient(0deg, ".concat(t.gradient.bottom," 50%, ").concat(t.gradient.top," 50%)"):"none"},"krahnCeramics"===t.multisite&&{maxWidth:t.fullWidth?"100% !important":1390,margin:"0 auto"})}}}));e.default=function(t){var e=t.children,n=t.fullWidth,o=void 0!==n&&n,m=t.noMargin,p=void 0!==m&&m,h=t.spacingFactor,g=void 0===h?10:h,x=t.spacingFactorBottom,f=void 0===x?10:x,b=t.multisite,v=t.id,Z=t.isJobpageComponent,j=(0,i.Z)(t,c),k=o||"krahnCeramics"===b&&Z,C=j.backgroundColor,y=(0,i.Z)(j,d),w=u({backgroundColor:C,multisite:b,gradient:j.gradient,fullWidth:k}),S="krahnCeramics"===b?Z?1390:1140:1390,B="krahnCeramics"===b?{xs:2,sm:3,md:3,lg:0,xl:0}:{xs:k?0:2,sm:k?0:3,md:k?0:4,lg:k?0:7,xl:0};return(0,s.jsx)(l.ZP.Element,{name:null!==v&&void 0!==v?v:"",id:null!==v&&void 0!==v?v:"",children:(0,s.jsx)(a.Z,(0,r.Z)((0,r.Z)({pt:p?void 0:{xs:2,sm:g/2,md:g},pb:p?void 0:{xs:2,sm:f/2,md:f},px:o?0:"inherit",className:w.container,component:"krahnCeramics"===b?"div":"section"},y),{},{children:(0,s.jsx)(a.Z,{maxWidth:o?"auto":S,margin:"0 auto",px:B,children:e})}))})}},81927:function(t,e,n){n.r(e),n.d(e,{default:function(){return S}});var i=n(11026),r=n(18808),a=n(65402),o=n(10880),l=n(68575),s=n(64649),c=n(53314),d=n(44181),u=n(29156),m=n(91451),p=(0,u.Z)((function(t){var e;return{wrapper:(0,s.Z)({backgroundColor:t.palette.primary.dark,overflow:"hidden",display:"flex",flexDirection:"column"},t.breakpoints.up("sm"),{paddingLeft:"8%",flexDirection:"row",height:490}),name:{marginTop:t.spacing(4),textTransform:"uppercase"},text:(e={fontSize:"20px",lineHeight:"24px"},(0,s.Z)(e,t.breakpoints.up("sm"),{fontSize:"24px",lineHeight:"28px"}),(0,s.Z)(e,t.breakpoints.up("md"),{fontSize:"30px",lineHeight:"38px"}),e),textWrapper:(0,s.Z)({padding:t.spacing(7.5,6,15),height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",order:1},t.breakpoints.up("sm"),{padding:t.spacing(8,5,0,0),position:"relative",justifyContent:"flex-start",order:0}),image:{width:"100%",height:"100%",objectFit:"cover"},imageWrapper:(0,s.Z)({order:0},t.breakpoints.up("sm"),{order:1,height:"auto"})}})),h=function(t){var e=p(t),n=t.text,i=t.name,r=t.jobTitle,a=t.image;return(0,m.jsxs)(c.ZP,{container:!0,className:e.wrapper,children:[(0,m.jsxs)(c.ZP,{item:!0,xs:12,sm:8,className:e.textWrapper,children:[(0,m.jsx)(d.Z,{variant:"body2",color:"textSecondary",className:e.text,children:n}),(0,m.jsx)(d.Z,{variant:"body2",color:"textSecondary",className:e.name,children:i}),(0,m.jsx)(d.Z,{variant:"body2",color:"textSecondary",children:r})]}),a?(0,m.jsx)(c.ZP,{item:!0,xs:12,sm:4,className:e.imageWrapper,children:(0,m.jsx)("img",{src:a.source,alt:a.alt,className:e.image})}):null]})},g=n(91709),x=n(9539),f=n(24518),b=n(41950),v=(0,u.Z)((function(t){return{image:{position:"absolute",top:0,right:0,height:"100%"},title:function(e){var n="ottoKrahnGroup"===e.variant||"okNewBusiness"===e.variant;return(0,s.Z)({textAlign:"start",width:"100%",fontSize:"40px",textTransform:"none",color:n?t.palette.secondary.main:"inherit"},t.breakpoints.up("md"),{fontSize:"55px",textAlign:"center",paddingRight:"8%"})},subHeadline:function(t){return{fontFamily:"mocom"===t.variant?f.Z.GranulaCompactMedium:f.Z.GranulaWideBold}}}})),Z=function(t){var e=t.headline,n=t.subHeadline,i=t.text,r=t.image,a=t.variant,o=v({variant:a});return(0,m.jsxs)(x.Z,{pt:{xs:4,md:10,xl:14},pb:{xs:8,md:20,lg:25},pl:{xs:2,md:"8%"},display:"flex",flexDirection:"column",position:"relative",overflow:"hidden",children:[(0,m.jsx)(x.Z,{mb:{xs:5,md:10},zIndex:"1",display:"flex",alignItems:"center",px:{xs:2,sm:0},children:(0,m.jsx)(d.Z,{variant:"h3",align:"center",color:"textSecondary",className:o.title,children:e})}),(0,m.jsxs)(x.Z,{maxWidth:"920px",zIndex:"1",px:{xs:2,sm:0},children:[(0,m.jsx)(d.Z,{variant:"subtitle1",color:"textSecondary",className:o.subHeadline,children:n}),(0,m.jsx)(d.Z,{variant:"subtitle1",color:"textSecondary",component:"p",children:(0,m.jsx)(b.default,{data:i})})]}

1),r?(0,m.jsx)("img",{className:o.image,src:r.source,alt:r.alt}):null]})},j=(0,u.Z)((function(t){return{root:function(e){var n;return n={background:"url(".concat(e.url,")"),backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center",height:350},(0,s.Z)(n,t.breakpoints.up("sm"),{height:250}),(0,s.Z)(n,t.breakpoints.up("md"),{height:"100%"}),n},text:{fontFamily:f.Z.GranulaCompactMedium,fontSize:"32px",fontWeight:400,lineHeight:1,"@media (minWidth: 600px)":{fontSize:"45px"},"@media (min-width: 960px)":{fontSize:"50px"},"@media (min-width: 1280px)":{fontSize:"70px"},"@media(min-width: 1920px)":{fontSize:"80px"}}}})),k=function(t){var e=t.image,n=t.text,i=j({url:null===e||void 0===e?void 0:e.source});return(0,m.jsx)(x.Z,{py:{xs:4,md:8,lg:15},className:i.root,children:(0,m.jsx)(x.Z,{maxWidth:"1150px",margin:"0 auto",px:{xs:4,sm:"8%"},alignItems:"center",display:"flex",height:"100%",children:(0,m.jsx)(d.Z,{className:i.text,color:"textSecondary",align:"right",children:n})})})},C=n(51484),y=n(79920),w=["multisite","display"],S=function(t){var e=t.multisite,n=t.display,s=(0,r.Z)(t,w),c=(0,a.Z)(),d=(0,o.useState)(0),u=(0,i.Z)(d,2),p=u[0],x=u[1],f=(0,y.hY)(),b=(0,C.bs)("slides",s,s.metadata["@nodes"]).map((function(t,e){return{title:t.title,subheadline:t.overline,text:t.text,image:t.image?{source:t.image.renditions.fit1920x700.link,alt:t.image["@name"]}:void 0}}));return(0,m.jsx)(g.default,{fullWidth:!0,spacingFactor:0,spacingFactorBottom:0,backgroundColor:c.palette.primary.main,children:(0,m.jsx)(g.default,{spacingFactor:0,spacingFactorBottom:0,children:(0,m.jsx)(l.Z,{dotsLeft:"albis"===e,largeBottomSpace:"albis"===e,currentIndex:p,setCurrentIndex:x,jump:!1,autoplay:!1,children:b.map((function(t,e){return function(t,e){return"albis"===f||"ottoKrahnGroup"===f||"okNewBusiness"===f?"default"===n?(0,m.jsx)("div",{className:"embla__slide",children:(0,m.jsx)(Z,{headline:t.title,subHeadline:t.subheadline,text:t.text,image:t.image,variant:f})},"slide"+e):(0,m.jsx)("div",{className:"embla__slide",children:(0,m.jsx)(h,{text:t.text,name:t.title,jobTitle:t.subheadline,image:t.image},"slide"+e)},"slide"+e):(0,m.jsx)("div",{className:"embla__slide",children:(0,m.jsx)(k,{text:t.text,image:t.image},"slide"+e)},"slide"+e)}(t,e)}))})})})}},24518:function(t,e){e.Z={GranulaMedium:"granula-medium",GranulaLight:"granula-light",GranulaWideLight:"granula-wide-light",GranulaWideBold:"granula-wide-bold",GranulaCompactMedium:"granula-compact-medium",GranulaCompactLight:"granula-compact-light",GranulaBold:"granula-bold",GranulaSpatialLight:"granula-spatial-light",GranulaSpatialBold:"granula-spatial-bold",GothamBold:"gotham-bold",GothamBook:"gotham-book",GothamMedium:"gotham-medium",ArimoMedium:"arimo-medium",ArimoRegular:"arimo-regular",ArimoBold:"arimo-bold",AbcgIntoNordBold:"abcg-into-nord-bold",AbcgIntoNordLight:"abcg-into-nord-light",AbcgIntoNordRegular:"abcg-into-nord-regular",AbcgIntoNordMedium:"abcg-into-nord-medium",AbcgIntoNordSemibold:"abcg-into-nord-semibold"}}}]);
2//# sourceMappingURL=1927.9e5dc186.chunk.js.map