{"version":3,"sources":["webpack:///./node_modules/react-typewriting/lib/utils.js","webpack:///./src/components/shared/GridList/GridList.js","webpack:///./src/assets/icons/ic_desktop-applikationen.svg","webpack:///./src/assets/icons/ic_mobile-applikationen.svg","webpack:///./node_modules/react-typewriting/lib/Typewriting.js","webpack:///./src/assets/pictures/buehne_technologien.svg","webpack:///./src/assets/icons/ic_web-applikationen.svg","webpack:///./src/assets/icons/ic_cloud-solutions.svg","webpack:///./src/components/technologies/TypewriterSection/TypewriterSection.js","webpack:///./src/components/technologies/LanguagesGallery/LanguagesGallery.js","webpack:///./src/pages/technologies.js"],"names":["Object","defineProperty","exports","value","MINIMUM_THRESHOLD","randomizeTimeout","ms","Array","isArray","Math","random","max","items","imageList","map","block","key","prop","xs","lg","alt","className","src","width","sm","module","_extendStatics","__extends","this","d","b","setPrototypeOf","__proto__","p","hasOwnProperty","__","constructor","prototype","create","Tick","React","utils_1","DEFAULTS","moveToNextString","prevState","props","nextStringIdx","currentStringIdx","isDeleting","currentCharPos","strings","length","moveCharPos","change","startDeleting","Typewriting","_super","_this","apply","arguments","tickTimeout","state","componentDidMount","queueTick","INIT","componentWillUnmount","clearTimeout","tickType","_a","writeSpeedMs","deleteSpeedMs","waitBeforeDeleteMs","timeout","WRITE","DELETE","START_DELETE","window","setTimeout","tick","currentText","setState","render","fullCurrentText","slice","children","PureComponent","default","data","head","rotatingTail","initialInternalStyle","opacity","baseRow","aria-label","internalTransitionsRef","useRef","internalTransitions","useTransition","ref","trail","from","enter","leave","section","id","item","style","initialSectionStyle","sectionTransitionsRef","sectionTransition","useChain","images","fluid","content","compose","getEdgesForQuery","ui","uiTypewriterData","getSectionDataFor","headerSectionData","overviewSectionData","whatWeDoSectionData","whatWeDoBlockList","whatWeDoImageList","ic_web_applikationen","ic_mobile_applikationen","ic_cloud_solutions","ic_desktop_applikationen","languagesSectionData","languagesGalleryList","footer","contactSectionData","image","imageTechnologies","anchor","dotColor"],"mappings":"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","file":"component---src-pages-technologies-js-fda939d1977409140561.js","sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.MINIMUM_THRESHOLD = 30;\n\nexports.randomizeTimeout = function (ms) {\n  return Array.isArray(ms) ? // random value inside the specified min and max thresholds\n  ms[0] + Math.random() * (ms[1] - ms[0]) : // randomize the value - with a minimum threshold\n  Math.max(Math.random() * ms, exports.MINIMUM_THRESHOLD);\n};","import React from \"react\"\r\nimport { map, prop } from \"ramda\"\r\nimport { Row, Col } from \"reactstrap\"\r\n\r\nconst GridList = ({ items, imageList }) =>\r\n  map(\r\n    block => (\r\n      <Col key={prop(\"label\", block)} xs={12} lg={6}>\r\n        <img\r\n          alt={prop(\"label\", block)}\r\n          className=\"d-none d-lg-block pb-3 pt-5\"\r\n          src={imageList[prop(\"image\", block)]}\r\n          width=\"130\"\r\n        />\r\n        <img\r\n          alt={prop(\"label\", block)}\r\n          className=\"d-block d-sm-none pb-3 pt-5 mx-auto\"\r\n          src={imageList[prop(\"image\", block)]}\r\n          width=\"170\"\r\n        />\r\n        <h4 className=\"d-block d-sm-none d-lg-block dot dot-green\">\r\n          {prop(\"label\", block)}\r\n        </h4>\r\n        <h4 className=\"d-none d-sm-block d-lg-none dot dot-green my-4\">\r\n          {prop(\"label\", block)}\r\n        </h4>\r\n        <Row>\r\n          <Col xs={3} className=\"d-none d-sm-block d-lg-none\">\r\n            <img\r\n              alt={prop(\"label\", block)}\r\n              className=\"pb-3\"\r\n              src={imageList[prop(\"image\", block)]}\r\n            />\r\n          </Col>\r\n          <Col xs={12} sm={9} lg={11}>\r\n            <p>{prop(\"text\", block)}</p>\r\n          </Col>\r\n        </Row>\r\n      </Col>\r\n    ),\r\n    items\r\n  )\r\n\r\nexport default GridList\r\n","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjYsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMzAgMTMwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMzAgMTMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojN0JDRURBO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjtzdHJva2U6IzUwNTA1MDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qye2ZpbGw6IzFDOUZCMjt9DQoJLnN0M3tmaWxsOiMxQzlGQjI7c3Ryb2tlOiM1MDUwNTA7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0NHtmaWxsOiNGRkZGRkY7c3Ryb2tlOiM1MDUwNTA7c3Ryb2tlLXdpZHRoOjEuMzcyMTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0NXtmaWxsOiM1MDUwNTA7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY1IiBjeT0iNjUiIHI9IjY1Ii8+DQo8Zz4NCgk8Zz4NCgkJPGc+DQoJCQk8Zz4NCgkJCQk8Zz4NCgkJCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTk4LjMsODVIMzEuOGMtMS40LDAtMi41LTEuMS0yLjUtMi41VjQxLjljMC00LjMsMy41LTcuOCw3LjgtNy44aDU2YzQuMywwLDcuOCwzLjUsNy44LDcuOHY0MC42DQoJCQkJCQlDMTAwLjksODMuOSw5OS43LDg1LDk4LjMsODV6Ii8+DQoJCQkJPC9nPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KCTxnPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjM1LjYiIHk9IjQwLjQiIGNsYXNzPSJzdDIiIHdpZHRoPSI1OC45IiBoZWlnaHQ9IjQwLjMiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik05NC41LDgxLjVIMzUuNmMtMC41LDAtMC45LTAuNC0wLjktMC45VjQwLjRjMC0wLjUsMC40LTAuOSwwLjktMC45aDU4LjljMC41LDAsMC45LDAuNCwwLjksMC45djQwLjMNCgkJCQlDOTUuMyw4MS4xLDk1LDgxLjUsOTQuNSw4MS41eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTA2LDc5LjloLTgyYy0xLjQsMC0yLjUsMC44LTIuNSwxLjh2Mi45YzAsMi42LDMuNCw0LjgsNy41LDQuOGg3Mi4xYzQuMSwwLDcuNS0yLjEsNy41LTQuOHYtMi45DQoJCQlDMTA4LjYsODAuNywxMDcuNSw3OS45LDEwNiw3OS45eiIvPg0KCTwvZz4NCjwvZz4NCjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik03Mi41LDgwLjZMNzIuNSw4MC42YzAsMi4xLTEuNywzLjgtMy44LDMuOGgtNy4zYy0yLjEsMC0zLjgtMS43LTMuOC0zLjh2MEg3Mi41eiIvPg0KPC9zdmc+DQo=\"","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjYsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMzAgMTMwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMzAgMTMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojN0VDQkQ4O30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MntmaWxsOiM1MDUwNTA7fQ0KCS5zdDN7ZmlsbDojMUVBMEIzO30NCjwvc3R5bGU+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI2NSIgY3k9IjY1IiByPSI2NSIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTgzLjQsMTA1LjdINDYuNWMtMi4yLDAtNC4xLTEuOC00LjEtNC4xVjI3LjFjMC0yLjIsMS44LTQuMSw0LjEtNC4xaDM2LjljMi4yLDAsNC4xLDEuOCw0LjEsNC4xdjc0LjUNCgkJQzg3LjUsMTAzLjksODUuNywxMDUuNyw4My40LDEwNS43eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik04My40LDEwNi40SDQ2LjVjLTIuNywwLTQuOC0yLjItNC44LTQuOFYyNy4xYzAtMi43LDIuMi00LjgsNC44LTQuOGgzNi45YzIuNywwLDQuOCwyLjIsNC44LDQuOHY3NC41DQoJCUM4OC4yLDEwNC4zLDg2LjEsMTA2LjQsODMuNCwxMDYuNHogTTQ2LjUsMjMuOGMtMS44LDAtMy4zLDEuNS0zLjMsMy4zdjc0LjVjMCwxLjgsMS41LDMuMywzLjMsMy4zaDM2LjljMS44LDAsMy4zLTEuNSwzLjMtMy4zDQoJCVYyNy4xYzAtMS44LTEuNS0zLjMtMy4zLTMuM0g0Ni41eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MyIgZD0iTTg3LjUsMzEuNUg0Mi40di00LjVjMC0yLjIsMS44LTQsNC00aDM3LjFjMi4yLDAsNCwxLjgsNCw0VjMxLjV6Ii8+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTg4LjIsMzIuM0g0MS43di01LjJjMC0yLjYsMi4xLTQuOCw0LjgtNC44aDM3LjFjMi42LDAsNC44LDIuMSw0LjgsNC44VjMyLjN6IE00My4yLDMwLjhoNDMuNnYtMy43DQoJCWMwLTEuOC0xLjUtMy4yLTMuMi0zLjJINDYuNGMtMS44LDAtMy4yLDEuNS0zLjIsMy4yVjMwLjh6Ii8+DQo8L2c+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNNDIuNCw4OS44aDQ1LjF2MTEuOGMwLDIuMi0xLjgsNC00LDRINDYuNGMtMi4yLDAtNC0xLjgtNC00Vjg5Ljh6Ii8+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTgzLjUsMTA2LjNINDYuNGMtMi42LDAtNC44LTIuMS00LjgtNC44Vjg5aDQ2LjZ2MTIuNkM4OC4yLDEwNC4yLDg2LjEsMTA2LjMsODMuNSwxMDYuM3ogTTQzLjIsOTAuNXYxMS4xDQoJCWMwLDEuOCwxLjUsMy4yLDMuMiwzLjJoMzcuMWMxLjgsMCwzLjItMS41LDMuMi0zLjJWOTAuNUg0My4yeiIvPg0KPC9nPg0KPGc+DQoJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iNjUiIGN5PSI5OC4yIiByPSIzLjUiLz4NCgk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjUsMTAyLjVjLTIuNCwwLTQuMy0xLjktNC4zLTQuM1M2Mi42LDk0LDY1LDk0czQuMywxLjksNC4zLDQuM1M2Ny4zLDEwMi41LDY1LDEwMi41eiBNNjUsOTUuNQ0KCQljLTEuNSwwLTIuOCwxLjItMi44LDIuOHMxLjIsMi44LDIuOCwyLjhzMi44LTEuMiwyLjgtMi44UzY2LjUsOTUuNSw2NSw5NS41eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTcxLjQsMjhINTguNWMtMC40LDAtMC44LTAuMy0wLjgtMC44czAuMy0wLjgsMC44LTAuOGgxMi45YzAuNCwwLDAuOCwwLjMsMC44LDAuOFM3MS44LDI4LDcxLjQsMjh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==\"","\"use strict\";\n\nvar __extends = this && this.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (b.hasOwnProperty(p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar React = require(\"react\");\n\nvar utils_1 = require(\"./utils\");\n\nvar Tick;\n\n(function (Tick) {\n  Tick[Tick[\"INIT\"] = 0] = \"INIT\";\n  Tick[Tick[\"WRITE\"] = 1] = \"WRITE\";\n  Tick[Tick[\"DELETE\"] = 2] = \"DELETE\";\n  Tick[Tick[\"START_DELETE\"] = 3] = \"START_DELETE\";\n})(Tick || (Tick = {}));\n\nvar DEFAULTS = {\n  WRITE_SPEED_MS: 100,\n  DELETE_SPEED_MS: 60,\n  WAIT_BEFORE_DELETE_MS: 9000\n};\n\nvar moveToNextString = function moveToNextString(prevState, props) {\n  var nextStringIdx = prevState.currentStringIdx + 1;\n  return {\n    isDeleting: false,\n    currentCharPos: 0,\n    currentStringIdx: nextStringIdx < props.strings.length ? nextStringIdx : 0\n  };\n};\n\nvar moveCharPos = function moveCharPos(change) {\n  return function (prevState) {\n    return {\n      currentCharPos: prevState.currentCharPos + change\n    };\n  };\n};\n\nvar startDeleting = function startDeleting() {\n  return {\n    isDeleting: true\n  };\n};\n\nvar Typewriting = function (_super) {\n  __extends(Typewriting, _super);\n\n  function Typewriting() {\n    var _this = _super !== null && _super.apply(this, arguments) || this;\n\n    _this.tickTimeout = null;\n    _this.state = {\n      currentStringIdx: 0,\n      currentCharPos: 0,\n      isDeleting: false\n    };\n    return _this;\n  }\n\n  Typewriting.prototype.componentDidMount = function () {\n    this.queueTick(Tick.INIT);\n  };\n\n  Typewriting.prototype.componentWillUnmount = function () {\n    if (this.tickTimeout != null) {\n      clearTimeout(this.tickTimeout);\n    }\n  };\n\n  Typewriting.prototype.queueTick = function (tickType) {\n    var _this = this;\n\n    var _a = this.props,\n        writeSpeedMs = _a.writeSpeedMs,\n        deleteSpeedMs = _a.deleteSpeedMs,\n        waitBeforeDeleteMs = _a.waitBeforeDeleteMs;\n    var timeout = tickType === Tick.INIT ? 0 : tickType === Tick.WRITE ? utils_1.randomizeTimeout(writeSpeedMs != null ? writeSpeedMs : DEFAULTS.WRITE_SPEED_MS) : tickType === Tick.DELETE ? utils_1.randomizeTimeout(deleteSpeedMs != null ? deleteSpeedMs : DEFAULTS.DELETE_SPEED_MS) : tickType === Tick.START_DELETE ? waitBeforeDeleteMs != null ? waitBeforeDeleteMs : DEFAULTS.WAIT_BEFORE_DELETE_MS : 0; // ¯\\_(ツ)_/¯\n\n    this.tickTimeout = window.setTimeout(function () {\n      return _this.tick();\n    }, timeout);\n  };\n\n  Typewriting.prototype.tick = function () {\n    var _this = this;\n\n    var _a = this.state,\n        currentStringIdx = _a.currentStringIdx,\n        currentCharPos = _a.currentCharPos,\n        isDeleting = _a.isDeleting;\n    var currentText = this.props.strings[currentStringIdx];\n\n    if (!isDeleting) {\n      if (currentCharPos >= currentText.length) {\n        this.setState(startDeleting, function () {\n          return _this.queueTick(Tick.START_DELETE);\n        });\n      } else {\n        this.setState(moveCharPos(1), function () {\n          return _this.queueTick(Tick.WRITE);\n        });\n      }\n    } else {\n      if (currentCharPos <= 0) {\n        this.setState(moveToNextString, function () {\n          return _this.queueTick(Tick.WRITE);\n        });\n      } else {\n        this.setState(moveCharPos(-1), function () {\n          return _this.queueTick(Tick.DELETE);\n        });\n      }\n    }\n  };\n\n  Typewriting.prototype.render = function () {\n    var strings = this.props.strings;\n    var _a = this.state,\n        currentStringIdx = _a.currentStringIdx,\n        currentCharPos = _a.currentCharPos;\n    var fullCurrentText = strings[currentStringIdx];\n    var currentText = fullCurrentText.slice(0, currentCharPos);\n    return this.props.children({\n      currentText: currentText,\n      fullCurrentText: fullCurrentText\n    });\n  };\n\n  return Typewriting;\n}(React.PureComponent);\n\nexports.Typewriting = Typewriting; // for backwards compatibility\n\nexports.default = Typewriting;","module.exports = __webpack_public_path__ + \"static/buehne_technologien-d58b69a8ddf7d8fce8da16670803a309.svg\";","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMzAgMTMwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMzAgMTMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojN0VDQkQ4O30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MntmaWxsOiM1MDUwNTA7fQ0KCS5zdDN7ZmlsbDojMUM5RkIyO30NCgkuc3Q0e2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzUwNTA1MDt9DQo8L3N0eWxlPg0KPGc+DQoJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNjUiIGN5PSI2NSIgcj0iNjUiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMDAsOTUuNUgzMC40Yy0yLjIsMC00LTEuOC00LTRWNDAuOGMwLTIuMiwxLjgtNCw0LTRIMTAwYzIuMiwwLDQsMS44LDQsNHY1MC42QzEwNCw5My43LDEwMi4yLDk1LjUsMTAwLDk1LjUNCgkJeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMDAsOTYuMkgzMC40Yy0yLjYsMC00LjgtMi4xLTQuOC00LjhWNDAuOGMwLTIuNiwyLjEtNC44LDQuOC00LjhIMTAwYzIuNiwwLDQuOCwyLjEsNC44LDQuOHY1MC42DQoJCUMxMDQuOCw5NC4xLDEwMi42LDk2LjIsMTAwLDk2LjJ6IE0zMC40LDM3LjZjLTEuOCwwLTMuMiwxLjUtMy4yLDMuMnY1MC42YzAsMS44LDEuNSwzLjIsMy4yLDMuMkgxMDBjMS44LDAsMy4yLTEuNSwzLjItMy4yVjQwLjgNCgkJYzAtMS44LTEuNS0zLjItMy4yLTMuMkgzMC40eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MyIgZD0iTTEwNCw0OS4xSDI2LjR2LTguM2MwLTIuMiwxLjgtNCw0LTRIMTAwYzIuMiwwLDQsMS44LDQsNFY0OS4xeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMDQuOCw0OS45SDI1Ljd2LTljMC0yLjYsMi4xLTQuOCw0LjgtNC44SDEwMGMyLjYsMCw0LjgsMi4xLDQuOCw0LjhWNDkuOXogTTI3LjIsNDguNGg3Ni4xdi03LjUNCgkJYzAtMS44LTEuNS0zLjItMy4yLTMuMkgzMC40Yy0xLjgsMC0zLjIsMS41LTMuMiwzLjJDMjcuMiw0MC45LDI3LjIsNDguNCwyNy4yLDQ4LjR6Ii8+DQo8L2c+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSIzNS44IiBjeT0iNDMuMSIgcj0iMS44Ii8+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTM1LjgsNDUuNWMtMS40LDAtMi41LTEuMS0yLjUtMi41czEuMS0yLjUsMi41LTIuNXMyLjUsMS4xLDIuNSwyLjVTMzcuMiw0NS41LDM1LjgsNDUuNXogTTM1LjgsNDEuOQ0KCQljLTAuNiwwLTEuMiwwLjUtMS4yLDEuMnMwLjUsMS4yLDEuMiwxLjJzMS4yLTAuNSwxLjItMS4yUzM2LjQsNDEuOSwzNS44LDQxLjl6Ii8+DQo8L2c+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI0MS44IiBjeT0iNDMuMSIgcj0iMS44Ii8+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTQxLjgsNDUuNWMtMS40LDAtMi41LTEuMS0yLjUtMi41czEuMS0yLjUsMi41LTIuNXMyLjUsMS4xLDIuNSwyLjVTNDMuMSw0NS41LDQxLjgsNDUuNXogTTQxLjgsNDEuOQ0KCQljLTAuNiwwLTEuMiwwLjUtMS4yLDEuMnMwLjUsMS4yLDEuMiwxLjJzMS4yLTAuNSwxLjItMS4yUzQyLjQsNDEuOSw0MS44LDQxLjl6Ii8+DQo8L2c+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI0Ny43IiBjeT0iNDMuMSIgcj0iMS44Ii8+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTQ3LjcsNDUuNWMtMS40LDAtMi41LTEuMS0yLjUtMi41czEuMS0yLjUsMi41LTIuNXMyLjUsMS4xLDIuNSwyLjVTNDkuMSw0NS41LDQ3LjcsNDUuNXogTTQ3LjcsNDEuOQ0KCQljLTAuNiwwLTEuMiwwLjUtMS4yLDEuMnMwLjUsMS4yLDEuMiwxLjJzMS4yLTAuNSwxLjItMS4yUzQ4LjMsNDEuOSw0Ny43LDQxLjl6Ii8+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNjUuMiw1NC40YzkuOCwwLDE3LjgsOCwxNy44LDE3LjhjMCw5LjgtOCwxNy44LTE3LjgsMTcuOGMtOS44LDAtMTcuOC04LTE3LjgtMTcuOA0KCUM0Ny4zLDYyLjQsNTUuMyw1NC41LDY1LjIsNTQuNEM2NS4xLDU0LjQsNjUuMiw1NC40LDY1LjIsNTQuNHogTTcwLjYsNzguMmgtMTFjMC45LDYuMywzLjMsMTAuNCw1LjUsMTAuNA0KCUM2Ny4zLDg4LjUsNjkuNyw4NC41LDcwLjYsNzguMiBNODAuMyw3OC4yaC04LjJjLTAuNiw0LjQtMiw4LTMuNywxMEM3My45LDg3LjEsNzguMyw4My4yLDgwLjMsNzguMiBNNTguMSw3OC4yaC04LjINCgljMiw1LjEsNi40LDguOSwxMS45LDEwQzYwLjEsODYuMiw1OC44LDgyLjYsNTguMSw3OC4yIE01Ny45LDY3LjhoLTguNWMtMC41LDEuNy0xLjEsNSwwLDguOWg4LjVDNTcuNyw3NCw1Ny42LDcwLjksNTcuOSw2Ny44DQoJIE03MC44LDY3LjhINTkuNGMtMC4zLDIuNy0wLjMsNS44LDAsOC45aDExLjRDNzEuMSw3NCw3MS4yLDcwLjksNzAuOCw2Ny44IE04MC44LDY3LjhoLTguNWMwLjEsMC45LDAuNSw0LjUsMCw4LjloOC41DQoJQzgxLjksNzIuOCw4MS4zLDY5LjUsODAuOCw2Ny44IE02MS44LDU2LjNjLTUuNCwxLjEtOS45LDUtMTEuOSwxMGg4LjJDNTguOCw2MS45LDYwLjEsNTguMyw2MS44LDU2LjMgTTcwLjYsNjYuMw0KCWMtMC45LTYuMy0zLjMtMTAuNC01LjUtMTAuNGMtMi4yLDAtNC42LDQuMS01LjUsMTAuNEg3MC42eiBNNjguNSw1Ni4zYzEuNywyLDMuMSw1LjYsMy43LDEwaDguMkM3OC4zLDYxLjIsNzMuOSw1Ny40LDY4LjUsNTYuMyIvPg0KPC9zdmc+DQo=\"","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjYsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMzAgMTMwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMzAgMTMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojN0VDQkQ4O30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MntmaWxsOiM1MDUwNTA7fQ0KCS5zdDN7ZmlsbDojMUVBMEIzO30NCjwvc3R5bGU+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI2NSIgY3k9IjY1IiByPSI2NSIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTkzLjYsNTEuOWMtMC4xLDAtMC4xLDAtMC4yLDBjLTEuMy0xMS4xLTExLjMtMTkuOC0yMy41LTE5LjhjLTEwLjgsMC0xOS44LDYuOC0yMi43LDE2DQoJCWMtMy4yLTIuNi03LjMtNC4xLTExLjctNC4xYy0xMC40LDAtMTguNyw4LjQtMTguNywxOC43YzAsMTAuNCw4LjQsMTguNywxOC43LDE4LjdoNTYuNGwxLjYsMGM4LjIsMCwxNC45LTYuNiwxNC45LTE0LjgNCgkJUzEwMS44LDUxLjksOTMuNiw1MS45eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik05My42LDgyLjNsLTEuNiwwSDM1LjZjLTEwLjgsMC0xOS41LTguNy0xOS41LTE5LjVzOC43LTE5LjUsMTkuNS0xOS41YzQuMSwwLDgsMS4yLDExLjMsMy42DQoJCWMzLjQtOS4yLDEyLjctMTUuNiwyMy4xLTE1LjZjMTIuMiwwLDIyLjQsOC41LDI0LjEsMTkuOGM4LjQsMC4zLDE1LjIsNy4yLDE1LjIsMTUuNkMxMDkuMiw3NS40LDEwMi4yLDgyLjMsOTMuNiw4Mi4zeiBNMzUuNiw0NC44DQoJCWMtOS45LDAtMTgsOC4xLTE4LDE4czguMSwxOCwxOCwxOGw1OCwwYzcuOCwwLDE0LjItNi4zLDE0LjItMTQuMWMwLTcuOC02LjMtMTQuMS0xNC4xLTE0LjF2LTAuOGwtMC4xLDAuOGwtMC44LDBMOTIuNyw1Mg0KCQljLTEuMy0xMC45LTExLjEtMTkuMS0yMi43LTE5LjFjLTEwLjEsMC0xOS4xLDYuNC0yMiwxNS41bC0wLjMsMWwtMC45LTAuN0M0My42LDQ2LjIsMzkuNyw0NC44LDM1LjYsNDQuOHoiLz4NCjwvZz4NCjxnPg0KCTxjaXJjbGUgY2xhc3M9InN0MyIgY3g9Ijc2LjMiIGN5PSI3OS43IiByPSIxNiIvPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03Ni4zLDk2LjVjLTcuNSwwLTE0LjMtNS0xNi4zLTEyLjZjLTIuMy05LDMuMS0xOC4xLDEyLTIwLjVjOS0yLjMsMTguMSwzLjEsMjAuNSwxMmwwLDANCgkJYzIuMyw5LTMuMSwxOC4xLTEyLDIwLjVDNzkuMSw5Ni4zLDc3LjcsOTYuNSw3Ni4zLDk2LjV6IE03Ni4zLDY0LjRjLTEuMywwLTIuNiwwLjItMy44LDAuNWMtOC4yLDIuMS0xMy4xLDEwLjUtMTEsMTguNg0KCQljMi4xLDguMiwxMC41LDEzLjEsMTguNiwxMWM4LjItMi4xLDEzLjEtMTAuNSwxMS0xOC42Qzg5LjQsNjguOSw4My4xLDY0LjQsNzYuMyw2NC40eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTc2LjMsNTkuOGMtMC40LDAtMC44LTAuMy0wLjgtMC44di02LjZjMC0wLjQsMC4zLTAuOCwwLjgtMC44czAuOCwwLjMsMC44LDAuOHY2LjYNCgkJQzc3LjEsNTkuNSw3Ni43LDU5LjgsNzYuMyw1OS44eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTc2LjMsMTA3LjZjLTAuNCwwLTAuOC0wLjMtMC44LTAuOHYtNi42YzAtMC40LDAuMy0wLjgsMC44LTAuOHMwLjgsMC4zLDAuOCwwLjh2Ni42DQoJCUM3Ny4xLDEwNy4zLDc2LjcsMTA3LjYsNzYuMywxMDcuNnoiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik04OC42LDYzLjljLTAuMiwwLTAuMywwLTAuNC0wLjFjLTAuMy0wLjItMC40LTAuNy0wLjItMWw0LTUuM2MwLjItMC4zLDAuNy0wLjQsMS0wLjJjMC4zLDAuMiwwLjQsMC43LDAuMiwxDQoJCWwtNCw1LjNDODkuMSw2My44LDg4LjksNjMuOSw4OC42LDYzLjl6Ii8+DQo8L2c+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjAuMSwxMDIuMmMtMC4yLDAtMC4zLDAtMC40LTAuMWMtMC4zLTAuMi0wLjQtMC43LTAuMi0xbDQtNS4zYzAuMi0wLjMsMC43LTAuNCwxLTAuMmMwLjMsMC4yLDAuNCwwLjcsMC4yLDENCgkJbC00LDUuM0M2MC41LDEwMi4xLDYwLjMsMTAyLjIsNjAuMSwxMDIuMnoiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMDIuNCw4OGMtMC4xLDAtMC4xLDAtMC4yLDBsLTYuNC0xLjljLTAuNC0wLjEtMC42LTAuNS0wLjUtMC45YzAuMS0wLjQsMC41LTAuNiwwLjktMC41bDYuNCwxLjkNCgkJYzAuNCwwLjEsMC42LDAuNSwwLjUsMC45QzEwMy4xLDg3LjgsMTAyLjgsODgsMTAyLjQsODh6Ii8+DQo8L2c+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTYuNiw3NC42Yy0wLjEsMC0wLjEsMC0wLjIsMEw1MCw3Mi44Yy0wLjQtMC4xLTAuNi0wLjUtMC41LTAuOWMwLjEtMC40LDAuNS0wLjYsMC45LTAuNWw2LjQsMS45DQoJCWMwLjQsMC4xLDAuNiwwLjUsMC41LDAuOUM1Ny4yLDc0LjQsNTYuOSw3NC42LDU2LjYsNzQuNnoiLz4NCjwvZz4NCjxnPg0KCTxjaXJjbGUgY2xhc3M9InN0MyIgY3g9Ijc2LjMiIGN5PSI3OS43IiByPSIxNiIvPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03Ni40LDk2LjVjLTEuMiwwLTIuNC0wLjEtMy42LTAuNGMtNC40LTAuOS04LjEtMy41LTEwLjYtNy4zYy0yLjQtMy44LTMuMi04LjMtMi4zLTEyLjYNCgkJYzAuOS00LjQsMy41LTguMSw3LjMtMTAuNmMzLjgtMi40LDguMy0zLjIsMTIuNi0yLjNjNC40LDAuOSw4LjEsMy41LDEwLjYsNy4zYzIuNCwzLjgsMy4yLDguMywyLjMsMTIuNmMtMC45LDQuNC0zLjUsOC4xLTcuMywxMC42DQoJCUM4Mi43LDk1LjUsNzkuNSw5Ni41LDc2LjQsOTYuNXogTTc2LjMsNjQuNGMtMi45LDAtNS44LDAuOC04LjMsMi40Yy0zLjQsMi4yLTUuOCw1LjYtNi43LDkuNmMtMC45LDQtMC4xLDguMSwyLjEsMTEuNQ0KCQlzNS42LDUuOCw5LjYsNi43YzguMiwxLjgsMTYuNC0zLjUsMTguMi0xMS43YzAuOS00LDAuMS04LjEtMi4xLTExLjVjLTIuMi0zLjQtNS42LTUuOC05LjYtNi43Qzc4LjUsNjQuNSw3Ny40LDY0LjQsNzYuMyw2NC40eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTk1LjcsNzMuNWMtMC4zLDAtMC42LTAuMi0wLjctMC41Yy0wLjEtMC40LDAuMS0wLjgsMC41LTFsNi4yLTIuMmMwLjQtMC4xLDAuOCwwLjEsMSwwLjUNCgkJYzAuMSwwLjQtMC4xLDAuOC0wLjUsMUw5Niw3My40Qzk1LjksNzMuNSw5NS44LDczLjUsOTUuNyw3My41eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTUwLjcsODkuNWMtMC4zLDAtMC42LTAuMi0wLjctMC41Yy0wLjEtMC40LDAuMS0wLjgsMC41LTFsNi4yLTIuMmMwLjQtMC4xLDAuOCwwLjEsMSwwLjUNCgkJYzAuMSwwLjQtMC4xLDAuOC0wLjUsMUw1MSw4OS41QzUwLjksODkuNSw1MC44LDg5LjUsNTAuNyw4OS41eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTkxLjYsMTAyLjljLTAuMiwwLTAuNS0wLjEtMC42LTAuM2wtMy43LTUuNWMtMC4yLTAuMy0wLjEtMC44LDAuMi0xYzAuMy0wLjIsMC44LTAuMSwxLDAuMmwzLjcsNS41DQoJCWMwLjIsMC4zLDAuMSwwLjgtMC4yLDFDOTEuOCwxMDIuOSw5MS43LDEwMi45LDkxLjYsMTAyLjl6Ii8+DQo8L2c+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjQuOCw2My4zYy0wLjIsMC0wLjUtMC4xLTAuNi0wLjNsLTMuNy01LjVjLTAuMi0wLjMtMC4xLTAuOCwwLjItMWMwLjMtMC4yLDAuOC0wLjEsMSwwLjJsMy43LDUuNQ0KCQljMC4yLDAuMywwLjEsMC44LTAuMiwxQzY1LjEsNjMuMyw2NSw2My4zLDY0LjgsNjMuM3oiLz4NCjwvZz4NCjwvc3ZnPg0K\"","import \"./TypewriterSection.scss\"\r\n\r\nimport React, { useRef } from \"react\"\r\nimport { Container, Row } from \"reactstrap\"\r\nimport { prop } from \"ramda\"\r\nimport { useChain, useTransition, animated } from \"react-spring\"\r\nimport { Typewriting } from \"react-typewriting\"\r\n\r\nconst TypeWriter = ({\r\n  data: { head, rotatingTail },\r\n  waitBeforeDeleteMs = 4500,\r\n  writeSpeedMs = 100,\r\n  deleteSpeedMs = 200,\r\n}) => {\r\n  const initialInternalStyle = {\r\n    opacity: 0,\r\n  }\r\n  const transitionedInternalStyle = {\r\n    opacity: 1,\r\n  }\r\n\r\n  const baseRow = (\r\n    <Row className=\"d-flex align-items-center justify-content-center\">\r\n      <div className=\"typewriter-section-grid\">\r\n        <h2 className=\"m-0 mr-2\">{head}</h2>\r\n        <Typewriting\r\n          strings={rotatingTail}\r\n          waitBeforeDeleteMs={waitBeforeDeleteMs}\r\n          writeSpeedMs={writeSpeedMs}\r\n          deleteSpeedMs={deleteSpeedMs}\r\n        >\r\n          {({ currentText }) => (\r\n            <h2 aria-label={head} className=\"m-0 dot dot-blue\">\r\n              {currentText}\r\n              <span className=\"typewriter\"></span>\r\n            </h2>\r\n          )}\r\n        </Typewriting>\r\n      </div>\r\n    </Row>\r\n  )\r\n\r\n  const internalTransitionsRef = useRef()\r\n  const internalTransitions = useTransition([baseRow], null, {\r\n    ref: internalTransitionsRef,\r\n    trail: 400,\r\n    from: initialInternalStyle,\r\n    enter: transitionedInternalStyle,\r\n    leave: initialInternalStyle,\r\n  })\r\n\r\n  const section = (\r\n    <section id=\"we-develop-with\" className=\"bg-blue-dark text-white py-5\">\r\n      <Container className=\"py-5\">\r\n        {internalTransitions.map(({ item, props, key }) => (\r\n          <animated.div key={key} style={props} {...item.props}></animated.div>\r\n        ))}\r\n      </Container>\r\n    </section>\r\n  )\r\n\r\n  const initialSectionStyle = {\r\n    opacity: 0,\r\n  }\r\n  const transitionedSectionStyle = {\r\n    opacity: 1,\r\n  }\r\n\r\n  const sectionTransitionsRef = useRef()\r\n  const sectionTransition = useTransition(section, prop(\"key\"), {\r\n    ref: sectionTransitionsRef,\r\n    from: initialSectionStyle,\r\n    enter: transitionedSectionStyle,\r\n    leave: initialSectionStyle,\r\n  })\r\n\r\n  useChain([sectionTransitionsRef, internalTransitionsRef], [0, 0.25])\r\n\r\n  return sectionTransition.map(({ item, props, key }) => (\r\n    <animated.section\r\n      key={key}\r\n      style={props}\r\n      {...item.props}\r\n    ></animated.section>\r\n  ))\r\n}\r\n\r\nexport default TypeWriter\r\n","import \"./LanguagesGallery.scss\"\r\nimport React from \"react\"\r\nimport Image from \"gatsby-image\"\r\nimport { Container, Row, Col } from \"reactstrap\"\r\n\r\nconst LanguagesGallery = ({ images, ...props }) => (\r\n  <Container id=\"language-gallery\" className=\"mt-n5\" {...props}>\r\n    <Row className=\"align-items-center\">\r\n      <Col xs={3} className=\"p-4\">\r\n        <Image className=\"mr-auto\" fluid={images[0]} alt=\"Sprachen\" />\r\n      </Col>\r\n      <Col xs={3} className=\"p-4\">\r\n        <Image className=\"m-auto\" fluid={images[1]} alt=\"Sprachen\" />\r\n      </Col>\r\n      <Col xs={3} className=\"p-4\">\r\n        <Image className=\"m-auto\" fluid={images[2]} alt=\"Sprachen\" />\r\n      </Col>\r\n      <Col xs={3} className=\"p-4\">\r\n        <Image className=\"ml-auto\" fluid={images[3]} alt=\"Sprachen\" />\r\n      </Col>\r\n    </Row>\r\n    <Row className=\"align-items-center\">\r\n      <Col xs={4} className=\"p-4\">\r\n        <Image className=\"mr-auto\" fluid={images[4]} alt=\"Sprachen\" />\r\n      </Col>\r\n      <Col  xs={4} className=\"p-4\">\r\n        <Image className=\"m-auto\" fluid={images[5]} alt=\"Sprachen\" />\r\n      </Col>\r\n      <Col  xs={4} className=\"p-4\">\r\n        <Image className=\"ml-auto\" fluid={images[6]} alt=\"Sprachen\" />\r\n      </Col>\r\n    </Row>\r\n    <Row className=\"align-items-center\">\r\n      <Col  xs={4} className=\"p-4\">\r\n        <Image className=\"mr-auto\" fluid={images[7]} alt=\"Sprachen\" />\r\n      </Col>\r\n      <Col  xs={4} className=\"p-4\">\r\n        <Image className=\"m-auto\" fluid={images[8]} alt=\"Sprachen\" />\r\n      </Col>\r\n      <Col  xs={4} className=\"p-4\">\r\n        <Image className=\"ml-auto\"  fluid={images[9]} alt=\"Sprachen\" />\r\n      </Col>\r\n    </Row>\r\n  </Container>\r\n)\r\n\r\nexport default LanguagesGallery\r\n","import React from \"react\"\r\nimport { graphql } from \"gatsby\"\r\nimport { compose, prop } from \"ramda\"\r\nimport { Container, Row } from \"reactstrap\"\r\nimport {\r\n  getEdgesForQuery,\r\n  getImageQueryFluidData,\r\n  getQueryData,\r\n  getSectionDataFor,\r\n} from \"@utils/utils\"\r\n\r\n/**\r\n * import Sections\r\n */\r\n\r\nimport MainLayout from \"@layouts/MainLayout/MainLayout\"\r\nimport SEO from \"@components/shared/SEO/SEO\"\r\nimport HeaderSection from \"@components/shared/HeaderSection/HeaderSection\"\r\nimport CopySection from \"@components/shared/CopySection/CopySection\"\r\nimport GridList from \"@components/shared/GridList/GridList\"\r\nimport ContactSection from \"@components/shared/ContactSection/ContactSection\"\r\nimport TypewriterSection from \"@components/technologies/TypewriterSection/TypewriterSection\"\r\nimport LanguagesGallery from \"@components/technologies/LanguagesGallery/LanguagesGallery\"\r\n\r\n/**\r\n * import pictures\r\n */\r\n\r\nimport imageTechnologies from \"@assets/pictures/buehne_technologien.svg\"\r\n\r\nimport ic_web_applikationen from \"@assets/icons/ic_web-applikationen.svg\"\r\nimport ic_mobile_applikationen from \"@assets/icons/ic_mobile-applikationen.svg\"\r\nimport ic_cloud_solutions from \"@assets/icons/ic_cloud-solutions.svg\"\r\nimport ic_desktop_applikationen from \"@assets/icons/ic_desktop-applikationen.svg\"\r\n\r\n/**\r\n * quering data\r\n */\r\nexport const query = graphql`\r\n  query TechnologiesSectionIndexQuery {\r\n    ui: allMarkdownRemark(\r\n      filter: {\r\n        frontmatter: {\r\n          path: { eq: \"/ui\" }\r\n          published: { eq: true }\r\n          lang: { eq: \"de\" }\r\n        }\r\n      }\r\n    ) {\r\n      edges {\r\n        node {\r\n          frontmatter {\r\n            head\r\n            rotatingTail\r\n            section\r\n          }\r\n        }\r\n      }\r\n    }\r\n    content: allMarkdownRemark(\r\n      filter: {\r\n        frontmatter: {\r\n          path: { eq: \"/technologies\" }\r\n          published: { eq: true }\r\n          lang: { eq: \"de\" }\r\n        }\r\n      }\r\n    ) {\r\n      edges {\r\n        node {\r\n          frontmatter {\r\n            path\r\n            subtitle\r\n            title\r\n            section\r\n            blocks {\r\n              image\r\n              label\r\n              text\r\n            }\r\n          }\r\n          internal {\r\n            content\r\n          }\r\n        }\r\n      }\r\n    }\r\n    languages: allImageSharp(\r\n      filter: { fluid: { originalName: { glob: \"content_sprachen_*\" } } }\r\n      sort: { fields: resize___originalName }\r\n    ) {\r\n      edges {\r\n        node {\r\n          fluid(maxWidth: 300) {\r\n            ...GatsbyImageSharpFluid_tracedSVG\r\n          }\r\n        }\r\n      }\r\n    }\r\n    footer: allMarkdownRemark(\r\n      filter: {\r\n        frontmatter: {\r\n          path: { eq: \"/ui\" }\r\n          published: { eq: true }\r\n          lang: { eq: \"de\" }\r\n        }\r\n      }\r\n    ) {\r\n      edges {\r\n        node {\r\n          frontmatter {\r\n            section\r\n            title\r\n            subtitle\r\n            cta\r\n            ctaUrl\r\n          }\r\n          internal {\r\n            content\r\n          }\r\n          html\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n\r\nconst TechnologyPage = ({ data }) => {\r\n  const content = compose(getQueryData, getEdgesForQuery(\"content\"))(data)\r\n  const ui = compose(getQueryData, getEdgesForQuery(\"ui\"))(data)\r\n\r\n  const uiTypewriterData = getSectionDataFor(\"ui-section-typewriter\", ui)\r\n\r\n  const headerSectionData = getSectionDataFor(\r\n    \"technologies-section-header\",\r\n    content\r\n  )\r\n  const overviewSectionData = getSectionDataFor(\r\n    \"technologies-section-overview\",\r\n    content\r\n  )\r\n\r\n  const whatWeDoSectionData = getSectionDataFor(\r\n    \"technologies-section-what-we-do\",\r\n    content\r\n  )\r\n  const whatWeDoBlockList = prop(\"blocks\", whatWeDoSectionData)\r\n  const whatWeDoImageList = {\r\n    ic_web_applikationen,\r\n    ic_mobile_applikationen,\r\n    ic_cloud_solutions,\r\n    ic_desktop_applikationen,\r\n  }\r\n\r\n  const languagesSectionData = getSectionDataFor(\r\n    \"technologies-section-languages\",\r\n    content\r\n  )\r\n  const languagesGalleryList = compose(\r\n    getImageQueryFluidData,\r\n    getEdgesForQuery(\"languages\")\r\n  )(data)\r\n\r\n  const footer = compose(getQueryData, getEdgesForQuery(\"footer\"))(data)\r\n  const contactSectionData = getSectionDataFor(\r\n    \"ui-section-footer-contact\",\r\n    footer\r\n  )\r\n\r\n  return (\r\n    <MainLayout>\r\n      <SEO />\r\n      <HeaderSection data={headerSectionData} image={imageTechnologies} />\r\n      <CopySection\r\n        anchor={\"overview\"}\r\n        className=\"bg-blue-lighter\"\r\n        data={overviewSectionData}\r\n        dotColor=\"yellow\"\r\n      />\r\n      <CopySection\r\n        anchor={\"what-we-do\"}\r\n        className=\"bg-blue-bright\"\r\n        data={whatWeDoSectionData}\r\n        dotColor=\"green\"\r\n      >\r\n        <Container className=\"mt-n5\">\r\n          <Row>\r\n            <GridList items={whatWeDoBlockList} imageList={whatWeDoImageList} />\r\n          </Row>\r\n        </Container>\r\n      </CopySection>\r\n      <TypewriterSection data={uiTypewriterData} />\r\n      <CopySection\r\n        anchor={\"languages\"}\r\n        className=\"bg-white\"\r\n        data={languagesSectionData}\r\n        dotColor=\"green\"\r\n      >\r\n        <>\r\n          <LanguagesGallery images={languagesGalleryList} className=\"mt-4\" />\r\n        </>\r\n      </CopySection>\r\n      <ContactSection data={contactSectionData} />\r\n    </MainLayout>\r\n  )\r\n}\r\n\r\nexport default TechnologyPage\r\n"],"sourceRoot":""}