https://us.rothenberger.com/component---shared-templates-product-group-template-js-15cd52ddf8175c00e502.js

1(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1507],{32197:function(e){e.exports={switchedObjectNameOrLabel:e=>e.name,deconstructOrbitVuEmbedCode:e=>{const t=e.match(/<script[^>]*?src="([^"]+)"[^>]*><\/script>\s*([\s\S]*)/);if(t){const e=t[1];let a=null;const l=e.match(/share\/([^/]+)/),n=l?l[1]:null;return n&&(a=`<div class="orbitvu-viewer"><div id="ovContent-${n}" width="100%" height="100% style="background: url(//cdn.orbitvu.co/share/${n}/still/view?height=300&max_width=350) no-repeat center center transparent;"></div></div>`),{scriptSrc:e,markup:a}}return{scriptSrc:null,markup:e}},buildOrbitVuEmbedCodeFromUrl:e=>{const t=e.match(/share\/([a-zA-Z0-9]+)\/(\d+)\//);if(t){const e=t[1];return{scriptSrc:`//orbitvu.co/share/${e}/${t[2]}/360/script?width=auto&height=auto&content2=yes&partial_load=yes`,markup:`<div class="orbitvu-viewer" style="width:100%;height:100%;"><div id="ovContent-${e}" style="background:transparent url("//cdn.orbitvu.co/share/${e}/still/view?height=300&amp;max_width=350") no-repeat center;width:100%;height:100%;"></div>`}}return{scriptSrc:null,markup:null}}}},33430:function(e,t,a){"use strict";var l=a(29484),n=a(72592),i=a(90864),r=(a(69707),a(14041));t.A=e=>{let{className:t="",buttons:a=[]}=e;return r.createElement(r.Fragment,null,a.length>0&&r.createElement("div",{className:`${t} flex flex-row flex-wrap -mb-4`},a.map(((e,t)=>r.createElement(i.A,{className:"mb-4 flex justify-between w-full md:w-auto "+(t+1<a.length?"md:mr-4":""),btnType:t>0?"outlineRed":"primary",link:e.link,target:e.target,key:t,externalIcon:e.external_icon,icon:e.icon,onClick:e.onClick},e.link_text,r.createElement(l.g,{icon:n.dmS,size:"1x",className:"self-center inline-block ml-2"}))))))}},34108:function(e,t,a){"use strict";var l=a(14041),n=a(93285),i=a(49782),r=a(36881);const o=e=>{var t;let{content:a,full_slug:o,title:s,description:c,og_title:d,og_description:m,og_type:u,og_url:p,og_image:h,og_image_width:g,og_image_height:b,article_published_time:f,article_modified_time:v,og_locale:w,twitter_title:_,twitter_description:k,twitter_image:x,name:y,no_description_fallback:E=!1,language:N=null,noindex:A}=e;const{site:$}=(0,i.useStaticQuery)("2963601889"),O=(0,l.useContext)(r.D);let S=$.siteMetadata.title,P=$.siteMetadata.description,C=$.siteMetadata.siteUrlMultiLang;if("true"==={}.GATSBY_IS_CORPORATE_WEBSITE&&O&&O.countryLang){let e=O.countryLang;S=JSON.parse($.siteMetadata.title)[e],P=JSON.parse($.siteMetadata.description)[e],C=JSON.parse($.siteMetadata.siteUrlMultiLang)[e]}else(null===(t="en,es")?void 0:t.split(",").length)>1&&N&&(S=JSON.parse($.siteMetadata.title)[N],P=JSON.parse($.siteMetadata.description)[N],C=JSON.parse($.siteMetadata.siteUrlMultiLang)[N]);const L=e=>e.find((e=>void 0!==e&&""!==e)),M=a&&Object.keys(a).length>0?a:{metadata:{}},j=M.metadata?M.metadata:{},D=S,I=$.siteMetadata.twitter_creator,B={width:"1200",height:"630"},T={width:"1024",height:"512"},H=(e,t)=>{if(/^(?=.*\bstoryblok\b).*$/.test(e)){const a="https://img2.storyblok.com",l=null==e?void 0:e.replace("https://a.storyblok.com/","").replace(/https:\/\/img2\.storyblok\.com\/.*\/smart\//g,"");return`${a}/${`${t.width}x${t.height}`}/${l}`}return/^(?=.*\bcontentserv\b).*$/.test(e)||/^(?=.*\bshopify\b).*$/.test(e)?`https://res.cloudinary.com/rothenberger-www/image/fetch/c_pad,b_rgb:ffffff,h_${t.height},w_${t.width}/f_auto/${encodeURIComponent(e)}`:e};let J=[];return J.push({name:"title",content:`${L([j.title,s,M.headline,M.title,j.og_title,d,y])}${$.siteMetadata.titleSeparator}${S}`}),J.push({name:"description",content:!1===E?L([j.description,c,M.subheadline,M.teaser,j.og_decription,m,P]):""}),J.push({property:"msapplication-TileColor",content:$.siteMetadata.color}),J.push({property:"og:site_name",content:D}),J.push({property:"og:title",content:L([j.og_title,d,j.title,M.headline,M.title,s])}),J.push({property:"og:description",content:!1===E?L([j.og_description,m,j.description,c,M.subheadline,M.teaser,P]):""}),J.push({property:"og:type",content:u||"website"}),J.push({property:"og:url",content:L([p,o])}),J.push({property:"og:image",content:H(L([h,j.og_image,M.hero_image]),B)}),J.push({property:"og:image:width",content:g}),J.push({property:"og:image:height",content:b}),J.push({property:"article:published_time",content:f}),J.push({property:"article:modified_time",content:v}),J.push({property:"og:locale",content:L([w,M.locale])}),J.push({name:"twitter:card",content:"summary_large_image"}),J.push({name:"twitter:title",content:L([j.twitter_title,j.og_title,_,d,j.title,M.headline,M.title,s])}),J.push({name:"twitter:description",content:!1===E?L([j.twitter_description,j.og_description,k,m,j.description,c,M.subheadline,M.teaser,P]):""}),J.push({name:"twitter:site",content:I}),J.push({name:"twitter:creator",content:I}),J.push({name:"twitter:image",content:H(L([x,j.twitter_image,j.og_image,h,M.hero_image]),T)}),J.push({name:"viewport",content:"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"}),!0===A&&J.push({name:"robots",content:"noindex,nofollow"}),J=J.filter((e=>e.content&&void 0!==e.content)),l.createElement(n.A,{title:`${L([j.title,s,M.title,y])} ${a&&"start_page"===a.component?"":`${$.siteMetadata.titleSeparator}${S}`}`,meta:J.concat()})};o.defaultProps={og_image_width:"1200",og_image_height:"630",og_locale:"de"},t.A=o},45794:function(e,t,a){"use strict";var l=a(14041),n=a(49782),i=a(29484),r=a(72592);t.A=e=>{let{breadcrumbs:t}=e;const{0:a,1:o}=(0,l.useState)(!1);return l.createElement("section",{className:""},l.createElement("div",{className:"flex items-center h-12 block-w-container md:h-16"},l.createElement("div",{className:"flex flex-row items-center w-full"},null==t?void 0:t.map(((e,s)=>l.createElement("span",{key:s,className:"flex "+(s===t.length-1?"min-w-0":"")},s>0&&l.createElement("span",{className:"w-6 h-6 mt-px -mb-px justify-center items-center "+(s>1&&s<t.length-1?"hidden md:flex":"flex")},l.createElement(i.g,{className:"h-[0.6875rem] w-auto",icon:r.XkK,size:"1x"})),1===s&&t.length>2&&l.createElement("span",{className:"relative md:hidden"},l.createElement("button",{className:"focus-visible:outline-1 focus-visible:outline-offset-0 hover:text-ro-red-700 underline-offset-4 hover:underline text-ro-red whitespace-nowrap",onClick:()=>o(!a)},". . ."),l.createElement("div",{className:"absolute z-10 mt-2 left-1 top-full "+(a?"block":"hidden")},l.createElement("div",{className:"relative flex flex-col ro-search-box-sha

1dow bg-ro-gray-50 text-ro-gray-600"},null==t?void 0:t.map(((e,a)=>a>0&&a<t.length-1&&l.createElement(n.Link,{key:a,to:e.link,className:"block px-4 py-3 w-max min-w-40 hover:bg-ro-gray-75"},e.link_text))),l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 6",fill:"currentColor",className:"absolute w-3 bottom-full left-1 text-ro-gray-50"},l.createElement("title",null,"Down"),l.createElement("path",{d:"M0 6 L12 6 L6 0"}))))),l.createElement(n.Link,{className:`focus-visible:outline-1 focus-visible:outline-offset-0 hover:text-ro-red-700 underline-offset-4 hover:underline text-ro-red whitespace-nowrap ${s>0&&s<t.length-1?"hidden md:block":"block"} ${s===t.length-1?"overflow-hidden overflow-ellipsis":""}`,key:s,to:e.link},e.link_text)))))))}},47350:function(e,t,a){"use strict";var l=a(14041),n=a(97084),i=a(59093),r=a(42984);t.A=e=>{let{kicker:t,headline:a,headlineLevel:o="h2",subheadline:s,className:c,kickerClass:d="",headlineClass:m="",subheadlineClass:u="",tagName:p,...h}=e,g=!!(t&&t.length>0),b=!!(a&&a.length>0),f=!!(s&&s.length>0);return l.createElement(l.Fragment,null,(g||b||f)&&l.createElement("div",{className:c},g&&l.createElement(i.A,{className:`kicker kicker-${o} ${b||f?"mb-2":""} ${d}`,tagName:"span"},t),b&&l.createElement(n.A,{className:""+(f?"mb-2":"")},l.createElement(r.A,{headline:a,headlineLevel:o,tagName:p,className:"relative inline-block "+m})),f&&l.createElement(i.A,{className:`subheadline subheadline-${o}  ${u}`,tagName:"span"},s)))}},52377:function(e,t,a){"use strict";var l=a(14041),n=a(99797),i=a(47350),r=a(33430);t.A=e=>{var t;let{className:a,block:o,children:s,blockWidth:c="container",blockDirection:d="vertical",blockPadding:m="py-block",showHeadline:u="false",centerHeadline:p="false",showButtons:h="false",showSeparator:g="true"}=e;c=o.block_width?o.block_width:c,d=o.block_type?o.block_type:d;const b=o.component?o.component.replace(/_/g,"-"):"unknown-block";"bg-gray-50"===(null==o?void 0:o.block_bg)&&(o.block_bg="bg-ro-gray-50");let f=!0;return("false"===g||o.hide_divider&&!0===o.hide_divider)&&(f=!1),l.createElement(n.A,{content:o},l.createElement("section",{className:`${a||""} ${b} ${o.block_bg?o.block_bg:""}`,id:o._uid},l.createElement("div",{className:`${m} block-w-${c}`},l.createElement("div",{className:"flex flex-row flex-wrap "+("screen"!==c?"-mx-grid":"")},l.createElement("div",{className:`w-full ${"horizontal"===d?"lg:w-1/3":""} px-grid`},"false"!==u&&l.createElement(i.A,{kicker:o.kicker,headline:o.headline,headlineLevel:o.headline_level,subheadline:o.subheadline,className:"true"===p?"text-center":""}),"false"!==h&&l.createElement(r.A,{className:"mt-8",buttons:o.buttons})),l.createElement("div",{className:`w-full ${"horizontal"===d?"lg:w-2/3":""} ${"screen"!==c?"px-grid":""}`},s))),f&&l.createElement("div",{className:`block-w-${c}`},l.createElement("hr",{className:(null===(t=o.block_bg)||void 0===t?void 0:t.length)>0?"border-ro-gray-200":"border-ro-gray-100"}))))}},57916:function(e,t,a){"use strict";var l=a(14041);t.A=e=>{let{headline:t,headlineLevel:a="03",tagName:n="h2",className:i,...r}=e;const o=n;return l.createElement(o,Object.assign({className:`headline fluid-headline-${a} relative inline-block ${i||""}`},r,{dangerouslySetInnerHTML:{__html:t.replace("|","<br />")}}))}},59093:function(e,t,a){"use strict";var l=a(14041);t.A=e=>{let{children:t,tagName:a="div",className:n,...i}=e;const r=a;return l.createElement(r,Object.assign({className:n},i),t)}},63423:function(e,t,a){"use strict";a.r(t);var l=a(14041),n=a(64341),i=a(30921),r=a(34108),o=a(32197),s=a(66747),c=a(55926),d=a(94133),m=a(14002);t.default=e=>{let{data:t}=e;const a=t.entry,u=t.productGroups.nodes,p=t.line,h=t.area,g=t.products.nodes;let b=[{link:a.rootPage.fullSlug,link_text:a.rootPage.name},{link:h.fullSlug,link_text:h.name},{link:p.fullSlug,link_text:p.name}];return l.createElement(n.A,{language:a.language},l.createElement(r.A,{title:`${a.name} | Products,Productos`,description:`${a.name} | ${p.name} | ${h.name}`,language:a.language}),l.createElement(d.A,{block:{headline:null==a?void 0:a.name},breadcrumbs:b}),l.createElement("section",{className:"py-block"},l.createElement("div",{className:" block-w-container"},l.createElement("div",{className:"flex flex-row flex-wrap -mx-grid"},l.createElement("div",{className:"w-full mb-8 md:w-1/3 lg:w-1/4 px-grid"},l.createElement("div",{className:"py-4 border border-ro-gray-100"},u.map((e=>l.createElement("div",{className:"block",key:e.fullSlug},l.createElement(i.A,{className:"inline-block py-2 text-sm px-grid hover:text-ro-red"+(e.ID===a.ID?" font-bold text-ro-red":""),link:e.fullSlug},e.name)))))),l.createElement("div",{className:"w-full md:w-2/3 lg:w-3/4 px-grid"},l.createElement("div",{className:"flex flex-row flex-wrap -mx-grid"},g.map((e=>{var t,a,n,i,r,d;return l.createElement("div",{className:"flex w-full mb-8 px-grid md:w-1/2 lg:w-1/3",key:e.fullSlug},l.createElement(s.A,{image:null!==(t=e.mainImage)&&void 0!==t&&t.value?null===(a=e.mainImage)||void 0===a?void 0:a.value:{filename:"https://a.storyblok.com/f/125728/1000x1000/3a6a3d59a7

1/ro_placeholder_v3.png"},hover_image:null!==(n=e.applicationImages)&&void 0!==n&&n.items?null===(i=e.applicationImages)||void 0===i?void 0:i.items[0].value:null,title:(0,o.switchedObjectNameOrLabel)(e),text:e.hierarchy.group.name,link:e.fullSlug,objectID:e.ID,productHasBonusVariants:e.hasBonusVariants,batteryPlatformBadge:l.createElement(c.A,{isCASProduct:null===(r=e.isCASProduct)||void 0===r?void 0:r.value,isAMPShareProduct:null===(d=e.isAMPShareProduct)||void 0===d?void 0:d.value}),bonusPointsBadge:l.createElement(m.A,{hasBonusVariants:e.hasBonusVariants,className:"absolute z-10 origin-top-right transform scale-[.525] top-2 right-2"})}))}))))))))}},69707:function(e,t,a){"use strict";var l=a(14041);t.A=e=>{let{children:t,tagName:a="div",className:n,...i}=e;const r=a;return l.createElement(r,Object.assign({className:n},i),t)}},94133:function(e,t,a){"use strict";var l=a(14041),n=a(52377),i=a(60670),r=a(4101),o=a(90864),s=a(57916),c=a(45794);const d=e=>{var t,a;let{block:n}=e;const r=n.media_height||"xl",o={sm:"md:h-[320px]",md:"md:h-[480px]",lg:"md:h-[560px]",xl:"md:h-[640px]"};var s;return null!==(t=n.video)&&void 0!==t&&t.filename?l.createElement("video",{className:`object-cover object-center w-full h-[240px] ${o[r]}`,autoPlay:!0,muted:!0,loop:!0,src:null===(s=n.video)||void 0===s?void 0:s.filename}):null!==(a=n.image)&&void 0!==a&&a.filename?l.createElement(l.Fragment,null,l.createElement(i.A,{image:n.image,title:n.title,alt:n.alt,className:`hidden object-cover object-center w-full md:block ${o[r]}`,adaptToPixelRatio:!0}),l.createElement(i.A,{image:n.image,title:n.title,alt:n.alt,className:"block object-cover w-full h-[240px] md:hidden",adaptToPixelRatio:!0})):l.createElement(l.Fragment,null)};t.A=e=>{var t,a,i;let{block:m,breadcrumbs:u}=e;return l.createElement(l.Fragment,null,l.createElement(n.A,{block:m,blockPadding:"",blockWidth:"screen",showHeadline:"false",showSeparator:"false"},l.createElement("div",{className:"w-full overflow-y-hidden"},l.createElement(d,{block:m})),l.createElement("div",{className:"bg-ro-red text-ro-white"},l.createElement("div",{className:"py-10 mx-auto block-w-container md:py-14"},l.createElement("div",{className:"flex flex-row flex-wrap -mx-grid"},l.createElement("div",{className:"w-full lg:w-1/2 px-grid"},l.createElement(s.A,{headline:m.headline,tagName:"h1",headlineLevel:"04"})),((null===(t=m.text)||void 0===t?void 0:t.length)>0||(null===(a=m.buttons)||void 0===a?void 0:a.length)>0)&&l.createElement("div",{className:"w-full mt-4 lg:w-1/2 px-grid lg:mt-0"},l.createElement(r.A,{text:m.text,className:"mb-6 lg:mb-10 text-ro-white last:mb-0 lg:last:mb-0"}),(null===(i=m.buttons)||void 0===i?void 0:i.length)>0&&l.createElement("div",{className:"-mb-4 "},m.buttons.map(((e,t)=>l.createElement(o.A,{key:t,className:"headerbutton-ga4 flex w-full md:inline-block md:w-fit mb-4 "+(t+1<m.buttons.length?"mr-4":""),btnType:0===t?"primaryWhite":"outlineWhite",link:e.link,target:e.target},e.link_text)))))))),(null==u?void 0:u.length)>0&&l.createElement(c.A,{breadcrumbs:u})))}},97084:function(e,t,a){"use strict";var l=a(14041);t.A=e=>{let{children:t,tagName:a="div",className:n,...i}=e;const r=a;return l.createElement(r,Object.assign({className:n},i),t)}},99797:function(e,t,a){"use strict";var l=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),n=r(a(14041)),i=r(a(43144));function r(e){return e&&e.__esModule?e:{default:e}}var o=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}

1(t,e),l(t,[{key:"componentDidMount",value:function(){this.addPropsOnChildren()}},{key:"componentDidUpdate",value:function(){this.addPropsOnChildren()}},{key:"addPropsOnChildren",value:function(){if(void 0!==this.props.content._editable&&window.location!==window.parent.location){var e=i.default.findDOMNode(this),t=JSON.parse(this.props.content._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));e instanceof Object&&"function"==typeof e.setAttribute?(e.setAttribute("data-blok-c",JSON.stringify(t)),e.setAttribute("data-blok-uid",t.id+"-"+t.uid),this.addClass(e,"storyblok__outline")):console.warn("It seems that you are using a DOM text-node inside the SbEditable wrapper. Please wrap it with an HTML DOM element.",this.props.children)}}},{key:"addClass",value:function(e,t){e.classList?e.classList.add(t):new RegExp("\\b"+t+"\\b").test(e.className)||(e.className+=" "+t)}},{key:"render",value:function(){return this.props.children}}]),t}(n.default.PureComponent);t.A=o}}]);