(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4941],{5060:function(e,t){var a='';e.exports=a,t.default=a},6082:function(e,t,a){"use strict";a(2779),a(7256)},1924:function(e,t,a){"use strict";var c=a(2779);a(9882);var l=a(7256),s=a.n(l);let r=e=>{let{size:t,variant:a,className:l,children:r,tag:n,...i}=e,o="bg-gray-400 hover:bg-gray-500",m="py-1 px-4",x="text-base";return"primary"===a&&(o="text-white bg-blue-500 hover:bg-blue-600 shadow-lg shadow-blue-500/30"),"large"===t&&(m="py-2 px-6",x="text-lg"),(0,c.jsx)(n||"button",{className:s()("inline-flex items-center border-0 focus:outline-none rounded-full text-center select-none",m,x,o,l),...i,children:r})};t.Z=r},4941:function(e,t,a){"use strict";a.d(t,{Z:function(){return I}});var c=a(2779),l=a(9882),s=a(3138),r=a.n(s),n=a(9926);let i=e=>(0,c.jsx)("div",{...e,dangerouslySetInnerHTML:{__html:a(5060)}});var o=a(2808),m=a(608),x=a(4743),d=a.n(x),h=a(7256),f=a.n(h);let{locales:u}=m,g=()=>{let{t:e,lang:t}=(0,o.Z)();return u.map(a=>{let l="border-2 border-gray-100 inline-block px-2 py-1 rounded-full mx-2 text-xs";return a===t?(0,c.jsx)("span",{className:"".concat(l," bg-blue-500 text-white"),children:e("common:language.".concat(a))},a):(0,c.jsx)(d(),{legacyBehavior:!0,href:"/",locale:a,children:(0,c.jsx)("a",{className:f()(l,"opacity-50 bg-white bg-opacity-50"),children:e("common:language.".concat(a))})},a)})};var j=a(499),p=a(2659),v=a(9430);let y=e=>{let{items:t=[],className:a,children:s}=e;return(0,c.jsxs)(j.v,{as:"div",className:f()("relative inline-block text-left",a),children:[(0,c.jsx)("div",{children:(0,c.jsxs)(j.v.Button,{className:"inline-flex items-center justify-center w-full pr-2 focus:outline-none",children:[s,(0,c.jsx)(v.v4q,{className:"w-5 h-5 ml-1","aria-hidden":"true"})]})}),(0,c.jsx)(p.u,{as:l.Fragment,enter:"transition ease-out duration-100",enterFrom:"transform opacity-0 scale-95",enterTo:"transform opacity-100 scale-100",leave:"transition ease-in duration-75",leaveFrom:"transform opacity-100 scale-100",leaveTo:"transform opacity-0 scale-95",children:(0,c.jsx)(j.v.Items,{className:"absolute right-0 w-56 mt-2 origin-top-right bg-white rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",children:(0,c.jsx)("div",{className:"py-1",children:t.map(e=>(0,c.jsx)(j.v.Item,{children:t=>{let{active:a}=t;return(0,c.jsx)(d(),{legacyBehavior:!0,href:e.href,children:(0,c.jsx)("a",{className:f()(a?"bg-gray-100 text-gray-900":"text-gray-700","block px-4 py-2 text-sm"),children:e.label})})}},e.label))})})})]})};a(6082);var b=a(5614);let N=()=>{let{t:e}=(0,o.Z)(),t=(0,b.useRouter)();return console.log(t.pathname,t.pathname.startsWith("/service")),(0,c.jsxs)("header",{className:"sticky text-gray-700 body-font",children:[(0,c.jsx)("div",{className:"container hidden mx-auto my-4 md:block",children:(0,c.jsx)(g,{})}),(0,c.jsxs)("div",{className:"container flex-wrap items-center justify-center hidden px-8 mx-auto my-8 md:flex md:justify-start",children:[(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/",children:(0,c.jsx)("a",{className:"flex items-center order-2 font-medium text-gray-700 md:mb-4 title-font md:mb-0 md:order-1",children:(0,c.jsx)(i,{className:"w-16 md:w-32"})})}),(0,c.jsxs)("nav",{className:"flex-wrap items-center justify-center order-3 hidden text-base md:flex md:ml-auto",children:[(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/about",children:(0,c.jsx)("a",{className:f()("p-2 sm:mr-5 hover:text-black",t.pathname.startsWith("/about")?"text-black":"text-black/50"),children:e("common:mainNavigation.about")})}),(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/products",children:(0,c.jsx)(y,{className:"text-black/50 hover:text-black",items:[{label:e("common:productNavigation.cables"),href:"/products/cables"},{label:e("common:productNavigation.solar"),href:"/products/solar"}],children:(0,c.jsx)("span",{children:e("common:mainNavigation.products")})})}),(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/logistics",children:(0,c.jsx)("a",{className:f()("p-2 sm:mr-5 hover:text-black",t.pathname.startsWith("/logistics")?"text-black":"text-black/50"),children:e("common:mainNavigation.logistics")})}),(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/contact",children:(0,c.jsx)("a",{className:f()("p-2 sm:mr-5 hover:text-black",t.pathname.startsWith("/contact")?"text-black":"text-black/50"),children:e("common:mainNavigation.contact")})})]})]})]})},w=()=>{let{t:e}=(0,o.Z)();return(0,c.jsxs)("footer",{className:"container pt-12 pb-24 mx-auto mt-8 text-gray-700 bg-gray-50 md:bg-transparent body-font",children:[(0,c.jsxs)("div",{className:"flex flex-wrap px-5 mx-auto md:items-center lg:items-start md:flex-no-wrap",children:[(0,c.jsxs)("div",{className:"flex-shrink-0 order-1 mx-auto text-center md:order-none md:mx-0 md:text-left",children:[(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/",children:(0,c.jsx)("a",{className:"hidden md:block",children:(0,c.jsx)(i,{className:"w-20 mx-auto md:mx-0"})})}),(0,c.jsxs)("p",{className:"mt-4 text-xs text-gray-500 md:text-sm",children:[e("common:company"),(0,c.jsx)("br",{}),e("common:address.street")," ",e("common:address.number"),(0,c.jsx)("br",{}),e("common:address.zip")," ",e("common:address.city")]})]}),(0,c.jsxs)("div",{className:"flex justify-center flex-grow w-full md:w-auto md:-mb-10 md:pl-20 md:mt-0",children:[(0,c.jsxs)("div",{className:"w-full px-4 lg:w-1/3 md:w-1/2",children:[(0,c.jsx)("h2",{className:"mb-3 text-xs font-medium tracking-widest text-gray-900 md:text-sm title-font",children:e("common:footer.firstSection.title")}),(0,c.jsxs)("nav",{className:"mb-10 text-xs list-none md:text-sm",children:[(0,c.jsx)("li",{children:(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/about",children:(0,c.jsx)("a",{className:"text-gray-600 hover:text-gray-800",children:e("common:footer.firstSection.about")})})}),(0,c.jsx)("li",{children:(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/products",children:(0,c.jsx)("a",{className:"text-gray-600 hover:text-gray-800",children:e("common:footer.firstSection.products")})})}),(0,c.jsx)("li",{children:(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/logistics",children:(0,c.jsx)("a",{className:"text-gray-600 hover:text-gray-800",children:e("common:footer.firstSection.logistics")})})}),(0,c.jsx)("li",{children:(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/contact",children:(0,c.jsx)("a",{className:"text-gray-600 hover:text-gray-800",children:e("common:footer.firstSection.contact")})})})]})]}),(0,c.jsxs)("div",{className:"w-full px-4 lg:w-1/3 md:w-1/2",children:[(0,c.jsx)("h2",{className:"mb-3 text-sm font-medium tracking-widest text-gray-900 title-font",children:e("common:footer.secondSection.title")}),(0,c.jsxs)("nav",{className:"mb-10 text-xs list-none md:text-sm",children:[(0,c.jsx)("li",{children:(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/products/cables",children:(0,c.jsx)("a",{className:"text-gray-600 hover:text-gray-800",children:e("common:footer.secondSection.cables")})})}),(0,c.jsx)("li",{children:(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/products/solar",children:(0,c.jsx)("a",{className:"text-gray-600 hover:text-gray-800",children:e("common:footer.secondSection.solar")})})})]})]})]}),(0,c.jsx)("div",{className:"flex-shrink-0 w-64 mx-auto md:mx-0",children:(0,c.jsxs)("div",{className:"mt-8 text-sm text-center md:mt-4 md:text-right",children:[(0,c.jsx)("a",{href:"mailto:info@klz-vertriebs-gmbh.com",children:"info@klz-vertriebs-gmbh.com"}),(0,c.jsx)("br",{}),"+49\xa0881\xa092537298"]})})]}),(0,c.jsx)("div",{className:"",children:(0,c.jsxs)("div",{className:"flex flex-col flex-wrap justify-between px-5 py-4 mx-auto sm:flex-row",children:[(0,c.jsxs)("p",{className:"text-sm text-center text-gray-500 sm:text-left",children:["\xa9 ",new Date().getFullYear()," ",e("common:company")]}),(0,c.jsxs)("p",{className:"text-sm text-center text-gray-500 sm:text-left",children:["Design, Code & Renders by"," ",(0,c.jsx)("a",{href:"https://mintel.me",target:"_blank",className:"underline",children:"Marc Mintel"})]}),(0,c.jsxs)("nav",{className:"flex justify-center list-none md:justify-start",children:[(0,c.jsx)("li",{className:"mx-1",children:(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/legal",children:(0,c.jsx)("a",{className:"text-sm text-gray-500",children:e("common:secondaryNavigation.legal_notice")})})}),(0,c.jsx)("li",{className:"mx-1",children:(0,c.jsx)("a",{href:"/download/agbs.pdf",className:"text-sm text-gray-500",children:e("common:secondaryNavigation.terms")})}),(0,c.jsx)("li",{className:"mx-1",children:(0,c.jsx)(n.Z,{legacyBehavior:!0,href:"/privacy",children:(0,c.jsx)("a",{className:"text-sm text-gray-500",children:e("common:secondaryNavigation.privacy")})})})]})]})})]})};var k=a(1924);let z=e=>{let{onAccept:t}=e,{t:a}=(0,o.Z)();return(0,c.jsxs)("div",{className:"flex justify-center items-center p-2",children:[(0,c.jsx)("p",{className:"mr-4",children:a("common:cookieText")}),(0,c.jsx)(k.Z,{onClick:t,children:a("common:cookieAccept")})]})};var Z=a(3842),B=a(5526),M=a(4139),S=a.n(M),_=a(8810),C=a(4638);let E=()=>{let[e,t]=(0,l.useState)(!1),a=(0,b.useRouter)(),{t:s}=(0,o.Z)();return(0,c.jsxs)("div",{className:"relative",children:[(0,c.jsxs)("div",{className:"flex items-center justify-between px-4 py-4 text-xs border-t shadow-2xl shadow-black/50 bg-white/90 backdrop-blur-sm",children:[(0,c.jsx)(d(),{legacyBehavior:!0,href:"/",children:(0,c.jsx)("a",{className:"flex items-center font-medium text-gray-700 title-font md:mb-0 ",children:(0,c.jsx)(i,{className:"w-12"})})}),e?(0,c.jsx)(S(),{path:_.r5M,size:1,onClick:()=>t(!1),className:"text-gray-500"}):(0,c.jsx)(S(),{path:_.$Qi,size:1,onClick:()=>t(!0),className:"text-gray-500"})]}),(0,c.jsx)(C.M,{children:e&&(0,c.jsxs)(B.E.div,{className:"absolute left-0 flex flex-col w-full -mb-1 border-t divide-y shadow-2xl bottom-full shadow-black/50 bg-white/90 backdrop-blur-sm",initial:"hidden",animate:"visible",exit:"hidden",variants:{hidden:{y:"100%"},visible:{y:0}},style:{zIndex:-1},children:[(0,c.jsx)(d(),{legacyBehavior:!0,href:"/about",children:(0,c.jsx)("a",{className:f()("flex-1 text-left px-4 py-4 sm:mr-5 hover:text-black","/about"===a.pathname&&"text-black"),children:s("common:mainNavigation.about")})}),(0,c.jsx)(d(),{legacyBehavior:!0,href:"/products",children:(0,c.jsx)("a",{className:f()("flex-1 text-left px-4 py-4 text-black/50 sm:mr-5 hover:text-black","/products"===a.pathname&&"text-black"),children:s("common:mainNavigation.products")})}),(0,c.jsx)(d(),{legacyBehavior:!0,href:"/logistics",children:(0,c.jsx)("a",{className:f()("flex-1 text-left px-4 py-4 text-black/50 sm:mr-5 hover:text-black","/logistics"===a.pathname&&"text-black"),children:s("common:mainNavigation.logistics")})}),(0,c.jsx)(d(),{legacyBehavior:!0,href:"/contact",children:(0,c.jsx)("a",{className:f()("flex-1 text-left px-4 py-4 text-black/50 sm:mr-5 hover:text-black","/contact"===a.pathname&&"text-black"),children:s("common:mainNavigation.contact")})}),(0,c.jsx)("div",{className:"flex justify-end py-4",children:(0,c.jsx)(g,{})})]})})]})},F=e=>{let{background:t,video:a,children:s}=e,{t:n,lang:i}=(0,o.Z)(),[m,x]=(0,l.useState)(!1),d=(0,b.useRouter)();(0,l.useEffect)(()=>{x((0,Z.B_)())},[]);let h=()=>{x(!0),(0,Z.vg)(!0)};return(0,c.jsxs)(c.Fragment,{children:[!m&&(0,c.jsx)(z,{onAccept:h}),(0,c.jsxs)("div",{className:"flex flex-col h-full min-h-full",children:[!!(a||t)&&(0,c.jsxs)(B.E.main,{className:"flex-auto",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:1.5,delay:.5},children:[a&&(0,c.jsxs)("div",{className:"absolute w-full opacity-75",style:{zIndex:"-1"},children:[(0,c.jsx)("div",{className:"absolute top-0 bottom-0 left-0 right-0 bg-gradient-to-t from-white to-transparent"}),(0,c.jsx)("video",{autoPlay:!0,muted:!0,loop:!0,className:"w-full",children:"string"==typeof a?(0,c.jsx)("source",{src:a,type:"video/mp4"}):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("source",{src:a.mp4,type:"video/mp4"}),(0,c.jsx)("source",{src:a.webm,type:"video/webm"})]})})]}),t&&(0,c.jsx)("img",{className:"absolute object-cover w-full opacity-25 pointer-events-none",style:{zIndex:"-1"},src:t})]},d.asPath),(0,c.jsxs)(r(),{children:[(0,c.jsx)("meta",{name:"description",content:n("common:meta.description")}),(0,c.jsx)("meta",{name:"og:title",content:n("common:meta.og.title")}),(0,c.jsx)("meta",{name:"og:description",content:n("common:meta.og.description")}),(0,c.jsx)("meta",{name:"og:locale",content:i}),(0,c.jsx)("meta",{name:"og:type",content:"website"}),(0,c.jsx)("meta",{name:"og:image",content:"".concat("https://klz-germany.com","/og-image.png")}),(0,c.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,c.jsx)(N,{}),(0,c.jsx)("div",{className:"fixed bottom-0 left-0 z-10 w-full md:hidden",children:(0,c.jsx)(E,{})}),(0,c.jsx)(B.E.main,{className:"flex-auto",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:1.5},children:s},d.asPath+i),(0,c.jsx)("hr",{className:"hidden w-1/6 mx-auto bg-green-600 border-2 border-green-600 rounded-full md:block md:my-24"}),(0,c.jsx)(w,{})]})]})};var I=F},9926:function(e,t,a){"use strict";var c=a(2779),l=a(2808),s=a(4743),r=a.n(s);function n(e,t){return"de"===t?e:e&&e.length>0?"/"===e.charAt(0)?"/".concat(t).concat(e):"/".concat(t,"/").concat(e):e}let i=e=>{let{children:t,href:a,as:s,...i}=e,{lang:o}=(0,l.Z)();return(0,c.jsx)(r(),{href:n(a,o),as:n(s,o),...i,children:t})};t.Z=i}}]);