{"version":3,"sources":["webpack:///./src/components/ui.tsx","webpack:///./node_modules/core-js/modules/es6.string.fixed.js","webpack:///./node_modules/gatsby-image/index.js","webpack:///./src/images/kreditpruefung.svg","webpack:///./node_modules/core-js/modules/_string-html.js","webpack:///./src/components/hero.tsx","webpack:///./src/components/featuregroup.tsx","webpack:///./src/components/contactform.tsx","webpack:///./src/components/contactgroup.tsx","webpack:///./node_modules/react-feather/dist/icons/check.js","webpack:///./src/components/grid.tsx","webpack:///./src/pages/index.tsx","webpack:///./src/images/kmukredit.svg","webpack:///./src/images/uptodate.svg","webpack:///./node_modules/core-js/modules/es6.string.link.js","webpack:///./src/images/circle.svg"],"names":["styled","a","LinkButtonPrimary","text","link","className","href","whileHover","scale","whileTap","LinkButtonSecondary","createHTML","this","_interopRequireDefault","require","exports","__esModule","default","io","_assertThisInitialized2","_inheritsLoose2","_objectWithoutPropertiesLoose2","_extends2","_react","_propTypes","convertProps","props","convertedProps","resolutions","sizes","critical","fixed","fluid","loading","groupByMedia","concat","matchesMedia","_ref","media","isBrowser","window","matchMedia","matches","getImageSrcKey","_ref2","getCurrentSrcData","src","currentData","Array","isArray","some","image","hasArtDirectionSupport","foundMedia","findIndex","noMedia","imageCache","Object","create","inImageCache","hasNativeLazyLoadSupport","HTMLImageElement","prototype","hasIOSupport","IntersectionObserver","listeners","WeakMap","generateImageSources","imageVariants","map","_ref3","srcSet","srcSetWebp","createElement","Fragment","key","type","withMedia","without","forEach","variant","push","generateTracedSVGSources","_ref4","tracedSVG","generateBase64Sources","_ref5","base64","generateNoscriptSource","_ref6","isWebp","listenToIntersections","el","cb","observer","entries","entry","has","target","get","isIntersecting","intersectionRatio","unobserve","delete","rootMargin","observe","set","noscriptImg","title","alt","width","height","crossOrigin","draggable","join","Placeholder","forwardRef","ref","generateSources","spreadProps","ariaHidden","baseImage","Img","length","style","onLoad","onError","otherProps","position","top","left","objectFit","objectPosition","propTypes","object","func","Image","_React$Component","_this","call","seenBefore","isCritical","addNoScript","fadeIn","useIOSupport","isVisible","state","imgLoaded","imgCached","imageRef","createRef","placeholderRef","handleImageLoaded","bind","handleRef","_proto","componentDidMount","onStartLoad","wasCached","img","current","complete","componentWillUnmount","cleanUpListeners","_this2","imageInCache","setState","currentSrc","render","_convertProps","_convertProps$style","_convertProps$imgStyl","imgStyle","_convertProps$placeho","placeholderStyle","placeholderClassName","backgroundColor","durationFadeIn","Tag","itemProp","shouldReveal","shouldFadeIn","imageStyle","opacity","transition","bgColor","delayHideStyle","transitionDelay","imagePlaceholderStyle","placeholderImageProps","overflow","maxWidth","maxHeight","JSON","stringify","paddingBottom","aspectRatio","bottom","right","dangerouslySetInnerHTML","__html","_imageVariants","_image","divStyle","display","Component","defaultProps","fixedObject","shape","number","isRequired","string","srcWebp","fluidObject","oneOfType","arrayOf","bool","oneOf","_default","module","$export","fails","defined","quot","tag","attribute","value","S","String","p1","replace","NAME","exec","O","P","F","test","toLowerCase","split","to","Logo","div","animate","y","duration","ease","loop","Infinity","circle","initial","FeatureImageRight","headline","overline","FeatureImageLeft","FeatureCTAImageRight","subheadline","buttonText","buttonLink","FeatureCTAImageLeft","useState","salutation","firstname","lastname","email","message","phone","values","setValues","showPhone","setShowPhone","sent","setSent","valid","setValid","handleChange","e","currentTarget","name","method","action","onSubmit","data","Boolean","fetch","headers","body","fields","keys","context","pageUri","pageName","then","catch","error","console","log","preventDefault","onChange","id","placeholder","rows","cols","exit","p","delay","button","disabled","h3","Steps","ContactGroup","_extends","assign","i","arguments","source","hasOwnProperty","apply","_objectWithoutProperties","excluded","sourceKeys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","Check","_ref$color","color","_ref$size","size","rest","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","points","displayName","H3","Grid","query","siteTitle","site","siteMetadata","keywords","tabletRequest","childImageSharp","kmukredit","kreditpruefung","uptodate","tabletSwisspeers","about","url"],"mappings":"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","file":"component---src-pages-index-tsx-d79e0c5df67ae86b9c65.js","sourcesContent":["import React from \"react\"\nimport styled from \"@emotion/styled\"\nimport { motion } from \"framer-motion\"\nimport tw from \"tailwind.macro\"\n\ntype ButtonProps = {\n  text: string\n  link?: string\n}\nexport const IconLink = styled.a`\n  ${tw`hover:text-green-500 flex items-center`}\n`\n\nexport const LinkButtonPrimary = ({ text, link = \"#\" }: ButtonProps) => (\n  <motion.a\n    className=\"inline-flex bg-yellow-400 text-cyan-700 hover:bg-yellow-500 hover:text-white hover:shadow-xl text-sm font-semibold py-2 px-4 rounded-full py-3 px-10 focus:outline-none focus:shadow-outline shadow-lg mr-8 mb-4\"\n    href={link}\n    whileHover={{ scale: 1.05 }}\n    whileTap={{ scale: 0.9 }}\n  >\n    {text}\n  </motion.a>\n)\n\nexport const LinkButtonSecondary = ({ text, link = \"#\" }: ButtonProps) => (\n  <motion.a\n    className=\"inline-flex bg-grey-200 hover:bg-yellow-500 hover:text-white hover:shadow-xl text-cyan-700 text-sm font-semibold py-2 px-4 rounded-full py-3 px-10 focus:outline-none focus:shadow-outline shadow-lg mr-8 mb-4\"\n    whileHover={{ scale: 1.05 }}\n    whileTap={{ scale: 0.9 }}\n    href={link}\n  >\n    {text}\n  </motion.a>\n)\n","'use strict';\n// B.2.3.6 String.prototype.fixed()\nrequire('./_string-html')('fixed', function (createHTML) {\n  return function fixed() {\n    return createHTML(this, 'tt', '', '');\n  };\n});\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _assertThisInitialized2 = _interopRequireDefault(require(\"@babel/runtime/helpers/assertThisInitialized\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/inheritsLoose\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar logDeprecationNotice = function logDeprecationNotice(prop, replacement) {\n  if (process.env.NODE_ENV === \"production\") {\n    return;\n  }\n\n  console.log(\"\\n    The \\\"\" + prop + \"\\\" prop is now deprecated and will be removed in the next major version\\n    of \\\"gatsby-image\\\".\\n    \");\n\n  if (replacement) {\n    console.log(\"Please use \" + replacement + \" instead of \\\"\" + prop + \"\\\".\");\n  }\n}; // Handle legacy props during their deprecation phase\n\n\nvar convertProps = function convertProps(props) {\n  var convertedProps = (0, _extends2.default)({}, props);\n  var resolutions = convertedProps.resolutions,\n      sizes = convertedProps.sizes,\n      critical = convertedProps.critical;\n\n  if (resolutions) {\n    convertedProps.fixed = resolutions;\n    delete convertedProps.resolutions;\n  }\n\n  if (sizes) {\n    convertedProps.fluid = sizes;\n    delete convertedProps.sizes;\n  }\n\n  if (critical) {\n    logDeprecationNotice(\"critical\", \"the native \\\"loading\\\" attribute\");\n    convertedProps.loading = \"eager\";\n  } // convert fluid & fixed to arrays so we only have to work with arrays\n\n\n  if (convertedProps.fluid) {\n    convertedProps.fluid = groupByMedia([].concat(convertedProps.fluid));\n  }\n\n  if (convertedProps.fixed) {\n    convertedProps.fixed = groupByMedia([].concat(convertedProps.fixed));\n  }\n\n  return convertedProps;\n};\n/**\n * Checks if fluid or fixed are art-direction arrays.\n *\n * @param currentData  {{media?: string}[]}   The props to check for images.\n * @return {boolean}\n */\n\n\nvar hasArtDirectionSupport = function hasArtDirectionSupport(currentData) {\n  return !!currentData && Array.isArray(currentData) && currentData.some(function (image) {\n    return typeof image.media !== \"undefined\";\n  });\n};\n/**\n * Tries to detect if a media query matches the current viewport.\n * @property media   {{media?: string}}  A media query string.\n * @return {boolean}\n */\n\n\nvar matchesMedia = function matchesMedia(_ref) {\n  var media = _ref.media;\n  return media ? isBrowser && !!window.matchMedia(media).matches : false;\n};\n/**\n * Find the source of an image to use as a key in the image cache.\n * Use `the first image in either `fixed` or `fluid`\n * @param {{fluid: {src: string, media?: string}[], fixed: {src: string, media?: string}[]}} args\n * @return {string}\n */\n\n\nvar getImageSrcKey = function getImageSrcKey(_ref2) {\n  var fluid = _ref2.fluid,\n      fixed = _ref2.fixed;\n  var data = fluid ? getCurrentSrcData(fluid) : getCurrentSrcData(fixed);\n  return data.src;\n};\n/**\n * Returns the current src - Preferably with art-direction support.\n * @param currentData  {{media?: string}[], maxWidth?: Number, maxHeight?: Number}   The fluid or fixed image array.\n * @return {{src: string, media?: string, maxWidth?: Number, maxHeight?: Number}}\n */\n\n\nvar getCurrentSrcData = function getCurrentSrcData(currentData) {\n  if (isBrowser && hasArtDirectionSupport(currentData)) {\n    // Do we have an image for the current Viewport?\n    var foundMedia = currentData.findIndex(matchesMedia);\n\n    if (foundMedia !== -1) {\n      return currentData[foundMedia];\n    } // No media matches, select first element without a media condition\n\n\n    var noMedia = currentData.findIndex(function (image) {\n      return typeof image.media === \"undefined\";\n    });\n\n    if (noMedia !== -1) {\n      return currentData[noMedia];\n    }\n  } // Else return the first image.\n\n\n  return currentData[0];\n}; // Cache if we've seen an image before so we don't bother with\n// lazy-loading & fading in on subsequent mounts.\n\n\nvar imageCache = Object.create({});\n\nvar inImageCache = function inImageCache(props) {\n  var convertedProps = convertProps(props); // Find src\n\n  var src = getImageSrcKey(convertedProps);\n  return imageCache[src] || false;\n};\n\nvar activateCacheForImage = function activateCacheForImage(props) {\n  var convertedProps = convertProps(props); // Find src\n\n  var src = getImageSrcKey(convertedProps);\n  imageCache[src] = true;\n}; // Native lazy-loading support: https://addyosmani.com/blog/lazy-loading/\n\n\nvar hasNativeLazyLoadSupport = typeof HTMLImageElement !== \"undefined\" && \"loading\" in HTMLImageElement.prototype;\nvar isBrowser = typeof window !== \"undefined\";\nvar hasIOSupport = isBrowser && window.IntersectionObserver;\nvar io;\nvar listeners = new WeakMap();\n\nfunction getIO() {\n  if (typeof io === \"undefined\" && typeof window !== \"undefined\" && window.IntersectionObserver) {\n    io = new window.IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (listeners.has(entry.target)) {\n          var cb = listeners.get(entry.target); // Edge doesn't currently support isIntersecting, so also test for an intersectionRatio > 0\n\n          if (entry.isIntersecting || entry.intersectionRatio > 0) {\n            io.unobserve(entry.target);\n            listeners.delete(entry.target);\n            cb();\n          }\n        }\n      });\n    }, {\n      rootMargin: \"200px\"\n    });\n  }\n\n  return io;\n}\n\nfunction generateImageSources(imageVariants) {\n  return imageVariants.map(function (_ref3) {\n    var src = _ref3.src,\n        srcSet = _ref3.srcSet,\n        srcSetWebp = _ref3.srcSetWebp,\n        media = _ref3.media,\n        sizes = _ref3.sizes;\n    return (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, {\n        key: src\n      }, srcSetWebp && /*#__PURE__*/_react.default.createElement(\"source\", {\n        type: \"image/webp\",\n        media: media,\n        srcSet: srcSetWebp,\n        sizes: sizes\n      }), /*#__PURE__*/_react.default.createElement(\"source\", {\n        media: media,\n        srcSet: srcSet,\n        sizes: sizes\n      }))\n    );\n  });\n} // Return an array ordered by elements having a media prop, does not use\n// native sort, as a stable sort is not guaranteed by all browsers/versions\n\n\nfunction groupByMedia(imageVariants) {\n  var withMedia = [];\n  var without = [];\n  imageVariants.forEach(function (variant) {\n    return (variant.media ? withMedia : without).push(variant);\n  });\n\n  if (without.length > 1 && process.env.NODE_ENV !== \"production\") {\n    console.warn(\"We've found \" + without.length + \" sources without a media property. They might be ignored by the browser, see: https://www.gatsbyjs.org/packages/gatsby-image/#art-directing-multiple-images\");\n  }\n\n  return [].concat(withMedia, without);\n}\n\nfunction generateTracedSVGSources(imageVariants) {\n  return imageVariants.map(function (_ref4) {\n    var src = _ref4.src,\n        media = _ref4.media,\n        tracedSVG = _ref4.tracedSVG;\n    return (/*#__PURE__*/_react.default.createElement(\"source\", {\n        key: src,\n        media: media,\n        srcSet: tracedSVG\n      })\n    );\n  });\n}\n\nfunction generateBase64Sources(imageVariants) {\n  return imageVariants.map(function (_ref5) {\n    var src = _ref5.src,\n        media = _ref5.media,\n        base64 = _ref5.base64;\n    return (/*#__PURE__*/_react.default.createElement(\"source\", {\n        key: src,\n        media: media,\n        srcSet: base64\n      })\n    );\n  });\n}\n\nfunction generateNoscriptSource(_ref6, isWebp) {\n  var srcSet = _ref6.srcSet,\n      srcSetWebp = _ref6.srcSetWebp,\n      media = _ref6.media,\n      sizes = _ref6.sizes;\n  var src = isWebp ? srcSetWebp : srcSet;\n  var mediaAttr = media ? \"media=\\\"\" + media + \"\\\" \" : \"\";\n  var typeAttr = isWebp ? \"type='image/webp' \" : \"\";\n  var sizesAttr = sizes ? \"sizes=\\\"\" + sizes + \"\\\" \" : \"\";\n  return \"<source \" + typeAttr + mediaAttr + \"srcset=\\\"\" + src + \"\\\" \" + sizesAttr + \"/>\";\n}\n\nfunction generateNoscriptSources(imageVariants) {\n  return imageVariants.map(function (variant) {\n    return (variant.srcSetWebp ? generateNoscriptSource(variant, true) : \"\") + generateNoscriptSource(variant);\n  }).join(\"\");\n}\n\nvar listenToIntersections = function listenToIntersections(el, cb) {\n  var observer = getIO();\n\n  if (observer) {\n    observer.observe(el);\n    listeners.set(el, cb);\n  }\n\n  return function () {\n    observer.unobserve(el);\n    listeners.delete(el);\n  };\n};\n\nvar noscriptImg = function noscriptImg(props) {\n  // Check if prop exists before adding each attribute to the string output below to prevent\n  // HTML validation issues caused by empty values like width=\"\" and height=\"\"\n  var src = props.src ? \"src=\\\"\" + props.src + \"\\\" \" : \"src=\\\"\\\" \"; // required attribute\n\n  var sizes = props.sizes ? \"sizes=\\\"\" + props.sizes + \"\\\" \" : \"\";\n  var srcSet = props.srcSet ? \"srcset=\\\"\" + props.srcSet + \"\\\" \" : \"\";\n  var title = props.title ? \"title=\\\"\" + props.title + \"\\\" \" : \"\";\n  var alt = props.alt ? \"alt=\\\"\" + props.alt + \"\\\" \" : \"alt=\\\"\\\" \"; // required attribute\n\n  var width = props.width ? \"width=\\\"\" + props.width + \"\\\" \" : \"\";\n  var height = props.height ? \"height=\\\"\" + props.height + \"\\\" \" : \"\";\n  var crossOrigin = props.crossOrigin ? \"crossorigin=\\\"\" + props.crossOrigin + \"\\\" \" : \"\";\n  var loading = props.loading ? \"loading=\\\"\" + props.loading + \"\\\" \" : \"\";\n  var draggable = props.draggable ? \"draggable=\\\"\" + props.draggable + \"\\\" \" : \"\";\n  var sources = generateNoscriptSources(props.imageVariants);\n  return \"<picture>\" + sources + \"<img \" + loading + width + height + sizes + srcSet + src + alt + title + crossOrigin + draggable + \"style=\\\"position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center\\\"/></picture>\";\n}; // Earlier versions of gatsby-image during the 2.x cycle did not wrap\n// the `Img` component in a `picture` element. This maintains compatibility\n// until a breaking change can be introduced in the next major release\n\n\nvar Placeholder = _react.default.forwardRef(function (props, ref) {\n  var src = props.src,\n      imageVariants = props.imageVariants,\n      generateSources = props.generateSources,\n      spreadProps = props.spreadProps,\n      ariaHidden = props.ariaHidden;\n\n  var baseImage = /*#__PURE__*/_react.default.createElement(Img, (0, _extends2.default)({\n    ref: ref,\n    src: src\n  }, spreadProps, {\n    ariaHidden: ariaHidden\n  }));\n\n  return imageVariants.length > 1 ? /*#__PURE__*/_react.default.createElement(\"picture\", null, generateSources(imageVariants), baseImage) : baseImage;\n});\n\nvar Img = _react.default.forwardRef(function (props, ref) {\n  var sizes = props.sizes,\n      srcSet = props.srcSet,\n      src = props.src,\n      style = props.style,\n      onLoad = props.onLoad,\n      onError = props.onError,\n      loading = props.loading,\n      draggable = props.draggable,\n      ariaHidden = props.ariaHidden,\n      otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"sizes\", \"srcSet\", \"src\", \"style\", \"onLoad\", \"onError\", \"loading\", \"draggable\", \"ariaHidden\"]);\n  return (/*#__PURE__*/_react.default.createElement(\"img\", (0, _extends2.default)({\n      \"aria-hidden\": ariaHidden,\n      sizes: sizes,\n      srcSet: srcSet,\n      src: src\n    }, otherProps, {\n      onLoad: onLoad,\n      onError: onError,\n      ref: ref,\n      loading: loading,\n      draggable: draggable,\n      style: (0, _extends2.default)({\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        objectFit: \"cover\",\n        objectPosition: \"center\"\n      }, style)\n    }))\n  );\n});\n\nImg.propTypes = {\n  style: _propTypes.default.object,\n  onError: _propTypes.default.func,\n  onLoad: _propTypes.default.func\n};\n\nvar Image = /*#__PURE__*/function (_React$Component) {\n  (0, _inheritsLoose2.default)(Image, _React$Component);\n\n  function Image(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this; // If this image has already been loaded before then we can assume it's\n    // already in the browser cache so it's cheap to just show directly.\n\n    _this.seenBefore = isBrowser && inImageCache(props);\n    _this.isCritical = props.loading === \"eager\" || props.critical;\n    _this.addNoScript = !(_this.isCritical && !props.fadeIn);\n    _this.useIOSupport = !hasNativeLazyLoadSupport && hasIOSupport && !_this.isCritical && !_this.seenBefore;\n    var isVisible = _this.isCritical || isBrowser && (hasNativeLazyLoadSupport || !_this.useIOSupport);\n    _this.state = {\n      isVisible: isVisible,\n      imgLoaded: false,\n      imgCached: false,\n      fadeIn: !_this.seenBefore && props.fadeIn\n    };\n    _this.imageRef = _react.default.createRef();\n    _this.placeholderRef = props.placeholderRef || _react.default.createRef();\n    _this.handleImageLoaded = _this.handleImageLoaded.bind((0, _assertThisInitialized2.default)(_this));\n    _this.handleRef = _this.handleRef.bind((0, _assertThisInitialized2.default)(_this));\n    return _this;\n  }\n\n  var _proto = Image.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    if (this.state.isVisible && typeof this.props.onStartLoad === \"function\") {\n      this.props.onStartLoad({\n        wasCached: inImageCache(this.props)\n      });\n    }\n\n    if (this.isCritical) {\n      var img = this.imageRef.current;\n\n      if (img && img.complete) {\n        this.handleImageLoaded();\n      }\n    }\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    if (this.cleanUpListeners) {\n      this.cleanUpListeners();\n    }\n  } // Specific to IntersectionObserver based lazy-load support\n  ;\n\n  _proto.handleRef = function handleRef(ref) {\n    var _this2 = this;\n\n    if (this.useIOSupport && ref) {\n      this.cleanUpListeners = listenToIntersections(ref, function () {\n        var imageInCache = inImageCache(_this2.props);\n\n        if (!_this2.state.isVisible && typeof _this2.props.onStartLoad === \"function\") {\n          _this2.props.onStartLoad({\n            wasCached: imageInCache\n          });\n        } // imgCached and imgLoaded must update after isVisible,\n        // Once isVisible is true, imageRef becomes accessible, which imgCached needs access to.\n        // imgLoaded and imgCached are in a 2nd setState call to be changed together,\n        // avoiding initiating unnecessary animation frames from style changes.\n\n\n        _this2.setState({\n          isVisible: true\n        }, function () {\n          _this2.setState({\n            imgLoaded: imageInCache,\n            // `currentSrc` should be a string, but can be `undefined` in IE,\n            // !! operator validates the value is not undefined/null/\"\"\n            // for lazyloaded components this might be null\n            // TODO fix imgCached behaviour as it's now false when it's lazyloaded\n            imgCached: !!(_this2.imageRef.current && _this2.imageRef.current.currentSrc)\n          });\n        });\n      });\n    }\n  };\n\n  _proto.handleImageLoaded = function handleImageLoaded() {\n    activateCacheForImage(this.props);\n    this.setState({\n      imgLoaded: true\n    });\n\n    if (this.props.onLoad) {\n      this.props.onLoad();\n    }\n  };\n\n  _proto.render = function render() {\n    var _convertProps = convertProps(this.props),\n        title = _convertProps.title,\n        alt = _convertProps.alt,\n        className = _convertProps.className,\n        _convertProps$style = _convertProps.style,\n        style = _convertProps$style === void 0 ? {} : _convertProps$style,\n        _convertProps$imgStyl = _convertProps.imgStyle,\n        imgStyle = _convertProps$imgStyl === void 0 ? {} : _convertProps$imgStyl,\n        _convertProps$placeho = _convertProps.placeholderStyle,\n        placeholderStyle = _convertProps$placeho === void 0 ? {} : _convertProps$placeho,\n        placeholderClassName = _convertProps.placeholderClassName,\n        fluid = _convertProps.fluid,\n        fixed = _convertProps.fixed,\n        backgroundColor = _convertProps.backgroundColor,\n        durationFadeIn = _convertProps.durationFadeIn,\n        Tag = _convertProps.Tag,\n        itemProp = _convertProps.itemProp,\n        loading = _convertProps.loading,\n        draggable = _convertProps.draggable;\n\n    var shouldReveal = this.state.fadeIn === false || this.state.imgLoaded;\n    var shouldFadeIn = this.state.fadeIn === true && !this.state.imgCached;\n    var imageStyle = (0, _extends2.default)({\n      opacity: shouldReveal ? 1 : 0,\n      transition: shouldFadeIn ? \"opacity \" + durationFadeIn + \"ms\" : \"none\"\n    }, imgStyle);\n    var bgColor = typeof backgroundColor === \"boolean\" ? \"lightgray\" : backgroundColor;\n    var delayHideStyle = {\n      transitionDelay: durationFadeIn + \"ms\"\n    };\n    var imagePlaceholderStyle = (0, _extends2.default)((0, _extends2.default)((0, _extends2.default)({\n      opacity: this.state.imgLoaded ? 0 : 1\n    }, shouldFadeIn && delayHideStyle), imgStyle), placeholderStyle);\n    var placeholderImageProps = {\n      title: title,\n      alt: !this.state.isVisible ? alt : \"\",\n      style: imagePlaceholderStyle,\n      className: placeholderClassName,\n      itemProp: itemProp\n    };\n\n    if (fluid) {\n      var imageVariants = fluid;\n      var image = getCurrentSrcData(fluid);\n      return (/*#__PURE__*/_react.default.createElement(Tag, {\n          className: (className ? className : \"\") + \" gatsby-image-wrapper\",\n          style: (0, _extends2.default)({\n            position: \"relative\",\n            overflow: \"hidden\",\n            maxWidth: image.maxWidth ? image.maxWidth + \"px\" : null,\n            maxHeight: image.maxHeight ? image.maxHeight + \"px\" : null\n          }, style),\n          ref: this.handleRef,\n          key: \"fluid-\" + JSON.stringify(image.srcSet)\n        }, /*#__PURE__*/_react.default.createElement(Tag, {\n          \"aria-hidden\": true,\n          style: {\n            width: \"100%\",\n            paddingBottom: 100 / image.aspectRatio + \"%\"\n          }\n        }), bgColor && /*#__PURE__*/_react.default.createElement(Tag, {\n          \"aria-hidden\": true,\n          title: title,\n          style: (0, _extends2.default)({\n            backgroundColor: bgColor,\n            position: \"absolute\",\n            top: 0,\n            bottom: 0,\n            opacity: !this.state.imgLoaded ? 1 : 0,\n            right: 0,\n            left: 0\n          }, shouldFadeIn && delayHideStyle)\n        }), image.base64 && /*#__PURE__*/_react.default.createElement(Placeholder, {\n          ariaHidden: true,\n          ref: this.placeholderRef,\n          src: image.base64,\n          spreadProps: placeholderImageProps,\n          imageVariants: imageVariants,\n          generateSources: generateBase64Sources\n        }), image.tracedSVG && /*#__PURE__*/_react.default.createElement(Placeholder, {\n          ariaHidden: true,\n          ref: this.placeholderRef,\n          src: image.tracedSVG,\n          spreadProps: placeholderImageProps,\n          imageVariants: imageVariants,\n          generateSources: generateTracedSVGSources\n        }), this.state.isVisible && /*#__PURE__*/_react.default.createElement(\"picture\", null, generateImageSources(imageVariants), /*#__PURE__*/_react.default.createElement(Img, {\n          alt: alt,\n          title: title,\n          sizes: image.sizes,\n          src: image.src,\n          crossOrigin: this.props.crossOrigin,\n          srcSet: image.srcSet,\n          style: imageStyle,\n          ref: this.imageRef,\n          onLoad: this.handleImageLoaded,\n          onError: this.props.onError,\n          itemProp: itemProp,\n          loading: loading,\n          draggable: draggable\n        })), this.addNoScript && /*#__PURE__*/_react.default.createElement(\"noscript\", {\n          dangerouslySetInnerHTML: {\n            __html: noscriptImg((0, _extends2.default)((0, _extends2.default)({\n              alt: alt,\n              title: title,\n              loading: loading\n            }, image), {}, {\n              imageVariants: imageVariants\n            }))\n          }\n        }))\n      );\n    }\n\n    if (fixed) {\n      var _imageVariants = fixed;\n\n      var _image = getCurrentSrcData(fixed);\n\n      var divStyle = (0, _extends2.default)({\n        position: \"relative\",\n        overflow: \"hidden\",\n        display: \"inline-block\",\n        width: _image.width,\n        height: _image.height\n      }, style);\n\n      if (style.display === \"inherit\") {\n        delete divStyle.display;\n      }\n\n      return (/*#__PURE__*/_react.default.createElement(Tag, {\n          className: (className ? className : \"\") + \" gatsby-image-wrapper\",\n          style: divStyle,\n          ref: this.handleRef,\n          key: \"fixed-\" + JSON.stringify(_image.srcSet)\n        }, bgColor && /*#__PURE__*/_react.default.createElement(Tag, {\n          \"aria-hidden\": true,\n          title: title,\n          style: (0, _extends2.default)({\n            backgroundColor: bgColor,\n            width: _image.width,\n            opacity: !this.state.imgLoaded ? 1 : 0,\n            height: _image.height\n          }, shouldFadeIn && delayHideStyle)\n        }), _image.base64 && /*#__PURE__*/_react.default.createElement(Placeholder, {\n          ariaHidden: true,\n          ref: this.placeholderRef,\n          src: _image.base64,\n          spreadProps: placeholderImageProps,\n          imageVariants: _imageVariants,\n          generateSources: generateBase64Sources\n        }), _image.tracedSVG && /*#__PURE__*/_react.default.createElement(Placeholder, {\n          ariaHidden: true,\n          ref: this.placeholderRef,\n          src: _image.tracedSVG,\n          spreadProps: placeholderImageProps,\n          imageVariants: _imageVariants,\n          generateSources: generateTracedSVGSources\n        }), this.state.isVisible && /*#__PURE__*/_react.default.createElement(\"picture\", null, generateImageSources(_imageVariants), /*#__PURE__*/_react.default.createElement(Img, {\n          alt: alt,\n          title: title,\n          width: _image.width,\n          height: _image.height,\n          sizes: _image.sizes,\n          src: _image.src,\n          crossOrigin: this.props.crossOrigin,\n          srcSet: _image.srcSet,\n          style: imageStyle,\n          ref: this.imageRef,\n          onLoad: this.handleImageLoaded,\n          onError: this.props.onError,\n          itemProp: itemProp,\n          loading: loading,\n          draggable: draggable\n        })), this.addNoScript && /*#__PURE__*/_react.default.createElement(\"noscript\", {\n          dangerouslySetInnerHTML: {\n            __html: noscriptImg((0, _extends2.default)((0, _extends2.default)({\n              alt: alt,\n              title: title,\n              loading: loading\n            }, _image), {}, {\n              imageVariants: _imageVariants\n            }))\n          }\n        }))\n      );\n    }\n\n    return null;\n  };\n\n  return Image;\n}(_react.default.Component);\n\nImage.defaultProps = {\n  fadeIn: true,\n  durationFadeIn: 500,\n  alt: \"\",\n  Tag: \"div\",\n  // We set it to `lazy` by default because it's best to default to a performant\n  // setting and let the user \"opt out\" to `eager`\n  loading: \"lazy\"\n};\n\nvar fixedObject = _propTypes.default.shape({\n  width: _propTypes.default.number.isRequired,\n  height: _propTypes.default.number.isRequired,\n  src: _propTypes.default.string.isRequired,\n  srcSet: _propTypes.default.string.isRequired,\n  base64: _propTypes.default.string,\n  tracedSVG: _propTypes.default.string,\n  srcWebp: _propTypes.default.string,\n  srcSetWebp: _propTypes.default.string,\n  media: _propTypes.default.string\n});\n\nvar fluidObject = _propTypes.default.shape({\n  aspectRatio: _propTypes.default.number.isRequired,\n  src: _propTypes.default.string.isRequired,\n  srcSet: _propTypes.default.string.isRequired,\n  sizes: _propTypes.default.string.isRequired,\n  base64: _propTypes.default.string,\n  tracedSVG: _propTypes.default.string,\n  srcWebp: _propTypes.default.string,\n  srcSetWebp: _propTypes.default.string,\n  media: _propTypes.default.string,\n  maxWidth: _propTypes.default.number,\n  maxHeight: _propTypes.default.number\n}); // If you modify these propTypes, please don't forget to update following files as well:\n// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-image/index.d.ts\n// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-image/README.md#gatsby-image-props\n// https://github.com/gatsbyjs/gatsby/blob/master/docs/docs/gatsby-image.md#gatsby-image-props\n\n\nImage.propTypes = {\n  resolutions: fixedObject,\n  sizes: fluidObject,\n  fixed: _propTypes.default.oneOfType([fixedObject, _propTypes.default.arrayOf(fixedObject)]),\n  fluid: _propTypes.default.oneOfType([fluidObject, _propTypes.default.arrayOf(fluidObject)]),\n  fadeIn: _propTypes.default.bool,\n  durationFadeIn: _propTypes.default.number,\n  title: _propTypes.default.string,\n  alt: _propTypes.default.string,\n  className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),\n  // Support Glamor's css prop.\n  critical: _propTypes.default.bool,\n  crossOrigin: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),\n  style: _propTypes.default.object,\n  imgStyle: _propTypes.default.object,\n  placeholderStyle: _propTypes.default.object,\n  placeholderClassName: _propTypes.default.string,\n  backgroundColor: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),\n  onLoad: _propTypes.default.func,\n  onError: _propTypes.default.func,\n  onStartLoad: _propTypes.default.func,\n  Tag: _propTypes.default.string,\n  itemProp: _propTypes.default.string,\n  loading: _propTypes.default.oneOf([\"auto\", \"lazy\", \"eager\"]),\n  draggable: _propTypes.default.bool\n};\nvar _default = Image;\nexports.default = _default;","module.exports = __webpack_public_path__ + \"static/kreditpruefung-6bc8d594c83c90d671837d25dcc08844.svg\";","var $export = require('./_export');\nvar fails = require('./_fails');\nvar defined = require('./_defined');\nvar quot = /\"/g;\n// B.2.3.2.1 CreateHTML(string, tag, attribute, value)\nvar createHTML = function (string, tag, attribute, value) {\n  var S = String(defined(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + String(value).replace(quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\nmodule.exports = function (NAME, exec) {\n  var O = {};\n  O[NAME] = exec(createHTML);\n  $export($export.P + $export.F * fails(function () {\n    var test = ''[NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  }), 'String', O);\n};\n","import React from 'react';\nimport Img from 'gatsby-image';\nimport { Link } from 'gatsby';\nimport Logo from '../images/logo.svg';\nimport circle from '../images/circle.svg';\nimport { LinkButtonPrimary, LinkButtonSecondary } from '../components/ui';\nimport { motion, useViewportScroll, useTransform } from 'framer-motion';\n\ntype Props = {\n    image: any;\n};\n\nexport default ({ image }: Props) => {\n    return (\n        <>\n            <div className=\"container mx-auto pt-12 mb-24 md:mb-32 flex items-center justify-center md:justify-start z-10\">\n                <Link to={`/`}>\n                    <img src={Logo} alt=\"Logo\" className=\"object-contain w-full h-full mb-0\" />\n                </Link>\n            </div>\n            <div className=\"container relative mx-auto flex flex-col md:flex-row items-start mb-24 md:mb-34\">\n                <motion.div\n                    className=\"absolute circle-top z-0 pointer-events-none\"\n                    animate={{ y: [0, 20, 0] }}\n                    transition={{ duration: 8, ease: 'easeInOut', loop: Infinity }}\n                >\n                    <img src={circle} alt=\"circle\" className=\"object-contain w-full h-full\" />\n                </motion.div>\n                <motion.div\n                    className=\"flex items-center md:mr-12 w-full md:w-3/5 z-10\"\n                    initial={{ y: 50, opacity: 0 }}\n                    animate={{ y: 0, opacity: 1 }}\n                    transition={{ duration: 0.3 }}\n                >\n                    <div className=\"mb-4\">\n                        <p className=\"text-2xs font-medium uppercase tracking-wider mb-5\">Digital Finance Platform</p>\n                        <h1 className=\"m-auto mb-2 text-4xl md:text-5xl font-bold leading-tight\">\n                            Digitaler Kreditprozess für Ihre Kunden.\n                        </h1>\n                        <h2 className=\"m-auto text-4xl md:text-5xl font-light mb-5 leading-tight\">Wir haben ihn.</h2>\n                        <LinkButtonPrimary text=\"Warum d.fp?\" link=\"#whydfp\" />\n                        <LinkButtonSecondary text=\"Kontakt aufnehmen\" link=\"#contactgroup\" />\n                    </div>\n                </motion.div>\n                <div className=\"w-2/4 md:w-2/6 mt-12 self-center relative\">\n                    <Img fluid={image} className=\"shadow-lg w-full\" />\n                </div>\n            </div>\n        </>\n    );\n};\n","import React from 'react';\nimport { LinkButtonPrimary } from './ui';\nimport Img from 'gatsby-image';\n\ntype FeaturedProps = {\n    headline: string;\n    text: string;\n    image: any;\n    overline?: string;\n};\n\ntype CTAProps = {\n    headline: string;\n    subheadline?: string;\n    text: string;\n    buttonText?: string;\n    buttonLink?: string;\n    image: any;\n};\n\nconst item = { hidden: { x: -10, opacity: 0 } };\n\nexport const FeatureImageRight = ({ headline, text, image, overline }: FeaturedProps) => (\n    <div className=\"flex flex-col md:flex-row mb-24 md:mb-32 lg:mb-34 lg:pl-24 max-w-full\">\n        <div className=\"flex flex-col justify-center lg:ml-8 leading-relaxed w-full md:w-2/4\">\n            <div className=\"mb-6 md:mb-0\">\n                {overline && <p className=\"text-2xs font-medium uppercase tracking-wider mb-6\">{overline}</p>}\n                <h2 className=\"text-2xl md:text-4xl mb-5 font-bold\">{headline}</h2>\n                <p className=\"text-sm md:text-base leading-relaxed\">{text}</p>\n            </div>\n        </div>\n        <div className=\"md:ml-24 md:pl-4 w-2/4 md:w-6/12\">\n            <img src={image} alt=\"Illustration\" className=\"object-contain w-full h-full\" />\n        </div>\n    </div>\n);\n\nexport const FeatureImageLeft = ({ headline, text, image, overline }: FeaturedProps) => (\n    <div className=\"flex flex-col-reverse md:flex-row mb-24 md:mb-32 lg:mb-34 lg:pr-24 max-w-full\">\n        <div className=\"md:mr-32 md:pr-4 w-2/4 md:w-6/12\">\n            <img src={image} alt=\"Illustration\" className=\"object-contain w-full h-full\" />\n        </div>\n        <div className=\"flex flex-col justify-center lg:mr-8 leading-relaxed w-full md:w-2/4\">\n            <div className=\"mb-6 md:mb-0\">\n                {overline && <p className=\"text-2xs font-medium uppercase tracking-wider mb-6\">{overline}</p>}\n                <h2 className=\"text-2xl md:text-4xl mb-5 font-bold\">{headline}</h2>\n                <p className=\"text-sm md:text-base leading-relaxed\">{text}</p>\n            </div>\n        </div>\n    </div>\n);\n\nexport const FeatureCTAImageRight = ({\n    headline,\n    subheadline,\n    text,\n    buttonText,\n    buttonLink = '#',\n    image,\n}: CTAProps) => (\n    <div className=\"flex flex-col md:flex-row max-w-full mb-24 md:mb-32 lg:mb-34 items-start relative z-10\">\n        <div className=\"flex flex-col justify-center leading-relaxed w-full md:w-6/12\">\n            <div className=\"mb-6 md:mb-0\">\n                <h2 className=\"text-lg md:text-lg mb-1 uppercase tracking-wide font-medium\">{headline}</h2>\n                {subheadline && <p className=\"font-light italic\">{subheadline}</p>}\n                <p className=\"text-xl lg:text-2xl mt-12 mb-8\">{text}</p>\n                {buttonText && <LinkButtonPrimary text={buttonText} link={buttonLink} />}\n            </div>\n        </div>\n        <div className=\"md:ml-24 lg:ml-32 w-2/4 md:w-4/12\">\n            <Img fluid={image} className=\"w-full shadow-lg\" />\n        </div>\n    </div>\n);\n\nexport const FeatureCTAImageLeft = ({ headline, subheadline, text, buttonText, buttonLink = '#', image }: CTAProps) => (\n    <div className=\"flex flex-col-reverse max-w-full mb-24 md:mb-32 lg:mb-34 md:flex-row md:items-center relative z-10\">\n        <div className=\"md:mr-10 lg:mr-24 md:-ml-15 lg:-ml-20 w-3/4 md:w-2/4\">\n            <Img fluid={image} className=\"rounded-full shadow-lg\" />\n        </div>\n        <div className=\"flex flex-col justify-center leading-relaxed w-full md:w-6/12\">\n            <div className=\"mb-6 md:mb-0\">\n                <h2 className=\"text-lg md:text-lg mb-1 uppercase tracking-wide font-medium\">{headline}</h2>\n                {subheadline && <p className=\"font-light italic\">{subheadline}</p>}\n                <p className=\"text-xl lg:text-2xl mt-8 mb-8\">{text}</p>\n                {buttonText && <LinkButtonPrimary text={buttonText} link={buttonLink} />}\n            </div>\n        </div>\n    </div>\n);\n","import React, { useState } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\n\ntype EncodeProps = {\n    [name: string]: string;\n};\n\nconst encode = (data: EncodeProps) => {\n    return {\n        fields: Object.keys(data).map((key) => ({ name: key, value: data[key] })),\n        context: {\n            pageUri: 'www.dfp-tech.ch',\n            pageName: 'DFP',\n        },\n    };\n};\n\nexport default () => {\n    const [values, setValues] = useState({\n        salutation: '',\n        firstname: '',\n        lastname: '',\n        email: '',\n        message: '',\n        phone: '',\n    });\n\n    const [showPhone, setShowPhone] = useState(false);\n    const [sent, setSent] = useState(false);\n    const [valid, setValid] = useState(true);\n\n    const isValid = () => {\n        return Boolean(values.salutation && values.firstname && values.lastname && values.message && values.message);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement & HTMLInputElement & HTMLSelectElement>) => {\n        const { name, value } = e.currentTarget;\n        setValues({ ...values, [name]: value });\n        setValid(true);\n    };\n\n    const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n        if (isValid()) {\n            fetch(\n                'https://api.hsforms.com/submissions/v3/integration/submit/4279246/404a049d-eab8-4712-8a9a-6a35a9040064',\n                {\n                    method: 'POST',\n                    headers: { 'Content-Type': 'application/json' },\n                    body: JSON.stringify(encode(values)),\n                }\n            )\n                .then(() => setSent(true))\n                .catch((error) => console.log(error));\n        } else {\n            setValid(false);\n        }\n        e.preventDefault();\n    };\n\n    const togglePhone = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setShowPhone(!showPhone);\n    };\n\n    return (\n        <AnimatePresence>\n            <motion.div className=\"block shadow-lg rounded bg-white p-6\" animate>\n                <form className=\"\" method=\"POST\" action=\"/\" name=\"contact\" onSubmit={handleSubmit}>\n                    <div className=\"relative mb-4\">\n                        <select\n                            className=\"form-select bg-white appearance-none border-2 border-gray-200 rounded-sm w-full py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-cyan\"\n                            name=\"salutation\"\n                            onChange={handleChange}\n                        >\n                            <option value=\"\">Anrede (bitte wählen)</option>\n                            <option>Herr</option>\n                            <option>Frau</option>\n                        </select>\n                    </div>\n                    <div className=\"mb-4\">\n                        <input\n                            className=\"bg-white appearance-none border-2 border-gray-200 rounded-sm w-full py-3 px-4  leading-tight focus:outline-none focus:bg-white focus:border-cyan\"\n                            id=\"firstname\"\n                            type=\"text\"\n                            placeholder=\"Vorname\"\n                            name=\"firstname\"\n                            onChange={handleChange}\n                        />\n                    </div>\n                    <div className=\"mb-4\">\n                        <input\n                            className=\"bg-white appearance-none border-2 border-gray-200 rounded-sm w-full py-3 px-4  leading-tight focus:outline-none focus:bg-white focus:border-cyan\"\n                            id=\"lastname\"\n                            type=\"text\"\n                            placeholder=\"Name\"\n                            name=\"lastname\"\n                            onChange={handleChange}\n                        />\n                    </div>\n                    <div className=\"mb-4\">\n                        <input\n                            className=\"bg-white appearance-none border-2 border-gray-200 rounded-sm w-full py-3 px-4  leading-tight focus:outline-none focus:bg-white focus:border-cyan\"\n                            id=\"email\"\n                            type=\"email\"\n                            placeholder=\"Email\"\n                            name=\"email\"\n                            onChange={handleChange}\n                        />\n                    </div>\n                    <div className=\"mb-4\">\n                        <textarea\n                            className=\"bg-white appearance-none border-2 border-gray-200 rounded-sm w-full py-3 px-4  leading-tight focus:outline-none focus:bg-white focus:border-cyan\"\n                            id=\"message\"\n                            placeholder=\"Nachricht\"\n                            name=\"message\"\n                            rows={10}\n                            cols={50}\n                            onChange={handleChange}\n                        />\n                    </div>\n                    <div className=\"mb-4\">\n                        <label className=\"block\">\n                            <input className=\"form-checkbox mr-4 text-yellow\" type=\"checkbox\" onChange={togglePhone} />\n                            <span className=\"\">Ich wünsche einen Rückruf</span>\n                        </label>\n                    </div>\n                    <AnimatePresence>\n                        {showPhone && (\n                            <motion.div\n                                className=\"mb-4\"\n                                initial={{ y: -10, opacity: 0 }}\n                                animate={{ y: 0, opacity: 1 }}\n                                exit={{ y: -10, opacity: 0 }}\n                                transition={{ duration: 0.2, ease: 'easeInOut' }}\n                            >\n                                <input\n                                    className=\"bg-white appearance-none border-2 border-gray-200 rounded-sm w-full py-3 px-4  leading-tight focus:outline-none focus:bg-white focus:border-cyan\"\n                                    id=\"phone\"\n                                    type=\"text\"\n                                    placeholder=\"Telefon\"\n                                    name=\"phone\"\n                                    onChange={handleChange}\n                                />\n                            </motion.div>\n                        )}\n                    </AnimatePresence>\n\n                    <div className=\"flex flex-auto justify-center\">\n                        {!valid && <div className=\"pb-3 text-red-500\">Bitte füllen Sie alle Felder aus.</div>}\n                    </div>\n                    <div className=\"flex flex-auto justify-center\">\n                        {sent ? (\n                            <motion.p\n                                className=\"text-yellow-500\"\n                                initial={{ y: -50, opacity: 0 }}\n                                animate={{ y: 0, opacity: 1 }}\n                                transition={{ duration: 0.3, delay: 0.2 }}\n                            >\n                                Vielen Dank. Wir melden uns in Kürze.\n                            </motion.p>\n                        ) : (\n                            <motion.button\n                                className=\"inline-flex bg-yellow-400 text-cyan-700 hover:bg-yellow-500 hover:text-white hover:shadow-xl text-sm font-semibold py-2 px-4 rounded-full py-3 px-10 focus:outline-none focus:shadow-outline shadow-lg mr-8 mb-4\"\n                                whileHover={{ scale: 1.05 }}\n                                whileTap={{ scale: 0.9 }}\n                                type=\"submit\"\n                                disabled={!valid}\n                            >\n                                Absenden\n                            </motion.button>\n                        )}\n                    </div>\n                </form>\n            </motion.div>\n        </AnimatePresence>\n    );\n};\n","import React from \"react\"\nimport { LinkButtonPrimary } from \"./ui\"\nimport styled from \"@emotion/styled\"\nimport tw from \"tailwind.macro\"\nimport ContactForm from \"./contactform\"\n\ntype stepsProps = {\n  number: string\n  text: string\n}\n\nexport const H3 = styled.h3`\n  ${tw`text-3xl md:text-2xl mb-2 font-semibold`}\n`\nexport const P = styled.p`\n  ${tw`mb-2 text-sm`}\n`\nconst Steps = ({ number, text }: stepsProps) => (\n  <div className=\"flex flex-row items-start mb-5\">\n    <span className=\"text-4xl md:text-5xl lg:text-7xl leading-none text-yellow-400 font-bold mr-6 md:mr-8\">{number}</span>\n    <span className=\"md:pt-2 text-lg lg:text-xl\">{text}</span>\n  </div>\n)\n\nexport const ContactGroup = () => (\n         <div\n           id=\"contactgroup\"\n           className=\"container mx-auto mb-32 flex flex-col md:flex-row items-start justify-between\"\n         >\n           <div className=\"flex flex-col w-full md:w-2/4 md:mr-12 md:pr-4 mb-8 md:mb-2\">\n             <div>\n               <h2 className=\"text-3xl md:text-4xl lg:text-5xl mb-4 font-bold leading-tight\">\n                 Der digitaler Kreditprozess für Ihre KMU Kunden.\n               </h2>\n               <h3 className=\"text-3xl md:text-4xl lg:text-5xl mb-8 font-light\">\n                 Die nächsten Schritte:\n               </h3>\n               <div className=\"flex flex-col\">\n                 <Steps number={`1`} text={`Nehmen Sie mit uns Kontakt auf`} />\n                 <Steps number={`2`} text={`Wir demonstrieren Ihnen unsere Fähigkeiten`} />\n                 <Steps\n                   number={`3`}\n                   text={`Bringen Sie Ihr KMU Geschäft weiter mit den Modulen aus dem d.fp Baukasten`}\n                 />\n               </div>\n             </div>\n           </div>\n           <div className=\"flex w-full md:w-5/12\">\n             <ContactForm />\n           </div>\n         </div>\n       )\n","import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.array.iterator\";\nimport \"core-js/modules/es6.object.to-string\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.array.index-of\";\nimport \"core-js/modules/es6.symbol\";\nimport \"core-js/modules/es6.object.assign\";\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n\n  var target = _objectWithoutPropertiesLoose(source, excluded);\n\n  var key, i;\n\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n\n  return target;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nimport React, { forwardRef } from 'react';\nvar Check = forwardRef(function (_ref, ref) {\n  var _ref$color = _ref.color,\n      color = _ref$color === void 0 ? 'currentColor' : _ref$color,\n      _ref$size = _ref.size,\n      size = _ref$size === void 0 ? 24 : _ref$size,\n      rest = _objectWithoutProperties(_ref, [\"color\", \"size\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    ref: ref,\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: size,\n    height: size,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    stroke: color,\n    strokeWidth: \"2\",\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\"\n  }, rest), /*#__PURE__*/React.createElement(\"polyline\", {\n    points: \"20 6 9 17 4 12\"\n  }));\n});\nCheck.displayName = 'Check';\nexport default Check;","import React from 'react';\nimport { LinkButtonPrimary } from './ui';\nimport styled from '@emotion/styled';\nimport tw from 'tailwind.macro';\nimport * as Feather from 'react-feather';\n\ntype FeaturedProps = {\n    headline: string;\n    text: string;\n    image: any;\n    overline?: string;\n};\n\nexport const H3 = styled.h3`\n    ${tw`text-xl md:text-2xl mb-4 font-bold`}\n`;\nexport const P = styled.p`\n    ${tw`mb-6 font-sm leading-relaxed`}\n`;\n\nexport const Grid = () => (\n    <>\n        <h2 className=\"text-2xl md:text-4xl mb-8 md:pb-1 font-bold\">Was steckt in d.fp?</h2>\n\n        <div className=\"flex flex-col md:flex-row\">\n            <div className=\"bg-cyan-400 w-full md:w-4/6 mr-5 mb-5 p-7 pb-12 text-white shadow-lg rounded\">\n                <h3 className=\"text-xl text-white md:text-3xl mb-4 font-semibold\">\n                    Die digitale Finanzierungs-Plattform d.fp\n                </h3>\n                <p className=\"mb-6 md:text-xl text-white font-light\">\n                    d.fp ist eine modulare, integrierte Finanzierungsplattform zur Anbahnung, Prüfung, Vergabe und\n                    Administration von KMU Finanzierungsanfragen. Dfp verfügt sowohl über FrontEnd Module als auch ein\n                    Kreditverwaltungssystem (Backoffice).\n                </p>\n                <p className=\"mb-6 md:text-xl text-white font-light\">\n                    d.fp unterstützt neben traditionellen Krediten und Hypotheken auch Mezzanine Finanzierungen.\n                </p>\n                <p className=\"mb-6 md:text-xl text-white font-light\">\n                    Mit der Möglichkeit, Finanzierungen als ERC 20 Kontrakte auf der Ethereum Blockchain zu verwalten,\n                    werden Kredite zu digitalen Vermögenswerten, welche auch gehandelt werden können. So erhalten KMU\n                    Zugang zu einem neuartigen Kapitalmarkt.\n                </p>\n            </div>\n            <div className=\"bg-white w-full md:w-2/6 mb-5 p-7 pb-12 shadow-lg rounded\">\n                <H3>Online Kreditantrag</H3>\n                <P>\n                    Der Online Kreditantrag erlaubt Ihrem Kunden direkt zu einem provisorischen Rating und damit einer\n                    Kostenabschätzung für sein Finanzierungsbedürfnis zu gelangen. Dabei wird er unterstützt durch die\n                    Plattform\n                </P>\n                <ul className=\"list-none\">\n                    <li className=\"ml-4\">\n                        <Feather.Check className=\"text-yellow-400 inline -ml-6 mr-1\" />\n                        indem Firmeninformationen direkt aus dem ZEFIX ergänzt werden und\n                    </li>\n                    <li className=\"ml-4\">\n                        <Feather.Check className=\"text-yellow-400 inline -ml-6 mr-1\" />\n                        die Integration diverser Buchhaltungssysteme die Erfassung von Finanzzahlen erübrigen.\n                    </li>\n                </ul>\n                <P>\n                    Als Resultat steht dem Kunden ein Ratingreport mit nachvollziehbaren Informationen zum\n                    Ratingresultat zur Verfügung. Jetzt schickt er den Kreditantrag ab für die Kreditprüfung.\n                </P>\n            </div>\n        </div>\n        <div className=\"flex flex-col md:flex-row\">\n            <div className=\"bg-white w-full md:w-2/6 mb-5 md:mr-5 p-7 pb-12 shadow-lg rounded\">\n                <H3>Kunden Onboarding</H3>\n                <P>Die Online Eröffnung eines Kreditnehmerkontos erfolgt</P>\n                <ul className=\"list-none\">\n                    <li className=\"ml-4\">\n                        <Feather.Check className=\"text-yellow-400 inline -ml-6 mr-1\" />\n                        nach den Vorgaben aus dem FINMA Rundschreiben RS 2016/7 Video- und Online- Identifizierung und\n                    </li>\n                    <li className=\"ml-4\">\n                        <Feather.Check className=\"text-yellow-400 inline -ml-6 mr-1\" />\n                        geldwäschereikonform. Die Prozesse sind vom Verein für Qualitätssicherung von\n                        Finanzdienstleitungen (VQF) revidiert worden. So identifizierte potentielle Kunden sind parat\n                        für ein Bankgeschäft.\n                    </li>\n                </ul>\n            </div>\n            <div className=\"bg-white w-full md:w-4/6 mb-5 p-7 pb-12 shadow-lg rounded\">\n                <H3>Kreditprüfung</H3>\n                <P>\n                    Eingereichte Onlinekreditanträge werden im Backoffice Module durch die Kreditabteilung der Bank oder\n                    durch d.fp Spezialisten weiterbearbeitet. Das beinhaltet die Vollständigkeitsprüfung und die\n                    Verifikation der eingegebenen Daten.\n                </P>\n                <P>\n                    Dabei stützt sich die Kreditfähigkeit auf das integrierte Kreditrisikomodell, die Kreditwürdigkeit\n                    auf Daten externer Kreditbüros (CRIF) und ein integriertes, branchenabhängiges Social Media\n                    screening. Als Resultat der Prüfung entsteht ein elektronisches Kreditdossier, welches zur\n                    Finanzierung freigegeben werden kann.\n                </P>\n            </div>\n        </div>\n    </>\n);\n","import React from 'react';\nimport { motion } from 'framer-motion';\n\nimport Layout from '../components/layout';\nimport SEO from '../components/seo';\n\nimport { graphql } from 'gatsby';\nimport Hero from '../components/hero';\nimport { IndexQuery } from '../../types/graphql-types';\nimport {\n    FeatureImageLeft,\n    FeatureImageRight,\n    FeatureCTAImageRight,\n    FeatureCTAImageLeft,\n} from '../components/featuregroup';\n\nimport kreditpruefung from '../images/kreditpruefung.svg';\nimport kmukredit from '../images/kmukredit.svg';\nimport uptodate from '../images/uptodate.svg';\nimport circle from '../images/circle.svg';\nimport { ContactGroup } from '../components/contactgroup';\nimport { Grid } from '../components/grid';\n\ntype Props = {\n    data: IndexQuery;\n};\n\nexport default ({ data }: Props) => {\n    return (\n        <Layout siteTitle={data.site?.siteMetadata?.title || ''}>\n            <SEO\n                title={data.site?.siteMetadata?.title || ''}\n                keywords={[`DFP`, `Swisspeers`, `Digitaler Kreditprozess`, `Schweizer Bank`, `KMU-Kredit`, `Kredit`]}\n            />\n            <div className=\"bg-gradient-top\">\n                <Hero image={data.tabletRequest?.childImageSharp?.fluid} />\n                <motion.div\n                    id=\"whydfp\"\n                    className=\"container mx-auto block items-center relative z-10\"\n                    initial={{ y: 50, opacity: 0 }}\n                    animate={{ y: 0, opacity: 1 }}\n                    transition={{ duration: 0.3, delay: 0.2 }}\n                >\n                    <FeatureImageLeft\n                        headline={`KMU-Kredit 100% online.`}\n                        text={`Online 24/7 beantragen Kunden auf Ihrer Website genau dann einen KMU Kredit, wenn es\nzeitlich passt. Die Informationen zur Ermittlung von Kreditfähigkeit und Würdigkeit werden\nim Self-Servicing erfasst. Eine Ratingindikation gibt sofort Auskunft über die Höhe der zu\nerwartenden Kosten.`}\n                        image={kmukredit}\n                        overline={`Für Schweizer Kommerzbanken`}\n                    />\n                    <FeatureImageRight\n                        headline={`Kredite bis CHF 500.000 schnell geprüft`}\n                        text={`Die Kreditwürdigkeitsprüfung findet unter Einbezug von integrierten Auskunftsdaten und\nSocial Media Screenings statt. Das quantitativen Rating Modell der Bank wird integriert.`}\n                        image={kreditpruefung}\n                        overline={`Prozesseffizienz für Ihre Kreditprüfung`}\n                    />\n                    <FeatureImageLeft\n                        headline={`Immer auf dem neuesten Stand`}\n                        text={`Wie bei Microsoft 365 befindet sich die Technologie immer auf dem neusten Stand\nDank Bereitstellung via Schweizer Cloud Service. Updates werden kontinuierlich und ohne\nUnterbrüche eingespielt.`}\n                        image={uptodate}\n                        overline={`Software as a Service für Ihre IT`}\n                    />\n                </motion.div>\n            </div>\n\n            <div className=\"relative bg-gradient-bottom\">\n                <div className=\"container mx-auto flex flex-col items-center\">\n                    <FeatureCTAImageRight\n                        headline={`Swisspeers AG setzt auf d.fp`}\n                        text={`Die Technologieplattform von d.fp funktioniert seit 2016 ohne Unterbrüche mit steigenden\nKreditvolumen und Nutzerzahlen einwandfrei. Die Funktionalitäten auch für komplexere\nFinanzierungsanfragen sind vorhanden. Die modernsten Sicherheitsstandards sind im\nEinsatz und werden regelmässig extern überprüft.`}\n                        image={data.tabletSwisspeers?.childImageSharp?.fluid}\n                        buttonText={`Swisspeers kennenlernen`}\n                        buttonLink={'https://www.swisspeers.ch'}\n                    />\n                </div>\n                <motion.div\n                    className=\"absolute circle-center z-0 pointer-events-none\"\n                    animate={{ y: [0, 20, 0] }}\n                    transition={{ duration: 8, ease: 'easeInOut', loop: Infinity }}\n                >\n                    <img src={circle} alt=\"circle\" className=\"object-contain w-full h-full\" />\n                </motion.div>\n\n                <div className=\"container mx-auto mb-24 md:mb-32 lg:mb-34 relative z-10\">\n                    <Grid></Grid>\n                </div>\n\n                <div className=\"container mx-auto flex flex-col items-center\">\n                    <FeatureCTAImageLeft\n                        headline={`Wir sind d.fp`}\n                        text={`d.fp bietet den modernsten KMU Kredit der Schweiz in Form von Technologie und Knowhow.\nDie Personen hinter d.fp bringen das technische und fachliche Wissen, sowie viele Jahre Praxiserfahrung \nin den Bereichen Entwicklung und Betrieb von Standardsoftware für die Finanzindustrie, im Kommerzkreditgeschäft und dem Aufbau digitaler Geschäftsmodelle mit.`}\n                        image={data.about?.childImageSharp?.fluid}\n                        buttonText={`Team kennenlernen`}\n                        buttonLink={`https://www.swisspeers.ch/ueber-uns#team`}\n                    />\n                </div>\n            </div>\n\n            <div className=\"bg-white relative\">\n                <ContactGroup />\n            </div>\n        </Layout>\n    );\n};\n\nexport const query = graphql`\n    query Index {\n        about: file(relativePath: { eq: \"images/about.jpg\" }) {\n            childImageSharp {\n                fluid(maxWidth: 900) {\n                    ...GatsbyImageSharpFluid_withWebp\n                }\n            }\n        }\n        tabletRequest: file(relativePath: { eq: \"images/tablet-request.png\" }) {\n            childImageSharp {\n                fluid(maxWidth: 900) {\n                    ...GatsbyImageSharpFluid_withWebp\n                }\n            }\n        }\n        tabletSwisspeers: file(relativePath: { eq: \"images/tablet-sp.png\" }) {\n            childImageSharp {\n                fluid(maxWidth: 900) {\n                    ...GatsbyImageSharpFluid_withWebp\n                }\n            }\n        }\n        site {\n            siteMetadata {\n                title\n                description\n                image\n                siteUrl\n            }\n        }\n    }\n`;\n","module.exports = __webpack_public_path__ + \"static/kmukredit-1cd0eec884e9fd25b9595f0006024bda.svg\";","module.exports = __webpack_public_path__ + \"static/uptodate-8de9093f9fac3521b3e12fb730e3018b.svg\";","'use strict';\n// B.2.3.10 String.prototype.link(url)\nrequire('./_string-html')('link', function (createHTML) {\n  return function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  };\n});\n","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOTU0cHgiIGhlaWdodD0iOTU0cHgiIHZpZXdCb3g9IjAgMCA5NTQgOTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPk92YWw8L3RpdGxlPgogICAgPGcgaWQ9IkxhbmRpbmdwYWdlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjRjBGNEZBIiBjeD0iNDc3IiBjeT0iNDc3IiByPSI0NzciPjwvY2lyY2xlPgogICAgPC9nPgo8L3N2Zz4=\""],"sourceRoot":""}