{"version":3,"sources":["webpack:///./src/components/public/content/DiscoveryTeaser.vue?d2c9","webpack:///./src/components/public/content/EyecatcherImage.vue","webpack:///src/components/public/content/EyecatcherImage.vue","webpack:///./src/components/public/content/EyecatcherImage.vue?5bef","webpack:///./src/components/public/content/EyecatcherImage.vue?ceff","webpack:///./src/components/public/content/Testimonial.vue","webpack:///src/components/public/content/Testimonial.vue","webpack:///./src/components/public/content/Testimonial.vue?cd04","webpack:///./src/components/public/content/Testimonial.vue?67e8","webpack:///./src/components/public/content/GridShifted.vue?5366","webpack:///./src/components/public/content/GridMixedCol.vue?9f0d","webpack:///./src/components/public/content/Testimonial.vue?f5a3","webpack:///./src/components/private/AspectRatio.vue?2f1c","webpack:///./src/components/public/content/GridMixedCol.vue","webpack:///src/components/public/content/GridMixedCol.vue","webpack:///./src/components/public/content/GridMixedCol.vue?8032","webpack:///./src/components/public/content/GridMixedCol.vue?e275","webpack:///./src/components/public/content/FactList.vue?eab6","webpack:///./src/components/public/content/ServiceTeaser.vue?0c53","webpack:///./src/components/private/AspectRatio.vue","webpack:///src/components/private/AspectRatio.vue","webpack:///./src/components/private/AspectRatio.vue?0ab9","webpack:///./src/components/private/AspectRatio.vue?2d55","webpack:///./src/components/public/content/EyecatcherImage.vue?ee81","webpack:///./src/components/public/special/FallbackImage.vue?58ee","webpack:///./src/components/public/content/FactList.vue","webpack:///src/components/public/content/FactList.vue","webpack:///./src/components/public/content/FactList.vue?955c","webpack:///./src/components/public/content/FactList.vue?9757","webpack:///./src/components/public/content/FactItem.vue","webpack:///src/components/public/content/FactItem.vue","webpack:///./src/components/public/content/FactItem.vue?626a","webpack:///./src/components/public/content/FactItem.vue?9cb1","webpack:///./src/components/public/content/FactBanner.vue?0e6d","webpack:///./src/components/public/inspiration/InspirationTeaser.vue?548f","webpack:///./src/components/public/inspiration/InspirationTeaser.vue","webpack:///src/components/public/inspiration/InspirationTeaser.vue","webpack:///./src/components/public/inspiration/InspirationTeaser.vue?da00","webpack:///./src/components/public/inspiration/InspirationTeaser.vue?0fc3","webpack:///./src/components/public/content/GridMixed.vue?9dde","webpack:///./src/components/public/special/ResponsiveImage.vue","webpack:///src/components/public/special/ResponsiveImage.vue","webpack:///./src/components/public/special/ResponsiveImage.vue?6e51","webpack:///./src/components/public/special/ResponsiveImage.vue?e3c0","webpack:///./src/components/public/content/FactBanner.vue","webpack:///src/components/public/content/FactBanner.vue","webpack:///./src/components/public/content/FactBanner.vue?b752","webpack:///./src/components/public/content/FactBanner.vue?5a88","webpack:///./src/components/public/content/DiscoveryTeaser.vue","webpack:///src/components/public/content/DiscoveryTeaser.vue","webpack:///./src/components/public/content/DiscoveryTeaser.vue?ce0e","webpack:///./src/components/public/content/DiscoveryTeaser.vue?c7b1","webpack:///./src/components/public/special/FallbackImage.vue","webpack:///src/components/public/special/FallbackImage.vue","webpack:///./src/components/public/special/FallbackImage.vue?4b94","webpack:///./src/components/public/special/FallbackImage.vue?3c3b","webpack:///./src/components/public/content/FactItem.vue?9d52","webpack:///./src/components/public/content/Eyecatcher.vue","webpack:///src/components/public/content/Eyecatcher.vue","webpack:///./src/components/public/content/Eyecatcher.vue?341c","webpack:///./src/components/public/content/Eyecatcher.vue?91fa","webpack:///./src/components/public/content/EyecatcherIcon.vue?0bf0","webpack:///./src/components/public/content/GridShifted.vue","webpack:///src/components/public/content/GridShifted.vue","webpack:///./src/components/public/content/GridShifted.vue?6691","webpack:///./src/components/public/content/GridShifted.vue?2aed","webpack:///./src/components/public/content/Eyecatcher.vue?f5ea","webpack:///./src/components/public/content/ServiceTeaser.vue","webpack:///src/components/public/content/ServiceTeaser.vue","webpack:///./src/components/public/content/ServiceTeaser.vue?7f27","webpack:///./src/components/public/content/ServiceTeaser.vue?607b","webpack:///./src/components/public/content/GridMixed.vue","webpack:///src/components/public/content/GridMixed.vue","webpack:///./src/components/public/content/GridMixed.vue?1a4f","webpack:///./src/components/public/content/GridMixed.vue?03b1","webpack:///./src/components/public/content/EyecatcherIcon.vue","webpack:///src/components/public/content/EyecatcherIcon.vue","webpack:///./src/components/public/content/EyecatcherIcon.vue?9246","webpack:///./src/components/public/content/EyecatcherIcon.vue?7eb8","webpack:///./src/components/mixins/AboveTheFold.vue","webpack:///src/components/mixins/AboveTheFold.vue","webpack:///./src/components/mixins/AboveTheFold.vue?974a"],"names":["render","_c","_vm","_b","class","data","staticClass","style","attrs","id","_t","staticRenderFns","name","component","props","img","_v","_s","text","_e","type","String","default","required","this","_self","colOptions","slotElement","$slots","componentOptions","Ctor","options","isProductTeaser","computed","$root","mt","key","md","created","splice","length","tag","ratio","enableStyles","Boolean","title","iconName","iconVariant","iconSize","variant","imgOrder","hasAsideImages","mainImage","src","onceAboveTheFold","alt","isDesktop","handwriting","_l","asideImages","image","iIndex","mixins","MixinAboveTheFold","components","AspectRatio","images","Array","imgLeft","imgRight","slice","width","$attrs","inheritAttrs","widthParameter","includes","methods","updateWidth","$el","scrollWidth","window","addEventListener","beforeDestroy","removeEventListener","watch","newBreakpoint","oldBreakpoint","Object","size","ref","fontSize","wasVisibleOnce","svgSize","updateSvgSize","newText","$refs","textContent","newLength","charsPerLine","newEmSize","textBaseSize","formattedSize","newFontSize","mounted","$nextTick","$on","svg","offsetWidth","offsetHeight","gridColumns","contentSlotKeys","sKey","EXCLUDE_SCOPED_SLOTS","cols","keys","$scopedSlots","filter","profiles","profile","pIndex","concat","iconClass","fontScale","isLoaded","aboveTheFold","init","updateAboveThefold","bind","aboveThefold","getBoundingClientRect","top","innerHeight","debounce"],"mappings":"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","file":"js/common.6c8802ad.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DiscoveryTeaser.vue?vue&type=style&index=0&id=3e3dafb4&prod&lang=scss\"","var render = function render(_c,_vm){return _c('a',_vm._b({class:['eyecatcher-image-wrapper', _vm.data.class, _vm.data.staticClass],style:(_vm.data.style),attrs:{\"id\":_vm.data.id}},'a',_vm.data.attrs,false),[_vm._t(\"image\"),_c('span',{staticClass:\"eyecatcher-image\"},[_c('span',{staticClass:\"eyecatcher-image-border\"},[_c('span',{staticClass:\"eyecatcher-image-content\"},[_vm._t(\"default\")],2)])])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template functional>\r\n  <a :id=\"data.id\" :class=\"['eyecatcher-image-wrapper', data.class, data.staticClass]\" :style=\"data.style\" v-bind=\"data.attrs\">\r\n    <slot name=\"image\"/>\r\n\r\n    <span class=\"eyecatcher-image\">\r\n      <span class=\"eyecatcher-image-border\">\r\n        <span class=\"eyecatcher-image-content\">\r\n          <slot/>\r\n        </span>\r\n      </span>\r\n    </span>\r\n  </a>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'EyecatcherImage'\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$eyecatcherimage-size: 50vw !default;\r\n$eyecatcherimage-max-size: 200px !default;\r\n$eyecatcherimage-border: map-get($borders, 'bold') !default;\r\n$eyecatcherimage-bg: $white !default;\r\n$eyecatcherimage-transition-in: transform cubic-bezier(0.2, 1, 0.65, 2) 500ms !default;\r\n$eyecatcherimage-transition-out: transform ease-out 200ms !default;\r\n\r\n$eyecatcherimage-content-font-size: $lead-font-size !default;\r\n$eyecatcherimage-content-font-weight: $font-weight-bold !default;\r\n$eyecatcherimage-content-line-height: 1.2 !default;\r\n$eyecatcherimage-content-text-align: center !default;\r\n$eyecatcherimage-content-text-transform: uppercase !default;\r\n\r\n$eyecatcherimage-hover-transform: rotate(-3deg) scale(1.1) !default;\r\n\r\n.eyecatcher-image-wrapper {\r\n  display: block;\r\n  position: relative;\r\n\r\n  img {\r\n    width: 100%;\r\n    max-width: none;\r\n  }\r\n\r\n  .eyecatcher-image {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: absolute;\r\n    inset: 0;\r\n    margin: auto;\r\n    width: $eyecatcherimage-size;\r\n    max-width: $eyecatcherimage-max-size;\r\n    height: $eyecatcherimage-size;\r\n    max-height: $eyecatcherimage-max-size;\r\n    border-radius: 50%;\r\n    background-color: $eyecatcherimage-bg;\r\n    transition: $eyecatcherimage-transition-out;\r\n\r\n    .eyecatcher-image-border {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      border-radius: 50%;\r\n      border: $eyecatcherimage-border;\r\n      width: 90%;\r\n      height: 90%;\r\n\r\n      .eyecatcher-image-content {\r\n        display: block;\r\n        width: min-content;\r\n        font-size: $eyecatcherimage-content-font-size;\r\n        font-weight: $eyecatcherimage-content-font-weight;\r\n        line-height: $eyecatcherimage-content-line-height;\r\n        text-decoration: none;\r\n        text-align: $eyecatcherimage-content-text-align;\r\n        text-transform: $eyecatcherimage-content-text-transform;\r\n        word-spacing: $eyecatcherimage-max-size;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    .eyecatcher-image {\r\n      transform: $eyecatcherimage-hover-transform;\r\n      transition: $eyecatcherimage-transition-in;\r\n    }\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!./EyecatcherImage.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!./EyecatcherImage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EyecatcherImage.vue?vue&type=template&id=8425b554&functional=true\"\nimport script from \"./EyecatcherImage.vue?vue&type=script&lang=js\"\nexport * from \"./EyecatcherImage.vue?vue&type=script&lang=js\"\nimport style0 from \"./EyecatcherImage.vue?vue&type=style&index=0&id=8425b554&prod&lang=scss\"\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  true,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(_c,_vm){return _c('div',_vm._b({class:['testimonial', _vm.data.class, _vm.data.staticClass],style:(_vm.data.style),attrs:{\"id\":_vm.data.id}},'div',_vm.data.attrs,false),[_c('div',{staticClass:\"testimonial-avatar\"},[_c('b-avatar',{staticClass:\"avatar-image\",attrs:{\"variant\":\"light\",\"src\":_vm.props.img}}),_c('div',{staticClass:\"avatar-info\"},[_c('div',{staticClass:\"avatar-name\"},[_vm._v(_vm._s(_vm.props.name))]),(_vm.props.text)?_c('div',{staticClass:\"avatar-text\"},[_vm._v(_vm._s(_vm.props.text))]):_vm._e()])],1),_c('div',{staticClass:\"testimonial-content\"},[_vm._t(\"default\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template functional>\r\n  <div :id=\"data.id\" :class=\"['testimonial', data.class, data.staticClass]\" :style=\"data.style\" v-bind=\"data.attrs\">\r\n    <div class=\"testimonial-avatar\">\r\n      <b-avatar class=\"avatar-image\" variant=\"light\" :src=\"props.img\"/>\r\n      <div class=\"avatar-info\">\r\n        <div class=\"avatar-name\">{{ props.name }}</div>\r\n        <div class=\"avatar-text\" v-if=\"props.text\">{{ props.text }}</div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"testimonial-content\">\r\n      <slot/>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Testimonial',\r\n  props: {\r\n    img: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    name: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    text: {\r\n      type: String,\r\n      default: ''\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// mobile\r\n$testimonial-padding-y: 0 !default;\r\n$testimonial-padding-x: $testimonial-padding-y !default;\r\n\r\n$testimonial-avatar-gap: $paragraph-margin-bottom !default;\r\n\r\n$testimonial-avatar-image-size: 72px !default;\r\n\r\n$testimonial-avatar-info-gap: $spacer !default;\r\n\r\n$testimonial-avatar-name-font-size: $font-size-base !default;\r\n$testimonial-avatar-name-font-weight: $font-weight-bold !default;\r\n$testimonial-avatar-name-color: inherit !default;\r\n\r\n$testimonial-avatar-text-font-size: $testimonial-avatar-name-font-size !default;\r\n$testimonial-avatar-text-font-weight: $font-weight-normal !default;\r\n$testimonial-avatar-text-color: $dark !default;\r\n\r\n// desktop\r\n$testimonial-desktop: $desktop-breakpoint !default;\r\n\r\n$testimonial-desktop-padding-y: $grid-gutter-width !default;\r\n$testimonial-desktop-padding-x: $testimonial-desktop-padding-y !default;\r\n\r\n.testimonial {\r\n  padding: $testimonial-padding-y $testimonial-padding-x;\r\n\r\n  .testimonial-avatar {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: $testimonial-avatar-gap;\r\n\r\n    .avatar-image {\r\n      width: $testimonial-avatar-image-size;\r\n      height: $testimonial-avatar-image-size;\r\n    }\r\n\r\n    .avatar-info {\r\n      margin-left: $testimonial-avatar-info-gap;\r\n\r\n      .avatar-name {\r\n        font-size: $testimonial-avatar-name-font-size;\r\n        font-weight: $testimonial-avatar-name-font-weight;\r\n        color: $testimonial-avatar-name-color;\r\n      }\r\n\r\n      .avatar-text {\r\n        font-size: $testimonial-avatar-text-font-size;\r\n        font-weight: $testimonial-avatar-text-font-weight;\r\n        color: $testimonial-avatar-text-color;\r\n      }\r\n    }\r\n  }\r\n\r\n  .testimonial-content {}\r\n\r\n  @include media-breakpoint-up($testimonial-desktop) {\r\n    padding: $testimonial-desktop-padding-y $testimonial-desktop-padding-x;\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!./Testimonial.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!./Testimonial.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Testimonial.vue?vue&type=template&id=1e82b271&functional=true\"\nimport script from \"./Testimonial.vue?vue&type=script&lang=js\"\nexport * from \"./Testimonial.vue?vue&type=script&lang=js\"\nimport style0 from \"./Testimonial.vue?vue&type=style&index=0&id=1e82b271&prod&lang=scss\"\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  true,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridShifted.vue?vue&type=style&index=0&id=4eca2276&prod&lang=scss\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridMixedCol.vue?vue&type=style&index=0&id=b0e0bad6&prod&lang=scss\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Testimonial.vue?vue&type=style&index=0&id=1e82b271&prod&lang=scss\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AspectRatio.vue?vue&type=style&index=0&id=1ff23be2&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-col',_vm._b({staticClass:\"grid-mixed-col\"},'b-col',_vm.colOptions,false),[_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-col class=\"grid-mixed-col\" v-bind=\"colOptions\">\r\n    <slot/>\r\n  </b-col>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'GridMixedCol',\r\n  data () {\r\n    const slotElement = this.$slots.default[0] || {}\r\n    const componentOptions = ((slotElement.componentOptions || {}).Ctor || {}).options || {}\r\n\r\n    return {\r\n      isProductTeaser: componentOptions.name === 'ProductTeaser'\r\n    }\r\n  },\r\n  computed: {\r\n    colOptions () {\r\n      if (this.isProductTeaser) {\r\n        return {\r\n          [this.$root.mt.key]: 4,\r\n          [this.$root.md.key]: 3\r\n        }\r\n      }\r\n\r\n      return {\r\n        'align-self': 'center'\r\n      }\r\n    }\r\n  },\r\n  created () {\r\n    if (this.isProductTeaser) {\r\n      this.$slots.default.splice(1, this.$slots.default.length)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.grid-mixed-col {}\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!./GridMixedCol.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!./GridMixedCol.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GridMixedCol.vue?vue&type=template&id=b0e0bad6\"\nimport script from \"./GridMixedCol.vue?vue&type=script&lang=js\"\nexport * from \"./GridMixedCol.vue?vue&type=script&lang=js\"\nimport style0 from \"./GridMixedCol.vue?vue&type=style&index=0&id=b0e0bad6&prod&lang=scss\"\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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FactList.vue?vue&type=style&index=0&id=3f7ed2f4&prod&lang=scss\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceTeaser.vue?vue&type=style&index=0&id=20ba3c07&prod&lang=scss\"","var render = function render(_c,_vm){return _c(_vm.props.tag,_vm._b({tag:\"component\",class:['aspectratio', `ratio-${_vm.props.ratio}`, _vm.data.class, _vm.data.staticClass],style:(_vm.props.enableStyles ? _vm.data.style : ''),attrs:{\"id\":_vm.data.id}},'component',_vm.data.attrs,false),[_c('span',[_vm._t(\"default\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template functional>\r\n  <component\r\n    :is=\"props.tag\"\r\n    :id=\"data.id\"\r\n    :class=\"['aspectratio', `ratio-${props.ratio}`, data.class, data.staticClass]\"\r\n    :style=\"props.enableStyles ? data.style : ''\"\r\n    v-bind=\"data.attrs\"\r\n  >\r\n    <span>\r\n      <slot />\r\n    </span>\r\n  </component>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'AspectRatio',\r\n  props: {\r\n    tag: {\r\n      type: String,\r\n      default: 'div'\r\n    },\r\n    ratio: { // valid values: 3x4, 1x1, 4x3, 2x1\r\n      type: String,\r\n      required: true\r\n    },\r\n    enableStyles: {\r\n      type: Boolean,\r\n      default: true\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.aspectratio {\r\n  display: block;\r\n  position: relative;\r\n  width: 100%;\r\n\r\n  &:before {\r\n    display: block;\r\n    content: '';\r\n  }\r\n\r\n  @each $key, $value in $aspect-ratios {\r\n    &.ratio-#{$key} {\r\n      aspect-ratio: $value;\r\n    }\r\n    &.ratio-#{$key}:before {\r\n      padding-top: 100% * math.div(1, $value);\r\n    }\r\n  }\r\n\r\n  > span {\r\n    display: flex;\r\n    align-items: center;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\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!./AspectRatio.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!./AspectRatio.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AspectRatio.vue?vue&type=template&id=1ff23be2&functional=true\"\nimport script from \"./AspectRatio.vue?vue&type=script&lang=js\"\nexport * from \"./AspectRatio.vue?vue&type=script&lang=js\"\nimport style0 from \"./AspectRatio.vue?vue&type=style&index=0&id=1ff23be2&prod&lang=scss\"\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  true,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EyecatcherImage.vue?vue&type=style&index=0&id=8425b554&prod&lang=scss\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FallbackImage.vue?vue&type=style&index=0&id=425c648c&prod&lang=scss\"","var render = function render(_c,_vm){return _c('div',_vm._b({class:['factlist', _vm.data.class, _vm.data.staticClass],style:(_vm.data.style),attrs:{\"id\":_vm.data.id}},'div',_vm.data.attrs,false),[(_vm.$slots.title)?_c('div',{staticClass:\"factlist-title\"},[_c('h6',{staticClass:\"font-spacing-1\"},[_vm._t(\"title\")],2)]):_vm._e(),_c('ul',[_vm._t(\"default\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template functional>\r\n  <div :id=\"data.id\" :class=\"['factlist', data.class, data.staticClass]\" :style=\"data.style\" v-bind=\"data.attrs\">\r\n      <div v-if=\"$slots.title\" class=\"factlist-title\">\r\n        <h6 class=\"font-spacing-1\"><slot name=\"title\"/></h6>\r\n      </div>\r\n\r\n      <ul>\r\n        <slot/>\r\n      </ul>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'FactList'\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$factbanner-padding-y: $spacer * 1.25 !default;\r\n$factbanner-padding-x: $factbanner-padding-y !default;\r\n$factbanner-bg: $beige !default;\r\n$factbanner-color: $brown !default;\r\n$factbanner-border-radius: $border-radius !default;\r\n\r\n.factlist {\r\n  color: $factbanner-color;\r\n\r\n  .factlist-title {\r\n    margin-bottom: 2px;\r\n    padding: $factbanner-padding-y $factbanner-padding-x;\r\n    background-color: $factbanner-bg;\r\n    border-top-left-radius: $border-radius;\r\n    border-top-right-radius: $border-radius;\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    ~ ul {\r\n      border-top-left-radius: 0;\r\n      border-top-right-radius: 0;\r\n    }\r\n  }\r\n\r\n  ul {\r\n    @include list-unstyled();\r\n    padding: $factbanner-padding-y $factbanner-padding-x;\r\n    background-color: $factbanner-bg;\r\n    border-radius: $border-radius;\r\n\r\n    > .fact-item {\r\n      margin-bottom: $spacer;\r\n\r\n      &:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .eyecatcher-icon {\r\n        margin-bottom: 0;\r\n      }\r\n    }\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!./FactList.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!./FactList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FactList.vue?vue&type=template&id=3f7ed2f4&functional=true\"\nimport script from \"./FactList.vue?vue&type=script&lang=js\"\nexport * from \"./FactList.vue?vue&type=script&lang=js\"\nimport style0 from \"./FactList.vue?vue&type=style&index=0&id=3f7ed2f4&prod&lang=scss\"\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  true,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(_c,_vm){return _c(_vm.props.tag,_vm._b({tag:\"compontent\",class:['fact-item', _vm.data.class, _vm.data.staticClass, 'font-spacing-1'],style:(_vm.data.style),attrs:{\"id\":_vm.data.id}},'compontent',_vm.data.attrs,false),[_c('c-eyecatcher-icon',{attrs:{\"iconName\":_vm.props.iconName,\"iconVariant\":_vm.props.iconVariant,\"iconSize\":_vm.props.iconSize}},[_vm._t(\"default\")],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template functional>\r\n  <compontent :is=\"props.tag\" :id=\"data.id\" :class=\"['fact-item', data.class, data.staticClass, 'font-spacing-1']\" :style=\"data.style\" v-bind=\"data.attrs\">\r\n    <c-eyecatcher-icon :iconName=\"props.iconName\" :iconVariant=\"props.iconVariant\" :iconSize=\"props.iconSize\">\r\n      <slot/>\r\n    </c-eyecatcher-icon>\r\n  </compontent>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'FactItem',\r\n  props: {\r\n    tag: {\r\n      type: String,\r\n      default: 'div'\r\n    },\r\n    iconName: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    iconVariant: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    iconSize: {\r\n      type: String,\r\n      default: null\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$factitem-color: $brown !default;\r\n\r\n.fact-item {\r\n  color: $factitem-color;\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!./FactItem.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!./FactItem.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FactItem.vue?vue&type=template&id=1dbed18c&functional=true\"\nimport script from \"./FactItem.vue?vue&type=script&lang=js\"\nexport * from \"./FactItem.vue?vue&type=script&lang=js\"\nimport style0 from \"./FactItem.vue?vue&type=style&index=0&id=1dbed18c&prod&lang=scss\"\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  true,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FactBanner.vue?vue&type=style&index=0&id=0c81f618&prod&lang=scss\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InspirationTeaser.vue?vue&type=style&index=0&id=49dfaa1c&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['inspiration-teaser', `bg-pastel-${_vm.variant}`, `img-order-${_vm.imgOrder}`, _vm.hasAsideImages ? 'extended' : 'narrow']},[_c('div',{staticClass:\"inspiration-teaser-content\"},[_c('div',{staticClass:\"content-images\"},[_c('div',{staticClass:\"image-main\"},[_c('aspect-ratio',{style:(`background-image: url(${_vm.mainImage.src});`),attrs:{\"ratio\":\"3x4\",\"enableStyles\":_vm.onceAboveTheFold}},[_c('span',{staticClass:\"sr-only\"},[_vm._v(_vm._s(_vm.mainImage.alt))])])],1),(_vm.$root.isDesktop && (_vm.$slots.handwriting || _vm.hasAsideImages))?_c('div',{staticClass:\"images-aside\"},[_c('c-handwriting',[_vm._t(\"handwriting\")],2),_vm._l((_vm.asideImages),function(image,iIndex){return _c('aspect-ratio',{key:iIndex,style:(`background-image: url(${image.src});`),attrs:{\"ratio\":\"4x3\",\"enableStyles\":_vm.onceAboveTheFold}},[_c('span',{staticClass:\"sr-only\"},[_vm._v(_vm._s(image.alt))])])})],2):_vm._e()]),_c('div',{staticClass:\"content-text\"},[_vm._t(\"default\")],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['inspiration-teaser', `bg-pastel-${variant}`, `img-order-${imgOrder}`, hasAsideImages ? 'extended' : 'narrow']\">\r\n    <div class=\"inspiration-teaser-content\">\r\n      <div class=\"content-images\">\r\n        <div class=\"image-main\">\r\n          <aspect-ratio ratio=\"3x4\" :style=\"`background-image: url(${mainImage.src});`\" :enableStyles=\"onceAboveTheFold\">\r\n            <span class=\"sr-only\">{{ mainImage.alt }}</span>\r\n          </aspect-ratio>\r\n        </div>\r\n\r\n        <div class=\"images-aside\" v-if=\"$root.isDesktop && ($slots.handwriting || hasAsideImages)\">\r\n          <c-handwriting>\r\n            <slot name=\"handwriting\" />\r\n          </c-handwriting>\r\n\r\n          <aspect-ratio\r\n            v-for=\"(image, iIndex) in asideImages\"\r\n            :key=\"iIndex\"\r\n            ratio=\"4x3\"\r\n            :style=\"`background-image: url(${image.src});`\"\r\n            :enableStyles=\"onceAboveTheFold\"\r\n          >\r\n            <span class=\"sr-only\">{{ image.alt }}</span>\r\n          </aspect-ratio>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"content-text\">\r\n        <slot />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport MixinAboveTheFold from '@/components/mixins/AboveTheFold'\r\nimport AspectRatio from '@/components/private/AspectRatio'\r\n\r\nexport default {\r\n  name: 'InspirationTeaser',\r\n  mixins: [MixinAboveTheFold],\r\n  components: {\r\n    AspectRatio\r\n  },\r\n  props: {\r\n    variant: {\r\n      type: String,\r\n      default: 'beige'\r\n    },\r\n    images: {\r\n      type: Array,\r\n      required: true\r\n    },\r\n    imgLeft: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    imgRight: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    mainImage() {\r\n      return this.images[0] || {}\r\n    },\r\n    asideImages() {\r\n      return (this.images || []).slice(1)\r\n    },\r\n    hasAsideImages() {\r\n      return this.asideImages.length > 0\r\n    },\r\n    imgOrder() {\r\n      return this.imgLeft || !this.imgRight ? 'left' : 'right'\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// mobile\r\n$inspirationteaser-padding-y: $grid-gutter-width * 0.5 !default;\r\n$inspirationteaser-padding-x: 0 !default;\r\n$inspirationteaser-pastel-colors: $pastel-colors !default; // use map-merge() if you need to add more custom colors\r\n\r\n$inspirationteaser-content-padding-y: $grid-gutter-width !default;\r\n$inspirationteaser-content-padding-x: $grid-gutter-width * 0.5 !default;\r\n\r\n$inspirationteaser-content-images-offset: $inspirationteaser-content-padding-y * -2.25 !default;\r\n$inspirationteaser-content-images-box-shadow: map-get($shadows, 'image') !default;\r\n\r\n$inspirationteaser-content-images-main-widths: (\r\n  xs: 70%,\r\n  sm: 50%,\r\n  md: 50%\r\n) !default;\r\n\r\n$inspirationteaser-content-text-gap: $spacer * 1.5 !default;\r\n$inspirationteaser-content-text-align: center !default;\r\n\r\n// desktop\r\n$inspirationteaser-breakpoint: $desktop-breakpoint !default;\r\n\r\n// narrow\r\n$inspirationteaser-desktop-narrow-padding-y: $grid-gutter-width !default;\r\n$inspirationteaser-desktop-narrow-padding-x: 0 !default;\r\n\r\n$inspirationteaser-desktop-narrow-content-padding-y: $grid-gutter-width * 1.5 !default;\r\n$inspirationteaser-desktop-narrow-content-padding-x: $grid-gutter-width * 2 !default;\r\n\r\n$inspirationteaser-desktop-narrow-content-images-gap: $grid-gutter-width * 0.8 !default;\r\n$inspirationteaser-desktop-narrow-content-images-offset: $inspirationteaser-desktop-narrow-content-padding-y * -3 !default;\r\n\r\n$inspirationteaser-desktop-narrow-content-images-main-width: 66% !default;\r\n\r\n$inspirationteaser-desktop-narrow-content-text-gap: $spacer * 2 !default;\r\n$inspirationteaser-desktop-narrow-content-text-align: left !default;\r\n\r\n// extended\r\n$inspirationteaser-desktop-extended-padding-y: $inspirationteaser-desktop-narrow-padding-y * 1.5 !default;\r\n$inspirationteaser-desktop-extended-padding-x: $inspirationteaser-desktop-narrow-padding-x !default;\r\n\r\n$inspirationteaser-desktop-extended-content-padding-y: 0 !default;\r\n$inspirationteaser-desktop-extended-content-padding-x: 0 !default;\r\n\r\n$inspirationteaser-desktop-extended-content-images-gap: $inspirationteaser-desktop-narrow-content-images-gap !default;\r\n$inspirationteaser-desktop-extended-content-images-offset: 0 !default;\r\n$inspirationteaser-desktop-extended-content-images-padding-y: $grid-gutter-width * 1.5 !default;\r\n$inspirationteaser-desktop-extended-content-images-padding-x: $grid-gutter-width * 3 !default;\r\n$inspirationteaser-desktop-extended-content-images-width: 70% !default;\r\n\r\n$inspirationteaser-desktop-extended-content-images-main-width: 60% !default;\r\n\r\n$inspirationteaser-desktop-extended-content-text-offset: $inspirationteaser-desktop-extended-content-images-padding-x * -0.5 !default;\r\n$inspirationteaser-desktop-extended-content-text-align: $inspirationteaser-desktop-narrow-content-text-align !default;\r\n\r\n.inspiration-teaser {\r\n  padding: $inspirationteaser-padding-y $inspirationteaser-padding-x;\r\n\r\n  .inspiration-teaser-content {\r\n    margin-top: abs($inspirationteaser-content-images-offset) - $inspirationteaser-content-padding-y;\r\n    padding: $inspirationteaser-content-padding-y $inspirationteaser-content-padding-x;\r\n\r\n    .content-images {\r\n      margin-top: $inspirationteaser-content-images-offset;\r\n\r\n      .aspectratio {\r\n        background: no-repeat center center;\r\n        background-size: cover;\r\n        box-shadow: $inspirationteaser-content-images-box-shadow;\r\n\r\n        &:last-child {\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n\r\n      .image-main {\r\n        margin: 0 auto;\r\n\r\n        @each $key, $value in $inspirationteaser-content-images-main-widths {\r\n          @include media-breakpoint-up($key) {\r\n            width: $value;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .content-text {\r\n      margin-top: $inspirationteaser-content-text-gap;\r\n      text-align: $inspirationteaser-content-text-align;\r\n    }\r\n  }\r\n\r\n  @each $key, $value in $inspirationteaser-pastel-colors {\r\n    &.bg-#{$key} {\r\n      .inspiration-teaser-content {\r\n        background-color: $value;\r\n      }\r\n    }\r\n  }\r\n\r\n  @include media-breakpoint-up($inspirationteaser-breakpoint) {\r\n    &.narrow {\r\n      padding: $inspirationteaser-desktop-narrow-padding-y $inspirationteaser-desktop-narrow-padding-x;\r\n\r\n      .inspiration-teaser-content {\r\n        margin-top: abs($inspirationteaser-desktop-narrow-content-images-offset) - $inspirationteaser-desktop-narrow-content-padding-y;\r\n        padding: $inspirationteaser-desktop-narrow-content-padding-y $inspirationteaser-desktop-narrow-content-padding-x;\r\n\r\n        .content-images {\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: flex-end;\r\n          margin-top: $inspirationteaser-desktop-narrow-content-images-offset;\r\n\r\n          .aspectratio {\r\n            margin-bottom: $inspirationteaser-desktop-narrow-content-images-gap;\r\n\r\n            &:last-child {\r\n              margin-bottom: 0;\r\n            }\r\n          }\r\n\r\n          .image-main {\r\n            flex: 0 0 $inspirationteaser-desktop-narrow-content-images-main-width;\r\n            margin: 0;\r\n          }\r\n\r\n          .images-aside {\r\n            flex: 0 0 (100 - $inspirationteaser-desktop-narrow-content-images-main-width);\r\n            display: block;\r\n            padding-left: $inspirationteaser-desktop-narrow-content-images-gap;\r\n\r\n            .handwriting {\r\n              margin-right: $inspirationteaser-desktop-narrow-content-padding-x * -0.5;\r\n            }\r\n          }\r\n        }\r\n\r\n        .content-text {\r\n          margin-top: $inspirationteaser-desktop-narrow-content-text-gap;\r\n          text-align: $inspirationteaser-desktop-narrow-content-text-align;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.extended {\r\n      padding: $inspirationteaser-desktop-extended-padding-y $inspirationteaser-desktop-extended-padding-x;\r\n\r\n      .inspiration-teaser-content {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-top: abs($inspirationteaser-desktop-extended-content-images-offset) - $inspirationteaser-desktop-extended-content-padding-y;\r\n        padding: $inspirationteaser-desktop-extended-content-padding-y $inspirationteaser-desktop-extended-content-padding-x;\r\n        background-color: transparent;\r\n\r\n        .content-images {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          flex: 0 0 $inspirationteaser-desktop-extended-content-images-width;\r\n          margin-top: $inspirationteaser-desktop-extended-content-images-offset;\r\n          padding: $inspirationteaser-desktop-extended-content-images-padding-y $inspirationteaser-desktop-extended-content-images-padding-x;\r\n\r\n          aspect-ratio: auto 37/27;\r\n\r\n          .aspectratio {\r\n            margin-bottom: $inspirationteaser-desktop-extended-content-images-gap;\r\n\r\n            &:last-child {\r\n              margin-bottom: 0;\r\n            }\r\n          }\r\n\r\n          .image-main {\r\n            flex: 0 0 $inspirationteaser-desktop-extended-content-images-main-width;\r\n          }\r\n\r\n          .images-aside {\r\n            flex: 0 0 (100 - $inspirationteaser-desktop-extended-content-images-main-width);\r\n          }\r\n        }\r\n\r\n        .content-text {\r\n          flex: 1 0 (100 - $inspirationteaser-desktop-extended-content-images-width);\r\n          position: relative;\r\n          z-index: 2;\r\n          text-align: $inspirationteaser-desktop-extended-content-text-align;\r\n        }\r\n      }\r\n\r\n      &.img-order-left {\r\n        .inspiration-teaser-content {\r\n          .content-images {\r\n            .image-main {\r\n              order: 2;\r\n            }\r\n\r\n            .images-aside {\r\n              padding-right: $inspirationteaser-desktop-extended-content-images-gap;\r\n\r\n              .handwriting {\r\n                margin-left: $inspirationteaser-desktop-extended-content-images-padding-x * -0.5;\r\n                text-align: right;\r\n              }\r\n            }\r\n          }\r\n\r\n          .content-text {\r\n            margin-left: $inspirationteaser-desktop-extended-content-text-offset;\r\n          }\r\n        }\r\n      }\r\n\r\n      &.img-order-right {\r\n        .inspiration-teaser-content {\r\n          .content-images {\r\n            order: 2;\r\n\r\n            .images-aside {\r\n              padding-left: $inspirationteaser-desktop-extended-content-images-gap;\r\n\r\n              .handwriting {\r\n                margin-right: $inspirationteaser-desktop-extended-content-images-padding-x * -0.5;\r\n              }\r\n            }\r\n          }\r\n\r\n          .content-text {\r\n            margin-right: $inspirationteaser-desktop-extended-content-text-offset;\r\n          }\r\n        }\r\n      }\r\n\r\n      @each $key, $value in $inspirationteaser-pastel-colors {\r\n        &.bg-#{$key} {\r\n          .inspiration-teaser-content {\r\n            .content-images {\r\n              background-color: $value;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\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!./InspirationTeaser.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!./InspirationTeaser.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./InspirationTeaser.vue?vue&type=template&id=49dfaa1c\"\nimport script from \"./InspirationTeaser.vue?vue&type=script&lang=js\"\nexport * from \"./InspirationTeaser.vue?vue&type=script&lang=js\"\nimport style0 from \"./InspirationTeaser.vue?vue&type=style&index=0&id=49dfaa1c&prod&lang=scss\"\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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridMixed.vue?vue&type=style&index=0&id=71c53d40&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.width)?_c('img',_vm._b({attrs:{\"src\":_vm.src}},'img',_vm.$attrs,false)):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <img v-if=\"width\" v-bind=\"$attrs\" :src=\"src\"/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ResponsiveImage',\r\n  inheritAttrs: false,\r\n  data () {\r\n    return {\r\n      width: null\r\n    }\r\n  },\r\n  computed: {\r\n    widthParameter () {\r\n      return this.width !== null ? this.$attrs.src.includes('?') ? `&w=${this.width}` : `?w=${this.width}` : ''\r\n    },\r\n    src () {\r\n      return `${this.$attrs.src}${this.widthParameter}`\r\n    }\r\n  },\r\n  methods: {\r\n    updateWidth () {\r\n      this.width = this.$el.scrollWidth > this.width ? this.$el.scrollWidth : this.width\r\n    }\r\n  },\r\n  created () {\r\n    window.addEventListener('load', this.updateWidth)\r\n  },\r\n  beforeDestroy () {\r\n    window.removeEventListener('load', this.updateWidth)\r\n  },\r\n  watch: {\r\n    '$root.mobilefirstBreakpoint' (newBreakpoint, oldBreakpoint) {\r\n      if (newBreakpoint !== oldBreakpoint) this.updateWidth()\r\n    }\r\n  }\r\n}\r\n</script>\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!./ResponsiveImage.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!./ResponsiveImage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ResponsiveImage.vue?vue&type=template&id=539bc7ae\"\nimport script from \"./ResponsiveImage.vue?vue&type=script&lang=js\"\nexport * from \"./ResponsiveImage.vue?vue&type=script&lang=js\"\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","var render = function render(_c,_vm){return _c('div',_vm._b({class:['factbanner', _vm.data.class, _vm.data.staticClass],style:(_vm.data.style),attrs:{\"id\":_vm.data.id}},'div',_vm.data.attrs,false),[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"indented-text\"},[_vm._t(\"default\")],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template functional>\r\n  <div :id=\"data.id\" :class=\"['factbanner', data.class, data.staticClass]\" :style=\"data.style\" v-bind=\"data.attrs\">\r\n    <div class=\"container\">\r\n      <div class=\"indented-text\">\r\n        <slot/>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'FactBanner'\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// mobile\r\n$factbanner-padding-y: $component-padding-y !default;\r\n$factbanner-padding-x: 0 !default;\r\n$factbanner-bg: $beige !default;\r\n\r\n$factbanner-color: $brown !default;\r\n$factbanner-heading-font-weight: $font-weight-light !default;\r\n$factbanner-paragraph-font-size: $font-size-lg !default;\r\n$factbanner-paragraph-letter-spacing: $letter-spacing-1 !default;\r\n\r\n$factbanner-item-gap: $component-padding-y !default;\r\n\r\n// desktop\r\n$factbanner-breakpoint: $desktop-breakpoint !default;\r\n\r\n$factbanner-item-desktop-gap: $component-desktop-padding-y !default;\r\n\r\n.factbanner {\r\n  padding: $factbanner-padding-y $factbanner-padding-x;\r\n  background-color: $factbanner-bg;\r\n  color: $factbanner-color;\r\n\r\n  h1, h2, h3, h4, h5, h6,\r\n  .h1, .h2, .h3, .h4, .h5, .h6 {\r\n    font-weight: $factbanner-heading-font-weight;\r\n  }\r\n\r\n  p {\r\n    font-size: $factbanner-paragraph-font-size;\r\n    letter-spacing: $factbanner-paragraph-letter-spacing;\r\n  }\r\n\r\n  .fact-item {\r\n    display: flex;\r\n    margin-bottom: $factbanner-item-gap;\r\n\r\n    .eyecatcher-icon {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  &.not-indented .indented-text {\r\n    margin: 0;\r\n\r\n    > .h1, .h2, .h3, .h4, .h5, .h6 {\r\n      margin-left: 0;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n\r\n  @include media-breakpoint-up($factbanner-breakpoint) {\r\n    .fact-item {\r\n      margin-top: $factbanner-item-desktop-gap * 0.5;\r\n      margin-bottom: $factbanner-item-desktop-gap;\r\n    }\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!./FactBanner.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!./FactBanner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FactBanner.vue?vue&type=template&id=0c81f618&functional=true\"\nimport script from \"./FactBanner.vue?vue&type=script&lang=js\"\nexport * from \"./FactBanner.vue?vue&type=script&lang=js\"\nimport style0 from \"./FactBanner.vue?vue&type=style&index=0&id=0c81f618&prod&lang=scss\"\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  true,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"discovery-teaser\"},[_c('div',{staticClass:\"discovery-teaser-image\"},[_c('img',_vm._b({},'img',_vm.img,false)),_c('div',{staticClass:\"image-overlay\"},[_c('div',[_vm._v(_vm._s(_vm.text)+\" \"),_c('lazy-icon',{attrs:{\"icon\":\"arrow-long-right\"}})],1)])]),_c('div',{staticClass:\"disovery-teaser-content pb-5\"},[_vm._t(\"default\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <a class=\"discovery-teaser\">\r\n    <div class=\"discovery-teaser-image\">\r\n      <img v-bind=\"img\" />\r\n\r\n      <div class=\"image-overlay\">\r\n        <div>{{ text }} <lazy-icon icon=\"arrow-long-right\" /></div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"disovery-teaser-content pb-5\">\r\n      <slot />\r\n    </div>\r\n  </a>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'DiscoveryTeaser',\r\n  props: {\r\n    img: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n    text: {\r\n      type: String,\r\n      required: true\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$discoveryteaser-image-overlay-bg: rgba($black, 0.4) !default;\r\n$discoveryteaser-image-overlay-font-size: $font-size-base * 1.5 !default;\r\n$discoveryteaser-image-overlay-font-weight: $font-weight-bold !default;\r\n$discoveryteaser-image-overlay-color: color-yiq($discoveryteaser-image-overlay-bg) !default;\r\n$discoveryteaser-image-overlay-letter-spacing: $letter-spacing-2 !default;\r\n$discoveryteaser-image-overlay-transition: opacity ease-out 300ms !default;\r\n\r\n.discovery-teaser {\r\n  display: block;\r\n  color: inherit;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n\r\n  .discovery-teaser-image {\r\n    position: relative;\r\n\r\n    img {\r\n      display: block;\r\n      width: 100%;\r\n      max-width: none;\r\n    }\r\n\r\n    .image-overlay {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      position: absolute;\r\n      inset: 0;\r\n      background-color: $discoveryteaser-image-overlay-bg;\r\n      opacity: 0;\r\n      font-size: $discoveryteaser-image-overlay-font-size;\r\n      font-weight: $discoveryteaser-image-overlay-font-weight;\r\n      color: $discoveryteaser-image-overlay-color;\r\n      letter-spacing: $discoveryteaser-image-overlay-letter-spacing;\r\n      transition: $discoveryteaser-image-overlay-transition;\r\n    }\r\n  }\r\n\r\n  .discovery-teaser-content {\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    color: inherit;\r\n    text-decoration: none;\r\n\r\n    .discovery-teaser-image {\r\n      .image-overlay {\r\n        opacity: 1;\r\n      }\r\n    }\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!./DiscoveryTeaser.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!./DiscoveryTeaser.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DiscoveryTeaser.vue?vue&type=template&id=3e3dafb4\"\nimport script from \"./DiscoveryTeaser.vue?vue&type=script&lang=js\"\nexport * from \"./DiscoveryTeaser.vue?vue&type=script&lang=js\"\nimport style0 from \"./DiscoveryTeaser.vue?vue&type=style&index=0&id=3e3dafb4&prod&lang=scss\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fallback-image\"},[(_vm.$slots.default)?_vm._t(\"default\"):_c('aspect-ratio',{staticClass:\"is-fallback-image\",attrs:{\"ratio\":\"4x3\"}},[_c('lazy-icon',{attrs:{\"icon\":\"images\"}})],1)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"fallback-image\">\r\n        <slot v-if=\"$slots.default\"/>\r\n        <aspect-ratio v-else ratio=\"4x3\" class=\"is-fallback-image\">\r\n            <lazy-icon icon=\"images\"/>\r\n        </aspect-ratio>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport AspectRatio from '@/components/private/AspectRatio'\r\n\r\nexport default {\r\n  name: 'FallbackImage',\r\n  components: {\r\n    AspectRatio\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$fallback-image-fallback-size: 100% !default;\r\n$fallback-image-fallback-color: $imgfallback !default;\r\n\r\n.fallback-image {\r\n    img {\r\n        display: block;\r\n        width: 100%;\r\n        max-width: none;\r\n    }\r\n\r\n    .is-fallback-image {\r\n        .bi {\r\n            display: block;\r\n            margin: auto;\r\n            width: $fallback-image-fallback-size;\r\n            height: $fallback-image-fallback-size;\r\n            color: $fallback-image-fallback-color;\r\n        }\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!./FallbackImage.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!./FallbackImage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FallbackImage.vue?vue&type=template&id=425c648c\"\nimport script from \"./FallbackImage.vue?vue&type=script&lang=js\"\nexport * from \"./FallbackImage.vue?vue&type=script&lang=js\"\nimport style0 from \"./FallbackImage.vue?vue&type=style&index=0&id=425c648c&prod&lang=scss\"\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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FactItem.vue?vue&type=style&index=0&id=1dbed18c&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['eyecatcher', { [`eyecatcher-${_vm.variant}`]: _vm.variant, [`eyecatcher-${_vm.size}`]: _vm.size }]},[_c('svg',{ref:\"svg\"},[_c('text',{ref:\"text\",style:({ fontSize: _vm.fontSize+'px'}),attrs:{\"x\":\"50%\",\"y\":\"50%\",\"text-anchor\":\"middle\",\"dominant-baseline\":\"middle\",\"alignment-baseline\":\"middle\"}},[_vm._t(\"default\")],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['eyecatcher', { [`eyecatcher-${variant}`]: variant, [`eyecatcher-${size}`]: size }]\">\r\n    <svg ref=\"svg\"  >\r\n      <text ref=\"text\" x=\"50%\" y=\"50%\" text-anchor=\"middle\" dominant-baseline=\"middle\" :style=\"{ fontSize: fontSize+'px'}\" alignment-baseline=\"middle\"><slot/></text>\r\n    </svg>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Eyecatcher',\r\n  props: {\r\n    variant: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    size: {\r\n      type: String,\r\n      default: 'md'\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      wasVisibleOnce: false,\r\n      svgSize: 0,\r\n      fontSize: 16\r\n    }\r\n  },\r\n  methods: {\r\n    updateSvgSize () {\r\n      const newText = this.$refs.text.textContent\r\n      const newLength = newText.length\r\n      const charsPerLine = 4\r\n      const newEmSize = charsPerLine / newLength\r\n\r\n      const textBaseSize = 16\r\n      let formattedSize\r\n      let newFontSize\r\n\r\n      if (newEmSize < 1) {\r\n        newFontSize = newEmSize * textBaseSize\r\n        formattedSize = newFontSize\r\n      } else {\r\n        formattedSize = textBaseSize\r\n      }\r\n\r\n      this.fontSize = formattedSize\r\n    }\r\n  },\r\n  mounted () {\r\n    this.$nextTick(this.updateSvgSize)\r\n    if (!this.wasVisibleOnce) {\r\n      this.$root.$on('bv::collapse::state', () => {\r\n        if (this.$refs.svg) {\r\n          this.$nextTick(this.updateSvgSize)\r\n          this.wasVisibleOnce = this.$el.offsetWidth > 0 && this.$el.offsetHeight > 0\r\n        }\r\n      })\r\n    }\r\n  },\r\n  watch: {\r\n    '$root.mobilefirstBreakpoint' (newBreakpoint, oldBreakpoint) {\r\n      if (this.$refs.svg && newBreakpoint !== oldBreakpoint) this.$nextTick(this.updateSvgSize())\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$eyecatcher-size: 60px !default;\r\n$eyecatcher-size-sm: 48px !default;\r\n$eyecatcher-size-lg: 75px !default;\r\n$eyecatcher-box-shadow: map-get($shadows, 'salebutton') !default;\r\n\r\n$eyecatcher-svg-font-weight: $font-weight-bold !default;\r\n$eyecatcher-svg-font-size: 100px !default;\r\n$eyecatcher-svg-text-transform: uppercase !default;\r\n\r\n.eyecatcher {\r\n  display: inline-block;\r\n  width: $eyecatcher-size;\r\n  height: $eyecatcher-size;\r\n  border-radius: 50%;\r\n  box-shadow: $eyecatcher-box-shadow;\r\n  position:relative;\r\n\r\n  svg {\r\n    display: inline-block;\r\n    max-width: 100%;\r\n    max-height:100%;\r\n    font-weight: $eyecatcher-svg-font-weight;\r\n    font-size: $eyecatcher-svg-font-size;\r\n    text-transform: $eyecatcher-svg-text-transform;\r\n    white-space: nowrap;\r\n    line-height: 1;\r\n    fill: currentColor;\r\n  }\r\n\r\n  &.eyecatcher-sm {\r\n    width: $eyecatcher-size-sm;\r\n    height: $eyecatcher-size-sm;\r\n  }\r\n\r\n  &.eyecatcher-lg {\r\n    width: $eyecatcher-size-lg;\r\n    height: $eyecatcher-size-lg;\r\n  }\r\n\r\n  @each $key, $value in $theme-colors {\r\n    &.eyecatcher-#{$key} {\r\n      background-color: $value;\r\n      color: color-yiq($value);\r\n    }\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!./Eyecatcher.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!./Eyecatcher.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Eyecatcher.vue?vue&type=template&id=500ef0f1\"\nimport script from \"./Eyecatcher.vue?vue&type=script&lang=js\"\nexport * from \"./Eyecatcher.vue?vue&type=script&lang=js\"\nimport style0 from \"./Eyecatcher.vue?vue&type=style&index=0&id=500ef0f1&prod&lang=scss\"\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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EyecatcherIcon.vue?vue&type=style&index=0&id=67f5504a&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"grid-shifted\"},[_c('b-row',_vm._b({},'b-row',_vm.gridColumns,false),_vm._l((_vm.contentSlotKeys),function(sKey){return _c('b-col',{key:sKey},[_vm._t(sKey)],2)}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"grid-shifted\">\r\n    <b-row v-bind=\"gridColumns\">\r\n      <b-col v-for=\"sKey in contentSlotKeys\" :key=\"sKey\">\r\n        <slot :name=\"sKey\"/>\r\n      </b-col>\r\n    </b-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst EXCLUDE_SCOPED_SLOTS = []\r\n\r\nexport default {\r\n  name: 'GridShifted',\r\n  data () {\r\n    return {\r\n      gridColumns: {\r\n        cols: 1,\r\n        [`cols-${this.$root.md.key}`]: 2\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    contentSlotKeys () {\r\n      return Object.keys(this.$scopedSlots || {})\r\n        .filter(sKey => !EXCLUDE_SCOPED_SLOTS.includes(sKey))\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// mobile\r\n$gridshifted-row-col-gap: $grid-gutter-width !default;\r\n$gridshifted-row-col-shift: 0 !default;\r\n\r\n// desktop\r\n$gridshifted-breakpoint: $desktop-breakpoint !default;\r\n\r\n$gridshifted-desktop-row-col-gap: $grid-gutter-width * 2.5 !default;\r\n$gridshifted-desktop-row-col-shift: $gridshifted-desktop-row-col-gap * 0.75 !default;\r\n\r\n.grid-shifted {\r\n  > .row {\r\n    margin-top: $gridshifted-row-col-gap * -0.5;\r\n    margin-bottom: $gridshifted-row-col-gap * -0.5;\r\n    padding-bottom: $gridshifted-row-col-shift;\r\n\r\n    > .col {\r\n      padding-top: $gridshifted-row-col-gap * 0.5;\r\n      padding-bottom: $gridshifted-row-col-gap * 0.5;\r\n\r\n      &:nth-child(2n) {\r\n        position: relative;\r\n        top: $gridshifted-row-col-shift;\r\n      }\r\n    }\r\n  }\r\n\r\n  @include media-breakpoint-up($gridshifted-breakpoint) {\r\n    > .row {\r\n      margin-top: $gridshifted-desktop-row-col-gap * -0.5;\r\n      margin-bottom: $gridshifted-desktop-row-col-gap * -0.5;\r\n      padding-bottom: $gridshifted-desktop-row-col-shift;\r\n\r\n      > .col {\r\n        padding-top: $gridshifted-desktop-row-col-gap * 0.5;\r\n        padding-bottom: $gridshifted-desktop-row-col-gap * 0.5;\r\n\r\n        &:nth-child(2n) {\r\n          position: relative;\r\n          top: $gridshifted-desktop-row-col-shift;\r\n        }\r\n      }\r\n    }\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!./GridShifted.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!./GridShifted.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GridShifted.vue?vue&type=template&id=4eca2276\"\nimport script from \"./GridShifted.vue?vue&type=script&lang=js\"\nexport * from \"./GridShifted.vue?vue&type=script&lang=js\"\nimport style0 from \"./GridShifted.vue?vue&type=style&index=0&id=4eca2276&prod&lang=scss\"\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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Eyecatcher.vue?vue&type=style&index=0&id=500ef0f1&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"service-teaser\"},[_vm._t(\"default\"),_c('div',{staticClass:\"teaser-profiles\"},[_c('b-row',{attrs:{\"align-h\":\"center\"}},_vm._l((_vm.profiles),function(profile,pIndex){return _c('b-col',{key:pIndex,attrs:{\"cols\":\"auto\"}},[_c('div',{staticClass:\"profile\"},[_c('div',{staticClass:\"profile-image\"},[_c('img',_vm._b({},'img',profile.img,false))]),_c('div',{staticClass:\"profile-name\"},[_vm._v(_vm._s(profile.name))]),_c('div',{staticClass:\"profile-text\"},[_vm._v(_vm._s(profile.text))])])])}),1)],1),_c('div',{staticClass:\"teaser-action\"},[_vm._t(\"action\")],2)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"service-teaser\">\r\n    <slot/>\r\n\r\n    <div class=\"teaser-profiles\">\r\n      <b-row align-h=\"center\">\r\n        <b-col v-for=\"(profile, pIndex) in profiles\" :key=\"pIndex\" cols=\"auto\">\r\n          <div class=\"profile\">\r\n            <div class=\"profile-image\">\r\n              <img v-bind=\"profile.img\"/>\r\n            </div>\r\n\r\n            <div class=\"profile-name\">{{ profile.name }}</div>\r\n            <div class=\"profile-text\">{{ profile.text }}</div>\r\n          </div>\r\n        </b-col>\r\n      </b-row>\r\n    </div>\r\n\r\n    <div class=\"teaser-action\">\r\n      <slot name=\"action\"/>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ServiceTeaser',\r\n  props: {\r\n    profiles: {\r\n      type: Array,\r\n      required: true\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$serviceteaser-paddings: (\r\n  mobileY: $component-padding-y * 1.5,\r\n  desktopY: $component-desktop-padding-y * 1.5\r\n) !default;\r\n\r\n  // mobile\r\n$serviceteaser-profiles-gap: $spacer * 1.5 !default;\r\n$serviceteaser-profiles-color: $brown !default;\r\n$serviceteaser-profiles-text-align: center !default;\r\n\r\n$serviceteaser-profile-margin-y: $spacer * 0.5 !default;\r\n$serviceteaser-profile-margin-x: 0 !default;\r\n$serviceteaser-profile-width: 160px !default;\r\n\r\n$serviceteaser-profile-image-gap: $paragraph-margin-bottom !default;\r\n$serviceteaser-profile-image-border: set-nth(map-get($borders, 'bright'), 1, 3px) !default;\r\n$serviceteaser-profile-image-border-offset: nth($serviceteaser-profile-image-border, 1) * 1.5 !default;\r\n\r\n$serviceteaser-profile-name-font-size: $font-size-base !default;\r\n$serviceteaser-profile-name-font-weight: $font-weight-bold !default;\r\n$serviceteaser-profile-name-letter-spacing: $letter-spacing-1 !default;\r\n\r\n$serviceteaser-profile-text-font-size: $serviceteaser-profile-name-font-size !default;\r\n$serviceteaser-profile-text-font-weight: $font-weight-normal !default;\r\n$serviceteaser-profile-text-letter-spacing: $letter-spacing-1 !default;\r\n\r\n// desktop\r\n$serviceteaser-desktop: $desktop-breakpoint !default;\r\n\r\n$serviceteaser-desktop-profiles-gap: $spacer * 2.5 !default;\r\n\r\n$serviceteaser-desktop-profile-margin-y: $spacer !default;\r\n$serviceteaser-desktop-profile-margin-x: $spacer !default;\r\n$serviceteaser-desktop-profile-width: 240px !default;\r\n\r\n$serviceteaser-desktop-profile-image-gap: $serviceteaser-profile-image-gap !default;\r\n$serviceteaser-desktop-profile-image-border: $serviceteaser-profile-image-border !default;\r\n$serviceteaser-desktop-profile-image-border-offset: nth($serviceteaser-desktop-profile-image-border, 1) * 2.25 !default;\r\n\r\n$serviceteaser-desktop-profile-name-font-size: $font-size-lg !default;\r\n$serviceteaser-desktop-profile-name-font-weight: $serviceteaser-profile-name-font-weight !default;\r\n$serviceteaser-desktop-profile-name-letter-spacing: $serviceteaser-profile-name-letter-spacing !default;\r\n\r\n$serviceteaser-desktop-profile-text-font-size: $serviceteaser-desktop-profile-name-font-size !default;\r\n$serviceteaser-desktop-profile-text-font-weight: $serviceteaser-profile-text-font-weight !default;\r\n$serviceteaser-desktop-profile-text-letter-spacing: $serviceteaser-profile-text-letter-spacing !default;\r\n\r\n.service-teaser {\r\n  @include component('y', false, $serviceteaser-paddings);\r\n  @include fullwidth-bg();\r\n  background-color: $beige;\r\n  color: $serviceteaser-profiles-color;\r\n  text-align: $serviceteaser-profiles-text-align;\r\n\r\n  .teaser-profiles {\r\n    margin-top: $serviceteaser-profiles-gap;\r\n    margin-bottom: $serviceteaser-profiles-gap;\r\n\r\n    .profile {\r\n      margin: $serviceteaser-profile-margin-y $serviceteaser-profile-margin-x;\r\n      width: $serviceteaser-profile-width;\r\n\r\n      .profile-image {\r\n        margin-bottom: $serviceteaser-profile-image-gap;\r\n        padding: $serviceteaser-profile-image-border-offset;\r\n        border: $serviceteaser-profile-image-border;\r\n        border-radius: 50%;\r\n\r\n        img {\r\n          display: block;\r\n          width: 100%;\r\n          max-width: none;\r\n          border-radius: 50%;\r\n        }\r\n      }\r\n\r\n      .profile-name {\r\n        font-size: $serviceteaser-profile-name-font-size;\r\n        font-weight: $serviceteaser-profile-name-font-weight;\r\n        letter-spacing: $serviceteaser-profile-name-letter-spacing;\r\n      }\r\n\r\n      .profile-text {\r\n        font-size: $serviceteaser-profile-text-font-size;\r\n        font-weight: $serviceteaser-profile-text-font-weight;\r\n        letter-spacing: $serviceteaser-profile-text-letter-spacing;\r\n      }\r\n    }\r\n  }\r\n\r\n  .teaser-action {}\r\n\r\n  @include media-breakpoint-up($serviceteaser-desktop) {\r\n    .teaser-profiles {\r\n      margin-top: $serviceteaser-desktop-profiles-gap;\r\n      margin-bottom: $serviceteaser-desktop-profiles-gap;\r\n\r\n      .profile {\r\n        margin: $serviceteaser-desktop-profile-margin-y $serviceteaser-desktop-profile-margin-x;\r\n        width: $serviceteaser-desktop-profile-width;\r\n\r\n        .profile-image {\r\n          margin-bottom: $serviceteaser-desktop-profile-image-gap;\r\n          padding: $serviceteaser-desktop-profile-image-border-offset;\r\n          border: $serviceteaser-desktop-profile-image-border;\r\n          border-radius: 50%;\r\n\r\n          img {\r\n            display: block;\r\n            width: 100%;\r\n            max-width: none;\r\n            border-radius: 50%;\r\n          }\r\n        }\r\n\r\n        .profile-name {\r\n          font-size: $serviceteaser-desktop-profile-name-font-size;\r\n          font-weight: $serviceteaser-desktop-profile-name-font-weight;\r\n          letter-spacing: $serviceteaser-desktop-profile-name-letter-spacing;\r\n        }\r\n\r\n        .profile-text {\r\n          font-size: $serviceteaser-desktop-profile-text-font-size;\r\n          font-weight: $serviceteaser-desktop-profile-text-font-weight;\r\n          letter-spacing: $serviceteaser-desktop-profile-text-letter-spacing;\r\n        }\r\n      }\r\n    }\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!./ServiceTeaser.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!./ServiceTeaser.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ServiceTeaser.vue?vue&type=template&id=20ba3c07\"\nimport script from \"./ServiceTeaser.vue?vue&type=script&lang=js\"\nexport * from \"./ServiceTeaser.vue?vue&type=script&lang=js\"\nimport style0 from \"./ServiceTeaser.vue?vue&type=style&index=0&id=20ba3c07&prod&lang=scss\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"grid-mixed\"},[_c('b-row',{staticClass:\"grid-mixed-row\"},[_vm._t(\"default\")],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"grid-mixed\">\r\n    <b-row class=\"grid-mixed-row\">\r\n      <slot/>\r\n    </b-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'GridMixed'\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.grid-mixed {\r\n  @include component('y');\r\n\r\n  .grid-mixed-row {\r\n    margin-top: $paragraph-margin-bottom * -0.5;\r\n    margin-bottom: $paragraph-margin-bottom * -0.5;\r\n\r\n    > .grid-mixed-col {\r\n      margin-top: $paragraph-margin-bottom * 0.5;\r\n      margin-bottom: $paragraph-margin-bottom * 0.5;\r\n    }\r\n  }\r\n\r\n  + .grid-mixed {\r\n    .grid-mixed-row {\r\n      margin-top: $paragraph-margin-bottom * -1;\r\n    }\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!./GridMixed.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!./GridMixed.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GridMixed.vue?vue&type=template&id=71c53d40\"\nimport script from \"./GridMixed.vue?vue&type=script&lang=js\"\nexport * from \"./GridMixed.vue?vue&type=script&lang=js\"\nimport style0 from \"./GridMixed.vue?vue&type=style&index=0&id=71c53d40&prod&lang=scss\"\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","var render = function render(_c,_vm){return _c('div',{staticClass:\"eyecatcher-icon\"},[(_vm.props.iconName)?_c('div',_vm._b({class:['icon-icon', `icon-${_vm.props.iconSize}`, _vm.data.class, _vm.data.staticClass].concat(_vm.props.iconClass),style:(_vm.data.style),attrs:{\"id\":_vm.data.id}},'div',_vm.data.attrs,false),[_c('lazy-icon',{attrs:{\"icon\":_vm.props.iconName,\"variant\":_vm.props.iconVariant,\"fontScale\":_vm.props.fontScale}})],1):_vm._e(),(_vm.$slots.default)?_c('div',{staticClass:\"icon-text\"},[_vm._t(\"default\")],2):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template functional>\r\n  <div class=\"eyecatcher-icon\">\r\n    <div v-if=\"props.iconName\" :id=\"data.id\" :class=\"['icon-icon', `icon-${props.iconSize}`, data.class, data.staticClass].concat(props.iconClass)\" :style=\"data.style\" v-bind=\"data.attrs\">\r\n      <lazy-icon :icon=\"props.iconName\" :variant=\"props.iconVariant\" :fontScale=\"props.fontScale\"/>\r\n    </div>\r\n\r\n    <div v-if=\"$slots.default\" class=\"icon-text\">\r\n      <slot/>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'EyecatcherIcon',\r\n  props: {\r\n    iconName: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    iconVariant: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    iconSize: {\r\n      type: String,\r\n      default: 'md'\r\n    },\r\n    fontScale: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    iconClass: {\r\n      type: [String, Array, Object],\r\n      default: null\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// mobile\r\n$eyecatericon-gap: $spacer !default;\r\n\r\n$eyecatericon-icon-size: $spacer * 3 !default;\r\n$eyecatericon-icon-size-sm: $spacer * 2.5 !default;\r\n$eyecatericon-icon-border: map-get($borders, 'bright') !default;\r\n$eyecatericon-icon-font-size: $font-size-base * 1.3 !default;\r\n\r\n$eyecatericon-text-gap: $spacer !default;\r\n\r\n// desktop\r\n$eyecatericon-breakpoint: $desktop-breakpoint !default;\r\n\r\n$eyecatericon-desktop-icon-size: $spacer * 4 !default;\r\n$eyecatericon-desktop-icon-size-sm: $spacer * 3.5 !default;\r\n$eyecatericon-desktop-icon-border: $eyecatericon-icon-border !default;\r\n$eyecatericon-desktop-icon-font-size: $font-size-base * 1.8 !default;\r\n\r\n$eyecatericon-desktop-text-gap: $eyecatericon-text-gap   !default;\r\n\r\n.eyecatcher-icon {\r\n  display: inline-flex;\r\n  margin-bottom: $eyecatericon-gap;\r\n\r\n  .icon-icon {\r\n    flex: 0 0 auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: $eyecatericon-icon-size;\r\n    height: $eyecatericon-icon-size;\r\n    border: $eyecatericon-icon-border;\r\n    border-radius: 100%;\r\n    font-size: $eyecatericon-icon-font-size;\r\n  }\r\n\r\n  .icon-text {\r\n    margin-left: $eyecatericon-text-gap;\r\n    align-self: center;\r\n  }\r\n\r\n  .icon-icon {\r\n    &.icon-sm {\r\n      width: $eyecatericon-icon-size-sm;\r\n      height: $eyecatericon-icon-size-sm;\r\n    }\r\n  }\r\n\r\n  @include media-breakpoint-up($eyecatericon-breakpoint) {\r\n    .icon-icon {\r\n      width: $eyecatericon-desktop-icon-size;\r\n      height: $eyecatericon-desktop-icon-size;\r\n      border: $eyecatericon-desktop-icon-border;\r\n      font-size: $eyecatericon-desktop-icon-font-size;\r\n\r\n      &.icon-sm {\r\n        width: $eyecatericon-desktop-icon-size-sm;\r\n        height: $eyecatericon-desktop-icon-size-sm;\r\n      }\r\n    }\r\n\r\n    .icon-text {\r\n      margin-left: $eyecatericon-desktop-text-gap;\r\n    }\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!./EyecatcherIcon.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!./EyecatcherIcon.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EyecatcherIcon.vue?vue&type=template&id=67f5504a&functional=true\"\nimport script from \"./EyecatcherIcon.vue?vue&type=script&lang=js\"\nexport * from \"./EyecatcherIcon.vue?vue&type=script&lang=js\"\nimport style0 from \"./EyecatcherIcon.vue?vue&type=style&index=0&id=67f5504a&prod&lang=scss\"\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  true,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render, staticRenderFns\nimport script from \"./AboveTheFold.vue?vue&type=script&lang=js\"\nexport * from \"./AboveTheFold.vue?vue&type=script&lang=js\"\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","<script>\r\nimport debounce from 'lodash/debounce'\r\n\r\nexport default {\r\n  data () {\r\n    return {\r\n      isLoaded: false,\r\n      aboveTheFold: false,\r\n      onceAboveTheFold: false\r\n    }\r\n  },\r\n  methods: {\r\n    init () {\r\n      this.isLoaded = true\r\n      this.updateAboveThefold.bind(this)()\r\n    },\r\n    updateAboveThefold () {\r\n      if (this.isLoaded) {\r\n        this.aboveThefold = this.$el.getBoundingClientRect().top < window.innerHeight\r\n        if (!this.onceAboveTheFold) this.onceAboveTheFold = this.aboveThefold\r\n      }\r\n    }\r\n  },\r\n  created () {\r\n    window.addEventListener('load', this.init)\r\n    window.addEventListener('resize', debounce(this.updateAboveThefold, 150))\r\n    window.addEventListener('scroll', debounce(this.updateAboveThefold, 150))\r\n  },\r\n  beforeDestroy () {\r\n    window.removeEventListener('load', this.init)\r\n    window.removeEventListener('resize', debounce(this.updateAboveThefold, 150))\r\n    window.removeEventListener('scroll', debounce(this.updateAboveThefold, 150))\r\n  }\r\n}\r\n</script>\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!./AboveTheFold.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!./AboveTheFold.vue?vue&type=script&lang=js\""],"sourceRoot":""}