{"version":3,"file":"component---src-pages-imprint-js-a26e079862f872c40909.js","mappings":"iLAUA,MAAMA,EAAgBC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAAVJ,CAAU,gGAK5BK,EAAAA,GAAaC,QAIbD,EAAAA,GAAaE,OAIbF,EAAAA,GAAaG,MAEAC,EAAAA,GAAUC,OAIrBC,EAAUX,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAVJ,CAAU,qHA6C1B,UA7BoBY,IAAe,IAAd,KAAEC,GAAMD,EAC3B,MAAM,MAAEE,EAAK,UAAEC,EAAS,MAAEC,EAAK,WAAEC,GAC/BJ,EAAKK,QAAQC,MAAM,GAAGC,KAAKC,oBAAoBC,YAEjD,OACEC,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACC,EAAAA,EAAG,CAACR,MAAM,sBACXO,EAAAA,cAACE,EAAAA,GAAgB,KACfF,EAAAA,cAACxB,EAAa,KACZwB,EAAAA,cAACG,EAAAA,GAAK,KAAEV,GACRO,EAAAA,cAACI,EAAAA,GAAO,KACNJ,EAAAA,cAAA,SAAG,WACHA,EAAAA,cAAA,SAAG,SAAOT,GACVS,EAAAA,cAAA,SAAG,cACUA,EAAAA,cAAA,KAAGK,KAAMb,GAAW,iBAGlCE,aAAU,EAAVA,EAAYY,KAAI,CAAAC,EAAkCC,KAAG,IAApC,iBAAEC,EAAgB,UAAEC,GAAWH,EAAA,OAC/CP,EAAAA,cAACZ,EAAO,CAACuB,GAAIH,GACXR,EAAAA,cAAA,SAAIS,GACJT,EAAAA,cAAA,SAAIU,GACI,MAIf,C,sRChEA,MAAMR,EAAmBzB,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,eAAVJ,CAAU,2YAadmC,EAAAA,GAGxB9B,EAAAA,GAAaE,OAIa4B,EAAAA,GAG1B9B,EAAAA,GAAaG,MAGa2B,EAAAA,IAKjBC,EAAkBpC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,eAAVJ,CAAU,oGAIrCK,EAAAA,GAAaE,QAQJ8B,EAAiBrC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,eAAVJ,CAAU,kLAOpCK,EAAAA,GAAaC,QAKbD,EAAAA,GAAaE,QAOJoB,EAAU3B,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,eAAVJ,CAAU,kKAKhBS,EAAAA,GAAUD,MAErBH,EAAAA,GAAaG,MACAC,EAAAA,GAAUD,MASzBH,EAAAA,GAAaG,OAKJ8B,EAActC,EAAAA,QAAOuC,EAACrC,WAAA,CAAAC,YAAA,2BAAAC,YAAA,eAARJ,CAAQ,6FAK/BK,EAAAA,GAAaG,OAKJgC,EAAgBxC,EAAAA,QAAOyC,GAAEvC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,eAATJ,CAAS,6dAKlCK,EAAAA,GAAaG,MAMAC,EAAAA,GAAUiC,KAQKC,EAAAA,EAW1BtC,EAAAA,GAAaG,MACAC,EAAAA,GAAUF,OAGvBF,EAAAA,GAAaE,OACAE,EAAAA,GAAUmC,KAUhBC,EAAa7C,EAAAA,QAAO8C,IAAG5C,WAAA,CAAAC,YAAA,0BAAAC,YAAA,eAAVJ,CAAU,0HAKhCK,EAAAA,GAAaC,QAKbD,EAAAA,GAAaE,OAKbF,EAAAA,GAAaE,QAKJwC,GAAe/C,EAAAA,EAAAA,SAAO0B,EAAAA,IAAMxB,WAAA,CAAAC,YAAA,4BAAAC,YAAA,eAAbJ,CAAa,qCACrCK,EAAAA,GAAaG,M","sources":["webpack://SPANDAU20/./src/pages/imprint.js","webpack://SPANDAU20/./src/StyledComponents/About.styles.js"],"sourcesContent":["import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport styled from \"styled-components\";\nimport { mediaQueries, fontSizes } from \"../styles/variables\";\n\nimport SEO from \"../components/seo\";\n\nimport { AboutUsContainer, Contact } from \"../StyledComponents/About.styles\";\nimport { Title } from \"../StyledComponents/Releases.styles\";\n\nconst StyledImprint = styled.div`\n  width: 90%;\n  max-width: 1000px;\n  }\n\n  ${mediaQueries.desktop} {\n    width: 90%;\n  }\n\n  ${mediaQueries.medium} {\n    width: 100%;\n  }\n\n  ${mediaQueries.small} {\n    width: 100%;\n    font-size: ${fontSizes.large}px;\n  }\n`;\n\nconst Section = styled.div`\n  margin-top: 32px;\n\n  > * {\n    font-family: \"neue-haas-grotesk-text\";\n  }\n\n  > p {\n    font-size: 18px;\n\n    &:first-child {\n      margin-bottom: 8px;\n    }\n  }\n`;\n\nconst ImprintPage = ({ data }) => {\n  const { email, instagram, title, paragraphs } =\n    data.allFile.edges[0].node.childMarkdownRemark.frontmatter;\n\n  return (\n    <>\n      <SEO title=\"SPANDAU20 Imprint\" />\n      <AboutUsContainer>\n        <StyledImprint>\n          <Title>{title}</Title>\n          <Contact>\n            <p>Contact</p>\n            <p>mail: {email}</p>\n            <p>\n              instagram: <a href={instagram}>@spandau.20</a>\n            </p>\n          </Contact>\n          {paragraphs?.map(({ titleOfParagraph, paragraph }, idx) => (\n            <Section id={idx}>\n              <p>{titleOfParagraph}</p>\n              <p>{paragraph}</p>\n            </Section>\n          ))}\n        </StyledImprint>\n      </AboutUsContainer>\n    </>\n  );\n};\n\nexport default ImprintPage;\n\nexport const query = graphql`\n  query ImprintPageQuery {\n    allFile(filter: { sourceInstanceName: { eq: \"imprint\" } }) {\n      edges {\n        node {\n          childMarkdownRemark {\n            frontmatter {\n              email\n              instagram\n              title\n              paragraphs {\n                titleOfParagraph\n                paragraph\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","import styled from \"styled-components\";\nimport { mediaQueries, fontSizes } from \"../styles/variables\";\nimport { easeInAnimation } from \"../styles/GlobalStyles\";\nimport { Title } from \"../StyledComponents/Releases.styles\";\nimport ArtistHoverImage from \"../images/hoverImages/buying_options.png\";\n\nexport const AboutUsContainer = styled.div`\n  display: flex;\n  margin-top: 6vh;\n  padding-top: 5vh;\n  overflow: scroll;\n  margin-bottom: 8px;\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  -webkit-animation-name: ${easeInAnimation};\n  -webkit-animation-duration: 0.5s;\n\n  ${mediaQueries.medium} {\n    width: 100%;\n    flex-direction: column;\n\n    -webkit-animation-name: ${easeInAnimation};\n    -webkit-animation-duration: 2s;\n  }\n  ${mediaQueries.small} {\n    margin-top: 32px;\n\n    -webkit-animation-name: ${easeInAnimation};\n    -webkit-animation-duration: 2s;\n  }\n`;\n\nexport const PhotosContainer = styled.div`\n  margin-left: 41px;\n  position: relative;\n\n  ${mediaQueries.medium} {\n    margin-left: 0;\n    max-width: 100%;\n    align-self: center;\n    order: 2;\n  }\n`;\n\nexport const StoryContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  max-width: 400px;\n  margin-left: 50px;\n\n  ${mediaQueries.desktop} {\n    max-width: 300px;\n    margin-left: 40px;\n  }\n\n  ${mediaQueries.medium} {\n    margin: 0;\n    max-width: 100%;\n    order: 1;\n  }\n`;\n\nexport const Contact = styled.div`\n  margin-top: 4vh;\n\n  > p {\n    font-family: \"neue-haas-grotesk-text\";\n    font-size: ${fontSizes.small}px;\n\n    ${mediaQueries.small} {\n      font-size: ${fontSizes.small}px;\n    }\n  }\n\n  > p > a {\n    text-decoration: none;\n    color: white;\n  }\n\n  ${mediaQueries.small} {\n    margin-top: 24px;\n  }\n`;\n\nexport const Description = styled.p`\n  margin-top: 4vh;\n\n  font-family: \"neue-haas-grotesk-text\";\n  font-size: 18px;\n  ${mediaQueries.small} {\n    margin-top: 36px;\n  }\n`;\n\nexport const ListOfArtists = styled.ul`\n  margin: 0;\n  margin-top: 4vh;\n  list-style-type: none;\n\n  ${mediaQueries.small} {\n    margin-top: 36px;\n  }\n\n  > li {\n    font-family: \"neue-haas-grotesk-display\";\n    font-size: ${fontSizes.xBig}px;\n    margin: 0;\n\n    position: relative;\n    &:hover {\n      &:before {\n        position: absolute;\n        content: \"\";\n        background-image: url(${ArtistHoverImage});\n        background-size: 100% 100%;\n        background-repeat: no-repeat;\n        background-position: center top;\n        background-origin: padding-box;\n        pointer-events: none;\n        width: 110%;\n        height: 100%;\n      }\n    }\n\n    ${mediaQueries.small} {\n      font-size: ${fontSizes.medium}px;\n    }\n\n    ${mediaQueries.medium} {\n      font-size: ${fontSizes.big}px;\n    }\n  }\n\n  > li > a {\n    text-decoration: none;\n    color: white;\n  }\n`;\n\nexport const GroupPhoto = styled.img`\n  width: 400px;\n  height: auto;\n  max-width: 500px;\n\n  ${mediaQueries.desktop} {\n    width: 400px;\n    width: 35vw;\n  }\n\n  ${mediaQueries.medium} {\n    width: 100%;\n    height: auto;\n  }\n\n  ${mediaQueries.medium} {\n    margin-top: 36px;\n  }\n`;\n\nexport const AboutUsTitle = styled(Title)`\n  ${mediaQueries.small} {\n    margin-top: 0;\n    padding-top: 0;\n  }\n`;\n"],"names":["StyledImprint","styled","div","withConfig","displayName","componentId","mediaQueries","desktop","medium","small","fontSizes","large","Section","_ref","data","email","instagram","title","paragraphs","allFile","edges","node","childMarkdownRemark","frontmatter","React","SEO","AboutUsContainer","Title","Contact","href","map","_ref2","idx","titleOfParagraph","paragraph","id","easeInAnimation","PhotosContainer","StoryContainer","Description","p","ListOfArtists","ul","xBig","ArtistHoverImage","big","GroupPhoto","img","AboutUsTitle"],"sourceRoot":""}