{"file":"vds-teaser-big.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,+lTAA+lT,CAAC;AACxnT,2BAAe,eAAe;;MCMjB,YAAY;;;wBAOJ,EAAE;uBAOH,EAAE;oBAML,EAAE;;IAEjB,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAEzC,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,wGAAwG,IACjH,4DAAK,KAAK,EAAC,+DAA+D,IACxE,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACtB,EACN,4DAAK,KAAK,EAAC,wFAAwF,IACjG,2DAAI,KAAK,EAAC,gGAAgG,EAAC,SAAS,EAAE,QAAQ,GAAO,EACrI,2DAAI,KAAK,EAAC,wGAAwG,EAAC,SAAS,EAAE,OAAO,GAAO,EAC5I,0DAAG,KAAK,EAAC,uFAAuF,EAAC,SAAS,EAAE,IAAI,GAAM,EACtH,6DAAM,IAAI,EAAC,KAAK,GAAQ,CACpB,CACF,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/vds-teaser-big/vds-teaser-big.scss?tag=vds-teaser-big&encapsulation=shadow","src/components/vds-teaser-big/vds-teaser-big.tsx"],"sourcesContent":[":host {\r\n  @apply block;\r\n}\r\n\r\n::slotted(img) {\r\n  @apply w-full h-full object-cover;\r\n}\r\n\r\n::slotted(picture) {\r\n  @apply flex w-full h-auto overflow-hidden;\r\n}\r\n\r\n::slotted(img),\r\n::slotted(picture) {\r\n  @apply rounded-tl-[3px] rounded-tr-[3px] md:rounded-tl-[5px] md:rounded-tr-[5px] md:rounded-bl-[5px] md:rounded-br-[5px];\r\n}\r\n\r\n.bg-image-visible {\r\n  @apply bg-[url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjQ0N3B4IiBoZWlnaHQ9IjM5OXB4IiB2aWV3Qm94PSIwIDAgNDQ3IDM5OSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8dGl0bGU+WWVsbG93IFY8L3RpdGxlPg0KICAgIDxnIGlkPSJXMzAtNDMtLS1UZWFzZXItQmlnLeKchSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJXMzAtNDMtdGVhc2VyLWJpZy1ELTItTmV3LVYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODguMDAwMDAwLCAtNDAuMDAwMDAwKSIgZmlsbD0iI0YyRTUwMCI+DQogICAgICAgICAgICA8ZyBpZD0icXVvdGUtdGVhc2VyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0My4wMDAwMDAsIDQwLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03MjIuMzE1MzIzLC0yMTkuMjE4NjUxIEM3NDUuNzI4NDI4LC0yMTAuNTU4ODgzIDc1Ny43ODYxMTEsLTE4NC4yODM3NSA3NDkuMjY2MjMyLC0xNjAuNTIzMTc3IEw1NzUuNTI5NTk0LDMyMy4yNDA0ODEgQzU1OC44NjA4NCwzNjkuMzIyODE1IDUxNi45NTA0NTQsMzk5IDQ2OC42OTMyMjEsMzk5IEw0NjguNTg3MjIsMzk5IEM0MjAuMjkwMjM2LDM5OC45NTk2NTkgMzc4LjM2NjU5OSwzNjkuMTc0OSAzNjEuODE3MDk4LDMyMy4xMTk0NiBMMTg3Ljc0OTIwNSwtMTYwLjQ4MjgzNyBDMTc5LjIwMjgyNSwtMTg0LjI0MzQxIDE5MS4yNDcyNTgsLTIxMC41MzE5OSAyMTQuNjYwMzYzLC0yMTkuMjA1MjA0IEMyMzguMDczNDY5LC0yMjcuODc4NDE4IDI2My45NjQzNjIsLTIxNS42Njg2ODQgMjcyLjUxMDc0MiwtMTkxLjkwODExMSBMNDQ2LjU3ODYzNSwyOTEuNzIxMDc5IEM0NTEuNjc5OTYzLDMwNS44ODA2MDYgNDYzLjcyNDM5NiwzMDcuNDEzNTQ2IDQ2OC42NjY3MjEsMzA3LjQyNjk5MyBMNDY4LjY5MzIyMSwzMDcuNDI2OTkzIEM0NzMuNjQ4Nzk2LDMwNy40MjY5OTMgNDg1LjY3OTk3OSwzMDUuODk0MDUyIDQ5MC43ODEzMDcsMjkxLjc3NDg2NiBMNjY0LjQ3ODE5NCwtMTkxLjg4MTIxNyBDNjczLjAxMTMyNCwtMjE1LjY0MTc5IDY5OC45MDIyMTcsLTIyNy44Nzg0MTggNzIyLjMxNTMyMywtMjE5LjIxODY1MSBaIiBpZD0iWWVsbG93LVYiPjwvcGF0aD4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==')];\r\n}\r\n\r\n.bg-image-hidden {\r\n  @apply bg-none;\r\n}\r\n","import { Component, Host, h, Prop} from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'vds-teaser-big',\r\n  styleUrl: 'vds-teaser-big.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsTeaserBig {\r\n\r\n  /**\r\n   * Headline for the Content Modules\r\n   * Mandatory: no\r\n   * Max Chars: 50\r\n   */\r\n  @Prop() headline = '';\r\n\r\n  /**\r\n   * Subline for the Content Module\r\n   * Mandatory: no\r\n   * Max Chars: 150\r\n   */\r\n  @Prop() subline = '';\r\n\r\n  /**\r\n   * Text-Content above the media element\r\n   * Mandatory: no\r\n   */\r\n  @Prop() copy = '';\r\n\r\n  render() {\r\n    const { headline, subline, copy } = this;\r\n\r\n    return (\r\n      <Host>\r\n        <div class=\"relative flex flex-wrap bg-white border-2 border-grey-lighter border-b-8 border-b-yellow rounded-[5px]\">\r\n          <div class=\"box-border sm:w-6/12 lg:w-4/12 sm:py-[50px] sm:pl-[50px] pr-0\">\r\n            <slot name=\"media\"></slot>\r\n          </div>\r\n          <div class=\"sm:w-6/12 lg:w-8/12 p-[50px] bg-[length:57%] bg-[-45%_0] bg-no-repeat bg-image-visible\">\r\n            <h2 class=\"font-heavy text-h2-mobile sm:text-h2-tablet lg:text-h2-desktop text-grey uppercase break-words\" innerHTML={headline}></h2>\r\n            <h3 class=\"font-regular text-s2-mobile sm:text-s2-tablet lg:text-s2-desktop text-berry uppercase mt-2 break-words\" innerHTML={subline}></h3>\r\n            <p class=\"font-regular text-base-mobile sm:text-base-tablet lg:text-base-desktop text-grey my-7\" innerHTML={copy}></p>\r\n            <slot name=\"cta\"></slot>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n}\r\n"],"version":3}