{"version":3,"file":"static/js/6691.a16f0b14.chunk.js","mappings":"4RAsCA,GApCeA,E,SAAAA,IAAW,SAAAC,GAAK,cAAK,CACnCC,MAAI,eACFD,EAAME,YAAYC,GAAG,MAAQ,CAC7BC,WAAY,SACZC,QAAS,OACTC,QAASN,EAAMO,QAAQ,GACvBC,oBAAqB,UACrBC,aAAcT,EAAMO,QAAQ,MAN1B,SAQFP,EAAME,YAAYC,GAAG,MAAQ,CAC7BM,aAAcT,EAAMO,QAAQ,MAT1B,GAYJG,UAAQ,GACPC,WAAY,aACZC,SAAU,GACVC,cAAe,SACfC,WAAY,IACZL,aAAcT,EAAMO,QAAQ,KALrB,SAMNP,EAAME,YAAYC,GAAG,MAAQ,CAC7BM,aAAcT,EAAMO,QAAQ,MAPtB,SASNP,EAAME,YAAYC,GAAG,MAAQ,CAC7BS,SAAU,GACVC,cAAe,SACfC,WAAY,IAZN,GAeRC,SAAQ,UACNf,EAAME,YAAYC,GAAG,MAAQ,CAC7Ba,WAAY,OACZC,SAAU,U,WCpBPC,GAAaC,EAAAA,EAAAA,UAAS,kBAAM,mCAC5BC,GAAaD,EAAAA,EAAAA,UAAS,kBAAM,2CA6ClC,EA3Ca,WACZ,OAAmBE,EAAAA,EAAAA,YAAWC,EAAAA,SAE9B,GAFA,eAEQC,KAAAA,OAAR,MAAe,KAAf,EACMC,GAAUC,EAAAA,EAAAA,WACVC,GAAWC,EAAAA,EAAAA,IAAc,SAAA3B,GAAK,OAAIA,EAAME,YAAYC,GAAG,SACvDyB,EAAMC,IACNC,GAAIC,EAAAA,EAAAA,SAAU,CACnBR,KAAMA,EACNS,IAAK,CACJC,GAAIC,EACJC,GAAIC,KAIN,OACC,iBAAKC,WAAWC,EAAAA,EAAAA,SAAKV,EAAI3B,KAAM,kCAA/B,WACC,gBAAKoC,WAAWC,EAAAA,EAAAA,SAAKV,EAAIW,QAAS,2CAAlC,UACC,SAACnB,EAAD,CACCiB,WAAWC,EAAAA,EAAAA,SAAKV,EAAIlB,SAAU,oDAD/B,UAGC,SAAC8B,EAAA,QAAD,CAAOC,WAAW,eAAeX,EAAGA,SAGtC,gBAAKO,WAAWC,EAAAA,EAAAA,SAAKV,EAAIb,QAAS,2CAAlC,UACC,SAACG,EAAD,CACCwB,OACChB,GACC,SAACc,EAAA,QAAD,CAAOC,WAAW,8BAA8BX,EAAGA,KAEnD,SAACU,EAAA,QAAD,CAAOC,WAAW,+BAA+BX,EAAGA,IAGtDa,UAAU,QACVC,YAAad,EAAE,gCACfe,OAAO,SAACL,EAAA,QAAD,CAAOC,WAAW,yBAAyBX,EAAGA,IACrDgB,IAlCuBC,GAkCDvB,EAAQ","sources":["components/views/Footer/Row1/Row1.styles.js","components/views/Footer/Row1/index.jsx"],"sourcesContent":["import makeStyles from \"@material-ui/styles/makeStyles\";\r\n\r\nconst styles = makeStyles(theme => ({\r\n\trow1: {\r\n\t\t[theme.breakpoints.up(\"md\")]: {\r\n\t\t\talignItems: \"center\",\r\n\t\t\tdisplay: \"grid\",\r\n\t\t\tgridGap: theme.spacing(3),\r\n\t\t\tgridTemplateColumns: \"1fr 2fr\",\r\n\t\t\tmarginBottom: theme.spacing(8)\r\n\t\t},\r\n\t\t[theme.breakpoints.up(\"lg\")]: {\r\n\t\t\tmarginBottom: theme.spacing(11)\r\n\t\t}\r\n\t},\r\n\theadline: {\r\n\t\tfontFamily: \"'Junicode'\",\r\n\t\tfontSize: 34,\r\n\t\tletterSpacing: \"-0.2px\",\r\n\t\tlineHeight: 1.1,\r\n\t\tmarginBottom: theme.spacing(6),\r\n\t\t[theme.breakpoints.up(\"md\")]: {\r\n\t\t\tmarginBottom: theme.spacing(0)\r\n\t\t},\r\n\t\t[theme.breakpoints.up(\"lg\")]: {\r\n\t\t\tfontSize: 58,\r\n\t\t\tletterSpacing: \"-0.4px\",\r\n\t\t\tlineHeight: 1\r\n\t\t}\r\n\t},\r\n\tcolumn2: {\r\n\t\t[theme.breakpoints.up(\"md\")]: {\r\n\t\t\tmarginLeft: \"auto\",\r\n\t\t\tmaxWidth: 520\r\n\t\t}\r\n\t}\r\n}));\r\n\r\nexport default styles;\r\n","import React, { useContext } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport loadable from \"@loadable/component\";\r\nimport PageContext from \"@PageContext\";\r\nimport useSystemLinks from \"@micado-digital/react-ui/hooks/useSystemLinks\";\r\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\r\nimport useLocals from \"@micado-digital/react-ui/hooks/useLocals\";\r\nimport Local from \"@Local\";\r\nimport localDE from \"@localDE\";\r\nimport localEN from \"@localEN\";\r\n\r\nimport styles from \"./Row1.styles\";\r\n\r\nconst Newsletter = loadable(() => import(\"./Newsletter\"));\r\nconst Typography = loadable(() => import(\"@material-ui/core/Typography\"));\r\n\r\nconst Row1 = () => {\r\n\tconst [pageData] = useContext(PageContext);\r\n\tconst { REACT_APP_PATH } = process.env;\r\n\tconst { lang = \"de\" } = pageData;\r\n\tconst sysLink = useSystemLinks();\r\n\tconst screenSM = useMediaQuery(theme => theme.breakpoints.up(\"sm\"));\r\n\tconst css = styles();\r\n\tconst l = useLocals({\r\n\t\tlang: lang,\r\n\t\tres: {\r\n\t\t\tde: localDE,\r\n\t\t\ten: localEN\r\n\t\t}\r\n\t});\r\n\r\n\treturn (\r\n\t\t<div className={clsx(css.row1, \"mco-view-component-footer-row1\")}>\r\n\t\t\t<div className={clsx(css.column1, \"mco-view-component-footer-row1__column1\")}>\r\n\t\t\t\t<Typography\r\n\t\t\t\t\tclassName={clsx(css.headline, \"mco-view-component-footer-row1__column1-headline\")}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Local identifier=\"footer.title\" l={l} />\r\n\t\t\t\t</Typography>\r\n\t\t\t</div>\r\n\t\t\t<div className={clsx(css.column2, \"mco-view-component-footer-row1__column2\")}>\r\n\t\t\t\t<Newsletter\r\n\t\t\t\t\tbutton={\r\n\t\t\t\t\t\tscreenSM ? (\r\n\t\t\t\t\t\t\t<Local identifier=\"footer.newsletterButtonLong\" l={l} />\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<Local identifier=\"footer.newsletterButtonShort\" l={l} />\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t\tfieldName=\"email\"\r\n\t\t\t\t\tplaceholder={l(\"footer.newsletterPlaceholder\")}\r\n\t\t\t\t\ttitle={<Local identifier=\"footer.newsletterTitle\" l={l} />}\r\n\t\t\t\t\turl={REACT_APP_PATH + sysLink(\"newsletter\")}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Row1;\r\n"],"names":["makeStyles","theme","row1","breakpoints","up","alignItems","display","gridGap","spacing","gridTemplateColumns","marginBottom","headline","fontFamily","fontSize","letterSpacing","lineHeight","column2","marginLeft","maxWidth","Newsletter","loadable","Typography","useContext","PageContext","lang","sysLink","useSystemLinks","screenSM","useMediaQuery","css","styles","l","useLocals","res","de","localDE","en","localEN","className","clsx","column1","Local","identifier","button","fieldName","placeholder","title","url","process"],"sourceRoot":""}