{"version":3,"sources":["webpack:///./src/components/global/Feature/styled.js","webpack:///./src/components/global/Feature/index.js","webpack:///./src/pages/company.de.js","webpack:///./src/components/Pages/Company/styled.js","webpack:///./src/components/Pages/Company/index.js"],"names":["Container","styled","div","FeaturesContainer","hasBoxShadow","css","Icon","img","Feature","data","marginBottom","title","bold","center","margin","marginbottomonsmall","description","gutter","feature","map","key","id","xs","sm","md","length","icon","src","publicURL","alt","sidenote","defaultProps","CompanyComponent","rest","translatedData","useTranslated","pageContext","path","location","pathname","lng","langKey","showOurCustomers","hasContainer","metatags","strapiCompany","href","SectionContainer","button","colors","blue","a","Company","sections","section","index","Section","alignment","firstSectionHeading1"],"mappings":"6IAEaA,EAAYC,IAAOC,IAAV,oEAAGD,CAAH,qIAcTE,EAAoBF,IAAOC,IAAV,4EAAGD,CAAH,mDAExB,qBAAGG,aAEKC,YADM,gEAKNA,YALM,oGAsBPC,EAAOL,IAAOM,IAAV,+DAAGN,CAAH,uC,YClCXO,EAAU,SAAC,GAA4B,IAA1BC,EAAyB,EAAzBA,KAAML,EAAmB,EAAnBA,aACrB,OACI,kBAACJ,EAAD,KACI,kBAACG,EAAD,CAAmBC,aAAcA,GAC7B,kBAAC,IAAD,CAAUM,aAAcN,EAAe,OAAS,QAASK,EAAKE,OAC9D,kBAAC,IAAD,CAAWC,MAAI,EAACC,QAAM,EAACC,OAAO,YAAYC,oBAAoB,QACzDN,EAAKO,aAEV,kBAAC,MAAD,CAAKC,OAAQ,IACRR,EAAKS,QAAQC,KAAI,SAAAD,GAAO,OACrB,kBAAC,MAAD,CACIE,IAAKF,EAAQG,GACbC,GAAI,GACJC,GAAI,EACJC,GAAI,GAAKf,EAAKS,QAAQO,QAAW,EAAI,EAAI,GAExCP,EAAQQ,KACL,kBAACpB,EAAD,CAAMqB,IAAKT,EAAQQ,KAAKE,UAAWC,IAAI,iBACvC,KACJ,kBAAC,IAAD,CAAWjB,MAAI,EAACC,QAAM,EAACE,oBAAoB,QACtCG,EAAQF,mBAM5BP,EAAKqB,SAAW,kBAAC,IAAD,CAAWjB,QAAM,GAAEJ,EAAKqB,UAAwB,OAK7EtB,EAAQuB,aAAe,CACnB3B,cAAc,GAoBHI,O,kHCzBAwB,UAvBU,SAAC,GAAuB,IAArBvB,EAAoB,EAApBA,KAASwB,EAAW,wBACpCC,EAAmBC,YAAc1B,EAAMwB,EAAKG,aAA5CF,eAER,OACI,kBAAC,IAAD,CACIG,KAAMJ,EAAKK,SAASC,SACpBC,IAAKP,EAAKG,YAAYK,QACtBC,kBAAkB,EAClBC,cAAc,EACdC,SAAUV,EAAeW,cAAcD,SACvCE,KAAK,aAEL,kBAAC,IAAD,CAASrC,KAAMyB,EAAeW,cAAeL,IAAKP,EAAKG,YAAYK,a,2GCyBlEM,GA7CS9C,IAAO+C,OAAV,qEAAG/C,CAAH,kEAOeA,IAAOC,IAAV,iFAAGD,CAAH,+EAQEA,IAAOC,IAAV,gFAAGD,CAAH,sOAObgD,IAAOC,KAWPD,IAAOC,MAYQjD,IAAOC,IAAV,+EAAGD,CAAH,4H,GAYNA,IAAOkD,EAAV,sEAAGlD,CAAH,kE,WCoBLmD,IArEC,SAAC,GAAmB,IAAjB3C,EAAgB,EAAhBA,KAAM+B,EAAU,EAAVA,IACrB,OACI,kBAACO,EAAD,KACKtC,EAAK4C,SAASlC,KAAI,SAACmC,EAASC,GAAV,OACf,kBAACC,EAAA,EAAD,CACIF,QAASA,EACTlC,IAAKkC,EAAQjC,GACbmB,IAAKA,EACLiB,UAAWF,EAAQ,GAAM,EAAI,OAAS,QACtCA,MAAOA,EACPG,sBAAoB,OAG5B,kBAAC1D,EAAA,EAAD,KACI,kBAACQ,EAAA,EAAD,CAASC,KAAMA,EAAKS,QAASd,cAAc","file":"component---src-pages-company-de-js-eb8336babf4f2ceb0c02.js","sourcesContent":["import styled, { css } from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n    border-radius: 10px;\r\n    margin-bottom: 70px;\r\n    background: white;\r\n\r\n    p {\r\n        margin-top: 24px;\r\n    }\r\n\r\n    @media all and (max-width: 768px) {\r\n        margin-bottom: 28px;\r\n    }\r\n`;\r\n\r\nexport const FeaturesContainer = styled.div`\r\n    border-radius: 10px;\r\n    ${({ hasBoxShadow }) =>\r\n        hasBoxShadow\r\n            ? css`\r\n                  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);\r\n                  padding: 40px 16px;\r\n              `\r\n            : css`\r\n                  padding: 40px 0px;\r\n\r\n                  h3 {\r\n                      font-size: 2.5rem;\r\n\r\n                      @media all and (max-width: 768px) {\r\n                          font-size: 1.125rem;\r\n                      }\r\n                  }\r\n              `}\r\n\r\n    h3 {\r\n        text-align: center;\r\n    }\r\n`;\r\n\r\nexport const Icon = styled.img`\r\n    display: block;\r\n    margin: 0 auto 20px;\r\n`;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Col, Row } from 'react-simple-flex-grid';\r\n\r\nimport { Container, FeaturesContainer, Icon } from './styled';\r\nimport { Heading3, Paragraph } from '../Typography';\r\n\r\nconst Feature = ({ data, hasBoxShadow }) => {\r\n    return (\r\n        <Container>\r\n            <FeaturesContainer hasBoxShadow={hasBoxShadow}>\r\n                <Heading3 marginBottom={hasBoxShadow ? '40px' : '64px'}>{data.title}</Heading3>\r\n                <Paragraph bold center margin=\"40px 48px\" marginbottomonsmall=\"24px\">\r\n                    {data.description}\r\n                </Paragraph>\r\n                <Row gutter={24}>\r\n                    {data.feature.map(feature => (\r\n                        <Col\r\n                            key={feature.id}\r\n                            xs={12}\r\n                            sm={6}\r\n                            md={12 / data.feature.length === 3 ? 3 : 4}\r\n                        >\r\n                            {feature.icon ? (\r\n                                <Icon src={feature.icon.publicURL} alt=\"feature icon\" />\r\n                            ) : null}\r\n                            <Paragraph bold center marginbottomonsmall=\"24px\">\r\n                                {feature.description}\r\n                            </Paragraph>\r\n                        </Col>\r\n                    ))}\r\n                </Row>\r\n            </FeaturesContainer>\r\n            {data.sidenote ? <Paragraph center>{data.sidenote}</Paragraph> : null}\r\n        </Container>\r\n    );\r\n};\r\n\r\nFeature.defaultProps = {\r\n    hasBoxShadow: true,\r\n};\r\n\r\nFeature.propTypes = {\r\n    data: PropTypes.shape({\r\n        feature: PropTypes.arrayOf(\r\n            PropTypes.shape({\r\n                icon: PropTypes.shape({\r\n                    publicURL: PropTypes.string.isRequired,\r\n                }).isRequired,\r\n                description: PropTypes.string.isRequired,\r\n            })\r\n        ).isRequired,\r\n        title: PropTypes.string,\r\n        description: PropTypes.string,\r\n        sidenote: PropTypes.string,\r\n    }).isRequired,\r\n    hasBoxShadow: PropTypes.bool,\r\n};\r\n\r\nexport default Feature;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { graphql } from 'gatsby';\r\n\r\n// components\r\nimport Layout from '../components/Layout';\r\nimport Company from '../components/Pages/Company';\r\n\r\n// hooks\r\nimport useTranslated from '../hooks/useTranslated';\r\n\r\nconst CompanyComponent = ({ data, ...rest }) => {\r\n    const { translatedData } = useTranslated(data, rest.pageContext);\r\n\r\n    return (\r\n        <Layout\r\n            path={rest.location.pathname}\r\n            lng={rest.pageContext.langKey}\r\n            showOurCustomers={false}\r\n            hasContainer={false}\r\n            metatags={translatedData.strapiCompany.metatags}\r\n            href=\"/company/\"\r\n        >\r\n            <Company data={translatedData.strapiCompany} lng={rest.pageContext.langKey} />\r\n        </Layout>\r\n    );\r\n};\r\n\r\nCompanyComponent.propTypes = {\r\n    data: PropTypes.shape({\r\n        strapiCompany: PropTypes.shape({}).isRequired,\r\n    }).isRequired,\r\n};\r\n\r\nexport default CompanyComponent;\r\n\r\nexport const query = graphql`\r\n    query CompanyDe {\r\n        strapiCompany {\r\n            metatags {\r\n                description_de\r\n                description_en\r\n                title_de\r\n                title_en\r\n            }\r\n            contact {\r\n                title_en\r\n                title_de\r\n                phoneNumber\r\n                emailAddress\r\n                description_en\r\n                description_de\r\n            }\r\n            feature {\r\n                id\r\n                title_de\r\n                title_en\r\n                feature {\r\n                    description_de\r\n                    description_en\r\n                    icon {\r\n                        publicURL\r\n                    }\r\n                    id\r\n                }\r\n            }\r\n            sections {\r\n                id\r\n                description_en\r\n                description_de\r\n                image_de {\r\n                    publicURL\r\n                }\r\n                image_en {\r\n                    publicURL\r\n                }\r\n                title_de\r\n                title_en\r\n            }\r\n        }\r\n    }\r\n`;\r\n","import styled from 'styled-components';\r\nimport { colors } from '../../../theme';\r\n\r\nexport const Button = styled.button`\r\n    border: 0;\r\n    outline: none;\r\n    cursor: pointer;\r\n    background: transparent;\r\n`;\r\n\r\nexport const ContactUsContainer = styled.div`\r\n    margin-bottom: 130px;\r\n\r\n    @media all and (max-width: 768px) {\r\n        margin-bottom: 28px;\r\n    }\r\n`;\r\n\r\nexport const IconTextContainer = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n\r\n    i {\r\n        margin-right: 16px;\r\n        color: ${colors.blue};\r\n        :hover {\r\n            color: #59adff;\r\n        }\r\n\r\n        :focus {\r\n            color: rgba(0, 0, 0, 0.78);\r\n        }\r\n    }\r\n\r\n    p {\r\n        color: ${colors.blue};\r\n        font-weight: 600;\r\n        :hover {\r\n            color: #59adff;\r\n        }\r\n\r\n        :focus {\r\n            color: rgba(0, 0, 0, 0.78);\r\n        }\r\n    }\r\n`;\r\n\r\nexport const SectionContainer = styled.div`\r\n    margin-top: 130px;\r\n\r\n    @media all and (max-width: 768px) {\r\n        margin-top: 56px;\r\n    }\r\n\r\n    @media all and (max-width: 601px) {\r\n        margin-top: 30px;\r\n    }\r\n`;\r\n\r\nexport const StyledA = styled.a`\r\n    border: 0;\r\n    outline: none;\r\n    cursor: pointer;\r\n    background: transparent;\r\n`;\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\n// import { Col, Row } from 'react-simple-flex-grid';\r\n\r\nimport Container from '../../global/Container';\r\nimport Section from '../../global/Section';\r\nimport { Button, ContactUsContainer, IconTextContainer, SectionContainer, StyledA } from './styled';\r\nimport Feature from '../../global/Feature';\r\n// import Icon from '../../global/Icon';\r\n// import { Heading2, Paragraph } from '../../global/Typography';\r\n\r\nconst Company = ({ data, lng }) => {\r\n    return (\r\n        <SectionContainer>\r\n            {data.sections.map((section, index) => (\r\n                <Section\r\n                    section={section}\r\n                    key={section.id}\r\n                    lng={lng}\r\n                    alignment={index % 2 === 0 ? 'left' : 'right'}\r\n                    index={index}\r\n                    firstSectionHeading1\r\n                />\r\n            ))}\r\n            <Container>\r\n                <Feature data={data.feature} hasBoxShadow={false} />\r\n            </Container>\r\n            {/* <Container narrow>\r\n                <ContactUsContainer>\r\n                    <Heading2 marginBottom=\"24px\">{data.contact.title}</Heading2>\r\n                    <Row gutter={24}>\r\n                        <Col xs={12} sm={6}>\r\n                            <Paragraph marginbottomonsmall=\"24px\">\r\n                                {data.contact.description}\r\n                            </Paragraph>\r\n                        </Col>\r\n                        <Col xs={12} sm={6}>\r\n                            <div>\r\n                                <StyledA href={`tel:${data.contact.phoneNumber}`}>\r\n                                    <IconTextContainer>\r\n                                        <Icon name=\"phone\" outlined={false} />\r\n                                        <Paragraph>{data.contact.phoneNumber}</Paragraph>\r\n                                    </IconTextContainer>\r\n                                </StyledA>\r\n                            </div>\r\n                            <div>\r\n                                <Button\r\n                                    type=\"button\"\r\n                                    onClick={() => {\r\n                                        window.location.href = `mailto:data.contact.emailAddress`;\r\n                                    }}\r\n                                >\r\n                                    <IconTextContainer>\r\n                                        <Icon name=\"mail\" outlined={false} />\r\n                                        <Paragraph>{data.contact.emailAddress}</Paragraph>\r\n                                    </IconTextContainer>\r\n                                </Button>\r\n                            </div>\r\n                        </Col>\r\n                    </Row>\r\n                </ContactUsContainer>\r\n            </Container> */}\r\n        </SectionContainer>\r\n    );\r\n};\r\n\r\nCompany.propTypes = {\r\n    data: PropTypes.shape({\r\n        contact: PropTypes.shape({\r\n            description: PropTypes.string.isRequired,\r\n            title: PropTypes.string.isRequired,\r\n            emailAddress: PropTypes.string.isRequired,\r\n            phoneNumber: PropTypes.string.isRequired,\r\n        }).isRequired,\r\n        feature: PropTypes.shape({}).isRequired,\r\n        sections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\r\n    }).isRequired,\r\n    lng: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default Company;\r\n"],"sourceRoot":""}