{"version":3,"sources":["webpack:///./src/components/utils/TextClipBottom.vue?b4dc","webpack:///./src/components/utils/CircleLink.vue","webpack:///./src/components/utils/CircleLink.vue?3411","webpack:///./src/components/utils/TextClipBottom.vue","webpack:///./src/components/utils/TextClipBottom.vue?9e81","webpack:///./src/components/parts/TextKreislink.vue","webpack:///./src/components/parts/TextKreislink.vue?e061","webpack:///./src/components/utils/CircleLink.vue?2bc3","webpack:///./src/components/parts/TextKreislink.vue?95e3","webpack:///./src/assets/images/arrow-right.svg","webpack:///./src/assets/images/arrow-right.svg?d093"],"names":["class","to","blue","props","type","String","Boolean","default","render","style","cssVars","clipBottom","clipBottomMobile","setup","css","__scopeId","href","payload","hintergrundfarbe","clipcolor","includetop","length","clip-top","clip","clip-top-mobile","clipmobile","link","linktext","text","kontaktbutton","components","Container","TextClipBottom","CircleLink","Arrow","Object","isDesktop","isLeft","bildposition","includes","script"],"mappings":"kHAAA,W,+HCCE,eAIK,GAJDA,MAAM,OAAQC,GAAI,EAAAA,I,yBACpB,iBAEM,CAFN,eAEM,OAFDD,MAAK,gBAAC,oBAAmB,gBAA2B,EAAAE,S,CACvD,eAAQ,qB,sBAMC,OACbC,MAAO,CACLF,GAAI,CAAEG,KAAMC,QACZH,KAAM,CAAEE,KAAME,QAASC,SAAS,K,UCPpC,EAAOC,OAASA,EAED,U,oGCNb,eAAiG,OAA5FR,MAAM,iCAAkCS,MAAK,eAAE,EAAAC,QAAO,YAAG,EAAAC,WAAU,iBAAE,EAAAC,qB,wBAM7D,GACbT,MAAO,CACLQ,WAAY,CAAEP,KAAMC,QACpBO,iBAAkB,CAAER,KAAMC,SAE5BQ,MALa,WAMX,MAAO,CAAEH,QAAAI,EAAA,Q,UCRb,EAAON,OAASA,EAChB,EAAOO,UAAY,kBAEJ,U,4GCACf,MAAM,+B,GACXA,MAAM,U,GACJA,MAAM,4C,GACJA,MAAM,oB,GACJA,MAAM,S,GAKFA,MAAM,sF,mBAUdA,MAAM,mE,4BAGP,eAEI,KAFDgB,KAAK,mCAAmChB,MAAM,mBAAkB,uBAEnE,G,GAFA,G,gKA7BV,eAoCU,WApCDA,MAAK,gBAAC,+BAA8B,CAAU,EAAAiB,QAAQC,qB,CAC7D,eAKE,GAJAlB,MAAK,gBAAC,UAAS,CAGN,EAAAiB,QAAQE,UAAW,EAAAF,QAAQG,WAAWC,OAAM,sBAFpDC,WAAU,EAAAL,QAAQM,KAClBC,kBAAiB,EAAAP,QAAQQ,Y,8DAG5B,eA4BM,MA5BN,EA4BM,CA3BJ,eA0BM,MA1BN,EA0BM,CAzBJ,eAgBM,MAhBN,EAgBM,CAfJ,eAcM,MAdN,EAcM,CAbJ,eAYM,MAZN,EAYM,CAVI,EAAAR,QAAQS,KAAKL,Q,iBADrB,eAUc,G,MARXpB,GAAI,EAAAgB,QAAQS,KAAI,GAAIA,M,yBAErB,iBAKM,CALN,eAKM,MALN,EAKM,CAJJ,eAA8C,OAAzC1B,MAAM,OAAO,UAAQ,EAAAiB,QAAQU,U,UAClC,eAEM,YADJ,eAAuB,GAAhB3B,MAAM,kB,4CAOzB,eAOM,MAPN,EAOM,CANJ,eAA8C,WAArCA,MAAM,OAAO,UAAQ,EAAAiB,QAAQW,M,UACvB,EAAAX,QAAQY,cAAcR,OAAM,G,iBAA3C,eAIU,gB,gJAeL,GACbS,WAAY,CACVC,YAAA,KAAWC,iBAAA,KAAgBC,aAAA,KAAYC,MAAA,QAEzC/B,MAAO,CAAEc,QAAS,CAAEb,KAAM+B,OAAQ5B,QAAS4B,SAC3CtB,MALa,SAKPV,GACJ,IAAMiC,EAAY,eAAoB,MACtC,MAAO,CACLC,OAAQ,gBAAS,kBAAMlC,EAAMc,QAAQqB,aAAaC,SAAS,WAC3DH,e,UCpDN,EAAO5B,OAASA,EAChB,EAAOO,UAAY,kBAEJ,gB,yDCRf,W,yDCAA,W,4ECAK,MAAM,6BAA6B,QAAQ,qB,EAAoB,eAAwV,QAAlV,YAAU,0BAA0B,EAAE,+RAA+R,KAAK,Q,YAAhV,G,wCAApE,eAAka,MAAla,KCCA,MAAMyB,EAAS,GACfA,EAAOhC,OAASA,EAED","file":"js/chunk-465de89a.5762a09e.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./TextClipBottom.vue?vue&type=style&index=0&id=b8442fd8&lang=scss&scoped=true\"","<template>\n  <Go class=\"link\" :to=\"to\">\n    <div class=\"circle bg-primary\" :class=\"{ 'bg-secondary': blue }\">\n      <slot />\n    </div>\n  </Go>\n</template>\n\n<script>\nexport default {\n  props: {\n    to: { type: String },\n    blue: { type: Boolean, default: false },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import '@/assets/styles/_mixin.scss';\n\n.circle {\n  height: px(190);\n  width: px(190);\n  border-radius: 50%;\n}\n\n.link {\n  .circle {\n     transition: 0.15s ease-in-out;\n    &:hover {\n      transform: scale(1.1);\n    }\n  }\n}\n</style>\n","import { render } from \"./CircleLink.vue?vue&type=template&id=67a69870\"\nimport script from \"./CircleLink.vue?vue&type=script&lang=js\"\nexport * from \"./CircleLink.vue?vue&type=script&lang=js\"\n\nimport \"./CircleLink.vue?vue&type=style&index=0&id=67a69870&lang=scss\"\nscript.render = render\n\nexport default script","<template>\n  <div class=\"clip-bot-container clip-bottom\" :style=\"cssVars({ clipBottom, clipBottomMobile })\" />\n</template>\n\n<script>\nimport { cssVars } from '@/utils/css';\n\nexport default {\n  props: {\n    clipBottom: { type: String },\n    clipBottomMobile: { type: String },\n  },\n  setup() {\n    return { cssVars };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/styles/_mixin.scss';\n\n.clip-bottom {\n  clip-path: var(--clip-bottom-mobile, var(--clip-bottom));\n  height: 100%;\n\n  @screen md {\n    clip-path: var(--clip-bottom);\n  }\n}\n\n.clip-bot-container {\n  position: absolute;\n  width: 100%;\n  @include responsive('height', px(100), px(300));\n  @include responsive('top', calc(100% + #{px(100)}), calc(100% + #{px(300)}));\n  transform: translateY(-100%);\n}\n</style>\n","import { render } from \"./TextClipBottom.vue?vue&type=template&id=b8442fd8&scoped=true\"\nimport script from \"./TextClipBottom.vue?vue&type=script&lang=js\"\nexport * from \"./TextClipBottom.vue?vue&type=script&lang=js\"\n\nimport \"./TextClipBottom.vue?vue&type=style&index=0&id=b8442fd8&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-b8442fd8\"\n\nexport default script","<template>\n  <section class=\"text-kreislink part relative\" :class=\"[payload.hintergrundfarbe]\">\n    <clip\n      class=\"clipper\"\n      :clip-top=\"payload.clip\"\n      :clip-top-mobile=\"payload.clipmobile\"\n      :class=\"[payload.clipcolor, payload.includetop.length > 0 ? 'include-top': '']\"\n    />\n    <div v-view class=\"constrain animate in-bottom\">\n      <div class=\"row-12\">\n        <div class=\"col-12 md:col-4 order-2 md:offset-1 z-10\">\n          <div class=\"flex justify-end\">\n            <div class=\"pr-20\">\n              <circle-link\n                v-if=\"payload.link.length\"\n                :to=\"payload.link[0].link\"\n              >\n                <div class=\"flex flex-col h-full items-center justify-center text-center text-m px-4 text-gray\">\n                  <div class=\"mb-4\" v-html=\"payload.linktext\" />\n                  <div>\n                    <Arrow class=\"arrow\" />\n                  </div>\n                </div>\n              </circle-link>\n            </div>\n          </div>\n        </div>\n        <div class=\"text-container  order-1 mt-3 md:mt-0 md:order-3 col-12 md:col-6\">\n          <section class=\"mb-4\" v-html=\"payload.text\" />\n          <section v-if=\"payload.kontaktbutton.length > 0\">\n            <a href=\"mailto:hello@ginevracobberdog.ch\" class=\"btn btn-contact\">\n              Kontakt aufnehmen\n            </a>\n          </section>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\nimport { computed } from 'vue';\nimport Container from '../utils/Container.vue';\nimport TextClipBottom from '../utils/TextClipBottom.vue';\nimport { useWithinBreakpoint } from '@/composables/breakpoints';\nimport CircleLink from '../utils/CircleLink.vue';\nimport Arrow from '@/assets/images/arrow-right.svg';\n\nexport default {\n  components: {\n    Container, TextClipBottom, CircleLink, Arrow,\n  },\n  props: { payload: { type: Object, default: Object } },\n  setup(props) {\n    const isDesktop = useWithinBreakpoint('md');\n    return {\n      isLeft: computed(() => props.payload.bildposition.includes('left')),\n      isDesktop,\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/styles/_mixin.scss';\n\n.text-kreislink {\n  position: relative;\n  z-index: 10;\n\n  @include responsive('padding-top', px(40), px(137));\n  @include responsive('padding-bottom', px(40), px(95));\n\n  &.orange {\n    @apply bg-primary;\n  }\n\n  &.blau {\n    @apply bg-secondary;\n  }\n\n  &:first-child {\n    @include responsive(\n      'padding-top',\n      calc(var(--header-height) + #{px(24)}),\n      px(137)\n    );\n  }\n\n  .constrain {\n    position: relative;\n    z-index: 100;\n  }\n}\n\n.text-container {\n  z-index: 2;\n  :deep(ul) {\n    list-style: disc;\n    margin-left: px(10);\n    color: var(--color-gray-blue);\n    margin-bottom: 1rem;\n    padding-left: px(10);\n  }\n}\n\n.arrow {\n  height: 40px;\n  :deep {\n    path {\n      fill: var(--color-very-dark-gray);\n    }\n  }\n}\n\n.btn-contact {\n  background-color: var(--color-dark-orange);\n}\n\n.orange {\n  @apply bg-primary;\n}\n\n.blau {\n  @apply bg-secondary;\n}\n\n.clipper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n\n}\n\n.include-top {\n  top: -30px;\n}\n</style>\n","import { render } from \"./TextKreislink.vue?vue&type=template&id=122dc84e&scoped=true\"\nimport script from \"./TextKreislink.vue?vue&type=script&lang=js\"\nexport * from \"./TextKreislink.vue?vue&type=script&lang=js\"\n\nimport \"./TextKreislink.vue?vue&type=style&index=0&id=122dc84e&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-122dc84e\"\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./CircleLink.vue?vue&type=style&index=0&id=67a69870&lang=scss\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./TextKreislink.vue?vue&type=style&index=0&id=122dc84e&lang=scss&scoped=true\"","<template><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 42.468 41.393\"><path data-name=\"Icon awesome-arrow-left\" d=\"M18.057 2.773l2.1-2.1a2.265 2.265 0 013.213 0L41.8 19.085a2.265 2.265 0 010 3.213L23.374 40.725a2.265 2.265 0 01-3.213 0l-2.1-2.1a2.277 2.277 0 01.038-3.251l11.417-10.886H2.275A2.269 2.269 0 010 22.213V19.18a2.269 2.269 0 012.275-2.275h27.241L18.095 6.024a2.261 2.261 0 01-.038-3.251z\" fill=\"#fff\"/></svg></template>","import { render } from \"./arrow-right.svg?vue&type=template&id=02180039\"\nconst script = {}\nscript.render = render\n\nexport default script"],"sourceRoot":""}