{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?4a62","webpack:///./src/App.vue?39a4","webpack:///src/App.vue","webpack:///./src/App.vue?60d0","webpack:///./src/App.vue","webpack:///./src/main.js"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","staticClass","staticStyle","_v","components","component","Vue","config","productionTip","use","VueI18n","messages","welcomeMsg","intro","motive","university","industry","algo","gamedev","projectsHead","projectsTail","how","step1Head","step1Tail","step2","step3","ger","imp","i18n","locale","navigator","language","startsWith","render","h","App","$mount"],"mappings":"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","file":"js/app.47c6d5b3.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('div',{staticClass:\"heroBackground\"},[_c('div',{staticClass:\"info1Container\",staticStyle:{\"height\":\"20vh\"}},[_c('div',{staticClass:\"flexRow\"},[_c('span',{staticClass:\"logoLink\"},[_vm._v(\" A growing food business based in Germany. \")])])])]),_c('div',{staticClass:\"info1Container\"},[_c('div',{staticClass:\"flexRow\"},[_c('span',{staticClass:\"info1\"},[_vm._v(\"Lead by:\")]),_c('span',{staticClass:\"info1\"},[_vm._v(\"Sascha Geringer\")])]),_c('div',{staticClass:\"flexRow\"},[_c('span',{staticClass:\"info1\"},[_vm._v(\"Location:\")]),_c('span',{staticClass:\"info1\"},[_vm._v(\"Sinzing, Germany\")])]),_c('div',{staticClass:\"flexRow\"},[_c('span',{staticClass:\"info1\"},[_vm._v(\"Email:\")]),_c('span',{staticClass:\"info1\"},[_vm._v(\"hello@geringer.dev\")])]),_c('div',{staticClass:\"flexRow\"},[_c('span',{staticClass:\"info1\"},[_vm._v(\"Sales Tax No.:\")]),_c('span',{staticClass:\"info1\"},[_vm._v(\"DE300012217\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"app\" >\r\n    <div class=\"heroBackground\">\r\n    <div class=\"info1Container\" style=\"height: 20vh\">\r\n      <div class=\"flexRow\">\r\n        <span class=\"logoLink\">\r\n          A growing food business based in Germany.\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n    <div class=\"info1Container\">\r\n\r\n      <div class=\"flexRow\">\r\n      <span class=\"info1\">Lead by:</span>\r\n      <span class=\"info1\">Sascha Geringer</span>\r\n       </div>\r\n      <div class=\"flexRow\">\r\n      <span class=\"info1\">Location:</span>\r\n      <span class=\"info1\">Sinzing, Germany</span>\r\n       </div>\r\n      <div class=\"flexRow\">\r\n      <span class=\"info1\">Email:</span>\r\n      <span class=\"info1\">hello@geringer.dev</span>\r\n       </div>\r\n      <div class=\"flexRow\">\r\n        <span class=\"info1\">Sales Tax No.:</span>\r\n        <span class=\"info1\">DE300012217</span>\r\n      </div>\r\n    </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: \"App\",\r\n  components: {\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\r\n.imp {\r\n  grid-column: 2 / span 2;\r\n  font-size: 12px;\r\n  text-align: center;\r\n  margin-top: 40px;\r\n}\r\n\r\n.step1 {\r\n  text-decoration: none;\r\n  font-weight: 700;\r\n  color: #23272a;\r\n}\r\n\r\n:root {\r\n  --page-max-width: 1260px;\r\n  --num-grid-columns: 4;\r\n  --page-gutter: 24px;\r\n  --section-spacing: 56px;\r\n  --brand-color: #6a19ff;\r\n  --brand-font: \"Roboto Condensed\", sans-serif;\r\n  --brand-font-light: \"Roboto\", sans-serif;\r\n}\r\n\r\n* {\r\n  font-family: var(--brand-font);\r\n  text-decoration: none;\r\n}\r\n\r\nhtml {\r\n  scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\n.mesh {\r\n  background-color: white;\r\n  position: relative;\r\n  width: 100%;\r\n  padding-top: 30%;\r\n  overflow: hidden;\r\n}\r\n\r\n.mesh-canvas {\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  position: absolute;\r\n}\r\n\r\n.avatar {\r\n  grid-column: 2 / span 2;\r\n  max-width: 256px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-self: center;\r\n}\r\n\r\n.avatar-img {\r\n  border-radius: 50%;\r\n  width: 100%;\r\n  /* border-width: 39px; */\r\n  display: block;\r\n  box-sizing: border-box;\r\n  box-shadow: 0 4px 10px rgb(0 0 0 / 20%);\r\n}\r\n\r\n.info1Container {\r\n  margin: 40px;\r\n\r\n}\r\n\r\n.info1 {\r\nfont-family: var(--brand-font);\r\nfont-weight: 700;\r\nfont-size: 40px;\r\ncolor: linear;\r\nmargin-bottom: -10px;\r\ntext-align: left;\r\ntext-decoration: none;\r\npadding-left: 10px;\r\n\r\n}\r\n\r\n.checks {\r\n  grid-column: span var(--num-grid-columns);\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 20px;\r\n  padding-top: 20px;\r\n  padding-bottom: 40px;\r\n  background: white;\r\n  border-radius: 20px;\r\n  box-shadow: rgb(0 0 0 / 20%) 0px 4px 10px;\r\n  padding-right: 20px;\r\n  font-size: 18px;\r\n}\r\n\r\n.check {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  padding-top: 20px;\r\n  align-items: center;\r\n}\r\n\r\n.checkmark {\r\n  grid-column: 1 / span 1;\r\n  padding-right: 20px;\r\n  justify-self: flex-end;\r\n}\r\n\r\n.checktext {\r\n  grid-column: 2 / span 2;\r\n}\r\n\r\n.emailContainer {\r\n  grid-column: span var(--num-grid-columns);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding-top: 40px;\r\n  padding-bottom: 40px;\r\n}\r\n\r\n.talk {\r\n  font-family: var(--brand-font);\r\n  font-weight: 700;\r\n  font-size: 40px;\r\n  color: linear;\r\n  margin-bottom: -10px;\r\n  text-align: left;\r\n  animation: pulse 5s infinite;\r\n  text-decoration: none;\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    transform: scale(1);\r\n    color: var(--brand-color);\r\n  }\r\n  50% {\r\n    transform: scale(1.05);\r\n    color: rgb(0, 164, 189);\r\n  }\r\n  100% {\r\n    transform: scale(1);\r\n    color: var(--brand-color);\r\n  }\r\n}\r\n\r\n.flexRow {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding-bottom: 8px;\r\n}\r\n\r\na,\r\nabbr,\r\nacronym,\r\naddress,\r\napplet,\r\nbig,\r\nblockquote,\r\nbody,\r\nbutton,\r\ncaption,\r\ncite,\r\ncode,\r\ndd,\r\ndel,\r\ndfn,\r\ndiv,\r\ndl,\r\ndt,\r\nem,\r\nfieldset,\r\nform,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nhtml,\r\niframe,\r\nimg,\r\ninput,\r\nins,\r\nkbd,\r\nlabel,\r\nlegend,\r\nli,\r\nobject,\r\nol,\r\np,\r\npre,\r\nq,\r\ns,\r\nsamp,\r\nsmall,\r\nspan,\r\nstrike,\r\nstrong,\r\nsub,\r\nsup,\r\ntable,\r\ntbody,\r\ntd,\r\ntfoot,\r\nth,\r\nthead,\r\ntr,\r\ntt,\r\nul,\r\nvar {\r\n  margin: 0;\r\n  padding: 0;\r\n  border: 0;\r\n  outline: 0;\r\n  font-weight: inherit;\r\n  font-style: inherit;\r\n  font-family: inherit;\r\n  font-size: 100%;\r\n  vertical-align: baseline;\r\n  text-decoration: none;\r\n}\r\n\r\n.header {\r\n  z-index: 9998;\r\n}\r\n\r\n.row1 {\r\n  width: 100%;\r\n  max-width: 1260px;\r\n  max-width: var(--page-max-width);\r\n  -webkit-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  grid-template-columns: repeat(var(--num-grid-columns), 1fr);\r\n  gap: 0 20px;\r\n  padding: 0 24px;\r\n  padding: 0 var(--page-gutter);\r\n}\r\n\r\n.wrapper {\r\n  grid-column: span var(--num-grid-columns);\r\n}\r\n\r\n.nav {\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  -webkit-box-pack: justify;\r\n  -ms-flex-pack: justify;\r\n  justify-content: space-between;\r\n  height: 90vh;\r\n}\r\n\r\n.logoLink {\r\n  -webkit-box-pack: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  font-family: var(--brand-font);\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n  color: white;\r\n  text-decoration: none;\r\n}\r\n\r\n.heroBackground {\r\n  background: linear-gradient(45deg, var(--brand-color), #00a4bd);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.grid1 {\r\n  height: 100%;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: column;\r\n}\r\n\r\n.callToActionContainer {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  -ms-flex-wrap: wrap;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n\r\n.ctaButton {\r\n  text-decoration: none;\r\n  margin-top: 24px;\r\n  border-radius: 28px;\r\n  font-size: 20px;\r\n  padding: 16px 32px;\r\n  background-color: #fff;\r\n  color: #23272a;\r\n  line-height: 24px;\r\n  cursor: pointer;\r\n  font-weight: 500;\r\n  display: inline-flex;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  -webkit-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  -webkit-transition-property: background-color, color, -webkit-box-shadow;\r\n  transition-property: background-color, color, -webkit-box-shadow;\r\n  transition-property: background-color, color, box-shadow;\r\n  transition-property: background-color, color, box-shadow, -webkit-box-shadow;\r\n  -webkit-transition-duration: 0.2s;\r\n  transition-duration: 0.2s;\r\n  -webkit-transition-timing-function: ease-in-out;\r\n  transition-timing-function: ease-in-out;\r\n  font-family: var(--brand-font);\r\n}\r\n\r\n.ctaButton:hover {\r\n  -webkit-box-shadow: 0 8px 15px rgb(0 0 0 / 20%);\r\n  box-shadow: 0 8px 15px rgb(0 0 0 / 20%);\r\n}\r\n\r\n.icon {\r\n  margin-right: 8px;\r\n}\r\n\r\n.icon:hover {\r\n  color: var(--brand-color);\r\n}\r\n\r\nsection {\r\n  width: 100%;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  align-items: center;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n  flex-direction: column;\r\n  z-index: 1;\r\n}\r\n\r\n.heroBody {\r\n  grid-column: span 4;\r\n}\r\n\r\n.heroText {\r\n  color: #ffffff;\r\n}\r\n\r\n.cards {\r\n  display: grid;\r\n  flex-direction: row;\r\n  grid-column: span var(--num-grid-columns);\r\n  grid-template-columns: repeat(1, 1fr);\r\n  gap: 0 20px;\r\n  justify-content: space-between;\r\n  margin-top: 120px;\r\n  margin-bottom: 280px;\r\n}\r\n\r\n.steps {\r\n  display: grid;\r\n  flex-direction: row;\r\n  grid-column: span var(--num-grid-columns);\r\n  grid-template-columns: repeat(1, 1fr);\r\n  gap: 0 20px;\r\n  justify-content: space-between;\r\n  margin-top: 40px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.stepHeading {\r\n  grid-column: span var(--num-grid-columns);\r\n  text-align: center;\r\n  font-family: var(--brand-font);\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n  color: #747373;\r\n}\r\n\r\nh1 {\r\n  font-family: var(--brand-font);\r\n  font-weight: 800;\r\n  font-size: clamp(24px, 5vw, 44px);\r\n  line-height: 95%;\r\n  text-transform: uppercase;\r\n  text-rendering: geometricPrecision;\r\n}\r\n\r\n.heroSubtitle {\r\n  margin-top: 24px;\r\n  font-size: 20px;\r\n  font-size: clamp(16px, 2vw, 20px);\r\n  line-height: 1.625;\r\n  font-family: var(--brand-font);\r\n}\r\n\r\n.heroImageContainer {\r\n  background: transparent;\r\n  position: relative;\r\n  z-index: 0;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n}\r\n\r\n.foregroundLeft {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 256px;\r\n  position: relative;\r\n  z-index: 1;\r\n  margin-left: 0px;\r\n}\r\n\r\n.plane {\r\n  grid-column: span var(--num-grid-columns);\r\n  width: 100%;\r\n  max-width: 512px;\r\n}\r\n\r\n.sectionContainer {\r\n  padding: var(--page-gutter);\r\n  padding-top: var(--section-spacing);\r\n  padding-bottom: var(--section-spacing);\r\n  display: grid;\r\n  grid-template-columns: repeat(var(--num-grid-columns), 1fr);\r\n  width: 100%;\r\n  max-width: var(--page-max-width);\r\n  -webkit-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  gap: 0 20px;\r\n}\r\n\r\n.featureImage {\r\n  max-height: 512px;\r\n  justify-self: center;\r\n}\r\n\r\n.imageLeft {\r\n  overflow: hidden;\r\n  grid-column: span var(--num-grid-columns);\r\n  width: 100%;\r\n  -o-object-fit: cover;\r\n  object-fit: cover;\r\n  margin-top: 24px;\r\n}\r\n\r\n.imageRight {\r\n  grid-column: span var(--num-grid-columns);\r\n  width: 100%;\r\n  -o-object-fit: cover;\r\n  object-fit: cover;\r\n  margin-top: 24px;\r\n}\r\n\r\n.imageCenter {\r\n  grid-column: 2 / span 2;\r\n  width: 100%;\r\n  -o-object-fit: cover;\r\n  object-fit: cover;\r\n  margin-top: 24px;\r\n  max-width: 512px;\r\n  justify-self: center;\r\n}\r\n\r\n.descriptionLeft {\r\n  margin-top: 20px;\r\n  color: #23272a;\r\n  grid-column: span var(--num-grid-columns);\r\n}\r\n\r\n.descriptionCenter {\r\n  color: #23272a;\r\n  grid-column: span var(--num-grid-columns);\r\n  margin-top: 20px;\r\n}\r\n\r\n.descriptionHeading {\r\n  font-weight: 700;\r\n  line-height: 120%;\r\n  font-size: clamp(20px, 4vw, 40px);\r\n  font-family: var(--brand-font);\r\n}\r\n\r\n.descriptionText {\r\n  font-family: var(--brand-font-light);\r\n  margin-top: 24px;\r\n  font-size: clamp(16px, 2vw, 20px);\r\n  line-height: 1.625;\r\n}\r\n\r\n.footer {\r\n  background-color: #23272a;\r\n  padding-top: 20px;\r\n  padding-bottom: 20px;\r\n  color: #fff;\r\n  width: 100%;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n  -ms-flex-direction: column;\r\n  flex-direction: column;\r\n}\r\n\r\n.info {\r\n  grid-column: span 4;\r\n  justify-self: left;\r\n  align-items: center;\r\n  flex-direction: column;\r\n  text-align: center;\r\n}\r\n\r\n.contactContainer {\r\n  grid-column: span var(--num-grid-columns);\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  align-items: center;\r\n  justify-content: center;\r\n  grid-column: span var(--num-grid-columns);\r\n}\r\n\r\n.email {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n  font-family: \"Roboto Condensed\";\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n  margin-top: 20px;\r\n}\r\n\r\n.emailText {\r\n  color: #23272a;\r\n  text-decoration: none;\r\n}\r\n\r\n.footerText {\r\n  color: white;\r\n  text-decoration: none;\r\n  font-family: var(--brand-font);\r\n  font-weight: 300;\r\n  font-size: 20px;\r\n}\r\n\r\n.finalCta {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-bottom: var(--section-spacing);\r\n}\r\n\r\n.ctaTitle {\r\n  margin-top: 30px;\r\n  z-index: 1;\r\n  font-weight: 600;\r\n  font-size: 32px;\r\n  line-height: 120%;\r\n  font-family: var(--brand-font);\r\n}\r\n\r\n@media screen and (min-width: 768px) {\r\n  :root {\r\n    --num-grid-columns: 8;\r\n    --page-gutter: 40px;\r\n    --section-spacing: 80px;\r\n  }\r\n\r\n  .imp {\r\n    grid-column: 7 / span 2;\r\n    text-align: left;\r\n    margin-top: 0px;\r\n  }\r\n\r\n  .cards {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n\r\n  .steps {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n\r\n  .heroBackground {\r\n    padding-bottom: 56px;\r\n    padding-bottom: var(--section-spacing);\r\n  }\r\n\r\n  .heroBody {\r\n    grid-column: span 5;\r\n  }\r\n\r\n  .heroText {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 56px;\r\n  }\r\n\r\n  .heroSubtitle {\r\n    margin-top: 40px;\r\n    font-size: clamp(16px, 2vw, 20px);\r\n    line-height: 1.625;\r\n  }\r\n\r\n  .heroImageContainer {\r\n    background: transparent;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n\r\n  .foregroundLeft {\r\n    display: block;\r\n    bottom: 0;\r\n    left: 50%;\r\n    margin-left: 149px;\r\n    position: absolute;\r\n  }\r\n\r\n  .imageLeft {\r\n    grid-column: span var(--num-grid-columns);\r\n    margin-top: auto;\r\n    margin-bottom: auto;\r\n  }\r\n\r\n  .imageRight {\r\n    grid-column: span 4;\r\n    -webkit-box-ordinal-group: 3;\r\n    -ms-flex-order: 2;\r\n    order: 2;\r\n    margin-top: auto;\r\n    margin-bottom: auto;\r\n  }\r\n\r\n  .imageCenter {\r\n    grid-column: 3 / span 4;\r\n  }\r\n\r\n  .descriptionRight {\r\n    order: 1;\r\n    display: flex;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n    -ms-flex-direction: column;\r\n    flex-direction: column;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n    margin-top: 0;\r\n    grid-column: span 4;\r\n  }\r\n\r\n  .descriptionLeft {\r\n    margin-top: 0;\r\n    grid-column: span 4;\r\n    -webkit-box-ordinal-group: 2;\r\n    -ms-flex-order: 1;\r\n    order: 1;\r\n    display: flex;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n    -ms-flex-direction: column;\r\n    flex-direction: column;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .descriptionCenter {\r\n    text-align: center;\r\n    display: flex;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n    -ms-flex-direction: column;\r\n    flex-direction: column;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n    grid-column: 5 / span 3;\r\n    margin-top: 0px;\r\n  }\r\n\r\n  .checks {\r\n    padding-top: 20px;\r\n    margin-top: 80px;\r\n    grid-column: 3 / span 4;\r\n  }\r\n\r\n  .descriptionHeading {\r\n    font-size: 48px;\r\n  }\r\n\r\n  .avatar {\r\n    max-width: 196px;\r\n    grid-column: 2 / span 3;\r\n    align-self: center;\r\n    justify-self: center;\r\n  }\r\n}\r\n\r\n.projects {\r\n margin-top: 40px;\r\n align-self: center;\r\n text-align: center;\r\n}\r\n\r\n@media screen and (min-width: 1024px) {\r\n  :root {\r\n    --num-grid-columns: 12;\r\n    --section-spacing: 120px;\r\n  }\r\n\r\n  .imp {\r\n    grid-column: 11 / span 2;\r\n  }\r\n\r\n  .heroBackground {\r\n    padding-bottom: 0;\r\n  }\r\n\r\n  .heroBody {\r\n    grid-column: 3 / span 8;\r\n    text-align: center;\r\n  }\r\n\r\n  .heroSubtitle {\r\n    margin-top: 40px;\r\n  }\r\n\r\n  .foregroundLeft {\r\n    display: block;\r\n    bottom: 0;\r\n    left: 50%;\r\n    margin-left: 369px;\r\n  }\r\n\r\n  .imageLeft {\r\n    grid-column: span var(--num-grid-columns);\r\n    -webkit-box-ordinal-group: 2;\r\n    -ms-flex-order: 1;\r\n    order: 1;\r\n  }\r\n\r\n  .imageRight {\r\n    grid-column: 7 / span 6;\r\n  }\r\n\r\n  .imageCenter {\r\n    grid-column: 5 / span 4;\r\n  }\r\n\r\n  .avatar {\r\n    grid-column: 2 / span 2;\r\n  }\r\n\r\n  .descriptionCenter {\r\n    grid-column: 5 / span 7;\r\n    text-align: left;\r\n  }\r\n\r\n  .checks {\r\n    grid-column: 4 / span 6;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--13-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--13-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=79bf92ed&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport VueI18n from 'vue-i18n';\n\nimport App from './App.vue'\n\nVue.config.productionTip = false\nVue.use(VueI18n);\n\nconst messages = {\n    'en': {\n      welcomeMsg: \"Concept, development and implementation. I am supporting you in all phases of your software project, alone or as part of a team.\",\n      intro: \"My name is Sascha Geringer. I'm a tech enthusiast, programmer, freelancer\",\n      motive: \"A successful project starts from the customer and works backwards to drive decisions in an ambiguous environment. In this mindset I'm offering effective consulting and implementation of software projects to assist you in reaching your goals. My main experience and skills are:\",\n      university: \"M. Sc. Robotics (TU Munich)\",\n      industry: \"5 Years of Industry Experience\",\n      algo: \"Algorithmus Design and Implementation \",\n      gamedev: \"Game Development / Unity Development\",\n      projectsHead: \"Click here\",\n      projectsTail: \"to find a selection of previous projects.\",\n      how: \"How it works\",\n      step1Head: \"Send me a mail to \",\n      step1Tail: \"to get a conversation started. Already have a concrete project? You are welcome to outline your planned project or ideas in a few words.\",\n      step2: \"Let's chat about your immediate goals and long-term vision. I will help you to define goals and break them down into manageble steps.\",\n      step3: \"You sit back and I do the heavy lifting. In a transparent and open process we keep an eye on the progress, discuss intermediate results and re-iterate if necessary to steer the projects towards the goal!\",\n      ger: \"Germany\",\n      imp: \"Imprint\",\n    },\n    'de': {\n      welcomeMsg: \"Ob alleine oder im Team, ich begleite Sie mit Rat und Tat bei der Konzeptionierung, Entwicklung und Umsetzung von Software-Projekten.\",\n      intro: \"Mein Name ist Sascha Geringer. Ich bin Tech-Enthusiast, Programmierer, Freelancer.\",\n      motive: \"Am Anfang stehen die Vision und Bedürfnisse des Kunden, jede Entscheidung während eines Projektes leitet sich daraus ab. In diesem Mindset unterstütze ich Sie als erfahrener Software Engineer bei der Verwirklichung Ihrer Ziele mit der Planung, Beratung und Implementierung. Meine Expertise umfasst:\",\n      university: \"M. Sc. Robotics (TU München)\",\n      industry: \"5 Jahre Industrieerfahrung\",\n      algo: \"Algorithmus Design und Implementierung\",\n      gamedev: \"Game Development / Unity Entwicklung\",\n      projectsHead: \"Hier\",\n      projectsTail: \"finden Sie eine Auswahl vergangener Projekte.\",\n      how: \"So einfach geht's\",\n      step1Head: \"Schreiben Sie ganz einfach an\",\n      step1Tail: \"für einen ersten unverbindlichen Kontakt. Schon ein konkretes Projekt? Gerne können Sie gleich in zwei, drei Sätzen Ihr geplantes Projekt oder Anliegen skizzieren.\",\n      step2: \"Gemeinsam halten wir Ihre unmittelbaren Anforderungen und langfristige Vision fest. Ich helfe dabei, das Ziel zu definieren sowie Etappen festzulegen.\",\n      step3: \"Ich setze meine Zahnräder in Bewegung und kümmere mich um den Rest. Transparenz und damit ein enger Austausch ist mir dabei wichtig. Zusammen behalten wir den Fortschritt stets im Auge, tauschen uns aus und bringen das Projekt zum Erfolg!\",\n      ger: \"Deutschland\",\n      imp: \"Impressum\",\n    }\n};\n\nconst i18n = new VueI18n({\n    locale: navigator.language.startsWith('de') ? 'de' : 'en',\n    messages, // set locale messages\n});\n\nnew Vue({\n  i18n,\n  render: h => h(App),\n}).$mount('#app')\n"],"sourceRoot":""}