"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[2801],{"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/marketingheader/marketingheader.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'section.marketingheader .search{position:relative;padding:calc(.4vw + 20px) 0 calc(1vw + 40px);min-height:calc(24vw + 220px);margin:0}@media(max-width: 767px){section.marketingheader .search{padding:calc(1.5vw + 15px) 0 0;margin-bottom:-10px}}@media(min-width: 768px){section.marketingheader .search+section,section.marketingheader .search+#toclist>section:first-child{margin-top:0}}section.marketingheader .search .container{position:relative;z-index:1}section.marketingheader .search .row{min-height:620px}@media(max-width: 567px){section.marketingheader .search .row{min-height:0}}@media(max-width: 420px){section.marketingheader .search .artwork{top:30px;right:-20px}}@media(max-width: 340px){section.marketingheader .search .artwork{top:40px;right:-30px}}section.marketingheader .search form{position:relative;margin:32px 0 16px;box-shadow:0 3px 20px -5px rgba(0,0,0,.3);border-radius:var(--border-radius-md) var(--border-radius-xl) var(--border-radius-xl) var(--border-radius-md)}@media(max-width: 567px){section.marketingheader .search form{margin-top:20px}}section.marketingheader .search h1{margin-left:0;margin-top:0}@media(max-width: 567px){section.marketingheader .search h1{font-size:24px;margin:0}}section.marketingheader .search .tiles{margin:0 -8px;display:flex;flex-wrap:wrap;font-family:"Korb",sans-serif}@media(max-width: 567px){section.marketingheader .search .tiles{margin:0 -6px}}section.marketingheader .search .tiles .tile{position:relative;display:flex;padding:8px;flex:1 1 33.3333%;max-width:33.3333%}section.marketingheader .search .tiles .tile::before{position:absolute;top:8px;right:8px;margin:10px 8px;font-family:Icons,sans-serif;font-size:18px;line-height:1;text-align:center;pointer-events:none;z-index:1}section.marketingheader .search .tiles .tile[data-type=download]::before{content:""}section.marketingheader .search .tiles .tile[data-type=external]::before{content:""}@media(max-width: 567px){section.marketingheader .search .tiles .tile{flex:1 1 50%;max-width:50%;padding:6px}}section.marketingheader .search .tiles .tile:nth-child(3)~.tile{z-index:1}section.marketingheader .search .tiles .tile.downloads,section.marketingheader .search .tiles .tile.a-z,section.marketingheader .search .tiles .tile.events{order:1;background-color:rgba(0,0,0,0)}section.marketingheader .search .tiles .tile.downloads::before,section.marketingheader .search .tiles .tile.a-z::before,section.marketingheader .search .tiles .tile.events::before{font-family:"Icons",sans-serif;position:absolute;font-size:24px;line-height:1;right:0;top:0;margin:11px 10px;z-index:1;background-color:#fff;padding:7px 6px 5px;border-top-right-radius:8px;border-bottom-left-radius:8px}@media(max-width: 767px){section.marketingheader .search .tiles .tile.downloads::before,section.marketingheader .search .tiles .tile.a-z::before,section.marketingheader .search .tiles .tile.events::before{margin:18px;font-size:24px}}section.marketingheader .search .tiles .tile.downloads .outer,section.marketingheader .search .tiles .tile.a-z .outer,section.marketingheader .search .tiles .tile.events .outer{background-color:var(--theme-color-primary-dimmed-04)}section.marketingheader .search .tiles .tile.downloads p,section.marketingheader .search .tiles .tile.a-z p,section.marketingheader .search .tiles .tile.events p{margin-bottom:.4em}section.marketingheader .search .tiles .tile.downloads::before{content:""}section.marketingheader .search .tiles .tile.a-z::before{content:""}section.marketingheader .search .tiles .tile.events::before{content:""}section.marketingheader .search .tiles .tile>a,section.marketingheader .search .tiles .outer{position:relative;display:flex;align-items:flex-end;width:100%;min-height:108px;padding:18px 24px 24px;border-radius:var(--border-radius-md);box-shadow:0 4px 20px -5px rgba(0,0,0,.25);transition:.25s ease;line-height:1.2;background-color:var(--theme-color-background);overflow:hidden}section.marketingheader .search .tiles .tile>a.focus-visible:focus,section.marketingheader .search .tiles .outer.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}section.marketingheader .search .tiles .tile>a:focus-visible,section.marketingheader .search .tiles .tile>a.-moz-focusring,section.marketingheader .search .tiles .outer:focus-visible,section.marketingheader .search .tiles .outer.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}@media(max-width: 767px){section.marketingheader .search .tiles .tile>a,section.marketingheader .search .tiles .outer{font-size:16px;padding:10px 10px 15px;min-height:84px}}section.marketingheader .search .tiles .tile>a:before,section.marketingheader .search .tiles .outer:before{content:"";position:absolute;display:block;bottom:0;left:0;right:0;height:var(--border-width);background-color:var(--theme-color-secondary);transition:.25s cubic-bezier(0.25, 0.46, 0.45, 0.94)}section.marketingheader .search .tiles .tile>a:hover,section.marketingheader .search .tiles .outer:hover{color:var(--theme-color-secondary-intensed)}section.marketingheader .search .tiles .tile>a:hover:before,section.marketingheader .search .tiles .outer:hover:before{height:var(--border-width-hover)}section.marketingheader .search .tiles .tile>a .item-title{text-decoration:underline}section.marketingheader .search .tiles .outer{background-color:var(--theme-primary-light-04);padding:14px 20px 18px;border:4px solid #fff}section.marketingheader .search .tiles .outer::after,section.marketingheader .search .tiles .outer::before{display:none}section.marketingheader .search .tiles .inner{display:block;max-width:100%}section.marketingheader .search .tiles .kicker{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;display:block;text-decoration:none}section.marketingheader .search .tiles ul{list-style:none;padding:0;font-size:16px;max-width:100%;margin:0}section.marketingheader .search .tiles ul li{margin-top:5px}section.marketingheader .search .tiles ul a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.2s ease;font-weight:500}section.marketingheader .search .tiles ul a:hover{color:var(--color-secondary-dark)}section.marketingheader .search .tiles .proposals{flex:1 1 100%;padding:10px 12px 0;order:2}section.marketingheader .search .tiles .proposals a{margin:0 .3em 0 .1em}section.marketingheader .search .tiles .proposals p{margin-bottom:0}section.marketingheader .search .tiles .all-button-wrapper{padding:16px 8px;display:block;flex:1 1 100%;order:3}section.marketingheader .search .tiles .all-button-wrapper .btn{transition:.2s ease}section.marketingheader .search .tiles .all-button-wrapper .btn .count{margin-left:.3em}section.marketingheader .search .tiles .all-button-wrapper .btn .count::before{content:"("}section.marketingheader .search .tiles .all-button-wrapper .btn .count::after{content:")"}',"",{version:3,sources:["webpack://./stories/sections/marketingheader/marketingheader.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,gCAGA,iBACE,CAAA,4CACA,CAAA,6BACA,CAAA,QACA,CAAA,yBAEA,gCANF,8BAOI,CAAA,mBACA,CAAA,CAAA,yBAIA,qGADF,YAEI,CAAA,CAAA,2CAIJ,iBACE,CAAA,SACA,CAAA,qCAGF,gBACE,CAAA,yBAEA,qCAHF,YAII,CAAA,CAAA,yBAKF,yCADF,QAEI,CAAA,WACA,CAAA,CAAA,yBAEF,yCALF,QAMI,CAAA,WACA,CAAA,CAAA,qCAIJ,iBACE,CAAA,kBACA,CAAA,yCACA,CAAA,6GACA,CAAA,yBAEA,qCANF,eAOI,CAAA,CAAA,mCAIJ,aACE,CAAA,YACA,CAAA,yBAEA,mCAJF,cAKI,CAAA,QACA,CAAA,CAAA,uCAIJ,aACE,CAAA,YACA,CAAA,cACA,CAAA,6BACA,CAAA,yBAEA,uCANF,aAOI,CAAA,CAAA,6CAGF,iBACE,CAAA,YACA,CAAA,WACA,CAAA,iBACA,CAAA,kBACA,CAAA,qDAEA,iBACE,CAAA,OACA,CAAA,SACA,CAAA,eACA,CAAA,4BACA,CAAA,cACA,CAAA,aACA,CAAA,iBACA,CAAA,mBACA,CAAA,SACA,CAAA,yEAGF,WC8JuB,CAAA,yED3JvB,WC+J4B,CAAA,yBD3J5B,6CA3BF,YA4BI,CAAA,aACA,CAAA,WACA,CAAA,CAAA,gEAGF,SACE,CAAA,4JAGF,OACE,CAAA,8BACA,CAAA,oLAEA,8BACE,CAAA,iBACA,CAAA,cACA,CAAA,aACA,CAAA,OACA,CAAA,KACA,CAAA,gBACA,CAAA,SACA,CAAA,qBACA,CAAA,mBACA,CAAA,2BACA,CAAA,6BACA,CAAA,yBAEA,oLAdF,WAeI,CAAA,cACA,CAAA,CAAA,iLAIJ,qDACE,CAAA,kKAGF,kBACE,CAAA,+DAIJ,WC+FoB,CAAA,yDD5FpB,WC0FiB,CAAA,4DDvFjB,WC+F4B,CAAA,6FD1F9B,iBACE,CAAA,YACA,CAAA,oBACA,CAAA,UACA,CAAA,gBACA,CAAA,sBACA,CAAA,qCACA,CAAA,0CACA,CAAA,oBACA,CAAA,eACA,CAAA,8CACA,CAAA,eACA,CAAA,qICVF,4GACE,CAAA,SACA,CAAA,oPAEF,4GACE,CAAA,SACA,CAAA,yBDOA,6FAfF,cAgBI,CAAA,sBACA,CAAA,eACA,CAAA,CAAA,2GAGF,UACE,CAAA,iBACA,CAAA,aACA,CAAA,QACA,CAAA,MACA,CAAA,OACA,CAAA,0BACA,CAAA,6CACA,CAAA,oDACA,CAAA,yGAGF,2CACE,CAAA,uHAEA,gCACE,CAAA,2DAMJ,yBACE,CAAA,8CAIJ,8CACE,CAAA,sBACA,CAAA,qBACA,CAAA,2GAEA,YACE,CAAA,8CAIJ,aACE,CAAA,cACA,CAAA,+CAGF,kBACE,CAAA,sBACA,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,oBACA,CAAA,0CAGF,eACE,CAAA,SACA,CAAA,cACA,CAAA,cACA,CAAA,QACA,CAAA,6CAEA,cACE,CAAA,4CAGF,aACE,CAAA,kBACA,CAAA,eACA,CAAA,sBACA,CAAA,mBACA,CAAA,eACA,CAAA,kDAEA,iCACE,CAAA,kDAKN,aACE,CAAA,mBACA,CAAA,OACA,CAAA,oDAEA,oBACE,CAAA,oDAGF,eACE,CAAA,2DAIJ,gBACE,CAAA,aACA,CAAA,aACA,CAAA,OACA,CAAA,gEAEA,mBACE,CAAA,uEAEA,gBACE,CAAA,+EAEA,WACE,CAAA,8EAEF,WACE",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n\nsection.marketingheader .search {\n  position: relative;\n  padding: calc(0.4vw + 20px) 0 calc(1vw + 40px);\n  min-height: calc(24vw + 220px);\n  margin: 0;\n\n  @media(max-width: 767px) {\n    padding: calc(1.5vw + 15px) 0 0;\n    margin-bottom: -10px;\n  }\n\n  + section, + #toclist > section:first-child {\n    @media(min-width: 768px) {\n      margin-top: 0;\n    }\n  }\n\n  .container {\n    position: relative;\n    z-index: 1;\n  }\n\n  .row {\n    min-height: 620px;\n\n    @media(max-width: 567px) {\n      min-height: 0;\n    }\n  }\n\n  .artwork {\n    @media(max-width: 420px) {\n      top: 30px;\n      right: -20px;\n    }\n    @media(max-width: 340px) {\n      top: 40px;\n      right: -30px;\n    }\n  }\n\n  form {\n    position: relative;\n    margin: 32px 0 16px;\n    box-shadow: 0 3px 20px -5px rgba(#000, 0.3);\n    border-radius: var(--border-radius-md) var(--border-radius-xl) var(--border-radius-xl) var(--border-radius-md);\n\n    @media(max-width: 567px) {\n      margin-top: 20px;\n    }\n  }\n\n  h1 {\n    margin-left: 0;\n    margin-top: 0;\n\n    @media(max-width: 567px) {\n      font-size: 24px;\n      margin: 0;\n    }\n  }\n\n  .tiles {\n    margin: 0 -8px;\n    display: flex;\n    flex-wrap: wrap;\n    font-family: "Korb", sans-serif;\n\n    @media(max-width: 567px) {\n      margin: 0 -6px;\n    }\n\n    .tile {\n      position: relative;\n      display: flex;\n      padding: 8px;\n      flex: 1 1 33.3333%;\n      max-width: 33.3333%;\n\n      &::before {\n        position: absolute;\n        top: 8px;\n        right: 8px;\n        margin: 10px 8px;\n        font-family: Icons, sans-serif;\n        font-size: 18px;\n        line-height: 1;\n        text-align: center;\n        pointer-events: none;\n        z-index: 1;\n      }\n\n      &[data-type="download"]::before {\n        @include icon-small-download;\n      }\n      &[data-type="external"]::before {\n        @include icon-small-link-external;\n      }\n\n      @media(max-width: 567px) {\n        flex: 1 1 50%;\n        max-width: 50%;\n        padding: 6px;\n      }\n\n      &:nth-child(3) ~ .tile {\n        z-index: 1;\n      }\n\n      &.downloads, &.a-z, &.events {\n        order: 1;\n        background-color: transparent;\n\n        &::before {\n          font-family: "Icons", sans-serif;\n          position: absolute;\n          font-size: 24px;\n          line-height: 1;\n          right: 0;\n          top: 0;\n          margin: 11px 10px;\n          z-index: 1;\n          background-color: white;\n          padding: 7px 6px 5px;\n          border-top-right-radius: 8px;\n          border-bottom-left-radius: 8px;\n\n          @media(max-width: 767px) {\n            margin: 18px;\n            font-size: 24px;\n          }\n        }\n\n        .outer {\n          background-color: var(--theme-color-primary-dimmed-04);\n        }\n\n        p {\n          margin-bottom: 0.4em;\n        }\n      }\n\n      &.downloads::before {\n        @include icon-suche-datei;\n      }\n      &.a-z::before {\n        @include icon-suche-az;\n      }\n      &.events::before {\n        @include icon-suche-veranstaltung;\n      }\n    }\n\n    .tile > a, .outer {\n      position: relative;\n      display: flex;\n      align-items: flex-end;\n      width: 100%;\n      min-height: 108px;\n      padding: 18px 24px 24px;\n      border-radius: var(--border-radius-md);\n      box-shadow: 0 4px 20px -5px rgba(#000, 0.25);\n      transition: 0.25s ease;\n      line-height: 1.2;\n      background-color: var(--theme-color-background);\n      overflow: hidden;\n      @include focus-visible();\n\n      @media(max-width: 767px) {\n        font-size: 16px;\n        padding: 10px 10px 15px;\n        min-height: 84px;\n      }\n\n      &:before {\n        content: "";\n        position: absolute;\n        display: block;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: var(--border-width);\n        background-color: var(--theme-color-secondary);\n        transition: 0.25s $easeOutQuad;\n      }\n\n      &:hover {\n        color: var(--theme-color-secondary-intensed);\n\n        &:before {\n          height: var(--border-width-hover);\n        }\n      }\n    }\n\n    .tile > a {\n      .item-title {\n        text-decoration: underline;\n      }\n    }\n\n    .outer {\n      background-color: var(--theme-primary-light-04);\n      padding: 14px 20px 18px;\n      border: 4px solid white;\n\n      &::after, &::before {\n        display: none;\n      }\n    }\n\n    .inner {\n      display: block;\n      max-width: 100%;\n    }\n\n    .kicker {\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      max-width: 100%;\n      display: block;\n      text-decoration: none;\n    }\n\n    ul {\n      list-style: none;\n      padding: 0;\n      font-size: 16px;\n      max-width: 100%;\n      margin: 0;\n\n      li {\n        margin-top: 5px;\n      }\n\n      a {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        transition: 0.2s ease;\n        font-weight: 500;\n\n        &:hover {\n          color: var(--color-secondary-dark);\n        }\n      }\n    }\n\n    .proposals {\n      flex: 1 1 100%;\n      padding: 10px 12px 0;\n      order: 2;\n\n      a {\n        margin: 0 0.3em 0 0.1em;\n      }\n\n      p {\n        margin-bottom: 0;\n      }\n    }\n\n    .all-button-wrapper {\n      padding: 16px 8px;\n      display: block;\n      flex: 1 1 100%;\n      order: 3;\n\n      .btn {\n        transition: 0.2s ease;\n\n        .count {\n          margin-left: 0.3em;\n\n          &::before {\n            content: \'(\';\n          }\n          &::after {\n            content: \')\';\n          }\n        }\n      }\n    }\n  }\n}\n',"@mixin h1 {\n  font-family: var(--font-korb);\n  font-size: var(--font-size-h1);\n  line-height: 1.1;\n  font-weight: 400;\n  margin: 0.6em -0.05em 0.5em;\n\n  &:first-child {\n    margin-top: -0.1em;\n  }\n}\n\n@mixin h2 {\n  font-family: var(--font-korb);\n  font-size: var(--font-size-h2);\n  line-height: 1.2;\n  font-weight: 400;\n  margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h3 {\n  font-family: var(--font-korb);\n  font-size: var(--font-size-h3);\n  line-height: 1.2;\n  font-weight: 400;\n  margin: 1.4em -0.05em 0.6em;\n}\n\n@mixin h4 {\n  font-family: var(--font-korb);\n  font-size: var(--font-size-h4);\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1.2;\n  margin: 1.4em -0.05em 0.8em;\n}\n\n@mixin h5 {\n  font-family: var(--font-korb);\n  font-size: 22px;\n  line-height: 1.2;\n  font-weight: 400;\n  margin: 1em 0 0.6em;\n\n  @media(max-width: 1339px) {\n    font-size: 20px;\n  }\n  @media(max-width: 767px) {\n    font-size: 18px;\n  }\n}\n\n@mixin h6 {\n  font-size: inherit;\n  line-height: 1.4;\n  font-weight: 600;\n  margin: 1.2em 0 0.5em;\n}\n\n@mixin kicker {\n  display: block;\n  font-size: 16px;\n  text-transform: uppercase;\n  margin-bottom: 2px;\n  letter-spacing: 0.3px;\n\n  @media(max-width: 767px) {\n    font-size: 14px;\n  }\n\n  + h1 {\n    margin-top: 0.1em;\n  }\n\n  + h2, + h3, + h4 {\n    margin-top: 0.2em;\n  }\n}\n\n@mixin hide($delay: 0s) {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;\n}\n\n@mixin show($delay: 0s) {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: all;\n  transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;\n}\n\n@mixin full-size {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n@mixin copyright {\n  position: absolute;\n  display: block;\n  left: 100%;\n  bottom: 0;\n  color: white;\n  font-size: 12px;\n  line-height: 1.2;\n  text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n  z-index: 2;\n  width: calc(66.6% + 7px);\n  padding: 8px 18px;\n  transform-origin: 0 100%;\n  transform: rotate(-90deg);\n}\n\n@mixin form-field {\n  --input-height: 60px;\n  position: relative;\n  display: block;\n  width: 100%;\n  height: var(--input-height);\n  background-color: var(--theme-color-white);\n  border: 1px solid var(--theme-color-primary);\n  border-radius: var(--border-radius-xs);\n  padding: 10px 15px;\n  font-family: 'Source Sans Pro', sans-serif;\n  font-size: var(--font-size-copy);\n  line-height: 1.4;\n  transition: 0.3s ease;\n  color: var(--theme-color-primary);\n\n  &:focus {\n    box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n    outline: 0;\n  }\n\n  @media(max-width: 1199px) {\n    --input-height: 50px;\n  }\n  @media(max-width: 767px) {\n    --input-height: 44px;\n  }\n}\n\n@mixin focus-visible($inset: false) {\n  @if $inset {\n    &.focus-visible:focus {\n      box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n      outline: 0;\n    }\n    &:focus-visible, &.-moz-focusring {\n      box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n      outline: 0;\n    }\n  }\n  @else {\n    &.focus-visible:focus {\n      box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n      outline: 0;\n    }\n    &:focus-visible, &.-moz-focusring {\n      box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n      outline: 0;\n    }\n  }\n}\n\n@mixin focus-standalone($inset: false) {\n  @if $inset {\n    box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);\n    outline: 0;\n  }\n  @else {\n    box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);\n    outline: 0;\n  }\n}\n\n@mixin word-wrap() {\n  word-break:     break-word;\n  -webkit-hyphens: auto;\n  -moz-hyphens:    auto;\n  hyphens:         auto;\n}\n\n// ICONS\n@mixin icon-ankerlink { content: '\\e800'; }\n@mixin icon-barrierefreiheit { content: '\\e801'; }\n@mixin icon-chat { content: '\\e802'; }\n@mixin icon-check { content: '\\e803'; }\n@mixin icon-checkbox-liste-1 { content: '\\e804'; }\n@mixin icon-content-schloss { content: '\\e805'; }\n@mixin icon-content { content: '\\e807'; }\n@mixin icon-dauer { content: '\\e808'; }\n@mixin icon-download { content: '\\e809'; }\n@mixin icon-dropdown { content: '\\e80a'; }\n@mixin icon-drucker { content: '\\e80b'; }\n@mixin icon-email { content: '\\e80c'; }\n@mixin icon-fax { content: '\\e80d'; }\n@mixin icon-freie-plaetze { content: '\\e80e'; }\n@mixin icon-galerie { content: '\\e80f'; }\n@mixin icon-gebaerdensprache { content: '\\e810'; }\n@mixin icon-geschlossen { content: '\\e811'; }\n@mixin icon-ihk-wechseln { content: '\\e812'; }\n@mixin icon-info { content: '\\e813'; }\n@mixin icon-kalender { content: '\\e814'; }\n@mixin icon-kartenpin { content: '\\e815'; }\n@mixin icon-kontakt { content: '\\e816'; }\n@mixin icon-laden { content: '\\e817'; }\n@mixin icon-leichte-sprache { content: '\\e818'; }\n@mixin icon-link-external { content: '\\e819'; }\n@mixin icon-liste-schloss { content: '\\e81a'; }\n@mixin icon-liste-stern { content: '\\e81b'; }\n@mixin icon-liste { content: '\\e81c'; }\n@mixin icon-loeschen { content: '\\e81d'; }\n@mixin icon-login { content: '\\e81e'; }\n@mixin icon-minus { content: '\\e81f'; }\n@mixin icon-pdf { content: '\\e820'; }\n@mixin icon-pfeil-links { content: '\\e821'; }\n@mixin icon-pfeil-oben { content: '\\e822'; }\n@mixin icon-pfeil-rechts-schloss { content: '\\e823'; }\n@mixin icon-pfeil-rechts-stern { content: '\\e824'; }\n@mixin icon-pfeil-rechts { content: '\\e825'; }\n@mixin icon-pfeil-simple-rechts { content: '\\e826'; }\n@mixin icon-pfeil-unten { content: '\\e827'; }\n@mixin icon-plus { content: '\\e828'; }\n@mixin icon-preis { content: '\\e829'; }\n@mixin icon-referent { content: '\\e82a'; }\n@mixin icon-reset { content: '\\e82b'; }\n@mixin icon-sanduhr { content: '\\e82c'; }\n@mixin icon-schliessen { content: '\\e82d'; }\n@mixin icon-schloss { content: '\\e82e'; }\n@mixin icon-sprache { content: '\\e82f'; }\n@mixin icon-stern { content: '\\e830'; }\n@mixin icon-suche-adresse { content: '\\e831'; }\n@mixin icon-suche-archiv { content: '\\e832'; }\n@mixin icon-suche-az { content: '\\e833'; }\n@mixin icon-suche-chat { content: '\\e834'; }\n@mixin icon-suche-datei { content: '\\e835'; }\n@mixin icon-suche-firma { content: '\\e836'; }\n@mixin icon-suche-magazin { content: '\\e837'; }\n@mixin icon-suche-mail { content: '\\e838'; }\n@mixin icon-suche-person { content: '\\e839'; }\n@mixin icon-suche-schloss { content: '\\e83a'; }\n@mixin icon-suche-veranstaltung { content: '\\e83b'; }\n@mixin icon-suche { content: '\\e83c'; }\n@mixin icon-teilnehmer-add { content: '\\e83d'; }\n@mixin icon-telefon { content: '\\e83e'; }\n@mixin icon-vcard { content: '\\e83f'; }\n@mixin icon-small-arrow-right-simple { content: '\\e840'; }\n@mixin icon-small-barrierefreiheit { content: '\\e841'; }\n@mixin icon-small-download { content: '\\e842'; }\n@mixin icon-small-gebaerdensprache { content: '\\e843'; }\n@mixin icon-small-kontakt { content: '\\e844'; }\n@mixin icon-small-leichte-sprache { content: '\\e845'; }\n@mixin icon-small-link-external { content: '\\e846'; }\n@mixin icon-small-login { content: '\\e847'; }\n@mixin icon-small-pfeil-rechts { content: '\\e848'; }\n@mixin icon-small-sprache { content: '\\e849'; }\n@mixin icon-small-schloss { content: '\\e84a'; }\n@mixin icon-small-stern { content: '\\e84b'; }\n@mixin icon-teilen { content: '\\e84c'; }\n@mixin icon-social-telegram { content: '\\e84d'; }\n@mixin icon-social-threema { content: '\\e84e'; }\n@mixin icon-social-whatsapp { content: '\\e84f'; }\n@mixin icon-suche-big { content: '\\e850'; }\n@mixin icon-xsmall-pin { content: '\\e851'; }\n@mixin icon-check-1 { content: '\\e852'; }\n@mixin icon-xsmall-euro { content: '\\e853'; }\n@mixin icon-xsmall-geschlossen { content: '\\e854'; }\n@mixin icon-xsmall-kalender { content: '\\e855'; }\n@mixin icon-xsmall-liste { content: '\\e856'; }\n@mixin icon-xsmall-offen { content: '\\e857'; }\n@mixin icon-xsmall-uhr { content: '\\e858'; }\n@mixin icon-social-facebook { content: '\\e859'; }\n@mixin icon-liste-1 { content: '\\e85a'; }\n@mixin icon-social-linkedin { content: '\\e85b'; }\n@mixin icon-social-pinterest { content: '\\e85c'; }\n@mixin icon-social_x { content: '\\e85d'; }\n@mixin icon-social-xing { content: '\\e85e'; }\n@mixin icon-zoom { content: '\\e85f'; }\n@mixin icon-social-youtube { content: '\\e860'; }\n@mixin icon-social-instagram { content: '\\e861'; }\n@mixin icon-faq { content: '\\e869'; }\n@mixin icon-checkbox-liste { content: '\\e86a'; }\n@mixin icon-content-stern { content: '\\e86b'; }\n@mixin icon-small-election-group { content: '\\e86c'; }\n@mixin icon-small-icon-election-location { content: '\\e86e'; }\n@mixin icon-userlike { content: '\\e8c6'; }\n@mixin icon-userlike-chat { content: '\\e8c7'; }\n@mixin icon-magazine { content: '\\e8c8'; }\n@mixin icon-lokalisierung { content: '\\e8c9'; }\n@mixin icon-login-flyout { content: '\\e8ca'; }\n@mixin icon-login-header { content: '\\e8cb'; }\n@mixin icon-social-twitter { content: '\\e85d'; }\n@mixin icon-play { content: '\\e86d'; }\n@mixin icon-pause { content: '\\e806'; }\n@mixin icon-volume-mute { content: '\\e862'; }\n@mixin icon-volume-on { content: '\\e86f'; }\n\n// PICTOGRAMS\n@mixin pictogram-achtung { content: '\\e800'; }\n@mixin pictogram-achtung-strom { content: '\\e801'; }\n@mixin pictogram-aeskulapstab { content: '\\e802'; }\n@mixin pictogram-anker { content: '\\e803'; }\n@mixin pictogram-anstossen { content: '\\e804'; }\n@mixin pictogram-arbeitsplatz { content: '\\e805'; }\n@mixin pictogram-auktionshammer { content: '\\e806'; }\n@mixin pictogram-batterie { content: '\\e807'; }\n@mixin pictogram-ausruf { content: '\\e808'; }\n@mixin pictogram-bauhelm { content: '\\e809'; }\n@mixin pictogram-benefit-vorteil-geschenk { content: '\\e80a'; }\n@mixin pictogram-bett { content: '\\e80b'; }\n@mixin pictogram-blatt { content: '\\e80c'; }\n@mixin pictogram-blume { content: '\\e80d'; }\n@mixin pictogram-blume-b { content: '\\e80e'; }\n@mixin pictogram-brief { content: '\\e80f'; }\n@mixin pictogram-brille-auf-buch { content: '\\e810'; }\n@mixin pictogram-bueroklammer { content: '\\e811'; }\n@mixin pictogram-bus { content: '\\e812'; }\n@mixin pictogram-container { content: '\\e813'; }\n@mixin pictogram-containerschiff { content: '\\e815'; }\n@mixin pictogram-daumen-hoch-a { content: '\\e816'; }\n@mixin pictogram-daumen-hoch-c { content: '\\e817'; }\n@mixin pictogram-daumen-hoch-b { content: '\\e818'; }\n@mixin pictogram-diagramm-mit-text { content: '\\e819'; }\n@mixin pictogram-diagramm-torte { content: '\\e81a'; }\n@mixin pictogram-diagramm-verlust { content: '\\e81b'; }\n@mixin pictogram-diagramm-wachstum { content: '\\e81c'; }\n@mixin pictogram-diagramm { content: '\\e81d'; }\n@mixin pictogram-co2 { content: '\\e814'; }\n@mixin pictogram-dokument-a { content: '\\e81e'; }\n@mixin pictogram-dokument-b { content: '\\e81f'; }\n@mixin pictogram-dokument-c { content: '\\e820'; }\n@mixin pictogram-e-auto { content: '\\e821'; }\n@mixin pictogram-e-learning { content: '\\e822'; }\n@mixin pictogram-einkaufstasche-mit-eurozeichen { content: '\\e824'; }\n@mixin pictogram-einkaufstasche { content: '\\e825'; }\n@mixin pictogram-einkaufswagen { content: '\\e826'; }\n@mixin pictogram-eu-emblem-brexit { content: '\\e827'; }\n@mixin pictogram-eu-emblem { content: '\\e828'; }\n@mixin pictogram-eule { content: '\\e829'; }\n@mixin pictogram-fabrik { content: '\\e82a'; }\n@mixin pictogram-fahne-horizontal-gestreift { content: '\\e82b'; }\n@mixin pictogram-fahne-kreuz { content: '\\e82c'; }\n@mixin pictogram-fahne-neutral { content: '\\e82d'; }\n@mixin pictogram-fahne-vertikal-gestreift { content: '\\e82e'; }\n@mixin pictogram-fahrrad-jobrad-dienstfahrrad { content: '\\e82f'; }\n@mixin pictogram-fahrrad-sportlich { content: '\\e830'; }\n@mixin pictogram-fahrrad { content: '\\e831'; }\n@mixin pictogram-faq-a { content: '\\e832'; }\n@mixin pictogram-faq-b { content: '\\e833'; }\n@mixin pictogram-fernglas { content: '\\e834'; }\n@mixin pictogram-fisch-frisst-fisch { content: '\\e835'; }\n@mixin pictogram-flugzeug { content: '\\e836'; }\n@mixin pictogram-frage { content: '\\e837'; }\n@mixin pictogram-fragezeichen { content: '\\e838'; }\n@mixin pictogram-geld-zuschuss-foerderung { content: '\\e839'; }\n@mixin pictogram-geldsack { content: '\\e83a'; }\n@mixin pictogram-freiheitsstatue { content: '\\e83b'; }\n@mixin pictogram-gruppe-gespraech { content: '\\e83c'; }\n@mixin pictogram-gruppe-idee { content: '\\e83d'; }\n@mixin pictogram-globus { content: '\\e83e'; }\n@mixin pictogram-gutschein-zuschuss-benefit { content: '\\e83f'; }\n@mixin pictogram-hand-a { content: '\\e840'; }\n@mixin pictogram-hand-b { content: '\\e841'; }\n@mixin pictogram-hand-c { content: '\\e842'; }\n@mixin pictogram-hand-geben { content: '\\e843'; }\n@mixin pictogram-hand-mit-werkzeug { content: '\\e844'; }\n@mixin pictogram-hand-gespreizt { content: '\\e845'; }\n@mixin pictogram-hand-zeigen-b { content: '\\e846'; }\n@mixin pictogram-hand-zeigen-a { content: '\\e847'; }\n@mixin pictogram-hand-zeigen-c { content: '\\e848'; }\n@mixin pictogram-handschlag-a { content: '\\e849'; }\n@mixin pictogram-handschlag-b { content: '\\e84a'; }\n@mixin pictogram-handschlag-c { content: '\\e84b'; }\n@mixin pictogram-heft { content: '\\e84c'; }\n@mixin pictogram-idee { content: '\\e84d'; }\n@mixin pictogram-ihk-chemnitz-a { content: '\\e84e'; }\n@mixin pictogram-ihk-chemnitz-b { content: '\\e84f'; }\n@mixin pictogram-ihk-chemnitz-c { content: '\\e850'; }\n@mixin pictogram-ihk-giessen-friedberg { content: '\\e851'; }\n@mixin pictogram-ihk-hagen { content: '\\e852'; }\n@mixin pictogram-ihk-heilbronn-franken { content: '\\e853'; }\n@mixin pictogram-ihk-köln { content: '\\e854'; }\n@mixin pictogram-ihk-rhein-neckar { content: '\\e855'; }\n@mixin pictogram-ihk-stuttgart { content: '\\e856'; }\n@mixin pictogram-ihk-wahl { content: '\\e857'; }\n@mixin pictogram-information { content: '\\e858'; }\n@mixin pictogram-kalender { content: '\\e859'; }\n@mixin pictogram-karte { content: '\\e85a'; }\n@mixin pictogram-koepfe-mit-sprechblase { content: '\\e85b'; }\n@mixin pictogram-kerze { content: '\\e85c'; }\n@mixin pictogram-kopf-mit-formel { content: '\\e85d'; }\n@mixin pictogram-kran { content: '\\e85e'; }\n@mixin pictogram-kuchen { content: '\\e85f'; }\n@mixin pictogram-labyrinth { content: '\\e860'; }\n@mixin pictogram-lkw { content: '\\e861'; }\n@mixin pictogram-maske { content: '\\e862'; }\n@mixin pictogram-megaphon { content: '\\e863'; }\n@mixin pictogram-mikrofon { content: '\\e864'; }\n@mixin pictogram-paket-mit-euro { content: '\\e865'; }\n@mixin pictogram-paket { content: '\\e866'; }\n@mixin pictogram-paragraph { content: '\\e867'; }\n@mixin pictogram-persoenliche_entwicklung { content: '\\e868'; }\n@mixin pictogram-person-an-tafel-a { content: '\\e869'; }\n@mixin pictogram-person-an-tafel-b { content: '\\e86a'; }\n@mixin pictogram-person-auf-schild { content: '\\e86b'; }\n@mixin pictogram-person-mit-brille-a { content: '\\e86c'; }\n@mixin pictogram-person-mit-brille-b { content: '\\e86d'; }\n@mixin pictogram-person-mit-buch { content: '\\e86e'; }\n@mixin pictogram-person-mit-doktorhut-a { content: '\\e86f'; }\n@mixin pictogram-person-mit-doktorhut-b { content: '\\e870'; }\n@mixin pictogram-person-mit-headset { content: '\\e871'; }\n@mixin pictogram-person-mit-uniform-a { content: '\\e872'; }\n@mixin pictogram-person-mit-uniform-b { content: '\\e873'; }\n@mixin pictogram-person { content: '\\e874'; }\n@mixin pictogram-personen-mit-brieftasche { content: '\\e875'; }\n@mixin pictogram-personen-mit-doktorhut { content: '\\e876'; }\n@mixin pictogram-personen-suche-a { content: '\\e877'; }\n@mixin pictogram-personen-suche-b { content: '\\e878'; }\n@mixin pictogram-pusteblume { content: '\\e879'; }\n@mixin pictogram-rakete-a { content: '\\e87a'; }\n@mixin pictogram-rakete-b { content: '\\e87b'; }\n@mixin pictogram-rednerpult { content: '\\e87c'; }\n@mixin pictogram-rettungsring { content: '\\e87d'; }\n@mixin pictogram-roboter { content: '\\e87e'; }\n@mixin pictogram-s-bahn { content: '\\e87f'; }\n@mixin pictogram-smilie { content: '\\e880'; }\n@mixin pictogram-social-facebook { content: '\\e881'; }\n@mixin pictogram-social-instagram { content: '\\e882'; }\n@mixin pictogram-social-linkedin { content: '\\e883'; }\n@mixin pictogram-social-twitter { content: '\\e884'; }\n@mixin pictogram-social-youtube { content: '\\e885'; }\n@mixin pictogram-solidaritaetsschleife { content: '\\e886'; }\n@mixin pictogram-stadt { content: '\\e887'; }\n@mixin pictogram-standort { content: '\\e888'; }\n@mixin pictogram-stern { content: '\\e889'; }\n@mixin pictogram-steuerung { content: '\\e88a'; }\n@mixin pictogram-stoppuhr { content: '\\e88b'; }\n@mixin pictogram-strommast { content: '\\e88c'; }\n@mixin pictogram-system-prozess { content: '\\e88d'; }\n@mixin pictogram-teamwork-team-zusammenarbeit { content: '\\e88e'; }\n@mixin pictogram-teller-besteck { content: '\\e88f'; }\n@mixin pictogram-treppe { content: '\\e890'; }\n@mixin pictogram-tropfen-a { content: '\\e891'; }\n@mixin pictogram-tropfen-b { content: '\\e892'; }\n@mixin pictogram-tulpe { content: '\\e893'; }\n@mixin pictogram-veranstaltung-intern-beruf { content: '\\e894'; }\n@mixin pictogram-veranstaltung-intern-feier { content: '\\e895'; }\n@mixin pictogram-videocall-a { content: '\\e896'; }\n@mixin pictogram-videocall-b { content: '\\e897'; }\n@mixin pictogram-videos { content: '\\e898'; }\n@mixin pictogram-virus { content: '\\e899'; }\n@mixin pictogram-waage { content: '\\e89a'; }\n@mixin pictogram-wegweiser-a { content: '\\e89b'; }\n@mixin pictogram-wegweiser-b { content: '\\e89c'; }\n@mixin pictogram-weltkugel-mit-flamme { content: '\\e89d'; }\n@mixin pictogram-weltkugel-mit-koffer { content: '\\e89e'; }\n@mixin pictogram-weltkugel { content: '\\e89f'; }\n@mixin pictogram-werkzeug { content: '\\e8a0'; }\n@mixin pictogram-windrad-a { content: '\\e8a1'; }\n@mixin pictogram-windrad-b { content: '\\e8a2'; }\n@mixin pictogram-wolke-mit-herz-und-sonne { content: '\\e8a3'; }\n@mixin pictogram-zeitung { content: '\\e8a4'; }\n\n@mixin icon-fa-play-circled2 { content: '\\e800'; }\n@mixin icon-fa-play { content: '\\e801'; }\n@mixin icon-fa-basket { content: '\\e843'; }\n@mixin icon-fa-play-circled { content: '\\f144'; }\n@mixin icon-fa-cart-plus { content: '\\f217'; }\n@mixin icon-fa-cart-arrow-down { content: '\\f218'; }\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/sections/marketingheader/MarketingHeader.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MarketingHeader:()=>MarketingHeader,__namedExportsOrder:()=>__namedExportsOrder,default:()=>MarketingHeader_stories});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),marketingheader=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/marketingheader/marketingheader.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(marketingheader.Z,options);marketingheader.Z.locals;__webpack_require__("./stories/components/artwork/artwork.scss");var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),marketingHeaderData=[{title:"Beratung und Service",link:"#"},{title:"Interessenvertretung",link:"#"},{title:"Aus- und Weiterbildung",link:"#"},{title:"Unsere Region",link:"#"},{title:"Handelskammer vor Ort",link:"#"},{title:"Veranstaltungen",link:"#"}],ArtworkComponent=__webpack_require__("./stories/components/artwork/ArtworkComponent.js"),SearchInputComponent=__webpack_require__("./stories/atoms/search-input/SearchInputComponent.js"),SearchButtonComponent=__webpack_require__("./stories/atoms/search-button/SearchButtonComponent.js");__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.string.substr.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor)}}function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==typeof i?i:String(i)}var $=__webpack_require__("./node_modules/jquery/dist/jquery.js"),IHKSearchTypeahead=function(){function IHKSearchTypeahead(input){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,IHKSearchTypeahead),this.input=input,this.api=input.data("api"),this.tileWrapper=input.closest("form").next(".tiles"),this.allResults=$('<a href="#" class="btn has-icon icon-small-arrow-right-simple" />').text("Alle Suchergebnisse"),this.buttonWrapper=$('<span class="all-button-wrapper" />').append(this.allResults),this.resultCount=$('<span class="count" />').appendTo(this.allResults),this.handleKeyEvents()}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSearchTypeahead,[{key:"handleKeyEvents",value:function handleKeyEvents(){var _this=this;this.input.on("input",(function(){_this.input.val().length>0&&_this.loadData(_this.input.val().toLowerCase())}))}},{key:"loadData",value:function loadData(val){var _this2=this;fetch(this.api.replace("{SEARCHTERM}",val)).then((function(response){return response.json()})).then((function(response){_this2.buildResults(response)}))}},{key:"buildResults",value:function buildResults(json){var _this3=this,max=6;json.results.count>0&&this.tileWrapper.html(""),json.downloads.count>0&&(this.buildGroup(json.downloads,"downloads","Downloads"),max-=1),json.events.count>0&&(this.buildGroup(json.events,"events","Veranstaltungen"),max-=1),json["a-z"].count>0&&(this.buildGroup(json["a-z"],"a-z","IHK von A bis Z"),max-=1),json.contacts.count>0&&(this.buildGroup(json.contacts,"contacts","Ansprechpartner"),max-=1),json.results.items.map((function(result,i){i<max&&_this3.buildResult(result)})),json.proposals.count>0&&this.buildProposals(json.proposals),this.tileWrapper.append(this.buttonWrapper),this.resultCount.text(json.results.count)}},{key:"buildResult",value:function buildResult(json){var tile=$("<div/>").addClass("tile").appendTo(this.tileWrapper),a=$("<a/>").attr("href",json.url).appendTo(tile),inner=$("<span/>").addClass("inner").appendTo(a);$("<span/>").addClass("item-title").appendTo(inner).text(this.cropTitle(json.title,json.kicker.length>0)),json.kicker.length>0&&$("<span/>").addClass("kicker").text(json.kicker).prependTo(inner),json.type.length>0&&tile.attr("data-type",json.type)}},{key:"cropTitle",value:function cropTitle(title,hasKicker){var max=hasKicker?60:80;return title.length>max?title.substr(0,max)+"…":title}},{key:"buildGroup",value:function buildGroup(json,tileClass,title){var tile=$("<div/>").addClass("tile").addClass(tileClass).appendTo(this.tileWrapper),outer=$("<div/>").addClass("outer").appendTo(tile),inner=$("<div/>").addClass("inner").appendTo(outer),p=$("<p/>").appendTo(inner),ul=$("<ul/>").appendTo(inner);$("<a/>").attr("href",json.url).text(title+" ("+json.count+")").appendTo(p),json.items.map((function(item,i){if(i<2){var li=$("<li/>").appendTo(ul);$("<a/>").attr("title",item.title).attr("href",item.url).text(item.title.length>48?item.title.substr(0,48)+"…":item.title).appendTo(li)}}))}},{key:"buildProposals",value:function buildProposals(json){this.tileWrapper.find(".proposals").remove();var proposals=$("<div/>").addClass("proposals").appendTo(this.tileWrapper),p=$("<p/>").text("Meinten Sie vielleicht: ").appendTo(proposals);json.items.map((function(item){var a=$("<a/>").attr("href",item.url).text(item.title);p.append(a)}))}}]),IHKSearchTypeahead}();const marketingheader_typeahead=IHKSearchTypeahead;$("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){$(".search-field.typeahead:not(.initiated)").each((function(){new IHKSearchTypeahead($(this))}))}));var ProgressBarComponent=__webpack_require__("./stories/atoms/progress-bar/ProgressBarComponent.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const MarketingHeader_stories={title:"Sections/MarketingHeader",parameters:{layout:"fullscreen"},argTypes:{artworkStyle:{name:"Artwork Stil",control:{type:"select"},options:["artwork","artwork-image","artwork-background-image"],defaultValue:"artwork"},headline1:{name:"Überschrift Zeile 1",control:{type:"text"},defaultValue:"Willkommen bei Ihrer IHK."},headline2:{name:"Überschrift Zeile 2",control:{type:"text"},defaultValue:"Wie können wir Ihnen helfen?"},placeholder:{name:"Platzhalter",control:{type:"text"},defaultValue:'Tippe "Taxischein" für Autocomplete'},tiles:{name:"Kacheln",control:{type:"object"},defaultValue:marketingHeaderData}}};var MarketingHeader=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return function createMarketingHeader(_ref){var _ref$artworkStyle=_ref.artworkStyle,artworkStyle=void 0===_ref$artworkStyle?"artwork":_ref$artworkStyle,_ref$headline=_ref.headline1,headline1=void 0===_ref$headline?"Willkommen bei Ihrer IHK.":_ref$headline,_ref$headline2=_ref.headline2,headline2=void 0===_ref$headline2?"Wie können wir Ihnen helfen?":_ref$headline2,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?'Tippe "Taxischein" für Autocomplete':_ref$placeholder,_ref$api=_ref.api,api=void 0===_ref$api?"services/search/{SEARCHTERM}.json":_ref$api,_ref$tiles=_ref.tiles,tiles=void 0===_ref$tiles?marketingHeaderData:_ref$tiles,_ref$imageSrc=_ref.imageSrc,imageSrc=void 0===_ref$imageSrc?"https://source.unsplash.com/2vCqH34PqWs/1080x648":_ref$imageSrc,_ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Noch 7 Tage offen":_ref$kicker,_ref$headline3=_ref.headline,headline=void 0===_ref$headline3?"Jetzt und digital mitreden":_ref$headline3,_ref$copy=_ref.copy,copy=void 0===_ref$copy?"Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.":_ref$copy,_ref$moreCta=_ref.moreCta,moreCta=void 0===_ref$moreCta?{label:"Mehr Infos",link:"#",target:"_self"}:_ref$moreCta,_ref$buttonCta=_ref.buttonCta,buttonCta=void 0===_ref$buttonCta?{label:"Jetzt beteiligen",link:"#",target:"_self"}:_ref$buttonCta,_ref$showProgress=_ref.showProgress,showProgress=void 0===_ref$showProgress||_ref$showProgress,_ref$progress=_ref.progress,progress=void 0===_ref$progress?60:_ref$progress,_ref$backgroundImage=_ref.backgroundImage,backgroundImage=void 0===_ref$backgroundImage?null:_ref$backgroundImage,_ref$isFirstElement=_ref.isFirstElement,isFirstElement=void 0!==_ref$isFirstElement&&_ref$isFirstElement,section=(0,helpers.az)("section",["marketingheader"],null),search=(0,helpers.az)("div",["search"],null,section),artwork=(0,ArtworkComponent.R)({type:artworkStyle});search.appendChild(artwork),search.dataset.type=artworkStyle;var container=(0,helpers.az)("div",["container","small"],null,search),row=(0,helpers.az)("div",["row"],null,container),col=(0,helpers.az)("div",["col"],null,row);(0,helpers.az)("h1",["like-h2"],headline1+"<br>"+headline2,col);var form=(0,helpers.az)("form",[],null,col);(0,helpers.az)("label",["visually-hidden"],"IHK durchsuchen",form).for="search-term",form.appendChild((0,SearchInputComponent.K)({api,placeholder})),form.appendChild((0,SearchButtonComponent.K)({})),form.action="#";var tilesContainer=(0,helpers.az)("div",["tiles"],null,col);tiles.map((function(tile){var div=(0,helpers.az)("div",["tile"],null,tilesContainer);(0,helpers.az)("a",[],tile.title,div).href=tile.link})),api&&new marketingheader_typeahead(jquery_default()(form).find("input.typeahead"));var hasImage=imageSrc&&imageSrc.length>0,stage=(0,helpers.az)("div",["participation","participation-stage"],null,section),container2=(0,helpers.az)("div",["container"],null,stage),row2=(0,helpers.az)("div",["row"],null,container2),col2=(0,helpers.az)("div",["col"],null,row2),tb2=(0,helpers.az)("div",["text-box"],null,col2);if(backgroundImage&&backgroundImage.length>0&&(stage.style="background-image: url("+backgroundImage+");",stage.classList.add("background-image")),isFirstElement&&stage.classList.add("first-element"),kicker&&kicker.length>0&&(0,helpers.az)("p",["kicker"],kicker,tb2),showProgress&&tb2.appendChild((0,ProgressBarComponent.i)({progress})),(0,helpers.az)("h1",["like-h2"],headline,tb2),(0,helpers.az)("p",[],copy,tb2),moreCta){var more=(0,helpers.az)("a",[],moreCta.label,tb2);more.href=moreCta.link,more.target=moreCta.target}if(buttonCta){var button2=(0,ButtonComponent.a)({elementType:"a",link:buttonCta.link,color:"white",label:buttonCta.label,iconPosition:"icon-right",icon:"small-arrow-right-simple"});tb2.appendChild(button2)}if(hasImage){stage.classList.add("image-stage");var ib2=(0,helpers.az)("div",["image-box"],null,col2);(0,helpers.Bi)(imageSrc,1080,648,"Beteiligung",[],ib2)}return section}(Object.assign({},args))}.bind({});MarketingHeader.args={};var __namedExportsOrder=["MarketingHeader"];MarketingHeader.parameters={...MarketingHeader.parameters,docs:{...MarketingHeader.parameters?.docs,source:{originalSource:"({\n  ...args\n}) => {\n  return createMarketingHeader({\n    ...args\n  });\n}",...MarketingHeader.parameters?.docs?.source}}}}}]);