https://www.tanss.de/_next/static/chunks/app/%5Blocale%5D/produkt/page-e25e30f0542e9b78.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1017],{428:(e,s,i)=>{Promise.resolve().then(i.bind(i,93691)),Promise.resolve().then(i.bind(i,58558)),Promise.resolve().then(i.bind(i,28713)),Promise.resolve().then(i.bind(i,53135)),Promise.resolve().then(i.bind(i,38026)),Promise.resolve().then(i.bind(i,93741)),Promise.resolve().then(i.bind(i,13407)),Promise.resolve().then(i.bind(i,94131)),Promise.resolve().then(i.bind(i,71907)),Promise.resolve().then(i.bind(i,68916)),Promise.resolve().then(i.bind(i,74425)),Promise.resolve().then(i.bind(i,51009)),Promise.resolve().then(i.bind(i,24849)),Promise.resolve().then(i.bind(i,5767)),Promise.resolve().then(i.bind(i,14889)),Promise.resolve().then(i.bind(i,94550)),Promise.resolve().then(i.bind(i,74293)),Promise.resolve().then(i.bind(i,59052)),Promise.resolve().then(i.bind(i,29177)),Promise.resolve().then(i.bind(i,21108)),Promise.resolve().then(i.bind(i,38969)),Promise.resolve().then(i.bind(i,68529)),Promise.resolve().then(i.bind(i,20777)),Promise.resolve().then(i.bind(i,21054)),Promise.resolve().then(i.bind(i,38652)),Promise.resolve().then(i.bind(i,19636)),Promise.resolve().then(i.bind(i,85701)),Promise.resolve().then(i.bind(i,74421)),Promise.resolve().then(i.bind(i,8158)),Promise.resolve().then(i.bind(i,63292)),Promise.resolve().then(i.bind(i,94449)),Promise.resolve().then(i.bind(i,44734)),Promise.resolve().then(i.bind(i,81417)),Promise.resolve().then(i.bind(i,99946)),Promise.resolve().then(i.bind(i,75638)),Promise.resolve().then(i.bind(i,19062))},21054:(e,s,i)=>{"use strict";i.d(s,{default:()=>o});var r=i(95155),t=i(64512),l=i(71479),n=i(45807),a=i(15239);function o(e){let{section:s,children:i}=e,{title:o,links:d,media:c,background:h="white",mobileOrder:m="media-first"}=s,u=(0,t.d)(),v=i?" hero-media--player":c?" hero-media--".concat(c.type):"";return(0,r.jsx)("div",{ref:u.ref,className:"media-hero-section media-hero-section--".concat(h).concat("content-first"===m?" media-hero-section--mobile-content-first":"").concat(u.className),children:(0,r.jsxs)("div",{className:"hero-container md-container",children:[(0,r.jsxs)("div",{className:"hero-content",children:[(0,r.jsx)("h1",{className:"headline h1",children:o}),(null==d?void 0:d.length)>0&&(0,r.jsx)("ul",{className:"hero-link-list",children:d.map(e=>(0,r.jsx)("li",{children:(0,r.jsxs)("a",{href:e.href,className:"hero-link",children:[(0,r.jsx)(l.A,{direction:"down"}),(0,r.jsx)("span",{children:e.label})]})},e.href))})]}),(0,r.jsx)("div",{className:"hero-media".concat(v),children:i||((null==c?void 0:c.type)==="image"?(0,r.jsx)(a.default,{className:"hero-image",src:c.src,alt:c.alt,width:1500,height:1360,quality:90,priority:!0,sizes:"600px"}):(null==c?void 0:c.type)==="video"?(0,r.jsx)("video",{className:"hero-video",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,poster:c.poster,children:(0,r.jsx)("source",{src:c.src,type:"video/webm"})}):(null==c?void 0:c.type)==="player"?(0,r.jsx)(n.A,{item:{type:c.player,src:c.src,preview:c.preview},playButton:"white"}):null)})]})})}},21108:(e,s,i)=>{"use strict";i.r(s),i.d(s,{default:()=>r});let r={src:"/_next/static/media/service-support.23c00257.webp",height:832,width:1338,blurDataURL:"data:image/webp;base64,UklGRkoAAABXRUJQVlA4ID4AAADQAQCdASoIAAUAAkA4JYwCdAEO2pAZgAD+7J7+P5PuhpZM3ZuC8nDn1bjn5pL0/J3Gz4OwGP2XQg2DKYAAAA==",blurWidth:8,blurHeight:5}},38652:(e,s,i)=>{"use strict";i.d(s,{default:()=>o});var r=i(95155),t=i(45807),l=i(52619),n=i.n(l),a=i(47266);function o(e){let{section:s,withDarkBackdrop:i}=e,l=s.videos||[],o=l[0],d=l.slice(1);return(0,r.jsxs)("div",{className:"main-page-videos-grid-section relative isolate",children:[i&&(0,r.jsx)(a.A,{topColorClass:"bg-[var(--color-black)]",bottomColorClass:"bg-[var(--color-body)]",sizeRate:.25}),(0,r.jsxs)("div",{className:"inner-wrapper md-container",children:[s.subtitle&&(0,r.jsx)("h2",{className:"headline h2 subtitle",children:s.subtitle}),l.length>0&&o&&(0,r.jsx)("div",{className:"main-video",children:(0,r.jsx)(t.A,{item:o})}),(0,r.jsx)("div",{className:"videos-grid",children:d.map((e,s)=>(0,r.jsx)(n(),{className:"video-preview cursor-pointer rounded-2xl",href:e.src,target:"_blank",children:(0,r.jsx)("div",{className:"relative rounded-xl w-full h-full aspect-video",style:{backgroundImage:"url(".concat(e.preview,")")}})},s))}),(0,r.jsx)("div",{className:"text h3 text-center",children:s.title}),(0,r.jsx)("div",{className:"flex justify-center",children:(0,r.jsx)(n(),{href:s.btn.url,className:"button",target:s.btn.target,children:(0,r.jsx)("span",{children:s.btn.text})})})]})]})}},45807:(e,s,i)=>{"use strict";i.d(s,{A:()=>d});var r=i(95155),t=i(12115);function l(e){let{src:s,autoStart:i=!1}=e,l=t.useMemo(()=>

1{if(!i)return s;try{let e=new URL(s);return e.searchParams.set("autoplay","1"),e.searchParams.set("mute","0"),e.searchParams.set("playsinline","1"),e.toString()}catch(i){let e=s.includes("?")?"&":"?";return"".concat(s).concat(e,"autoplay=1&mute=1&playsinline=1")}},[s,i]);return(0,r.jsx)("iframe",{width:"100%",height:"100%",src:l,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0})}var n=i(4418);function a(e){let{src:s}=e;return(0,r.jsx)(n.A,{video:s,width:"100%",height:"100%",responsive:!0,autoplay:!1,loop:!1,muted:!1,showByline:!1,showTitle:!1,showPortrait:!1})}let o=e=>{let{src:s,clickHandler:i,playButton:t}=e;return(0,r.jsxs)("div",{className:"video-preview cursor-pointer h-full w-full rounded-xl",children:[(0,r.jsx)("div",{className:"relative rounded-xl w-full h-full image-cover aspect-video",style:{backgroundImage:"url(".concat(s,")")}}),(0,r.jsx)("div",{className:"video-overlay rounded-xl absolute bg-black/10 inset-0 flex items-center justify-center",children:(0,r.jsx)("button",{className:"play-button play-button--".concat(t),onClick:i,"aria-label":"Play video"})})]})};function d(e){let{item:s,stopPlayback:i,playButton:n="red"}=e,[d,c]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{i&&c(!1)},[i]),(0,r.jsxs)("div",{className:"video-player-wrapper h-full w-full relative",children:[d&&"youtube"===s.type&&(0,r.jsx)(l,{src:s.src,autoStart:!0}),d&&"vimeo"===s.type&&(0,r.jsx)(a,{src:s.src}),s.preview&&!d&&(0,r.jsx)(o,{src:s.preview,clickHandler:()=>c(!0),playButton:n})]})}},81417:(e,s,i)=>{"use strict";i.d(s,{default:()=>u});var r=i(95155),t=i(95604),l=i(12115),n=i(92738);function a(e){let{value:s,categories:i,onChange:t}=e;return(0,r.jsx)(n.A,{items:i.map(e=>({key:e.id,label:e.title})),value:s,onChange:t})}var o=i(52619),d=i.n(o),c=i(15239),h=i(71479);function m(e){let{item:s}=e;return(0,r.jsx)(d(),{href:"/produkt/".concat(s.slug),className:"modules-grid-item-card-link-wrapper",children:(0,r.jsxs)("div",{className:"modules-grid-item-card",children:[(0,r.jsx)("div",{className:"item-icon relative",children:(0,r.jsx)(c.default,{src:s.icon,alt:s.title,fill:!0})}),(0,r.jsxs)("h3",{className:"h3 item-title flex items-center gap-4",children:[(0,r.jsx)("span",{children:s.title}),(0,r.jsx)(h.A,{direction:"right",size:24})]}),(0,r.jsx)("p",{className:"item-description",children:s.text})]})})}function u(e){let{locale:s,categories:i,modules:n}=e,o=(0,t.useTranslations)("Product.module-filter"),d=(0,t.useTranslations)("GENERAL"),[c,h]=(0,l.useState)("#"),[u,v]=(0,l.useState)(!1),p=n.filter(e=>"#"===c||e.categories.includes(c)),b=u&&"#"===c?p:p.slice(0,4);return(0,l.useEffect)(()=>{"#"!==c?v(!0):v(!1)},[c]),(0,r.jsxs)("section",{className:"modules-grid",children:[(0,r.jsx)("a",{id:"module-filter"}),(0,r.jsx)("div",{className:"wrapper",children:(0,r.jsxs)("div",{className:"container",children:[(0,r.jsx)("h2",{className:"h2 title text-center text-black",children:o("headline")}),(0,r.jsx)(a,{value:c,onChange:h,locale:s,categories:i}),(0,r.jsx)("div",{className:"modules-grid-items desctop-view",children:p.map(e=>(0,r.jsx)(m,{item:e},e.id))}),(0,r.jsx)("div",{className:"modules-grid-items mobile-view",children:b.map(e=>(0,r.jsx)(m,{item:e},e.id))}),!u&&(0,r.jsx)("div",{className:"button button-primary loadMore",onClick:()=>v(!0),children:d("loadMore")})]})})]})}}},e=>{e.O(0,[8735,7867,2328,5795,4418,4879,3978,5725,8072,6456,4449,6273,5051,9636,7653,8441,1255,7358],()=>e(e.s=428)),_N_E=e.O()}]);