{"version":3,"sources":["webpack:///./src/views/Services.vue?7c15","webpack:///./src/components/ServiceElement.vue?22bb","webpack:///./src/views/Services.vue","webpack:///./src/components/ServiceElement.vue","webpack:///./src/components/ServiceElement.vue?6780","webpack:///./src/views/Services.vue?705f"],"names":["id","class","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_ctx","$t","_hoisted_4","_hoisted_5","_Fragment","_renderList","$data","cards","card","_createBlock","_component_ServiceElement","cat","key","_createVNode","_component_Footer","$props","_normalizeClass","_hoisted_6","innerHTML","name","props","String","__exports__","data","Object","keys","cats","services","components","Footer","ServiceElement","mounted","hash","this","$route","replace","document","getElementById","scrollIntoView","render"],"mappings":"yJAAA,W,kCCAA,W,kECCOA,GAAG,WAAWC,MAAM,4B,GAChBA,MAAM,iB,GACHA,MAAM,gB,GAETA,MAAM,iB,GACFA,MAAM,W,oHALnBC,eAUM,MAVNC,EAUM,CATFC,eAEM,MAFNC,EAEM,CADFD,eAAwD,KAAxDE,EAAwDC,eAA5BC,EAAAC,GAAG,mBAAD,KAElCL,eAIM,MAJNM,EAIM,CAHFN,eAEM,MAFNO,EAEM,E,mBADJT,eAAiEU,OAAA,KAAAC,eAArBC,EAAAC,MAARC,I,iBAApCC,eAAiEC,EAAA,CAAhDC,IAAKH,EAA8BI,IAAKJ,G,4BAGjEK,eAAUC,K,kCCRLrB,MAAM,qB,GACJA,MAAM,gB,GACHA,MAAM,mB,GAITA,MAAM,a,GACLA,MAAM,c,gEARhBC,eAYM,OAZAF,GAAIuB,EAAAJ,IAAKlB,MAAM,+B,CACnBG,eAUM,MAVNC,EAUM,CATJD,eAIM,MAJNE,EAIM,CAHJF,eAEO,OAFPM,EAEO,CADLN,eAAsD,KAAlDH,MAAKuB,eAAEhB,EAAAC,GAAG,kBAAoBc,EAAAJ,IAAM,W,YAG5Cf,eAGM,MAHNO,EAGM,CAFJP,eAAwE,KAAxEqB,EAAwElB,eAA9CC,EAAAC,GAAG,kBAAoBc,EAAAJ,IAAM,WAAH,GACpDf,eAAyE,KAAtEH,MAAM,YAAYyB,UAAQlB,EAAAC,GAAG,kBAAoBc,EAAAJ,IAAM,W,oBAQnD,OACbQ,KAAM,iBACNC,MAAO,CACLT,IAAKU,S,iCCdT,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,Q,YFUA,GACbH,KAAM,WACNI,OACE,MAAO,CACLhB,MAAOiB,OAAOC,KAAKC,EAAKC,SAASpB,SAGrCqB,WAAY,CACVC,cACAC,kBAEFC,UACE,IAAIC,EAAOC,KAAKC,OAAOF,KAAKG,QAAQ,IAAK,IACrCH,GACFI,SAASC,eAAeL,GAAMM,mB,UG1BpC,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E","file":"js/services.bde7e980.js","sourcesContent":["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-v16/dist/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-v16/dist/index.js??ref--1-1!./Services.vue?vue&type=style&index=0&id=4d746b5a&scoped=true&lang=css\"","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-v16/dist/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-v16/dist/index.js??ref--1-1!./ServiceElement.vue?vue&type=style&index=0&id=666dc03c&scoped=true&lang=css\"","<template>\r\n  <div id=\"services\" class=\"container-fluid bg-light\">\r\n      <div class=\"container-xxl\">\r\n          <h2 class=\"text-primary\">{{ $t('services.title') }}</h2>\r\n      </div>\r\n      <div class=\"container-xxl\">\r\n          <div class=\"row g-5\">\r\n            <ServiceElement :cat=\"card\"  v-for=\"card in cards\" :key=\"card\" />\r\n          </div>\r\n      </div>\r\n    <Footer />\r\n  </div>\r\n</template>\r\n\r\n<script> \r\nimport Footer from '@/components/Footer.vue'\r\nimport ServiceElement from '@/components/ServiceElement'\r\nimport cats from '@/locales/de.json'\r\n\r\nexport default {\r\n  name: 'Services',\r\n  data() {\r\n    return {\r\n      cards: Object.keys(cats.services.cards)\r\n    };\r\n  },\r\n  components: {\r\n    Footer,\r\n    ServiceElement\r\n  },\r\n  mounted() {\r\n    let hash = this.$route.hash.replace('#', '');\r\n    if (hash) {\r\n      document.getElementById(hash).scrollIntoView();\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  #services {\r\n    padding-top: 50px;\r\n    padding-bottom: 50px;\r\n  }\r\n\r\n  h2 {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .card {\r\n    width: 100%;\r\n    height: 100%;\r\n    padding-bottom: 15px;\r\n    border-bottom: 30px solid #f8f9fa !important;\r\n  }\r\n\r\n  .card-img-top {\r\n    text-align: center;\r\n    padding-top: 30px;\r\n  }\r\n\r\n  .card-img-top .icon {\r\n    width: 100px;\r\n    height: 100px;\r\n    margin: 0 auto;\r\n    margin-bottom: 5px;\r\n    border-radius: 50%;\r\n    position: relative;\r\n    text-align: center !important;\r\n    display: inline-block;\r\n  }\r\n\r\n  .card-img-top .icon span {\r\n    font-size: 60px;\r\n    line-height: 0.9;\r\n    color: #fff;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    -ms-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n  }\r\n</style>","<template>\r\n  <div :id=\"cat\" class=\"col-lg-3 col-md-6 col-sm-12\">\r\n    <div class=\"card border-light\">\r\n      <div class=\"card-img-top\">\r\n        <span class=\"icon bg-primary\">\r\n          <i :class=\"$t('services.cards.' + cat + '.icon')\"></i>\r\n        </span>\r\n      </div>\r\n      <div class=\"card-body\">\r\n        <h5 class=\"card-title\">{{ $t(\"services.cards.\" + cat + \".title\") }}</h5>\r\n        <p class=\"card-text\" v-html=\"$t('services.cards.' + cat + '.intro')\"></p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// <span v-html=\"$t('advantages.' + cat + '.text')\"></span>\r\nexport default {\r\n  name: \"ServiceElement\",\r\n  props: {\r\n    cat: String,\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.card {\r\n  width: 100%;\r\n  height: 100%;\r\n  padding-bottom: 15px;\r\n  border-bottom: 30px solid #f8f9fa !important;\r\n}\r\n\r\n.card-img-top {\r\n  text-align: center;\r\n  padding-top: 30px;\r\n}\r\n\r\n.card-img-top .icon {\r\n  width: 100px;\r\n  height: 100px;\r\n  margin: 0 auto;\r\n  margin-bottom: 5px;\r\n  border-radius: 50%;\r\n  position: relative;\r\n  text-align: center !important;\r\n  display: inline-block;\r\n}\r\n\r\n.card-img-top .icon i {\r\n  font-size: 60px;\r\n  line-height: 0.75;\r\n  color: #fff;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  -webkit-transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  transform: translate(-50%, -50%);\r\n}\r\n</style>\r\n","import { render } from \"./ServiceElement.vue?vue&type=template&id=666dc03c&scoped=true\"\nimport script from \"./ServiceElement.vue?vue&type=script&lang=js\"\nexport * from \"./ServiceElement.vue?vue&type=script&lang=js\"\n\nimport \"./ServiceElement.vue?vue&type=style&index=0&id=666dc03c&scoped=true&lang=css\"\n\nimport exportComponent from \"c:\\\\Inetpub\\\\DrForouzan\\\\Web\\\\htdocs\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-666dc03c\"]])\n\nexport default __exports__","import { render } from \"./Services.vue?vue&type=template&id=4d746b5a&scoped=true\"\nimport script from \"./Services.vue?vue&type=script&lang=js\"\nexport * from \"./Services.vue?vue&type=script&lang=js\"\n\nimport \"./Services.vue?vue&type=style&index=0&id=4d746b5a&scoped=true&lang=css\"\n\nimport exportComponent from \"c:\\\\Inetpub\\\\DrForouzan\\\\Web\\\\htdocs\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4d746b5a\"]])\n\nexport default __exports__"],"sourceRoot":""}