{"version":3,"sources":["webpack:///./src/pages/de/paysafecard.js","webpack:///./src/components/ResponsiveImg.js"],"names":["PaysafeCardPage","data","title","description","alternateLanguagePages","path","language","backgroundColor","commonHeaderColor","padV","className","href","target","rel","fluid","paysafeCard","childImageSharp","alt","neosurf","Img","aspectRatio","findNeosurf","fixed","src","onClick","openFindNeosurf","frameBorder","allow","allowFullScreen","luckystar","betbtc","lilly","sevenSB","sevenB","ResponsiveImg","style","useMemo","paddingTop"],"mappings":"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","file":"component---src-pages-de-paysafecard-js-6c7132f3ecbdad04036d.js","sourcesContent":["import React from 'react';\nimport { graphql } from 'gatsby';\nimport Img from 'gatsby-image';\n\nimport SEO from '../../components/SEO';\nimport Header from '../../components/Header';\nimport ContentRow from '../../components/ContentRow';\nimport ResponsiveImg from '../../components/ResponsiveImg';\nimport { openFindNeosurf, commonHeaderColor } from '../../util';\n\n\nconst PaysafeCardPage = ({ data }) => (\n  <>\n    <SEO\n      title=\"Neosurf voucher replaces Paysafe Card - Secure Deposits\"\n      description=\"Buy Neosurf voucher - a new Paysafe Card replacement. Safe &amp; secure deposits to gambling &amp; e2ntertainment websites.\"\n      alternateLanguagePages={[\n        {\n          path: 'paysafecard',\n          language: 'en'\n        },\n        {\n          path: 'paysafecard',\n          language: 'fr'\n        },\n        {\n          path: 'paysafecard',\n          language: 'de'\n        }\n      ]}\n    />\n    <Header backgroundColor={commonHeaderColor} />\n    <ContentRow backgroundColor={commonHeaderColor} padV>\n      <div className=\"grid c-2\">\n        <div>\n          <a href=\"https://www.betbtc.io/sign-up/a48acf12\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <Img fluid={data.paysafeCard.childImageSharp.fluid} alt=\"Buy Neosurf &amp; pay securely online\" />\n          </a>\n        </div>\n        <div>\n          <div className=\"contentBox textAlignCenter\">\n            <h1 className=\"smaller h3 smaller\">NeoSurf ersetzt jetzt die Paysafe Card und funktioniert perfekt in Australien und weltweit!</h1>\n            <p className=\"textColorDark\">Hattest du in letzter Zeit Probleme beim Einzahlen mit der Paysafe Card? Bist du aus Australien und Paysafe-Transaktionen sind aufgrund neuer Gesetze und Vorschriften nicht mehr möglich?</p>\n            <p className=\"textColorAccent bigger zeroMarginT\"><em>Zum Glück gibt es eine Lösung!</em></p>\n          </div>\n        </div>\n      </div>\n    </ContentRow>\n    <ContentRow padV>\n      <div className=\"grid c-2\">\n        <div>\n          <div className=\"contentBox\">\n            <h2 className=\"smaller\">NEOSURF HIGHLIGHTS</h2>\n            <ul>\n              <li className=\"textColorDark\">Genau das gleiche Gutscheinsystem wie die Paysafe Card</li>\n              <li className=\"textColorDark\">Sicher & geschützt für Internet-Transaktionen</li>\n              <li className=\"textColorDark\">Kaufe Neosurf an über 135.000 Standorten weltweit</li>\n            </ul>\n          </div>\n        </div>\n        <div>\n          <Img fluid={data.neosurf.childImageSharp.fluid} alt=\"Neosurf-Codes sind in 135.000 Geschäften weltweit erhältlich\" />\n        </div>\n      </div>\n    </ContentRow>\n    <ContentRow\n      backgroundColor=\"rgba(255,0,155, 0.8)\"\n      Img={\n        <ResponsiveImg\n          aspectRatio={data.findNeosurf.childImageSharp.fixed.aspectRatio}\n          src={data.findNeosurf.childImageSharp.fixed.src}\n          alt=\"\"\n        />\n      }\n      padV\n    >\n      <div className=\"contentBox textAlignCenter\">\n        <h2 className=\"smaller textColorComplementary\">Finde einen Neosurf-Händler in deiner Nähe</h2>\n        <p className=\"textColorLight\">Kunden bevorzugen Neosurf-Bargeldgutscheine, da sie an tausenden von praktischen Standorten auf der ganzen Welt verfügbar sind. Heute findest du Neosurf-Bargeldgutscheine in Kiosken, Supermärkten, Tankstellen, Zeitungsläden, Tabakläden, Internetcafés und mehr.</p>\n        <button className=\"button big\" onClick={openFindNeosurf}>Where to find Neosurf?</button>\n      </div>\n    </ContentRow>\n    <ContentRow backgroundColor=\"#eee\">\n      <div className=\"grid c-2\">\n        <div>\n          <div className=\"contentBox\">\n            <h2 className=\"smaller textUppercase\">Online bezahlen & spielen mit Neosurf</h2>\n            <p className=\"textColorDark\">Möchtest du keine Debit-/Kreditkarten für Online-Zahlungen verwenden? Oder hast du vielleicht gar keine? Möchtest du keine sensiblen Bankdaten angeben, weil Datenschutz für dich oberste Priorität hat?</p>\n            <p>Neosurf könnte die perfekte Lösung für dich sein! Kaufe einfach einen Neosurf-Gutschein in bar und bezahle & spiele online sicher. So einfach ist das! Sieh dir ein kurzes Video an, das erklärt, wie das Neosurf-Gutscheinsystem funktioniert.</p>\n          </div>\n        </div>\n        <div>\n          <div className=\"videoWrapper\">\n            <iframe\n              title=\"neosurfVideo\"\n              src=\"https://www.youtube.com/embed/ZZKglPJVhFE\"\n              frameBorder=\"0\"\n              allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n              allowFullScreen\n            >\n            </iframe>\n          </div>\n        </div>\n      </div>\n    </ContentRow>\n    <div className=\"pageWidth\">\n      <h2 className=\"smaller textAlignCenter textUppercase\">Bereits einen Gutschein gekauft?<br />Gehe zurück zur Kasse und zahle ein!</h2>\n      <div className=\"grid c-4 bigGap\">\n        <div>\n          <div className=\"contentBox\">\n            <a href=\"https://www.luckystar.io/?a_aid=5a6fb263dabe6&amp;a_bid=c6328648\">\n              <Img fluid={data.luckystar.childImageSharp.fluid} alt=\"\" />\n            </a>\n          </div>\n        </div>\n        <div>\n          <div className=\"contentBox\">\n            <a href=\"https://www.betbtc.io/sign-up/a48acf12\">\n              <Img fluid={data.betbtc.childImageSharp.fluid} alt=\"\" />\n            </a>\n          </div>\n        </div>\n        <div>\n          <div className=\"contentBox\">\n            <a href=\"http://www.spacelilly.com/?a_aid=5a6fb263dabe6&amp;a_bid=cd4655e5\">\n              <Img fluid={data.lilly.childImageSharp.fluid} alt=\"\" />\n            </a>\n          </div>\n        </div>\n        <div>\n          <div className=\"contentBox\">\n            <a href=\"https://www.777slotsbay.com/?goft=355fce1f-1701-4bc8-b29d-e3e0ec292198\">\n              <Img fluid={data.sevenSB.childImageSharp.fluid} alt=\"\" />\n            </a>\n          </div>\n        </div>\n        <div>\n          <div className=\"contentBox\">\n            <a href=\"http://www.777bay.com/?a_aid=5a6fb263dabe6\">\n              <Img fluid={data.sevenB.childImageSharp.fluid} alt=\"\" />\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </>\n)\n\nexport default PaysafeCardPage;\n\nexport const pageQuery = graphql`\n  query ($language: String!) {\n    locales: allLocale(filter: {language: {eq: $language}}) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n    paysafeCard: file(sourceInstanceName: {eq: \"images\"}, relativePath: {eq: \"paysafecard/mac1.png\"}) {\n      childImageSharp {\n        fluid(\n          maxWidth: 600,\n          traceSVG: {\n            color: \"#ff009b\"\n          }\n        ) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    neosurf: file(sourceInstanceName: {eq: \"images\"}, relativePath: {eq: \"paysafecard/neosurf2_2.jpg\"}) {\n      childImageSharp {\n        fluid(\n          maxWidth: 899,\n          traceSVG: {\n            color: \"#ff009b\"\n          }\n        ) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    findNeosurf: file(sourceInstanceName: {eq: \"images\"}, relativePath: {eq: \"bg2.jpg\"}) {\n      childImageSharp {\n        fixed(width: 524) {\n          aspectRatio\n          src\n        }\n      }\n    }\n    luckystar: file(sourceInstanceName: {eq: \"images\"}, relativePath: {eq: \"casinos/lucky-logo.png\"}) {\n      childImageSharp {\n        fluid(\n          maxWidth: 328,\n          traceSVG: {\n            color: \"#ff009b\"\n          }\n        ) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    betbtc: file(sourceInstanceName: {eq: \"images\"}, relativePath: {eq: \"casinos/betbtc-logo.png\"}) {\n      childImageSharp {\n        fluid(\n          maxWidth: 328,\n          traceSVG: {\n            color: \"#ff009b\"\n          }\n        ) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    lilly: file(sourceInstanceName: {eq: \"images\"}, relativePath: {eq: \"casinos/lilly-logo.png\"}) {\n      childImageSharp {\n        fluid(\n          maxWidth: 388,\n          traceSVG: {\n            color: \"#ff009b\"\n          }\n        ) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    emu: file(sourceInstanceName: {eq: \"images\"}, relativePath: {eq: \"casinos/emucasino-logo-bw.png\"}) {\n      childImageSharp {\n        fluid(\n          maxWidth: 388,\n          traceSVG: {\n            color: \"#ff009b\"\n          }\n        ) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    sevenB: file(sourceInstanceName: {eq: \"images\"}, relativePath: {eq: \"casinos/777bay-logo.png\"}) {\n      childImageSharp {\n        fluid(\n          maxWidth: 388,\n          traceSVG: {\n            color: \"#ff009b\"\n          }\n        ) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    sevenSB: file(sourceInstanceName: {eq: \"images\"}, relativePath: {eq: \"casinos/777slotsbay-logo.png\"}) {\n      childImageSharp {\n        fluid(\n          maxWidth: 388,\n          traceSVG: {\n            color: \"#ff009b\"\n          }\n        ) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n  }\n`;\n","import React, { useMemo } from 'react';\n\n\nconst ResponsiveImg = ({ aspectRatio, src, alt }) => {\n  const style = useMemo(() => ({\n    paddingTop: `${100 / aspectRatio}%`\n  }), [ aspectRatio ]);\n\n  return (\n    <div className=\"responsiveImg\" style={style}>\n      <img src={src} alt={alt || ''} />\n    </div>\n  );\n}\n\nexport default ResponsiveImg;\n"],"sourceRoot":""}