diff --git a/gfi-ihk-2024/stories/components/common-content-article/CommonContentArticle.stories.js b/gfi-ihk-2024/stories/components/common-content-article/CommonContentArticle.stories.js
new file mode 100644
index 0000000..3304ef5
--- /dev/null
+++ b/gfi-ihk-2024/stories/components/common-content-article/CommonContentArticle.stories.js
@@ -0,0 +1,13 @@
+import {createCommonContentArticle} from "./CommonContentArticleComponent";
+
+export default {
+ title: 'Components/Common Content Article',
+ args: {},
+}
+
+const Template = ({...args}) => {
+ return createCommonContentArticle({...args});
+};
+
+export const CommonContentArticle = Template.bind({});
+CommonContentArticle.args = {};
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/components/common-content-article/CommonContentArticleComponent.js b/gfi-ihk-2024/stories/components/common-content-article/CommonContentArticleComponent.js
new file mode 100644
index 0000000..47ff0c5
--- /dev/null
+++ b/gfi-ihk-2024/stories/components/common-content-article/CommonContentArticleComponent.js
@@ -0,0 +1,35 @@
+import './commonContent-article.scss';
+import {createElement} from "../../_global/scripts/helpers";
+import {lorem2} from "../../_global/scripts/lorem";
+import {createBlockquote} from "../../atoms/blockquote/BlockquoteComponent";
+import {createContact} from "../contact/ContactComponent";
+import {createPrintShare} from "../print-share/PrintShareComponent";
+import {createInfobox} from "../infobox/InfoboxComponent";
+import {createTopicTeasersSection} from "../../sections/topic-teasers/TopicTeasersComponent";
+import {createCommonContent} from "../common-content/CommonContentComponent";
+
+export const createCommonContentArticle = ({
+ addArticleComponents = true,
+ kicker = 'Titelthema',
+ headline = '5 Beispiele, wie sich Unternehmen für ihr Umfeld engagieren',
+}) => {
+ const div = createElement('div');
+ const article = createElement('article', ['col', 'magazine-article'], null, div);
+
+ if (addArticleComponents) {
+ createElement('p', ['kicker'], kicker, article);
+ createElement('h1', [], headline, article);
+ }
+ article.appendChild(createCommonContent({}));
+
+ const wrapper = createElement('div', ['content'], null, div);
+ wrapper.appendChild(createTopicTeasersSection({maxItems: 6}));
+
+ const article2 = createElement('article', ['col', 'magazine-article'], null, div);
+ article2.appendChild(createInfobox({content: lorem2}));
+ article2.appendChild(createBlockquote({}));
+ article2.appendChild(createContact({}));
+ article2.appendChild(createPrintShare({}));
+
+ return div;
+}
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/components/common-content-article/commonContent-article.scss b/gfi-ihk-2024/stories/components/common-content-article/commonContent-article.scss
new file mode 100644
index 0000000..0485511
--- /dev/null
+++ b/gfi-ihk-2024/stories/components/common-content-article/commonContent-article.scss
@@ -0,0 +1,73 @@
+@import '../../_global/styles/mixins';
+@import '../../_global/styles/vars';
+
+.magazine-article article.col, .magazine-article.col {
+ position: relative;
+ z-index: 1;
+ width: 880px;
+ max-width: 66.6667%;
+ background-color: #fff;
+ margin: 0 auto;
+ padding-bottom: 0;
+
+ @media(max-width: 1199px) {
+ max-width: 83.3333%;
+ }
+ @media(max-width: 999px) {
+ box-shadow: 0 0 0 10px white;
+ }
+ @media(max-width: 767px) {
+ max-width: 100%;
+ box-shadow: 0 -4px 0 2px white;
+ }
+
+ .print-share {
+ margin-bottom: 0;
+ }
+
+ .print-share .bookmarks.show-bookmarks {
+ margin-bottom: 1em;
+ }
+
+ .image-box {
+ img {
+ max-width: 100%;
+ }
+
+ &.off-grid{
+ @media(min-width: 568px) {
+ float: left;
+ margin: 0.3em 20px 1em 0;
+ width: calc(50% - 10px);
+ }
+
+ @media(min-width: 768px) {
+ margin: 0.3em 40px 1em calc(-12.5% - 5px);
+ width: calc(50% - 20px);
+
+ @media(max-width: 1199px) {
+ margin: 0.3em 30px 1em calc(-10% - 3px);
+ width: calc(50% - 15px);
+ }
+
+ @media(max-width: 999px) {
+ margin: 0.3em 20px 1em calc(-10% - 2px);
+ width: calc(50% - 10px);
+ }
+ }
+
+ ~ *:not(p) {
+ clear: left;
+ }
+ }
+
+ &.portrait{
+ display: flex;
+ justify-content: center;
+ flex-flow: column;
+ img, figcaption{
+ align-self: center;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/components/common-content/CommonContent.stories.js b/gfi-ihk-2024/stories/components/common-content/CommonContent.stories.js
new file mode 100644
index 0000000..6ca27c2
--- /dev/null
+++ b/gfi-ihk-2024/stories/components/common-content/CommonContent.stories.js
@@ -0,0 +1,13 @@
+import {createCommonContent} from "./CommonContentComponent";
+
+export default {
+ title: 'Components/Common Content',
+ args: {},
+}
+
+const Template = ({...args}) => {
+ return createCommonContent({...args});
+};
+
+export const CommonContent = Template.bind({});
+CommonContent.args = {};
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/components/common-content/CommonContentComponent.js b/gfi-ihk-2024/stories/components/common-content/CommonContentComponent.js
new file mode 100644
index 0000000..68f0e09
--- /dev/null
+++ b/gfi-ihk-2024/stories/components/common-content/CommonContentComponent.js
@@ -0,0 +1,40 @@
+import './commonContent.scss';
+import {createElement} from "../../_global/scripts/helpers";
+import {createButton} from "../../atoms/button/ButtonComponent";
+
+export const createCommonContent = ({
+ text = "Möchten Sie, dass zusätzliche regionale Inhalte Ihrer IHK zum Thema auf dieser Seite eingeblendet werden?",
+ noCta = {
+ label: 'Nein danke',
+ link: '#',
+ target: '_self',
+ },
+ yesCta = {
+ label: 'Ja gerne',
+ link: '#',
+ target: '_self',
+ }
+}) => {
+ const common = createElement('div', ['common-content']);
+
+ const p = createElement('p', [], text, common);
+ const buttons = createElement('div', ['buttons'], null, common);
+ buttons.appendChild(createButton({
+ label: noCta.label,
+ link: noCta.link,
+ color: 'primary-light',
+ size: 'small',
+ icon: 'schliessen',
+ iconPosition: 'icon-right'
+ }));
+ buttons.appendChild(createButton({
+ label: yesCta.label,
+ link: yesCta.link,
+ color: 'secondary',
+ size: 'small',
+ icon: 'check',
+ iconPosition: 'icon-right'
+ }));
+
+ return common;
+}
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/components/common-content/commonContent.scss b/gfi-ihk-2024/stories/components/common-content/commonContent.scss
new file mode 100644
index 0000000..b8663a7
--- /dev/null
+++ b/gfi-ihk-2024/stories/components/common-content/commonContent.scss
@@ -0,0 +1,20 @@
+@import '../../_global/styles/mixins';
+@import '../../_global/styles/vars';
+
+.common-content {
+ margin-top: var(--section-margin);
+ padding: calc(var(--container-padding) / 2) var(--container-padding);
+ background: var(--theme-color-primary-dimmed-04);
+ background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23B0C4D6' stroke-width='4' stroke-dasharray='0%2c 7' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
+ p {
+
+ }
+ .buttons {
+ .btn {
+ margin-right: 1rem;
+ @media (max-width: 567px) {
+ margin-bottom: 1rem;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/components/header/HeaderComponent.js b/gfi-ihk-2024/stories/components/header/HeaderComponent.js
index 6ad8f54..3eeefff 100644
--- a/gfi-ihk-2024/stories/components/header/HeaderComponent.js
+++ b/gfi-ihk-2024/stories/components/header/HeaderComponent.js
@@ -8,6 +8,7 @@ import {createHeaderSearch} from "../header-search/HeaderSearchComponent";
export const createHeader =
({
+ isZip = false,
contactPhone,
contactMail,
contactLink = '#',
@@ -51,7 +52,7 @@ export const createHeader =
createElement('button', ['toggle-nav'], 'Menü ', header);
header.appendChild(createNav({}));
- header.appendChild(createIhkSwitch({}));
+ header.appendChild(createIhkSwitch({zip: isZip}));
new IHKHeader($(header));
diff --git a/gfi-ihk-2024/stories/components/ihk-switch/IHKSwitch.stories.js b/gfi-ihk-2024/stories/components/ihk-switch/IHKSwitch.stories.js
index 836f354..5a96db9 100644
--- a/gfi-ihk-2024/stories/components/ihk-switch/IHKSwitch.stories.js
+++ b/gfi-ihk-2024/stories/components/ihk-switch/IHKSwitch.stories.js
@@ -7,7 +7,7 @@ export default {
},
args: {
currentIHK: 'Musterstadt',
- myIHK: 'Hamburg',
+ myIHK: 'Hamburg'
}
}
@@ -16,4 +16,9 @@ const Template = ({...args}) => {
};
export const IHKSwitch = Template.bind({});
-IHKSwitch.args = {};
\ No newline at end of file
+IHKSwitch.args = {};
+
+export const IHKSwitchZip = Template.bind({});
+IHKSwitchZip.args = {
+ zip: true
+};
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/components/ihk-switch/IHKSwitchComponent.js b/gfi-ihk-2024/stories/components/ihk-switch/IHKSwitchComponent.js
index e8224a8..b38f2df 100644
--- a/gfi-ihk-2024/stories/components/ihk-switch/IHKSwitchComponent.js
+++ b/gfi-ihk-2024/stories/components/ihk-switch/IHKSwitchComponent.js
@@ -3,35 +3,63 @@ import $ from 'jquery';
import {createElement} from "../../_global/scripts/helpers";
import IHKSwitch from "./ihk-switch";
import {createButton} from "../../atoms/button/ButtonComponent";
+import {createInputText} from "../../atoms/input-text/InputTextComponent";
+import {createSearchButton} from "../../atoms/search-button/SearchButtonComponent";
const Cookies = require('js-cookie');
export const createIhkSwitch = ({
currentIHK = 'Musterstadt',
myIHK = 'Hamburg',
+ zip = false,
+ zipPlaceholder = 'z.B. 20146 Hamburg'
}) => {
const wrap = createElement('div', ['ihk-switch']);
const step1 = createElement('div', ['step'], null, wrap);
- const step2 = createElement('div', ['step'], null, wrap);
- const step3 = createElement('div', ['step'], null, wrap);
- const p1 = 'Sie befinden sich auf der Seite der ' + currentIHK + ' . Möchten Sie diese Seite in einem Cookie als Ihre Heimat-IHK setzen?';
- const p2 = 'Sie befinden sich auf der Seite der ' + currentIHK + ' . Bisher ist die ' + myIHK + ' als Ihre Heimat-IHK hinterlegt. Wollen Sie die Seite der ' + currentIHK + ' in einem Cookie als Ihre neue Heimat-IHK setzen?';
- const p3 = 'Sie werden zum Angebot der ' + myIHK + ' weitergeleitet.';
- createElement('button', ['closer'], null, wrap);
+ if (!zip) {
+ const step2 = createElement('div', ['step'], null, wrap);
+ const step3 = createElement('div', ['step'], null, wrap);
+ const p1 = 'Sie befinden sich auf der Seite der ' + currentIHK + ' . Möchten Sie diese Seite in einem Cookie als Ihre Heimat-IHK setzen?';
+ const p2 = 'Sie befinden sich auf der Seite der ' + currentIHK + ' . Bisher ist die ' + myIHK + ' als Ihre Heimat-IHK hinterlegt. Wollen Sie die Seite der ' + currentIHK + ' in einem Cookie als Ihre neue Heimat-IHK setzen?';
+ const p3 = 'Sie werden zum Angebot der ' + myIHK + ' weitergeleitet.';
- step1.dataset.step = 'form';
- createElement('p', [], p1, step1);
- step1.appendChild(buildButtons());
+ createElement('button', ['closer'], null, wrap);
- step2.dataset.step = 'switch';
- createElement('p', [], p2, step2);
- step2.appendChild(buildButtons());
+ step1.dataset.step = 'form';
+ createElement('p', [], p1, step1);
+ step1.appendChild(buildButtons());
- step3.dataset.step = 'success';
- createElement('p', [], p3, step3);
+ step2.dataset.step = 'switch';
+ createElement('p', [], p2, step2);
+ step2.appendChild(buildButtons());
- window.sessionStorage.removeItem('my-ihk-ignore');
- Cookies.remove('my-ihk', {expires: 365});
+ step3.dataset.step = 'success';
+ createElement('p', [], p3, step3);
+
+ window.sessionStorage.removeItem('my-ihk-ignore');
+ Cookies.remove('my-ihk', {expires: 365});
+ } else {
+ const p1 = 'Geben Sie Ihre Postleitzahl ein, um zu dem Angebot Ihrer IHK zu gelangen:';
+
+ createElement('button', ['closer'], null, wrap);
+
+ step1.dataset.step = 'zip';
+ createElement('p', [], p1, step1);
+ const inputWrapper = createElement('div', ['input-wrapper'], null, step1);
+ inputWrapper.appendChild(createInputText({
+ placeholder: zipPlaceholder,
+ isRequired: true,
+ id: 'switch-zip',
+ name: 'switch-zip',
+ }));
+ inputWrapper.appendChild(createButton({
+ label: '',
+ link: '#',
+ iconPosition: 'icon-inline',
+ icon: 'lokalisierung',
+ }));
+ step1.appendChild(buildOKButton());
+ }
$(document).ready(() => {
new IHKSwitch($(wrap));
@@ -62,3 +90,20 @@ const buildButtons = () => {
return buttons;
}
+const buildOKButton = () => {
+ const buttons = createElement('div', ['buttons', 'align-right']);
+ const ok = createButton({
+ elementType: 'button',
+ label: 'OK',
+ color: 'secondary',
+ icon: 'check',
+ iconPosition: 'icon-right'
+ })
+
+ ok.classList.add('stay-here');
+
+ buttons.appendChild(ok);
+
+ return buttons;
+}
+
diff --git a/gfi-ihk-2024/stories/components/ihk-switch/ihk-switch.scss b/gfi-ihk-2024/stories/components/ihk-switch/ihk-switch.scss
index bb93379..3c64615 100644
--- a/gfi-ihk-2024/stories/components/ihk-switch/ihk-switch.scss
+++ b/gfi-ihk-2024/stories/components/ihk-switch/ihk-switch.scss
@@ -68,7 +68,8 @@
&[data-show-step="geolocation"] [data-step="geolocation"],
&[data-show-step="form"] [data-step="form"],
&[data-show-step="switch"] [data-step="switch"],
- &[data-show-step="success"] [data-step="success"] {
+ &[data-show-step="success"] [data-step="success"],
+ [data-step="zip"] {
display: block;
}
@@ -112,10 +113,34 @@
}
}
+ .input-wrapper {
+ position: relative;
+ .btn {
+ position: absolute;
+ right: 0;
+ top: 0;
+ height: 100%;
+ padding: 0;
+ border-radius: 0;
+ background: #193f69;
+ * {
+ display: none;
+ }
+ &:hover:after {
+ display: none;
+ }
+ }
+ }
+
.buttons {
margin-top: 28px;
margin-left: -2px;
margin-right: -8px;
+ &.align-right {
+ display: flex;
+ justify-content: flex-end;
+ margin-right: 0;
+ }
@media(max-width: 767px) {
margin-top: 20px;
diff --git a/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaser.stories.js b/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaser.stories.js
index 9b1dc6c..ee97014 100644
--- a/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaser.stories.js
+++ b/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaser.stories.js
@@ -42,3 +42,9 @@ StandardMiniTeaser.args = {};
export const infobanner = MiniTeaser.bind({});
infobanner.args = {type:'infoteaser'};
+
+export const infobannerWithoutIcon = MiniTeaser.bind({});
+infobannerWithoutIcon.args = {type:'infoteaser', icon: null};
+
+export const infobannerBackground = MiniTeaser.bind({});
+infobannerBackground.args = {type:'infoteaser', backgroundImage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648'};
diff --git a/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaserComponent.js b/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaserComponent.js
index 80827c4..c949172 100644
--- a/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaserComponent.js
+++ b/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaserComponent.js
@@ -8,6 +8,7 @@ export const createMiniTeaser = ({
link = '#',
icon = 'Roboter',
buttonlabel = 'IHK-Newsletter sichern',
+ backgroundImage = null,
}) => {
if (type === 'standard') {
@@ -18,14 +19,22 @@ export const createMiniTeaser = ({
createElement('h4', ['title'], title, textBox);
return tile;
}else{
- const tile = createElement('div', ['tile', 'mini-teaser', type], null);
+ const tile = createElement('a', ['tile', 'mini-teaser', type], null);
+ tile.href = link;
+ if (backgroundImage && backgroundImage.length > 0) {
+ tile.style = 'background-image: url(' + backgroundImage + ');';
+ tile.classList.add('background-image');
+ }
const textBox = createElement('div', ['text-box'], null, tile);
- createElement('div', ['icon-box', 'pictogram-' + icon.toLowerCase().split(' ').join('-')], null, textBox);
- createElement('h4', ['title'], title, textBox);
- textBox.appendChild(createButton({color: 'white', label: buttonlabel,link: link, iconPosition: 'icon-right', icon: null}))
+ if (icon && icon.length > 0) {
+ createElement('div', ['icon-box', 'pictogram-' + icon.toLowerCase().split(' ').join('-')], null, textBox);
+ createElement('h4', ['title'], title, textBox);
+ textBox.appendChild(createButton({elementType: 'span',color: 'white', label: buttonlabel,iconPosition: 'icon-right', icon: null, preventClick: false}))
+ }else{
+ createElement('h4', ['title', 'noicon'], title, textBox);
+ textBox.appendChild(createButton({elementType: 'span',color: 'white', label: buttonlabel, iconPosition: 'icon-right', icon: null, preventClick: false}))
+ }
+
return tile;
}
-
-
-
}
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss b/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss
index eae215b..fada232 100644
--- a/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss
+++ b/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss
@@ -35,8 +35,12 @@
h4{
font-size: 22px;
}
+ .text-box{
+ position: relative;
+ }
&.infoteaser{
background: linear-gradient(161deg, rgba(var(--theme-color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb), 0.2) 100%);
+ position: relative;
&:after{
content:"";
position:absolute;
@@ -47,6 +51,26 @@
z-index:-1;
background: linear-gradient(161deg, var(--theme-color-gradient-01) 40%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 120%);
}
+ &.background-image{
+ background-size:cover;
+ &:after{
+ position:absolute;
+ top:0;
+ left:0;
+ bottom:0;
+ right:0;
+ z-index: 0;
+ content:"";
+ opacity: 0.6;
+ background: linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, 0.86) 56.52%, rgba(0, 51, 102, 0.00) 94.05%);
+ background-blend-mode: overlay;
+
+ }
+ .text-box{
+ position: relative;
+ z-index: 1;
+ }
+ }
.title, .category, .btn{
color:white;
}
@@ -57,6 +81,14 @@
text-align: left;
line-height: 24px;
margin-bottom: 19px;
+ width: 100%;
+ &.noicon{
+ padding-left: 0;
+ min-height: 0;
+ + .btn{
+ margin-left: 0;
+ }
+ }
}
.btn{
background-color: transparent;
@@ -69,14 +101,18 @@
--button-padding: 8px 10px;
min-height: 0;
font-size: 22px;
+ &:after{
+ border-radius:16px;
+ }
}
.icon-box{
margin-bottom: 19px;
margin-top: 0;
padding-top: 0;
position: absolute;
- top: 16px;
- left: 12px;
+ top: 0;
+ left: 0;
+
}
.text-box{
padding: 0;
diff --git a/gfi-ihk-2024/stories/pages/common-content/CommonContent.stories.js b/gfi-ihk-2024/stories/pages/common-content/CommonContent.stories.js
new file mode 100644
index 0000000..70e3d14
--- /dev/null
+++ b/gfi-ihk-2024/stories/pages/common-content/CommonContent.stories.js
@@ -0,0 +1,18 @@
+import {createCommonContentPage} from "./CommonContentPage";
+
+export default {
+ title: 'Pages/Common Content Page',
+ parameters: {
+ layout: 'fullscreen',
+ },
+ argTypes: {
+
+ },
+}
+
+const Template = ({...args}) => {
+ return createCommonContentPage({...args});
+};
+
+export const CommonContentPage = Template.bind({});
+CommonContentPage.args = {};
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/pages/common-content/CommonContentPage.js b/gfi-ihk-2024/stories/pages/common-content/CommonContentPage.js
new file mode 100644
index 0000000..e3cbea7
--- /dev/null
+++ b/gfi-ihk-2024/stories/pages/common-content/CommonContentPage.js
@@ -0,0 +1,36 @@
+import {createElement} from "../../_global/scripts/helpers";
+import {createHeader} from "../../components/header/HeaderComponent";
+import {createMagazineHeader} from "../../components/magazine-header/MagazineHeaderComponent";
+import {createPageDetails} from "../../components/page-details/PageDetailsComponent";
+import {createMagazineCover} from "../../components/magazine-cover/MagazineCoverComponent";
+import {createTeasersSection} from "../../sections/teasers/TeasersComponent";
+import {createFooter} from "../../components/footer/FooterComponent";
+import {createCommonContentArticle} from "../../components/common-content-article/CommonContentArticleComponent";
+
+export const createCommonContentPage = ({
+ kicker = 'Titelthema',
+ headline = '5 Beispiele, wie sich Unternehmen für ihr Umfeld engagieren',
+}) => {
+ const page = createElement('div', ['page', 'magazine-article']);
+ const header = createHeader({isZip: true});
+ const magazineHeader = createMagazineHeader({ size: 'narrow' });
+ page.appendChild(header);
+ page.appendChild(magazineHeader);
+
+ const wrapper = createElement('div', ['page-wrapper'], null, page);
+ wrapper.appendChild(createPageDetails({}));
+
+ const pageContent = createElement('main', ['page-content'], null, wrapper);
+ pageContent.appendChild(createMagazineCover({}));
+
+ const container = createElement('div', ['container'], null, pageContent);
+ const row = createElement('div', ['row'], null, container);
+ const article = createCommonContentArticle({});
+ row.appendChild(article);
+
+ pageContent.appendChild(createTeasersSection({type: 'magazine', showReadingTime: true, headline: 'Mehr interessante Artikel'}))
+
+ page.appendChild(createFooter({}));
+
+ return page;
+}
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderComponent.js b/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderComponent.js
index da08d84..79c110a 100644
--- a/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderComponent.js
+++ b/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderComponent.js
@@ -89,10 +89,7 @@ export const createMarketingHeader =
const container2 = createElement('div', ['container', 'mainstage'], null, section);
const row2 = createElement('div', ['row'], null, container2);
const colslider = createElement('div', ['col', 'slidercontainer', 'rotation'], null, row2);
-
-
- //const col2 = createElement('div', ['col'], null, row2);
- const sliderComponent = createElement('div', ['slider'], null, colslider);
+ const sliderComponent = createElement('div', ['slider', 'btnanimation'], null, colslider);
slides.map((slideData, index) => {
const slide = createElement('div', ['slide'], null, sliderComponent);
const outer = createElement('outer', ['outer'], null, slide);
@@ -124,7 +121,7 @@ export const createMarketingHeader =
if (slideData.cta && slideData.link) {
const buttonP = createElement('p', [], '', textBox);
const btn = createButton({
- color: 'white', icon: 'pfeil-simple-rechts', iconPosition: 'icon-right', label: slideData.cta
+ color: 'white', icon: 'pfeil-simple-rechts', iconPosition: 'icon-right', label: slideData.cta, size: 'small',
});
buttonP.appendChild(btn);
}
@@ -147,13 +144,13 @@ export const createMarketingHeader =
if (type === 'infoteaser') {
const col3 = createElement('div', ['col'], null, row2);
- //const teasers = createMiniTeaser({teasers.type: 'standard'});
- //col3.appendChild(teasers);
-
teasers.map((t, i) => {
if (i < maxItems) {
var typ = 'standard';
- if (i == 0 && t.type == 'infoteaser') typ = 'infoteaser';
+ if (i == 0 && t.type == 'infoteaser'){
+ typ = 'infoteaser';
+ section.classList.add('miniinfoteaser');
+ }
const col4 = createElement('div', ['mt'], null, col3);
const tea = createMiniTeaser({
type : typ,
@@ -162,55 +159,6 @@ export const createMarketingHeader =
}
})
}
- /*
- const hasImage = imageSrc && imageSrc.length > 0;
- const stage = createElement('div', ['participation', 'participation-stage'], null, section);
- const container2 = createElement('div', ['container'], null, stage);
- const row2 = createElement('div', ['row'], null, container2);
- const col2 = createElement('div', ['col'], null, row2);
- const tb2 = createElement('div', ['text-box'], null, col2);
-
- if (backgroundImage && backgroundImage.length > 0) {
- //section.content('style=background: red;');
- stage.style = 'background-image: url(' + backgroundImage + ');';
- stage.classList.add('background-image');
- }
-
- if (isFirstElement) {
- stage.classList.add('first-element');
- }
-
- if (kicker && kicker.length > 0) {
- createElement('p', ['kicker'], kicker, tb2);
- }
- if (showProgress) {
- tb2.appendChild(createProgressBar({progress}));
- }
- createElement('h1', ['like-h2'], headline, tb2);
- createElement('p', [], copy, tb2);
- if (moreCta) {
- const more = createElement('a', [], moreCta.label, tb2);
- more.href = moreCta.link;
- more.target = moreCta.target;
- }
- if (buttonCta) {
- const button2 = createButton({
- 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');
- const ib2 = createElement('div', ['image-box'], null, col2);
- createImage(imageSrc, 1080, 648, 'Beteiligung', [], ib2);
- }
- */
return section;
}
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
index 23acb27..2b4bca8 100644
--- a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
+++ b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
@@ -2,26 +2,18 @@
@import '../../_global/styles/vars';
section.marketingheader{
margin-top:0;
- .rotation .slider{
- border-bottom:0;
- .slider-tabs{
- li:first-child:last-child{
- display:none;
- }
+ &.miniinfoteaser{
+ .kicker{
+ color:var(--theme-color-secondary);
}
- .text-box{
- color:var(--theme-color-primary);
- &:not(:first-child)::before {
- background-color: var(--theme-color-primary-dimmed-04);
- }
- .btn{
- background-color: var(--theme-color-primary);
- color:white;
- &:hover:after{
- box-shadow: 0 0 0 var(--button-hover-shadow-size) var(--theme-color-primary);
- }
- }
+ .mini-teaser{
+ .category{
+ color:var(--theme-color-secondary);
}
+ }
+ .text-only .kicker{
+ color:white;
+ }
}
.search {
position: relative;
@@ -29,7 +21,7 @@ section.marketingheader{
margin: 0;
background-color: var(--theme-color-primary-dimmed-04);
max-height: 100px;
- transition: all .5s cubic-bezier(0,1,0,1);
+ transition: all 1s ease-in;
background-size:cover;
@media (max-width:767px){
max-height: 78px;
@@ -37,6 +29,10 @@ section.marketingheader{
.sc.container{
position: absolute;
top: 0;
+ left: 0;
+ right: 0;
+ width: 100%;
+ max-width: 100%;
@media (max-width:767px){
position: relative;
.close-search{
@@ -55,7 +51,7 @@ section.marketingheader{
left:auto;
cursor: pointer;
transition: 0.3s ease;
- border: 2px solid var(--theme-color-primary-dimmed-04);
+ border: 1px solid var(--theme-color-primary-dimmed-04);
border-radius: 10px;
height:34px;
width:34px;
@@ -92,7 +88,7 @@ section.marketingheader{
display:block !important;
}
.tiles{
- margin-top:0;
+ top: 0;
padding-bottom:9px;
@media screen and (max-width:767px){
padding-bottom:0;
@@ -208,11 +204,13 @@ section.marketingheader{
}
.tiles {
- margin: 100px -8px 0 -8px;
+ margin: 0 -8px 0 -8px;
+ position: relative;
+ top: 100px;
display: flex;
flex-wrap: wrap;
font-family: "Korb", sans-serif;
- transition: all 0.25s ease-in;
+ transition: all 0.3s ease-in;
padding-bottom: 0;
@media(max-width: 767px) {
//margin-left: -6px;
@@ -455,7 +453,10 @@ section.marketingheader{
}
}
&.infoteaser{
- max-height:427px;
+ border-radius: 4px;
+ .slide-overflow{
+ border-radius: 4px;
+ }
outer{
max-height:427px;
height:427px;
@@ -465,16 +466,41 @@ section.marketingheader{
}
}
.rotation {
- @media screen and (max-width:900px){
- .slider .text-box:first-child::after {
- display: none;
+ padding:0;
+ @media screen and (max-width: 1000px) {
+ .slide:not(.text-only) .text-box{
+ padding: 16px 0;
+ }
+ .slide .image-box img{
+ position: static;
+ height:300px;
+ }
+ .slider-tabs{
+ top:0;
+ height: auto;
+ bottom: auto;
+ margin-top:15px;
}
- padding:0;
}
+ @media screen and (max-width: 900px) {
+ .slider .image-box {
+ padding-left: var(--container-padding);
+ padding-right: var(--container-padding);
+ }
+ .slider .text-box:first-child::after {
+ display: none;
+ }
+ }
.text-box{
min-height: 0;
}
}
+ outer{
+ border-radius: 4px;
+ .image-box img{
+ border-radius: 4px;
+ }
+ }
.image-box{
max-height:427px;
min-height: 0;
@@ -519,8 +545,19 @@ section.marketingheader{
.mt{
height: 100%;
padding: 8px 0;
+ @media screen and (max-width:575px){
+ padding: 4px 0;
+ }
.mini-teaser{
height: 100%;
+ .text-box{
+ height: 100%;
+ flex-flow: column;
+ justify-content: space-between;
+ .btn{
+ height: fit-content;
+ }
+ }
}
}
}
@@ -553,18 +590,18 @@ section.marketingheader{
}
.slider{
background-color: transparent;
-
.image-box img {
@media screen and (max-width:900px) {
height: 300px;
+
}
@media screen and (max-width:767px) {
height: 300px;
}
}
- .slide.text-only.current {
- background: linear-gradient(-10deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%);
+ .slide.text-only.current{
+ background: linear-gradient(-10deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%);
}
}
@@ -646,49 +683,178 @@ section.marketingheader{
}
}
}
- .rotation{
- margin:0;
- @media screen and (max-width:900px){
- .slider{
- background-color: transparent;
- .slider-tabs{
- top:0;
- height: auto;
- bottom: auto;
- margin-top:15px;
- @media screen and (max-width:767px){
- .btn{
- --button-icon-padding: 30px;
- --button-icon-offset: 5px;
- --button-padding: 5px 10px;
- --button-min-size: 30px;
- margin: 2.5px;
- }
+ .rotation .slider{
+ border-bottom:0;
+
+ background-color: white;
+ h3{
+ margin-top: 4px;
+ margin-bottom: 8px;
+ }
+ .kicker{
+ margin-bottom:0;
+ }
+ p{
+ margin-bottom:0.4em;
+ }
+ .btn{
+ margin-top:0.4em;
+ }
+ &.ishovered .slider-tabs li.active button.btn::before{
+ animation-play-state: paused;
+ }
+ &.btnanimation{
+ .slider-tabs{
+ li.active{
+ button.btn::before{
+ animation: fillgrey 7s linear forwards;
}
}
+ }
+ }
+ .slider-tabs{
+ li:first-child:last-child{
+ display:none;
+ }
+ li.active{
+ button.btn{
+ background-blend-mode: overlay;
+ }
+ }
+ li{
+ button.btn{
+ position: relative;
+ border-radius: var(--border-radius-lg);
+ overflow:hidden;
+
+ }
+ button.btn::before{
+ width:0;
+ background-color:var(--theme-grey-light);
+ content: "";
+ z-index:0;
+ height:100%;
+ position:absolute;
+ top:0;
+ bottom:0;
+ right:0;
+ left:0;
+ right:0;
+ display:block;
+ background-blend-mode: multiply;
+ }
+ }
+ }
+ .slide.text-only.current{
+ background: none;
+ outer{
+ background: linear-gradient(-10deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%);
.text-box{
- padding: var(--container-padding);
+ justify-content: center;
+ }
+ }
+ }
+ .text-box{
+ color:var(--theme-color-primary);
+ padding: 30px 36px 24px 36px;
+ display: flex;
+ flex-flow: column;
+ justify-content: center;
+ min-width: 324px;
+ &:not(:first-child)::before {
+ background-color: var(--theme-color-primary-dimmed-04);
+ }
+ .btn{
+ background-color: var(--theme-color-primary);
+ color:white;
+ &:hover:after{
+ box-shadow: 0 0 0 var(--button-hover-shadow-size) var(--theme-color-primary);
+ }
+ }
+ }
+ .text-only{
+ .text-box{
+ color:white;
}
+ }
+ }
+ .rotation{
+ margin:0;
+ @media (max-width: 1339px) {
+ .rotation .slider .text-box {
+ min-width: 324px;
+ }
+ }
+ @media (min-width: 1001px) {
+ .slider .text-box:not(:first-child)::before {
+ border-top-right-radius: 16% 50% !important;
+ border-bottom-right-radius: 16% 50% !important;
+ margin: -15% -8% -15% 20px;
+ }
+ }
+ @media (max-width:1000px){
+ .slider{
+ background-color: white;
+
+
.text-box:not(:first-child)::before{
display: none;
}
.image-box{
order: 0;
+ height:auto;
+ max-height:none !important;
+ img{
+ aspect-ratio: 16 / 9;
+ height: auto !important;
+ max-height:none !important;
+ min-height: 177px !important;
+ }
&:before{
display: none;
}
img{
position: static;
- height:300px;
+ //height:300px;
+ }
+ }
+ }
+ }
+ @media screen and (max-width:900px){
+ .slider{
+ margin-bottom:20px;
+ .slide:not(.text-only){
+ .text-box{
+ padding: 16px var(--container-padding) 0;
+ }
+ }
+ .slide.text-only{
+ padding-left: var(--container-padding);
+ padding-right: var(--container-padding);
+ }
+ .slider-tabs{
+ right: calc(var(--container-padding) + 10px);
+ top: 15px;
+ padding: 0;
+ margin: 0;
+ .btn{
+ margin-top:0 !important;
}
}
}
}
@media screen and (max-width:767px){
.slider{
- .image-box{
- img{
- height:250px;
+ .slide:not(.text-only) .text-box{
+ padding: 16px var(--container-padding);
+ }
+ .slider-tabs{
+ .btn{
+ --button-icon-padding: 30px;
+ --button-icon-offset: 5px;
+ --button-padding: 5px 10px;
+ --button-min-size: 30px;
+ margin: 2.5px;
}
}
}
@@ -696,11 +862,7 @@ section.marketingheader{
@media screen and (max-width:567px) {
.slider {
margin: 0;
- .image-box{
- img{
- height:177px;
- }
- }
+ margin-bottom: 8px;
}
}
.context-box{
@@ -708,3 +870,7 @@ section.marketingheader{
}
}
}
+@keyframes fillgrey {
+ 0%{width:0;}
+ 100%{width:100%}
+}
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/sections/marketingheader/marketingheaderslider.js b/gfi-ihk-2024/stories/sections/marketingheader/marketingheaderslider.js
index 1ff8a98..d4fad0e 100644
--- a/gfi-ihk-2024/stories/sections/marketingheader/marketingheaderslider.js
+++ b/gfi-ihk-2024/stories/sections/marketingheader/marketingheaderslider.js
@@ -5,16 +5,15 @@ import Slider from "../slider/slider";
class IHKMHSlider {
constructor(section) {
this.section = section.addClass('initiated');
- this.slides = section.children();
this.slider = new Slider(section);
- this.stringLength = 0;
-
- this.slider.section.on('in-viewport slide-change', () => {
- const curr = this.slider.currentSlide;
- if (this.slides[curr].hasCounter) {
- this.startCounter(curr);
- }
- })
+ this.slider.settings = {
+ loop: true,
+ autoplay: true,
+ infinite: true,
+ autoplaySpeed: 7000,
+ animationSpeed: 600,
+ startSlide: 1,
+ };
}
}
diff --git a/gfi-ihk-2024/stories/sections/slider/slider.js b/gfi-ihk-2024/stories/sections/slider/slider.js
index 29143e3..0688faf 100644
--- a/gfi-ihk-2024/stories/sections/slider/slider.js
+++ b/gfi-ihk-2024/stories/sections/slider/slider.js
@@ -24,7 +24,7 @@ class IHKSlider {
infinite: true,
autoplaySpeed: this.section.data('autoplay-speed') ? this.section.data('autoplay-speed') : 5000,
animationSpeed: 600,
- startSlide: 0,
+ startSlide: 0
};
this.initSlides();
@@ -114,8 +114,11 @@ class IHKSlider {
this.slides.each(function (i) {
const s = $(this);
const li = $('
').appendTo(tabsWrapper);
-
- $(' ').addClass('btn').appendTo(li).text(s.data('title') ? s.data('title') : i + 1);
+
+ var button = $(' ').addClass('btn').appendTo(li);
+ const span = $(' ').appendTo(button);
+
+ span.text(s.data('title') ? s.data('title') : i + 1);
});
this.tabs = tabsWrapper.children();
@@ -269,10 +272,12 @@ class IHKSlider {
this.section.on('mouseenter', () => {
this.isHovered = true;
clearTimeout(this.autoplayTimeout);
+ this.section.removeClass("btnanimation");
})
this.section.on('mouseleave', () => {
this.isHovered = false;
this.handleAutoplay();
+ this.section.addClass("btnanimation");
})
this.initScrollCheck();
diff --git a/gfi-ihk-2024/stories/sections/slider/slider.scss b/gfi-ihk-2024/stories/sections/slider/slider.scss
index 1f67237..5906235 100644
--- a/gfi-ihk-2024/stories/sections/slider/slider.scss
+++ b/gfi-ihk-2024/stories/sections/slider/slider.scss
@@ -342,7 +342,10 @@
--button-hover-shadow-opacity: 0.4;
margin: 5px;
font-size: var(--font-size-h4);
-
+ span{
+ position:relative;
+ z-index:2;
+ }
@media(max-width: 767px) {
margin: 4px;
}
diff --git a/gfi-ihk-2024/storybook-static/4008.6a40038c.iframe.bundle.js b/gfi-ihk-2024/storybook-static/4008.6a40038c.iframe.bundle.js
new file mode 100644
index 0000000..016f4a1
--- /dev/null
+++ b/gfi-ihk-2024/storybook-static/4008.6a40038c.iframe.bundle.js
@@ -0,0 +1 @@
+(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[4008],{"./stories/sections/quick-facts/QuickFactsComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>createQuickFacts});__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),quick_facts=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/quick-facts/quick-facts.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(quick_facts.Z,options);quick_facts.Z.locals;var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),QuickFactsData=__webpack_require__("./stories/sections/quick-facts/QuickFactsData.js"),helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),slider=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-float.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/jquery.easing/jquery.easing.js"),__webpack_require__("./stories/sections/slider/slider.js"));function _defineProperties(target,props){for(var i=0;i0&&(0,helpers.az)("h2",[],headline,container);var slider=(0,helpers.az)("div",["slider"],null,container);return facts.map((function(fact){var slide=(0,helpers.az)("div",["slide"],null,slider);if(fact.counter){var p=(0,helpers.az)("p",[],null,slide),targetValue=(0,helpers.uf)(fact.counter.to,fact.counter.decimals),counter=(0,helpers.az)("span",["counter"],targetValue,p);counter.dataset.from=fact.counter.from,counter.dataset.to=fact.counter.to,counter.dataset.duration=fact.counter.duration,counter.dataset.decimals=fact.counter.decimals,(0,helpers.az)("span",["fact-label"],fact.label,p)}else(0,helpers.az)("p",["like-h4"],fact.label,slide)})),new sections_quick_facts_quick_facts(jquery_default()(section)),section}},"./stories/sections/quick-facts/QuickFactsData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>QuickFactsData});var QuickFactsData=[{counter:{from:67e3,to:67258,duration:2,decimals:0},label:'Mitgliedsunternehmen zählte die IHK Musterstadt im Jahr 2020 – Tendenz steigend!'},{counter:null,label:"Wussten Sie, dass die IHK Musterstadt in diesem Jahr ihr 100 Jähriges feiert? Im Jahr 1921 wurde sie gegründet, damals mit gerade einmal 162 Mitgliedsunternehmen."},{counter:{from:5,to:10.78,duration:2,decimals:2},label:'Mitgliedsunternehmen zählte die IHK Musterstadt im Jahr 2020 – Tendenz steigend!'}]},"./stories/sections/slider/slider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var jquery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_12__),hammerjs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/hammerjs/hammer.js"),hammerjs__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_13__);function _defineProperties(target,props){for(var i=0;i ').appendTo(section),this.slideWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').appendTo(this.slideOverflow).append(this.slides),this.currentSlide=0,this.autoplayTimeout=0,this.isHovered=!1,this.sectionInitialClicked=!1,this.dragging=!1,this.inViewport=!1,this.positionAnimation={x:0},this.settings={loop:!1,autoplay:this.section.data("autoplay"),infinite:!0,autoplaySpeed:this.section.data("autoplay-speed")?this.section.data("autoplay-speed"):5e3,animationSpeed:600,startSlide:0},this.initSlides(),this.settings.infinite&&this.initInfinity(),this.initUI(),this.checkSize(),this.slides.length>1&&(this.initHammerDragging(),this.initTabbing()),this.changeSlide(this.settings.startSlide),this.initAutoplay(),this.checkSize(),this.section.closest(".steps").length&&this.setupSteps(),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).on("resize",(function(){_this.checkSize()}))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSlider,[{key:"initSlides",value:function initSlides(){this.slides.each((function(i){var slide=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).attr("data-index",i),h3=slide.find("h3"),p=h3.next("p");slide.find(".image-box").length?(h3.text().length>48&&h3.html(h3.text().substring(0,48)+"…"),p.text().length>148&&p.html(p.text().substring(0,148)+"…")):slide.addClass("text-only")}))}},{key:"checkSize",value:function checkSize(){this.controls.find(".tabs").width()>.6*this.slideOverflow.width()?this.section.addClass("many-slides"):this.section.removeClass("many-slides")}},{key:"initInfinity",value:function initInfinity(){this.nextWrapper=this.slideWrapper.clone(),this.prevWrapper=this.slideWrapper.clone(),this.nextWrapper.removeClass("slide-wrapper").addClass("next-clone").appendTo(this.slideWrapper).css({left:this.slides.length+"%"}),this.prevWrapper.removeClass("slide-wrapper").addClass("prev-clone").appendTo(this.slideWrapper),this.nextWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.prevWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.nextWrapper.find("img").removeClass("loading"),this.prevWrapper.find("img").removeClass("loading")}},{key:"initUI",value:function initUI(){var _this2=this;this.count=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" "),this.prevButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' '),this.nextButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ');var tabsWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(''),countWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ').html('/'+this.slides.length+" ").prepend(this.count);this.slides.each((function(i){var s=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this),li=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(tabsWrapper),button=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").addClass("btn").appendTo(li);jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(button).text(s.data("title")?s.data("title"):i+1)})),this.tabs=tabsWrapper.children(),tabsWrapper.find("button").on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.changeSlide(jquery__WEBPACK_IMPORTED_MODULE_12___default()(e.currentTarget).parent().index())})),this.prevButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onPrev()})),this.nextButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onNext()})),this.controls=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').append(this.prevButton).append(tabsWrapper).append(countWrapper).append(this.nextButton).appendTo(this.section)}},{key:"changeSlide",value:function changeSlide(index,offset){var _this3=this,transition=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],t=this,prevIndex=0===index?this.slides.length-1:index-1,nextIndex=index===this.slides.length-1?0:index+1,allWidth=t.nextWrapper.position().left;offset||(offset=0),index===this.currentSlide&&0===this.slideOverflow.outerHeight()&&(transition=!1),t.positionAnimation={x:this.slideWrapper.position().left};var target=(index+offset)/-100*this.slideWrapper.width(),time=Math.round(Math.abs(this.positionAnimation.x-target)/5+200);time>500&&(time=500),transition||(time=0),t.slideOverflow.css({"transition-duration":time+"ms",height:this.slideOverflow.outerHeight()+"px"}),t.slideWrapper.find(".current").removeClass("current"),t.slideWrapper.find('[data-index="'+index+'"]').addClass("current"),t.slideWrapper.find(".is-prev").removeClass("is-prev"),t.slideWrapper.find('[data-index="'+prevIndex+'"]').addClass("is-prev"),t.slideWrapper.find(".is-next").removeClass("is-next"),t.slideWrapper.find('[data-index="'+nextIndex+'"]').addClass("is-next"),target>0&&(target-=allWidth,this.positionAnimation.x=this.positionAnimation.x-allWidth),target<=-1*allWidth+1&&(target+=allWidth,this.positionAnimation.x=this.positionAnimation.x+allWidth),requestAnimationFrame((function(){_this3.slideOverflow.css({height:_this3.slides.eq(index).outerHeight()+"px"})})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(this.positionAnimation).animate({x:target},{duration:time,easing:"easeOutCubic",step:function step(now){_this3.slideWrapper.css({transform:"translate3d("+Math.round(now)+"px, 0, 0)"})},complete:function complete(){requestAnimationFrame((function(){_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),_this3.slideOverflow.css("height","auto")}))}}),this.tabs.eq(index).addClass("active").siblings(".active").removeClass("active"),this.count.text(index+1),this.settings.autoplay&&!this.isHovered&&this.handleAutoplay(),0!==offset&&setTimeout((function(){_this3.slideWrapper.addClass("no-transition"),_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),setTimeout((function(){_this3.slideWrapper.removeClass("no-transition")}),20)}),this.settings.animationSpeed),this.currentSlide=index,this.section.trigger("slide-change"),this.section.closest(".steps").length&&this.sectionInitialClicked&&this.scrollToTop()}},{key:"goTo",value:function goTo(index,transition){var _this4=this;!1===transition&&this.slideWrapper.addClass("no-transition"),this.sectionInitialClicked=!0,this.changeSlide(index,0,transition),setTimeout((function(){_this4.slideWrapper.removeClass("no-transition")}),20)}},{key:"onNext",value:function onNext(){var nextSlide=this.currentSlide===this.slides.length-1?0:this.currentSlide+1,offset=this.settings.infinite&&0===nextSlide?this.slides.length:0;this.changeSlide(nextSlide,offset)}},{key:"onPrev",value:function onPrev(){var prevSlide=0===this.currentSlide?this.slides.length-1:this.currentSlide-1,offset=this.settings.infinite&&prevSlide===this.slides.length-1?-1*this.slides.length:0;this.changeSlide(prevSlide,offset)}},{key:"initAutoplay",value:function initAutoplay(){var _this5=this;this.section.on("mouseenter",(function(){_this5.isHovered=!0,clearTimeout(_this5.autoplayTimeout),_this5.section.removeClass("btnanimation")})),this.section.on("mouseleave",(function(){_this5.isHovered=!1,_this5.handleAutoplay(),_this5.section.addClass("btnanimation")})),this.initScrollCheck(),this.handleAutoplay()}},{key:"handleAutoplay",value:function handleAutoplay(){var _this6=this;if(this.dragging)return!1;clearTimeout(this.autoplayTimeout),this.settings.autoplaySpeed>0&&this.settings.autoplay&&(this.autoplayTimeout=setTimeout((function(){_this6.inViewport?_this6.onNext():_this6.handleAutoplay()}),this.settings.autoplaySpeed))}},{key:"initScrollCheck",value:function initScrollCheck(){var _this7=this;window.addEventListener("scroll",(function(){window.requestAnimationFrame((function(){_this7.scrollCheck()}))}),{passive:!0}),window.requestAnimationFrame((function(){_this7.scrollCheck()}))}},{key:"scrollCheck",value:function scrollCheck(){var w=jquery__WEBPACK_IMPORTED_MODULE_12___default()(window);w.scrollTop()+w.height()-200>this.section.offset().top&&w.scrollTop()sliderWidth/5?_this8.onPrev():e.deltaX").one("load",(function(e){var loadedImage=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).removeClass("loading"),slide=loadedImage.closest(".slide").removeClass("preload"),index=parseInt(slide.attr("data-index"));t.nextWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone()),t.prevWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone())}));img.attr("src",ib.attr("data-src")).appendTo(ib),img.attr("data-download",ib.attr("data-download")).appendTo(ib),img.attr("draggable","false").attr("ondragstart","return false;")}}},{key:"resetTabScroll",value:function resetTabScroll(){var _this10=this;this.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),this.tabScrollActive&&window.requestAnimationFrame((function(){_this10.resetTabScroll()}))}},{key:"scrollToTop",value:function scrollToTop(){var target=this.section.closest(".steps").offset().top-120;jquery__WEBPACK_IMPORTED_MODULE_12___default()("html, body").animate({scrollTop:target},600,"easeOutQuad")}},{key:"setupSteps",value:function setupSteps(){this.nextButton.text("Weiter").addClass("btn").addClass("has-icon").addClass("icon-right").addClass("icon-pfeil-rechts")}}]),IHKSlider}();const __WEBPACK_DEFAULT_EXPORT__=IHKSlider;jquery__WEBPACK_IMPORTED_MODULE_12___default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()(".rotation .slider:not(.initiated), .steps .slider:not(.initiated)").each((function(i,el){var selector=jquery__WEBPACK_IMPORTED_MODULE_12___default()(el);selector.find("dynamic-content").length||new IHKSlider(selector)}))}))},"./node_modules/core-js/internals/number-parse-float.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),trim=__webpack_require__("./node_modules/core-js/internals/string-trim.js").trim,whitespaces=__webpack_require__("./node_modules/core-js/internals/whitespaces.js"),charAt=uncurryThis("".charAt),$parseFloat=global.parseFloat,Symbol=global.Symbol,ITERATOR=Symbol&&Symbol.iterator,FORCED=1/$parseFloat(whitespaces+"-0")!=-1/0||ITERATOR&&!fails((function(){$parseFloat(Object(ITERATOR))}));module.exports=FORCED?function parseFloat(string){var trimmedString=trim(toString(string)),result=$parseFloat(trimmedString);return 0===result&&"-"==charAt(trimmedString,0)?-0:result}:$parseFloat},"./node_modules/core-js/modules/es.parse-float.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$parseFloat=__webpack_require__("./node_modules/core-js/internals/number-parse-float.js");$({global:!0,forced:parseFloat!=$parseFloat},{parseFloat:$parseFloat})},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/quick-facts/quick-facts.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__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,'.quick-facts{position:relative;margin:var(--section-margin) 0}.quick-facts .container{position:relative}.quick-facts .container>h2,.quick-facts .container h3,.quick-facts .container h4{position:absolute;left:0;right:0;top:0;text-align:center;text-transform:uppercase;font-size:var(--font-size-xs);line-height:1;z-index:1;font-weight:400;font-family:"Source Code Pro",sans-serif;margin-top:30px}@media(max-width: 567px){.quick-facts .container>h2,.quick-facts .container h3,.quick-facts .container h4{margin-top:20px}}.quick-facts .slider{position:relative;display:block;text-align:center;background-color:var(--theme-color-primary-dimmed-04);overflow:hidden}@media(max-width: 767px){.quick-facts .slider{margin:0 -20px}}.quick-facts .slider:before{content:"";position:absolute;width:374px;height:374px;background-color:#9ad7a3;top:50%;left:50%;border-radius:50%;transform:translate(-50%, -50%)}@media(max-width: 567px){.quick-facts .slider:before{width:110vw;height:110vw}}.quick-facts .slide{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}@media(max-width: 567px){.quick-facts .slide{min-height:100vw}}.quick-facts .counter{display:inline-block;font-size:180px;line-height:1;font-family:"Korb",sans-serif;font-weight:700;text-align:left;padding-left:.05em}@media(max-width: 999px){.quick-facts .counter{font-size:calc(10vw + 50px)}}.quick-facts .fact-label{display:block;padding:10px 20px 0;line-height:1.4}@media(min-width: 768px){.quick-facts .fact-label{padding-left:60px;padding-right:60px}}.quick-facts .like-h4{max-width:60%;text-align:center;margin:40px auto}@media(max-width: 999px){.quick-facts .like-h4{max-width:80%;padding:0 20px}}@media(max-width: 767px){.quick-facts .like-h4{max-width:100%;padding:0 20px}}.quick-facts button{border:0;background-color:rgba(0,0,0,0);padding:0;cursor:pointer}.quick-facts .slider-tabs,.quick-facts .tabs{position:absolute;bottom:0;left:50%;right:0;padding:0;list-style:none;transform:translate(-50%, 0);text-align:center;font-size:0;line-height:0;margin:20px 0}@media(max-width: 567px){.quick-facts .slider-tabs,.quick-facts .tabs{margin-bottom:12px}}.quick-facts .slider-tabs li,.quick-facts .tabs li{display:inline-block;vertical-align:top}.quick-facts .slider-tabs li.active button:before,.quick-facts .tabs li.active button:before{background-color:var(--theme-color-primary);box-shadow:0 0 0 2px var(--theme-color-primary)}.quick-facts .slider-tabs .btn,.quick-facts .tabs .btn{--button-min-size: 24px;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center}.quick-facts .slider-tabs .btn::before,.quick-facts .tabs .btn::before{content:"";position:relative;display:block;width:10px;height:10px;border:2px solid var(--theme-color-primary);border-radius:5px;transition:.2s ease}.quick-facts .slider-tabs .btn::after,.quick-facts .tabs .btn::after{display:none}.quick-facts .slider-tabs .btn:hover,.quick-facts .tabs .btn:hover{background-color:rgba(0,0,0,0)}.quick-facts .slider-tabs .btn:hover::before,.quick-facts .tabs .btn:hover::before{background-color:var(--theme-color-primary)}.quick-facts .prev,.quick-facts .next{position:absolute;top:50%;width:50px;height:50px;text-align:center;line-height:50px;right:0;margin:-25px 10px;color:var(--theme-color-primary)}@media(max-width: 767px){.quick-facts .prev,.quick-facts .next{display:none}}.quick-facts .prev:before,.quick-facts .next:before{content:"";font-family:"Icons",sans-serif;font-size:30px}.quick-facts .prev{left:0;transform:rotate(180deg)}.quick-facts .count{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:18px;padding-bottom:20px;font-family:var(--font-korb);visibility:hidden}.quick-facts .count span{margin:0 5px}',"",{version:3,sources:["webpack://./stories/sections/quick-facts/quick-facts.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,aAGA,iBACE,CAAA,8BACA,CAAA,wBAEA,iBACE,CAAA,iFAEA,iBACE,CAAA,MACA,CAAA,OACA,CAAA,KACA,CAAA,iBACA,CAAA,wBACA,CAAA,6BACA,CAAA,aACA,CAAA,SACA,CAAA,eACA,CAAA,wCACA,CAAA,eACA,CAAA,yBAEA,iFAdF,eAeI,CAAA,CAAA,qBAKN,iBACE,CAAA,aACA,CAAA,iBACA,CAAA,qDACA,CAAA,eACA,CAAA,yBAEA,qBAPF,cAQI,CAAA,CAAA,4BAGF,UACE,CAAA,iBACA,CAAA,WACA,CAAA,YACA,CAAA,wBACA,CAAA,OACA,CAAA,QACA,CAAA,iBACA,CAAA,+BACA,CAAA,yBAEA,4BAXF,WAYI,CAAA,YACA,CAAA,CAAA,oBAKN,iBACE,CAAA,gBACA,CAAA,YACA,CAAA,kBACA,CAAA,sBACA,CAAA,yBAEA,oBAPF,gBAQI,CAAA,CAAA,sBAIJ,oBACE,CAAA,eACA,CAAA,aACA,CAAA,6BACA,CAAA,eACA,CAAA,eACA,CAAA,kBACA,CAAA,yBAEA,sBATF,2BAUI,CAAA,CAAA,yBAIJ,aACE,CAAA,mBACA,CAAA,eACA,CAAA,yBAEA,yBALF,iBAMI,CAAA,kBACA,CAAA,CAAA,sBAIJ,aACE,CAAA,iBACA,CAAA,gBACA,CAAA,yBAEA,sBALF,aAMI,CAAA,cACA,CAAA,CAAA,yBAEF,sBATF,cAUI,CAAA,cACA,CAAA,CAAA,oBAIJ,QACE,CAAA,8BACA,CAAA,SACA,CAAA,cACA,CAAA,6CAGF,iBACE,CAAA,QACA,CAAA,QACA,CAAA,OACA,CAAA,SACA,CAAA,eACA,CAAA,4BACA,CAAA,iBACA,CAAA,WACA,CAAA,aACA,CAAA,aACA,CAAA,yBAEA,6CAbF,kBAcI,CAAA,CAAA,mDAGF,oBACE,CAAA,kBACA,CAAA,6FAEA,2CACE,CAAA,+CACA,CAAA,uDAIJ,uBACE,CAAA,WACA,CAAA,aACA,CAAA,YACA,CAAA,kBACA,CAAA,sBACA,CAAA,uEAEA,UACE,CAAA,iBACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,2CACA,CAAA,iBACA,CAAA,mBACA,CAAA,qEAGF,YACE,CAAA,mEAGF,8BACE,CAAA,mFAEA,2CACE,CAAA,sCAMR,iBACE,CAAA,OACA,CAAA,UACA,CAAA,WACA,CAAA,iBACA,CAAA,gBACA,CAAA,OACA,CAAA,iBACA,CAAA,gCACA,CAAA,yBAEA,sCAXF,YAYI,CAAA,CAAA,oDAGF,WC0DmC,CAAA,8BDxDjC,CAAA,cACA,CAAA,mBAIJ,MACE,CAAA,wBACA,CAAA,oBAGF,iBACE,CAAA,QACA,CAAA,MACA,CAAA,OACA,CAAA,iBACA,CAAA,cACA,CAAA,mBACA,CAAA,4BACA,CAAA,iBACA,CAAA,yBAEA,YACE",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n\n.quick-facts {\n position: relative;\n margin: var(--section-margin) 0;\n\n .container {\n position: relative;\n\n > h2, h3, h4 {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n text-align: center;\n text-transform: uppercase;\n font-size: var(--font-size-xs);\n line-height: 1;\n z-index: 1;\n font-weight: 400;\n font-family: "Source Code Pro", sans-serif;\n margin-top: 30px;\n\n @media(max-width: 567px) {\n margin-top: 20px;\n }\n }\n }\n\n .slider {\n position: relative;\n display: block;\n text-align: center;\n background-color: var(--theme-color-primary-dimmed-04);\n overflow: hidden;\n\n @media(max-width: 767px) {\n margin: 0 -20px;\n }\n\n &:before {\n content: "";\n position: absolute;\n width: 374px;\n height: 374px;\n background-color: #9AD7A3;\n top: 50%;\n left: 50%;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n\n @media(max-width: 567px) {\n width: 110vw;\n height: 110vw;\n }\n }\n }\n\n .slide {\n position: relative;\n min-height: 400px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n @media(max-width: 567px) {\n min-height: 100vw;\n }\n }\n\n .counter {\n display: inline-block;\n font-size: 180px;\n line-height: 1;\n font-family: "Korb", sans-serif;\n font-weight: 700;\n text-align: left;\n padding-left: 0.05em;\n\n @media(max-width: 999px) {\n font-size: calc(10vw + 50px);\n }\n }\n\n .fact-label {\n display: block;\n padding: 10px 20px 0;\n line-height: 1.4;\n\n @media(min-width: 768px) {\n padding-left: 60px;\n padding-right: 60px;\n }\n }\n\n .like-h4 {\n max-width: 60%;\n text-align: center;\n margin: 40px auto;\n\n @media(max-width: 999px) {\n max-width: 80%;\n padding: 0 20px;\n }\n @media(max-width: 767px) {\n max-width: 100%;\n padding: 0 20px;\n }\n }\n\n button {\n border: 0;\n background-color: transparent;\n padding: 0;\n cursor: pointer;\n }\n\n .slider-tabs, .tabs {\n position: absolute;\n bottom: 0;\n left: 50%;\n right: 0;\n padding: 0;\n list-style: none;\n transform: translate(-50%, 0);\n text-align: center;\n font-size: 0;\n line-height: 0;\n margin: 20px 0;\n\n @media(max-width: 567px) {\n margin-bottom: 12px;\n }\n\n li {\n display: inline-block;\n vertical-align: top;\n\n &.active button:before {\n background-color: var(--theme-color-primary);\n box-shadow: 0 0 0 2px var(--theme-color-primary);\n }\n }\n\n .btn {\n --button-min-size: 24px;\n font-size: 0;\n line-height: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &::before {\n content: "";\n position: relative;\n display: block;\n width: 10px;\n height: 10px;\n border: 2px solid var(--theme-color-primary);\n border-radius: 5px;\n transition: 0.2s ease;\n }\n\n &::after {\n display: none;\n }\n\n &:hover {\n background-color: transparent;\n\n &::before {\n background-color: var(--theme-color-primary);\n }\n }\n }\n }\n\n .prev, .next {\n position: absolute;\n top: 50%;\n width: 50px;\n height: 50px;\n text-align: center;\n line-height: 50px;\n right: 0;\n margin: -25px 10px;\n color: var(--theme-color-primary);\n\n @media(max-width: 767px) {\n display: none;\n }\n\n &:before {\n @include icon-small-arrow-right-simple;\n font-family: "Icons", sans-serif;\n font-size: 30px;\n }\n }\n\n .prev {\n left: 0;\n transform: rotate(180deg);\n }\n\n .count {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n text-align: center;\n font-size: 18px;\n padding-bottom: 20px;\n font-family: var(--font-korb);\n visibility: hidden;\n\n span {\n margin: 0 5px;\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___}}]);
\ No newline at end of file
diff --git a/gfi-ihk-2024/storybook-static/4008.d62c5167.iframe.bundle.js b/gfi-ihk-2024/storybook-static/4008.d62c5167.iframe.bundle.js
deleted file mode 100644
index a319ac6..0000000
--- a/gfi-ihk-2024/storybook-static/4008.d62c5167.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[4008],{"./stories/sections/quick-facts/QuickFactsComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>createQuickFacts});__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),quick_facts=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/quick-facts/quick-facts.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(quick_facts.Z,options);quick_facts.Z.locals;var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),QuickFactsData=__webpack_require__("./stories/sections/quick-facts/QuickFactsData.js"),helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),slider=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-float.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/jquery.easing/jquery.easing.js"),__webpack_require__("./stories/sections/slider/slider.js"));function _defineProperties(target,props){for(var i=0;i0&&(0,helpers.az)("h2",[],headline,container);var slider=(0,helpers.az)("div",["slider"],null,container);return facts.map((function(fact){var slide=(0,helpers.az)("div",["slide"],null,slider);if(fact.counter){var p=(0,helpers.az)("p",[],null,slide),targetValue=(0,helpers.uf)(fact.counter.to,fact.counter.decimals),counter=(0,helpers.az)("span",["counter"],targetValue,p);counter.dataset.from=fact.counter.from,counter.dataset.to=fact.counter.to,counter.dataset.duration=fact.counter.duration,counter.dataset.decimals=fact.counter.decimals,(0,helpers.az)("span",["fact-label"],fact.label,p)}else(0,helpers.az)("p",["like-h4"],fact.label,slide)})),new sections_quick_facts_quick_facts(jquery_default()(section)),section}},"./stories/sections/quick-facts/QuickFactsData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>QuickFactsData});var QuickFactsData=[{counter:{from:67e3,to:67258,duration:2,decimals:0},label:'Mitgliedsunternehmen zählte die IHK Musterstadt im Jahr 2020 – Tendenz steigend!'},{counter:null,label:"Wussten Sie, dass die IHK Musterstadt in diesem Jahr ihr 100 Jähriges feiert? Im Jahr 1921 wurde sie gegründet, damals mit gerade einmal 162 Mitgliedsunternehmen."},{counter:{from:5,to:10.78,duration:2,decimals:2},label:'Mitgliedsunternehmen zählte die IHK Musterstadt im Jahr 2020 – Tendenz steigend!'}]},"./stories/sections/slider/slider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var jquery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_12__),hammerjs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/hammerjs/hammer.js"),hammerjs__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_13__);function _defineProperties(target,props){for(var i=0;i ').appendTo(section),this.slideWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').appendTo(this.slideOverflow).append(this.slides),this.currentSlide=0,this.autoplayTimeout=0,this.isHovered=!1,this.sectionInitialClicked=!1,this.dragging=!1,this.inViewport=!1,this.positionAnimation={x:0},this.settings={loop:!1,autoplay:this.section.data("autoplay"),infinite:!0,autoplaySpeed:this.section.data("autoplay-speed")?this.section.data("autoplay-speed"):5e3,animationSpeed:600,startSlide:0},this.initSlides(),this.settings.infinite&&this.initInfinity(),this.initUI(),this.checkSize(),this.slides.length>1&&(this.initHammerDragging(),this.initTabbing()),this.changeSlide(this.settings.startSlide),this.initAutoplay(),this.checkSize(),this.section.closest(".steps").length&&this.setupSteps(),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).on("resize",(function(){_this.checkSize()}))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSlider,[{key:"initSlides",value:function initSlides(){this.slides.each((function(i){var slide=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).attr("data-index",i),h3=slide.find("h3"),p=h3.next("p");slide.find(".image-box").length?(h3.text().length>48&&h3.html(h3.text().substring(0,48)+"…"),p.text().length>148&&p.html(p.text().substring(0,148)+"…")):slide.addClass("text-only")}))}},{key:"checkSize",value:function checkSize(){this.controls.find(".tabs").width()>.6*this.slideOverflow.width()?this.section.addClass("many-slides"):this.section.removeClass("many-slides")}},{key:"initInfinity",value:function initInfinity(){this.nextWrapper=this.slideWrapper.clone(),this.prevWrapper=this.slideWrapper.clone(),this.nextWrapper.removeClass("slide-wrapper").addClass("next-clone").appendTo(this.slideWrapper).css({left:this.slides.length+"%"}),this.prevWrapper.removeClass("slide-wrapper").addClass("prev-clone").appendTo(this.slideWrapper),this.nextWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.prevWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.nextWrapper.find("img").removeClass("loading"),this.prevWrapper.find("img").removeClass("loading")}},{key:"initUI",value:function initUI(){var _this2=this;this.count=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" "),this.prevButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' '),this.nextButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ');var tabsWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(''),countWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ').html('/'+this.slides.length+" ").prepend(this.count);this.slides.each((function(i){var s=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this),li=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(tabsWrapper);jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").addClass("btn").appendTo(li).text(s.data("title")?s.data("title"):i+1)})),this.tabs=tabsWrapper.children(),tabsWrapper.find("button").on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.changeSlide(jquery__WEBPACK_IMPORTED_MODULE_12___default()(e.currentTarget).parent().index())})),this.prevButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onPrev()})),this.nextButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onNext()})),this.controls=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').append(this.prevButton).append(tabsWrapper).append(countWrapper).append(this.nextButton).appendTo(this.section)}},{key:"changeSlide",value:function changeSlide(index,offset){var _this3=this,transition=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],t=this,prevIndex=0===index?this.slides.length-1:index-1,nextIndex=index===this.slides.length-1?0:index+1,allWidth=t.nextWrapper.position().left;offset||(offset=0),index===this.currentSlide&&0===this.slideOverflow.outerHeight()&&(transition=!1),t.positionAnimation={x:this.slideWrapper.position().left};var target=(index+offset)/-100*this.slideWrapper.width(),time=Math.round(Math.abs(this.positionAnimation.x-target)/5+200);time>500&&(time=500),transition||(time=0),t.slideOverflow.css({"transition-duration":time+"ms",height:this.slideOverflow.outerHeight()+"px"}),t.slideWrapper.find(".current").removeClass("current"),t.slideWrapper.find('[data-index="'+index+'"]').addClass("current"),t.slideWrapper.find(".is-prev").removeClass("is-prev"),t.slideWrapper.find('[data-index="'+prevIndex+'"]').addClass("is-prev"),t.slideWrapper.find(".is-next").removeClass("is-next"),t.slideWrapper.find('[data-index="'+nextIndex+'"]').addClass("is-next"),target>0&&(target-=allWidth,this.positionAnimation.x=this.positionAnimation.x-allWidth),target<=-1*allWidth+1&&(target+=allWidth,this.positionAnimation.x=this.positionAnimation.x+allWidth),requestAnimationFrame((function(){_this3.slideOverflow.css({height:_this3.slides.eq(index).outerHeight()+"px"})})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(this.positionAnimation).animate({x:target},{duration:time,easing:"easeOutCubic",step:function step(now){_this3.slideWrapper.css({transform:"translate3d("+Math.round(now)+"px, 0, 0)"})},complete:function complete(){requestAnimationFrame((function(){_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),_this3.slideOverflow.css("height","auto")}))}}),this.tabs.eq(index).addClass("active").siblings(".active").removeClass("active"),this.count.text(index+1),this.settings.autoplay&&!this.isHovered&&this.handleAutoplay(),0!==offset&&setTimeout((function(){_this3.slideWrapper.addClass("no-transition"),_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),setTimeout((function(){_this3.slideWrapper.removeClass("no-transition")}),20)}),this.settings.animationSpeed),this.currentSlide=index,this.section.trigger("slide-change"),this.section.closest(".steps").length&&this.sectionInitialClicked&&this.scrollToTop()}},{key:"goTo",value:function goTo(index,transition){var _this4=this;!1===transition&&this.slideWrapper.addClass("no-transition"),this.sectionInitialClicked=!0,this.changeSlide(index,0,transition),setTimeout((function(){_this4.slideWrapper.removeClass("no-transition")}),20)}},{key:"onNext",value:function onNext(){var nextSlide=this.currentSlide===this.slides.length-1?0:this.currentSlide+1,offset=this.settings.infinite&&0===nextSlide?this.slides.length:0;this.changeSlide(nextSlide,offset)}},{key:"onPrev",value:function onPrev(){var prevSlide=0===this.currentSlide?this.slides.length-1:this.currentSlide-1,offset=this.settings.infinite&&prevSlide===this.slides.length-1?-1*this.slides.length:0;this.changeSlide(prevSlide,offset)}},{key:"initAutoplay",value:function initAutoplay(){var _this5=this;this.section.on("mouseenter",(function(){_this5.isHovered=!0,clearTimeout(_this5.autoplayTimeout)})),this.section.on("mouseleave",(function(){_this5.isHovered=!1,_this5.handleAutoplay()})),this.initScrollCheck(),this.handleAutoplay()}},{key:"handleAutoplay",value:function handleAutoplay(){var _this6=this;if(this.dragging)return!1;clearTimeout(this.autoplayTimeout),this.settings.autoplaySpeed>0&&this.settings.autoplay&&(this.autoplayTimeout=setTimeout((function(){_this6.inViewport?_this6.onNext():_this6.handleAutoplay()}),this.settings.autoplaySpeed))}},{key:"initScrollCheck",value:function initScrollCheck(){var _this7=this;window.addEventListener("scroll",(function(){window.requestAnimationFrame((function(){_this7.scrollCheck()}))}),{passive:!0}),window.requestAnimationFrame((function(){_this7.scrollCheck()}))}},{key:"scrollCheck",value:function scrollCheck(){var w=jquery__WEBPACK_IMPORTED_MODULE_12___default()(window);w.scrollTop()+w.height()-200>this.section.offset().top&&w.scrollTop()sliderWidth/5?_this8.onPrev():e.deltaX").one("load",(function(e){var loadedImage=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).removeClass("loading"),slide=loadedImage.closest(".slide").removeClass("preload"),index=parseInt(slide.attr("data-index"));t.nextWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone()),t.prevWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone())}));img.attr("src",ib.attr("data-src")).appendTo(ib),img.attr("data-download",ib.attr("data-download")).appendTo(ib),img.attr("draggable","false").attr("ondragstart","return false;")}}},{key:"resetTabScroll",value:function resetTabScroll(){var _this10=this;this.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),this.tabScrollActive&&window.requestAnimationFrame((function(){_this10.resetTabScroll()}))}},{key:"scrollToTop",value:function scrollToTop(){var target=this.section.closest(".steps").offset().top-120;jquery__WEBPACK_IMPORTED_MODULE_12___default()("html, body").animate({scrollTop:target},600,"easeOutQuad")}},{key:"setupSteps",value:function setupSteps(){this.nextButton.text("Weiter").addClass("btn").addClass("has-icon").addClass("icon-right").addClass("icon-pfeil-rechts")}}]),IHKSlider}();const __WEBPACK_DEFAULT_EXPORT__=IHKSlider;jquery__WEBPACK_IMPORTED_MODULE_12___default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()(".rotation .slider:not(.initiated), .steps .slider:not(.initiated)").each((function(i,el){var selector=jquery__WEBPACK_IMPORTED_MODULE_12___default()(el);selector.find("dynamic-content").length||new IHKSlider(selector)}))}))},"./node_modules/core-js/internals/number-parse-float.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),trim=__webpack_require__("./node_modules/core-js/internals/string-trim.js").trim,whitespaces=__webpack_require__("./node_modules/core-js/internals/whitespaces.js"),charAt=uncurryThis("".charAt),$parseFloat=global.parseFloat,Symbol=global.Symbol,ITERATOR=Symbol&&Symbol.iterator,FORCED=1/$parseFloat(whitespaces+"-0")!=-1/0||ITERATOR&&!fails((function(){$parseFloat(Object(ITERATOR))}));module.exports=FORCED?function parseFloat(string){var trimmedString=trim(toString(string)),result=$parseFloat(trimmedString);return 0===result&&"-"==charAt(trimmedString,0)?-0:result}:$parseFloat},"./node_modules/core-js/modules/es.parse-float.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{var $=__webpack_require__("./node_modules/core-js/internals/export.js"),$parseFloat=__webpack_require__("./node_modules/core-js/internals/number-parse-float.js");$({global:!0,forced:parseFloat!=$parseFloat},{parseFloat:$parseFloat})},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/quick-facts/quick-facts.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__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,'.quick-facts{position:relative;margin:var(--section-margin) 0}.quick-facts .container{position:relative}.quick-facts .container>h2,.quick-facts .container h3,.quick-facts .container h4{position:absolute;left:0;right:0;top:0;text-align:center;text-transform:uppercase;font-size:var(--font-size-xs);line-height:1;z-index:1;font-weight:400;font-family:"Source Code Pro",sans-serif;margin-top:30px}@media(max-width: 567px){.quick-facts .container>h2,.quick-facts .container h3,.quick-facts .container h4{margin-top:20px}}.quick-facts .slider{position:relative;display:block;text-align:center;background-color:var(--theme-color-primary-dimmed-04);overflow:hidden}@media(max-width: 767px){.quick-facts .slider{margin:0 -20px}}.quick-facts .slider:before{content:"";position:absolute;width:374px;height:374px;background-color:#9ad7a3;top:50%;left:50%;border-radius:50%;transform:translate(-50%, -50%)}@media(max-width: 567px){.quick-facts .slider:before{width:110vw;height:110vw}}.quick-facts .slide{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}@media(max-width: 567px){.quick-facts .slide{min-height:100vw}}.quick-facts .counter{display:inline-block;font-size:180px;line-height:1;font-family:"Korb",sans-serif;font-weight:700;text-align:left;padding-left:.05em}@media(max-width: 999px){.quick-facts .counter{font-size:calc(10vw + 50px)}}.quick-facts .fact-label{display:block;padding:10px 20px 0;line-height:1.4}@media(min-width: 768px){.quick-facts .fact-label{padding-left:60px;padding-right:60px}}.quick-facts .like-h4{max-width:60%;text-align:center;margin:40px auto}@media(max-width: 999px){.quick-facts .like-h4{max-width:80%;padding:0 20px}}@media(max-width: 767px){.quick-facts .like-h4{max-width:100%;padding:0 20px}}.quick-facts button{border:0;background-color:rgba(0,0,0,0);padding:0;cursor:pointer}.quick-facts .slider-tabs,.quick-facts .tabs{position:absolute;bottom:0;left:50%;right:0;padding:0;list-style:none;transform:translate(-50%, 0);text-align:center;font-size:0;line-height:0;margin:20px 0}@media(max-width: 567px){.quick-facts .slider-tabs,.quick-facts .tabs{margin-bottom:12px}}.quick-facts .slider-tabs li,.quick-facts .tabs li{display:inline-block;vertical-align:top}.quick-facts .slider-tabs li.active button:before,.quick-facts .tabs li.active button:before{background-color:var(--theme-color-primary);box-shadow:0 0 0 2px var(--theme-color-primary)}.quick-facts .slider-tabs .btn,.quick-facts .tabs .btn{--button-min-size: 24px;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center}.quick-facts .slider-tabs .btn::before,.quick-facts .tabs .btn::before{content:"";position:relative;display:block;width:10px;height:10px;border:2px solid var(--theme-color-primary);border-radius:5px;transition:.2s ease}.quick-facts .slider-tabs .btn::after,.quick-facts .tabs .btn::after{display:none}.quick-facts .slider-tabs .btn:hover,.quick-facts .tabs .btn:hover{background-color:rgba(0,0,0,0)}.quick-facts .slider-tabs .btn:hover::before,.quick-facts .tabs .btn:hover::before{background-color:var(--theme-color-primary)}.quick-facts .prev,.quick-facts .next{position:absolute;top:50%;width:50px;height:50px;text-align:center;line-height:50px;right:0;margin:-25px 10px;color:var(--theme-color-primary)}@media(max-width: 767px){.quick-facts .prev,.quick-facts .next{display:none}}.quick-facts .prev:before,.quick-facts .next:before{content:"";font-family:"Icons",sans-serif;font-size:30px}.quick-facts .prev{left:0;transform:rotate(180deg)}.quick-facts .count{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:18px;padding-bottom:20px;font-family:var(--font-korb);visibility:hidden}.quick-facts .count span{margin:0 5px}',"",{version:3,sources:["webpack://./stories/sections/quick-facts/quick-facts.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,aAGA,iBACE,CAAA,8BACA,CAAA,wBAEA,iBACE,CAAA,iFAEA,iBACE,CAAA,MACA,CAAA,OACA,CAAA,KACA,CAAA,iBACA,CAAA,wBACA,CAAA,6BACA,CAAA,aACA,CAAA,SACA,CAAA,eACA,CAAA,wCACA,CAAA,eACA,CAAA,yBAEA,iFAdF,eAeI,CAAA,CAAA,qBAKN,iBACE,CAAA,aACA,CAAA,iBACA,CAAA,qDACA,CAAA,eACA,CAAA,yBAEA,qBAPF,cAQI,CAAA,CAAA,4BAGF,UACE,CAAA,iBACA,CAAA,WACA,CAAA,YACA,CAAA,wBACA,CAAA,OACA,CAAA,QACA,CAAA,iBACA,CAAA,+BACA,CAAA,yBAEA,4BAXF,WAYI,CAAA,YACA,CAAA,CAAA,oBAKN,iBACE,CAAA,gBACA,CAAA,YACA,CAAA,kBACA,CAAA,sBACA,CAAA,yBAEA,oBAPF,gBAQI,CAAA,CAAA,sBAIJ,oBACE,CAAA,eACA,CAAA,aACA,CAAA,6BACA,CAAA,eACA,CAAA,eACA,CAAA,kBACA,CAAA,yBAEA,sBATF,2BAUI,CAAA,CAAA,yBAIJ,aACE,CAAA,mBACA,CAAA,eACA,CAAA,yBAEA,yBALF,iBAMI,CAAA,kBACA,CAAA,CAAA,sBAIJ,aACE,CAAA,iBACA,CAAA,gBACA,CAAA,yBAEA,sBALF,aAMI,CAAA,cACA,CAAA,CAAA,yBAEF,sBATF,cAUI,CAAA,cACA,CAAA,CAAA,oBAIJ,QACE,CAAA,8BACA,CAAA,SACA,CAAA,cACA,CAAA,6CAGF,iBACE,CAAA,QACA,CAAA,QACA,CAAA,OACA,CAAA,SACA,CAAA,eACA,CAAA,4BACA,CAAA,iBACA,CAAA,WACA,CAAA,aACA,CAAA,aACA,CAAA,yBAEA,6CAbF,kBAcI,CAAA,CAAA,mDAGF,oBACE,CAAA,kBACA,CAAA,6FAEA,2CACE,CAAA,+CACA,CAAA,uDAIJ,uBACE,CAAA,WACA,CAAA,aACA,CAAA,YACA,CAAA,kBACA,CAAA,sBACA,CAAA,uEAEA,UACE,CAAA,iBACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,2CACA,CAAA,iBACA,CAAA,mBACA,CAAA,qEAGF,YACE,CAAA,mEAGF,8BACE,CAAA,mFAEA,2CACE,CAAA,sCAMR,iBACE,CAAA,OACA,CAAA,UACA,CAAA,WACA,CAAA,iBACA,CAAA,gBACA,CAAA,OACA,CAAA,iBACA,CAAA,gCACA,CAAA,yBAEA,sCAXF,YAYI,CAAA,CAAA,oDAGF,WC0DmC,CAAA,8BDxDjC,CAAA,cACA,CAAA,mBAIJ,MACE,CAAA,wBACA,CAAA,oBAGF,iBACE,CAAA,QACA,CAAA,MACA,CAAA,OACA,CAAA,iBACA,CAAA,cACA,CAAA,mBACA,CAAA,4BACA,CAAA,iBACA,CAAA,yBAEA,YACE",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n\n.quick-facts {\n position: relative;\n margin: var(--section-margin) 0;\n\n .container {\n position: relative;\n\n > h2, h3, h4 {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n text-align: center;\n text-transform: uppercase;\n font-size: var(--font-size-xs);\n line-height: 1;\n z-index: 1;\n font-weight: 400;\n font-family: "Source Code Pro", sans-serif;\n margin-top: 30px;\n\n @media(max-width: 567px) {\n margin-top: 20px;\n }\n }\n }\n\n .slider {\n position: relative;\n display: block;\n text-align: center;\n background-color: var(--theme-color-primary-dimmed-04);\n overflow: hidden;\n\n @media(max-width: 767px) {\n margin: 0 -20px;\n }\n\n &:before {\n content: "";\n position: absolute;\n width: 374px;\n height: 374px;\n background-color: #9AD7A3;\n top: 50%;\n left: 50%;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n\n @media(max-width: 567px) {\n width: 110vw;\n height: 110vw;\n }\n }\n }\n\n .slide {\n position: relative;\n min-height: 400px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n @media(max-width: 567px) {\n min-height: 100vw;\n }\n }\n\n .counter {\n display: inline-block;\n font-size: 180px;\n line-height: 1;\n font-family: "Korb", sans-serif;\n font-weight: 700;\n text-align: left;\n padding-left: 0.05em;\n\n @media(max-width: 999px) {\n font-size: calc(10vw + 50px);\n }\n }\n\n .fact-label {\n display: block;\n padding: 10px 20px 0;\n line-height: 1.4;\n\n @media(min-width: 768px) {\n padding-left: 60px;\n padding-right: 60px;\n }\n }\n\n .like-h4 {\n max-width: 60%;\n text-align: center;\n margin: 40px auto;\n\n @media(max-width: 999px) {\n max-width: 80%;\n padding: 0 20px;\n }\n @media(max-width: 767px) {\n max-width: 100%;\n padding: 0 20px;\n }\n }\n\n button {\n border: 0;\n background-color: transparent;\n padding: 0;\n cursor: pointer;\n }\n\n .slider-tabs, .tabs {\n position: absolute;\n bottom: 0;\n left: 50%;\n right: 0;\n padding: 0;\n list-style: none;\n transform: translate(-50%, 0);\n text-align: center;\n font-size: 0;\n line-height: 0;\n margin: 20px 0;\n\n @media(max-width: 567px) {\n margin-bottom: 12px;\n }\n\n li {\n display: inline-block;\n vertical-align: top;\n\n &.active button:before {\n background-color: var(--theme-color-primary);\n box-shadow: 0 0 0 2px var(--theme-color-primary);\n }\n }\n\n .btn {\n --button-min-size: 24px;\n font-size: 0;\n line-height: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &::before {\n content: "";\n position: relative;\n display: block;\n width: 10px;\n height: 10px;\n border: 2px solid var(--theme-color-primary);\n border-radius: 5px;\n transition: 0.2s ease;\n }\n\n &::after {\n display: none;\n }\n\n &:hover {\n background-color: transparent;\n\n &::before {\n background-color: var(--theme-color-primary);\n }\n }\n }\n }\n\n .prev, .next {\n position: absolute;\n top: 50%;\n width: 50px;\n height: 50px;\n text-align: center;\n line-height: 50px;\n right: 0;\n margin: -25px 10px;\n color: var(--theme-color-primary);\n\n @media(max-width: 767px) {\n display: none;\n }\n\n &:before {\n @include icon-small-arrow-right-simple;\n font-family: "Icons", sans-serif;\n font-size: 30px;\n }\n }\n\n .prev {\n left: 0;\n transform: rotate(180deg);\n }\n\n .count {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n text-align: center;\n font-size: 18px;\n padding-bottom: 20px;\n font-family: var(--font-korb);\n visibility: hidden;\n\n span {\n margin: 0 5px;\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___}}]);
\ No newline at end of file
diff --git a/gfi-ihk-2024/storybook-static/6493.2514b80f.iframe.bundle.js b/gfi-ihk-2024/storybook-static/6493.2514b80f.iframe.bundle.js
new file mode 100644
index 0000000..2bbbfae
--- /dev/null
+++ b/gfi-ihk-2024/storybook-static/6493.2514b80f.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[6493],{"./stories/atoms/tabs/TabsComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>createTabs});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),tabs=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/tabs/tabs.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(tabs.Z,options);tabs.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createTabs=function createTabs(_ref){var _ref$size=_ref.size,size=void 0===_ref$size?"small":_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"primary-extra-light":_ref$color,_ref$data=_ref.data,data=void 0===_ref$data?[{label:"Alle (24) ",link:"#"},{label:"Veranstaltungen (4) ",link:"#"},{label:"Downloads (12) ",link:"#"}]:_ref$data,tabs=(0,helpers.az)("div",["tabs"]);return data.map((function(item,i){var button=(0,ButtonComponent.a)({size,label:item.label,link:item.link,color});tabs.appendChild(button),0===i&&button.classList.add("active")})),tabs}},"./stories/sections/slider/slider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var jquery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_12__),hammerjs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/hammerjs/hammer.js"),hammerjs__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_13__);function _defineProperties(target,props){for(var i=0;i ').appendTo(section),this.slideWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').appendTo(this.slideOverflow).append(this.slides),this.currentSlide=0,this.autoplayTimeout=0,this.isHovered=!1,this.sectionInitialClicked=!1,this.dragging=!1,this.inViewport=!1,this.positionAnimation={x:0},this.settings={loop:!1,autoplay:this.section.data("autoplay"),infinite:!0,autoplaySpeed:this.section.data("autoplay-speed")?this.section.data("autoplay-speed"):5e3,animationSpeed:600,startSlide:0},this.initSlides(),this.settings.infinite&&this.initInfinity(),this.initUI(),this.checkSize(),this.slides.length>1&&(this.initHammerDragging(),this.initTabbing()),this.changeSlide(this.settings.startSlide),this.initAutoplay(),this.checkSize(),this.section.closest(".steps").length&&this.setupSteps(),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).on("resize",(function(){_this.checkSize()}))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSlider,[{key:"initSlides",value:function initSlides(){this.slides.each((function(i){var slide=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).attr("data-index",i),h3=slide.find("h3"),p=h3.next("p");slide.find(".image-box").length?(h3.text().length>48&&h3.html(h3.text().substring(0,48)+"…"),p.text().length>148&&p.html(p.text().substring(0,148)+"…")):slide.addClass("text-only")}))}},{key:"checkSize",value:function checkSize(){this.controls.find(".tabs").width()>.6*this.slideOverflow.width()?this.section.addClass("many-slides"):this.section.removeClass("many-slides")}},{key:"initInfinity",value:function initInfinity(){this.nextWrapper=this.slideWrapper.clone(),this.prevWrapper=this.slideWrapper.clone(),this.nextWrapper.removeClass("slide-wrapper").addClass("next-clone").appendTo(this.slideWrapper).css({left:this.slides.length+"%"}),this.prevWrapper.removeClass("slide-wrapper").addClass("prev-clone").appendTo(this.slideWrapper),this.nextWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.prevWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.nextWrapper.find("img").removeClass("loading"),this.prevWrapper.find("img").removeClass("loading")}},{key:"initUI",value:function initUI(){var _this2=this;this.count=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" "),this.prevButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' '),this.nextButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ');var tabsWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(''),countWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ').html('/'+this.slides.length+" ").prepend(this.count);this.slides.each((function(i){var s=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this),li=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(tabsWrapper),button=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").addClass("btn").appendTo(li);jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(button).text(s.data("title")?s.data("title"):i+1)})),this.tabs=tabsWrapper.children(),tabsWrapper.find("button").on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.changeSlide(jquery__WEBPACK_IMPORTED_MODULE_12___default()(e.currentTarget).parent().index())})),this.prevButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onPrev()})),this.nextButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onNext()})),this.controls=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').append(this.prevButton).append(tabsWrapper).append(countWrapper).append(this.nextButton).appendTo(this.section)}},{key:"changeSlide",value:function changeSlide(index,offset){var _this3=this,transition=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],t=this,prevIndex=0===index?this.slides.length-1:index-1,nextIndex=index===this.slides.length-1?0:index+1,allWidth=t.nextWrapper.position().left;offset||(offset=0),index===this.currentSlide&&0===this.slideOverflow.outerHeight()&&(transition=!1),t.positionAnimation={x:this.slideWrapper.position().left};var target=(index+offset)/-100*this.slideWrapper.width(),time=Math.round(Math.abs(this.positionAnimation.x-target)/5+200);time>500&&(time=500),transition||(time=0),t.slideOverflow.css({"transition-duration":time+"ms",height:this.slideOverflow.outerHeight()+"px"}),t.slideWrapper.find(".current").removeClass("current"),t.slideWrapper.find('[data-index="'+index+'"]').addClass("current"),t.slideWrapper.find(".is-prev").removeClass("is-prev"),t.slideWrapper.find('[data-index="'+prevIndex+'"]').addClass("is-prev"),t.slideWrapper.find(".is-next").removeClass("is-next"),t.slideWrapper.find('[data-index="'+nextIndex+'"]').addClass("is-next"),target>0&&(target-=allWidth,this.positionAnimation.x=this.positionAnimation.x-allWidth),target<=-1*allWidth+1&&(target+=allWidth,this.positionAnimation.x=this.positionAnimation.x+allWidth),requestAnimationFrame((function(){_this3.slideOverflow.css({height:_this3.slides.eq(index).outerHeight()+"px"})})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(this.positionAnimation).animate({x:target},{duration:time,easing:"easeOutCubic",step:function step(now){_this3.slideWrapper.css({transform:"translate3d("+Math.round(now)+"px, 0, 0)"})},complete:function complete(){requestAnimationFrame((function(){_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),_this3.slideOverflow.css("height","auto")}))}}),this.tabs.eq(index).addClass("active").siblings(".active").removeClass("active"),this.count.text(index+1),this.settings.autoplay&&!this.isHovered&&this.handleAutoplay(),0!==offset&&setTimeout((function(){_this3.slideWrapper.addClass("no-transition"),_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),setTimeout((function(){_this3.slideWrapper.removeClass("no-transition")}),20)}),this.settings.animationSpeed),this.currentSlide=index,this.section.trigger("slide-change"),this.section.closest(".steps").length&&this.sectionInitialClicked&&this.scrollToTop()}},{key:"goTo",value:function goTo(index,transition){var _this4=this;!1===transition&&this.slideWrapper.addClass("no-transition"),this.sectionInitialClicked=!0,this.changeSlide(index,0,transition),setTimeout((function(){_this4.slideWrapper.removeClass("no-transition")}),20)}},{key:"onNext",value:function onNext(){var nextSlide=this.currentSlide===this.slides.length-1?0:this.currentSlide+1,offset=this.settings.infinite&&0===nextSlide?this.slides.length:0;this.changeSlide(nextSlide,offset)}},{key:"onPrev",value:function onPrev(){var prevSlide=0===this.currentSlide?this.slides.length-1:this.currentSlide-1,offset=this.settings.infinite&&prevSlide===this.slides.length-1?-1*this.slides.length:0;this.changeSlide(prevSlide,offset)}},{key:"initAutoplay",value:function initAutoplay(){var _this5=this;this.section.on("mouseenter",(function(){_this5.isHovered=!0,clearTimeout(_this5.autoplayTimeout),_this5.section.removeClass("btnanimation")})),this.section.on("mouseleave",(function(){_this5.isHovered=!1,_this5.handleAutoplay(),_this5.section.addClass("btnanimation")})),this.initScrollCheck(),this.handleAutoplay()}},{key:"handleAutoplay",value:function handleAutoplay(){var _this6=this;if(this.dragging)return!1;clearTimeout(this.autoplayTimeout),this.settings.autoplaySpeed>0&&this.settings.autoplay&&(this.autoplayTimeout=setTimeout((function(){_this6.inViewport?_this6.onNext():_this6.handleAutoplay()}),this.settings.autoplaySpeed))}},{key:"initScrollCheck",value:function initScrollCheck(){var _this7=this;window.addEventListener("scroll",(function(){window.requestAnimationFrame((function(){_this7.scrollCheck()}))}),{passive:!0}),window.requestAnimationFrame((function(){_this7.scrollCheck()}))}},{key:"scrollCheck",value:function scrollCheck(){var w=jquery__WEBPACK_IMPORTED_MODULE_12___default()(window);w.scrollTop()+w.height()-200>this.section.offset().top&&w.scrollTop()sliderWidth/5?_this8.onPrev():e.deltaX").one("load",(function(e){var loadedImage=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).removeClass("loading"),slide=loadedImage.closest(".slide").removeClass("preload"),index=parseInt(slide.attr("data-index"));t.nextWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone()),t.prevWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone())}));img.attr("src",ib.attr("data-src")).appendTo(ib),img.attr("data-download",ib.attr("data-download")).appendTo(ib),img.attr("draggable","false").attr("ondragstart","return false;")}}},{key:"resetTabScroll",value:function resetTabScroll(){var _this10=this;this.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),this.tabScrollActive&&window.requestAnimationFrame((function(){_this10.resetTabScroll()}))}},{key:"scrollToTop",value:function scrollToTop(){var target=this.section.closest(".steps").offset().top-120;jquery__WEBPACK_IMPORTED_MODULE_12___default()("html, body").animate({scrollTop:target},600,"easeOutQuad")}},{key:"setupSteps",value:function setupSteps(){this.nextButton.text("Weiter").addClass("btn").addClass("has-icon").addClass("icon-right").addClass("icon-pfeil-rechts")}}]),IHKSlider}();const __WEBPACK_DEFAULT_EXPORT__=IHKSlider;jquery__WEBPACK_IMPORTED_MODULE_12___default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()(".rotation .slider:not(.initiated), .steps .slider:not(.initiated)").each((function(i,el){var selector=jquery__WEBPACK_IMPORTED_MODULE_12___default()(el);selector.find("dynamic-content").length||new IHKSlider(selector)}))}))},"./stories/sections/timeline/TimelineComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>createTimeline});__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),timeline=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/timeline/timeline.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(timeline.Z,options);timeline.Z.locals;var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),TimelineData=[{tab:"Gießen",title:"Chronik der IHK Gießen",nav:"IHK Gießen",id:"timeline-giessen",years:[{year:1870,items:[{title:"Preußisches Handelskammergesetz",image:null,subhead:"24. Februar 1870: Preußisches Handelskammergesetz",copy:null}]},{year:1871,items:[{title:"Gesetzentwurf der hessischen Regierung",image:{src:"./dummy/gi-1871-gesetz.jpg",width:320,height:400,alt:"",size:"medium",caption:"Gesetz, die Handelskammern betreffend, in: Großherzoglich Hessisches Regierungsblatt",copyright:"Quelle: Bayerische Staatsbibliothek (BSB), 4 Merc. 623-1870"},subhead:"22. September 1871: Gesetzentwurf der hessischen Regierung",copy:"In Abstimmung mit den Vorsitzenden der HKs Mainz, Offenbach und Worms bringt die hessische Regierung einen Entwurf ein, dessen Bestimmungen größtenteils dem preußischen Gesetz entlehnt waren."},{title:"Ratifizierung des Gesetzes „die Handelskammern betreffend“",image:{src:"./dummy/gi-1871.jpg",width:265,height:400,alt:"",size:"portrait",caption:null,copyright:"Quelle: Bayerische Staatsbibliothek (BSB), 4 Merc. 623-1870"},subhead:"17. November 1871: Ratifizierung durch Großherzog Ludwig III.",copy:"Großherzog Ludwig III. ratifiziert das Gesetz „die Handelskammern betreffend“ mit Fokus auf den Beratungsauftrag. Dieses wird für die folgenden drei Jahrzehnte die Grundlage für die Arbeit der HKs im Großherzogtum Hessen."}]},{year:1872,items:[{title:"Gesetzentwurf der hessischen Regierung",image:{src:"./dummy/gi-1872.jpg",width:650,height:400,alt:"Gesetzentwurf der hessischen Regierung",size:"large",caption:null,copyright:"Quelle: DigiZeitschriften e.V."},subhead:"22. September 1871: Gesetzentwurf der hessischen Regierung",copy:"In Abstimmung mit den Vorsitzenden der HKs Mainz, Offenbach und Worms bringt die hessische Regierung einen Entwurf ein, dessen Bestimmungen größtenteils dem preußischen Gesetz entlehnt waren."}]}]},{tab:"Friedberg",title:"Chronik der IHK Friedberg",nav:"IHK Friedberg",id:"timeline-friedberg",years:[{year:1870,items:[{title:"Preußisches Handelskammergesetz",image:null,subhead:"24. Februar 1870: Preußisches Handelskammergesetz",copy:null}]}]}],TabsComponent=__webpack_require__("./stories/atoms/tabs/TabsComponent.js"),slider=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.substr.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./stories/sections/slider/slider.js"));function _defineProperties(target,props){for(var i=0;i_this.winPosition&&st<_this.secPosition-100&&(_this.scrolling=!0,$("html, body").animate({scrollTop:_this.secPosition-100},200,(function(){_this.scrolling=!1}))),_this.winPosition=st}))}},{key:"initSwitch",value:function initSwitch(){var _this2=this;this.switches=this.section.siblings(".timeline-tabs").find("a"),this.switchSlides=[],this.switches.each((function(index,tab){var href=tab.href,id=href.substr(href.indexOf("#")),target=parseInt($(id).attr("data-index"));_this2.switchSlides.push(target),tab.setAttribute("data-index",index),tab.setAttribute("data-target",target)})),this.slider.section.on("slide-change",(function(){_this2.switches.removeClass("active");for(var cs=_this2.slider.currentSlide,i=_this2.switchSlides.length-1;i>=0;){if(cs>=_this2.switchSlides[i]){_this2.switches.eq(i).addClass("active");break}i--}})),this.switches.on("click",(function(e){e.preventDefault();var target=parseInt(e.currentTarget.getAttribute("data-target"));_this2.slider.goTo(target,!1)}))}},{key:"initResize",value:function initResize(){var _this3=this;this.resizeTimeout=null,$(window).on("resize",(function(){_this3.resizeTimeout&&clearTimeout(_this3.resizeTimeout),_this3.resizeTimeout=setTimeout((function(){_this3.handleResize()}),200)})),this.handleResize()}},{key:"handleResize",value:function handleResize(){this.containerWidth=this.yearsContainer.width(),this.wrapperWidth=this.yearsWrapper.get(0).scrollWidth,this.scrollWidth=this.containerWidth-this.wrapperWidth,this.yearsWrapper.css({width:this.wrapperWidth+"px"})}},{key:"initDragging",value:function initDragging(){var _this4=this;this.dragOffset=0,this.wrapperOffset=0,this.yearsWrapper.get(0).onmousedown=function(e){_this4.dragStart(e)},this.yearsWrapper.get(0).addEventListener("touchstart",(function(e){_this4.dragStart(e)})),this.yearsWrapper.get(0).addEventListener("touchend",(function(e){_this4.dragEnd(e)})),this.yearsWrapper.get(0).addEventListener("touchmove",(function(e){_this4.dragMove(e)}))}},{key:"dragStart",value:function dragStart(e){var _this5=this;this.dragOffset=0,this.dragLast=0,"touchstart"===e.type?this.dragOrigin=e.touches[0].clientX:(this.dragOrigin=e.clientX,document.onmouseup=function(e){_this5.dragEnd(e)},document.onmousemove=function(e){_this5.dragMove(e)})}},{key:"dragMove",value:function dragMove(e){"touchmove"===e.type?(this.dragLast=this.dragOffset,this.dragOffset=this.dragOrigin-e.touches[0].clientX):(this.dragLast=this.dragOffset,this.dragOffset=this.dragOrigin-e.clientX),Math.abs(this.dragOffset)>3&&this.yearsWrapper.addClass("dragging"),this.wrapperTarget=this.wrapperOffset-this.dragOffset,this.wrapperTarget>0?this.wrapperTarget=this.wrapperTarget/4:this.wrapperTarget5&&(this.wrapperTarget=this.wrapperTarget-10*velocity);var bounceBack=this.checkScrollEnd();this.yearsWrapper.removeClass("dragging"),this.wrapperOffset=this.wrapperTarget,(bounceBack||Math.abs(velocity)>5)&&this.animateToPosition(),document.onmouseup=null,document.onmousemove=null}},{key:"animateToPosition",value:function animateToPosition(){var _this6=this;this.yearsWrapper.addClass("animate"),requestAnimationFrame((function(){_this6.yearsWrapper.css({transform:"translateX("+_this6.wrapperTarget+"px)"}),setTimeout((function(){_this6.yearsWrapper.removeClass("animate")}),300)}))}},{key:"buildSlider",value:function buildSlider(){var _this7=this,slides=this.itemSlider.addClass("slider").appendTo(this.itemSlider);this.years.find(".items > li").each((function(i,li){var listItem=$(li);listItem.attr("data-index",i).find(".slide").appendTo(slides),listItem.on("click",(function(){_this7.slider.goTo(i,!0),_this7.activateItem(i)}))})),this.slider=new slider.Z(slides),this.slider.section.on("slide-change",(function(){_this7.activateItem(_this7.slider.currentSlide)})),this.slides=this.slider.section.find(".slide")}},{key:"initYearClick",value:function initYearClick(){this.years.children(".year").on("click",(function(e){$(e.currentTarget).next(".items").children("li").first().trigger("click")}))}},{key:"activateItem",value:function activateItem(index){this.years.removeClass("current").find("li.active").removeClass("active");var yearItem=this.years.find('li[data-index="'+index+'"]').addClass("active").closest(".year-item").addClass("current"),ww=$(window).width(),iw=1.5*yearItem.outerWidth();(yearItem.offset().left+iw>ww||yearItem.offset().left<50)&&(this.wrapperOffset=this.wrapperTarget=-1*yearItem.position().left,this.checkScrollEnd(),this.animateToPosition()),this.slides.eq(index).hasClass("has-image")?this.slider.section.addClass("hide-circle"):this.slider.section.removeClass("hide-circle")}},{key:"checkScrollEnd",value:function checkScrollEnd(){return this.wrapperTarget>0?(this.wrapperTarget=0,!0):this.wrapperTarget{var $=__webpack_require__("./node_modules/core-js/internals/export.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js"),toIntegerOrInfinity=__webpack_require__("./node_modules/core-js/internals/to-integer-or-infinity.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),stringSlice=uncurryThis("".slice),max=Math.max,min=Math.min;$({target:"String",proto:!0,forced:!"".substr||"b"!=="ab".substr(-1)},{substr:function substr(start,length){var intLength,intEnd,that=toString(requireObjectCoercible(this)),size=that.length,intStart=toIntegerOrInfinity(start);return intStart===1/0&&(intStart=0),intStart<0&&(intStart=max(size+intStart,0)),(intLength=void 0===length?size:toIntegerOrInfinity(length))<=0||intLength===1/0||intStart>=(intEnd=min(intStart+intLength,size))?"":stringSlice(that,intStart,intEnd)}})},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/tabs/tabs.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,".tabs{margin:calc(10px + 1%) -0.25em}.tabs .btn{margin:.25em;display:inline-flex}.tabs .btn::after{display:none}.tabs .btn.active,.tabs .btn:hover{background-color:var(--theme-color-primary);color:var(--theme-color-white)}.tabs .btn strong{margin-left:.2em}","",{version:3,sources:["webpack://./stories/atoms/tabs/tabs.scss"],names:[],mappings:"AAGA,MACE,8BAAA,CAEA,WACE,YAAA,CACA,mBAAA,CAEA,kBACE,YAAA,CAGF,mCACE,2CAAA,CACA,8BAAA,CAGF,kBACE,gBAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.tabs {\n margin: calc(10px + 1%) -0.25em;\n\n .btn {\n margin: 0.25em;\n display: inline-flex;\n\n &::after {\n display: none;\n }\n\n &.active, &:hover {\n background-color: var(--theme-color-primary);\n color: var(--theme-color-white);\n }\n\n strong {\n margin-left: 0.2em;\n }\n }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/timeline/timeline.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,'.timeline-tabs{position:relative;display:block;background-color:var(--theme-color-primary-dimmed-04);padding:24px 20px 0;margin-bottom:-5px}.timeline-tabs .tabs{margin:0;text-align:center}.timeline-tabs ul{list-style:none;display:flex;justify-content:center;margin:0 -15px;padding:0;position:relative;z-index:1}.timeline-tabs .btn-small{min-width:180px;text-align:center;margin-right:10px}.timeline-tabs .btn-small:not(.active){background-color:#fff;color:var(--theme-primary)}.timeline-tabs .btn-small:focus{color:#fff}@media(max-width: 567px){.timeline-tabs .btn-small{min-width:0;padding-left:12px;padding-right:12px;margin:0 4px}}@media(max-width: 349px){.timeline-tabs .btn-small{font-size:16px;margin:0 2px}}@media(min-width: 1000px){.timeline-tabs~.timeline .item-slider .prev,.timeline-tabs~.timeline .item-slider .next{margin-top:-52px}}@media(min-width: 1340px){.timeline-tabs~.timeline .item-slider .prev,.timeline-tabs~.timeline .item-slider .next{margin-top:-74px}}.timeline{margin:0 0 calc(1.5vw + 40px)}.timeline>p:last-child{font-size:14px;text-align:right;margin:15px}.timeline .item-slider{position:relative;display:block;background-color:var(--theme-color-primary-dimmed-04);min-height:460px;font-weight:600}.timeline .item-slider::before{content:"";position:absolute;width:374px;height:374px;background-color:#9ad7a3;top:50%;left:50%;border-radius:50%;transform:translate3d(-50%, -50%, 0) scale(1);opacity:1;transition:.3s ease}@media(max-width: 567px){.timeline .item-slider{min-height:380px}.timeline .item-slider::before{width:280px;height:280px}}@media(max-width: 349px){.timeline .item-slider::before{width:260px;height:260px}}.timeline .item-slider .slider-tabs,.timeline .item-slider .tabs,.timeline .item-slider .count{display:none}.timeline .item-slider .prev,.timeline .item-slider .next{width:80px;height:80px;position:absolute;top:50%;margin-top:-40px;right:24px;padding:0;font-size:80px;line-height:1;transition:.2s ease;border:0;background-color:rgba(0,0,0,0);cursor:pointer}.timeline .item-slider .prev::before,.timeline .item-slider .next::before{content:"";font-family:"Icons",sans-serif;color:var(--theme-color-primary);font-weight:400}.timeline .item-slider .prev:hover,.timeline .item-slider .next:hover{padding-left:8px}@media(max-width: 999px){.timeline .item-slider .prev:hover,.timeline .item-slider .next:hover{padding-left:0}}@media(max-width: 1339px){.timeline .item-slider .prev,.timeline .item-slider .next{right:0;width:50px;height:50px;font-size:50px;margin-top:-25px}}@media(max-width: 567px){.timeline .item-slider .prev,.timeline .item-slider .next{font-size:30px;width:30px;height:30px;margin-top:-15px}}.timeline .item-slider .prev{left:24px;transform:scale(-1, 1)}@media(max-width: 1339px){.timeline .item-slider .prev{left:0}}.timeline .item-slider .slide{min-height:460px;display:flex;align-items:center;text-align:center}.timeline .item-slider .slide:not(.current){max-height:460px}@media(max-width: 567px){.timeline .item-slider .slide{min-height:380px}.timeline .item-slider .slide:not(.current){max-height:380px}}.timeline .item-slider .text-box{padding:50px 0}@media(max-width: 767px){.timeline .item-slider .text-box{padding:30px 0}}.timeline .item-slider .slide:not(.has-image) .container{max-width:1180px}@media(min-width: 1000px)and (max-width: 1339px){.timeline .item-slider .container{padding:0 60px}}@media(min-width: 768px)and (max-width: 999px){.timeline .item-slider .container{padding:0 120px}}.timeline .item-slider .year{font-family:"Korb",sans-serif;font-weight:700;font-size:100px;line-height:.9;margin-bottom:.25em}@media(max-width: 1340px){.timeline .item-slider .year{font-size:80px}}@media(max-width: 999px){.timeline .item-slider .year{font-size:72px}}@media(max-width: 567px){.timeline .item-slider .year{font-size:48px}}@media(max-width: 349px){.timeline .item-slider .year{font-size:40px}}.timeline .item-slider .subhead{font-weight:700}.timeline .item-slider p:last-child{margin-bottom:0}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container{display:flex;align-items:center;justify-content:space-between}.timeline .item-slider .slide.has-image .container .image-box,.timeline .item-slider .slide.has-image .container .text-box{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}}@media(min-width: 1000px)and (max-width: 1339px){.timeline .item-slider .slide.has-image .container .image-box,.timeline .item-slider .slide.has-image .container .text-box{flex:1 1 calc(50% - 15px);max-width:calc(50% - 15px)}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box{position:relative;margin:30px 0}.timeline .item-slider .slide.has-image .container .image-box.portrait{flex:1 1 265px;margin-right:40px;max-width:265px}.timeline .item-slider .slide.has-image .container .image-box.portrait+.text-box{max-width:none}}@media(min-width: 1000px)and (max-width: 1339px){.timeline .item-slider .slide.has-image .container .image-box.portrait{margin-right:30px}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box.medium{flex:1 1 320px;margin-right:40px;max-width:320px}.timeline .item-slider .slide.has-image .container .image-box.medium+.text-box{max-width:none}}@media(min-width: 1000px)and (max-width: 1339px){.timeline .item-slider .slide.has-image .container .image-box.medium{margin-right:30px}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box img{display:block;max-width:100%}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box .caption{position:absolute;bottom:0;left:0;width:100%;padding:8px 12px;background-color:rgba(255,255,255,.6);text-align:left;backdrop-filter:blur(3px);font-weight:700;font-size:15px;line-height:1.4}.timeline .item-slider .slide.has-image .container .image-box .caption span+span{margin-top:3px}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box .copyright{display:block;font-weight:400;font-size:10px}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .text-box{text-align:left}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .year{margin-left:-0.06em}}@media(min-width: 1000px){.timeline .item-slider.hide-circle::before{transform:translate3d(-50%, -50%, 0) scale(0.8);opacity:0}}@media(max-width: 999px){.timeline .item-slider .image-box{display:none}}@media(max-width: 767px){.timeline .item-slider p{line-height:1.4;font-size:.94em}}@media(max-width: 567px){.timeline .item-slider p{padding-left:10px;padding-right:10px}}.timeline .years{position:relative;display:block;background-color:var(--theme-color-primary);color:#fff;overflow:hidden}.timeline .years::before{content:"";position:absolute;left:0;right:0;top:50%;margin-top:-4px;height:8px;background-color:var(--theme-color-secondary)}@media(max-width: 999px){.timeline .years::before{margin-top:8px;height:4px}}.timeline .years-wrapper{position:relative;display:flex}.timeline .years-wrapper.animate{transition:.3s ease}.timeline .years-wrapper.dragging *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(max-width: 999px){.timeline .year-item{margin:26px 32px 26px 0}.timeline .year-item .year{white-space:nowrap}.timeline .year-item .year br{display:none}.timeline .year-item ul{display:none}.timeline .year-item .year{position:relative;font-family:"Korb",sans-serif;font-weight:700;font-size:36px;line-height:1;cursor:pointer;z-index:1;transition:.2s ease;margin-bottom:0}.timeline .year-item .year::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-color-primary);margin:0 -8px;z-index:-1;transition:.2s ease;opacity:0}.timeline .year-item.current .year::before,.timeline .year-item.anchor .year::before{opacity:1}.timeline .year-item.current .year{color:var(--theme-color-secondary)}.timeline .year-item.last{margin-right:200px}}@media(min-width: 1000px){.timeline .year-item{position:relative;font-size:.75em;line-height:1.3em;display:flex;align-items:flex-start;min-height:360px;flex:1 1 320px;max-width:320px;min-width:320px;padding:18px 20px 22px}.timeline .year-item::before{content:"";position:absolute;left:0;top:26px;bottom:calc(50% - 4px);width:4px;background-color:#fff;z-index:2}}@media(min-width: 1000px)and (max-width: 999px){.timeline .year-item{min-height:0;flex:1 1 150px;max-width:150px;min-width:60px}.timeline .year-item::before{display:none}}@media(min-width: 1000px){.timeline .year-item:nth-child(odd){align-items:flex-end}.timeline .year-item:nth-child(odd)::before{bottom:26px;top:calc(50% - 4px)}}@media(min-width: 1000px){.timeline .year-item.anchor::before{display:none}.timeline .year-item.anchor .year::before{opacity:1}.timeline .year-item.anchor:not(:first-child){margin-right:40px}}@media(min-width: 1000px){.timeline .year-item.last{margin-right:400px}}@media(min-width: 1000px){.timeline .year-item.anchor~.anchor~.anchor{margin-right:70px}.timeline .year-item.anchor~.anchor~.anchor .year::before{margin-right:.6em}}@media(min-width: 1000px){.timeline .year-item .year{position:absolute;bottom:50%;margin:calc(-4px - .15em) -0.06em;font-family:"Korb",sans-serif;font-weight:700;font-size:60px;line-height:1;cursor:pointer;z-index:1;transition:.2s ease}.timeline .year-item .year::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-color-primary);margin:0 -16px;z-index:-1;transition:.2s ease;opacity:0}}@media(min-width: 1000px)and (max-width: 999px){.timeline .year-item .year{font-size:40px;position:relative}}@media(min-width: 1000px){.timeline .year-item.current::before{background-color:var(--theme-color-secondary)}.timeline .year-item.current .year{color:var(--theme-color-secondary)}.timeline .year-item.current .year::before{opacity:1}}@media(min-width: 1000px){.timeline .year-item ul{margin:0 -70% 0 -0.28em;padding:0;list-style:none}}@media(min-width: 1000px)and (max-width: 999px){.timeline .year-item ul{display:none}}@media(min-width: 1000px){.timeline .year-item .title{margin:0;font-family:"Source Sans Pro",sans-serif;font-weight:600}}@media(min-width: 1000px){.timeline .year-item li{position:relative;cursor:pointer;transition:.2s ease;z-index:3;padding:.2em 0;top:.25em}.timeline .year-item li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:15px;transition:.2s ease}.timeline .year-item li:hover,.timeline .year-item li.active{color:var(--theme-color-secondary)}.timeline .year-item li p{transform:translate3d(0, 0, 0);transition:.2s ease}.timeline .year-item li:hover p{transform:translate3d(10px, 0, 0)}}@media(min-width: 1000px){.timeline .year-item .slide{display:none}}',"",{version:3,sources:["webpack://./stories/sections/timeline/timeline.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,eAGA,iBACE,CAAA,aACA,CAAA,qDACA,CAAA,mBACA,CAAA,kBACA,CAAA,qBAEA,QACE,CAAA,iBACA,CAAA,kBAGF,eACE,CAAA,YACA,CAAA,sBACA,CAAA,cACA,CAAA,SACA,CAAA,iBACA,CAAA,SACA,CAAA,0BAEF,eACE,CAAA,iBACA,CAAA,iBACA,CAAA,uCAEA,qBACE,CAAA,0BACA,CAAA,gCAGF,UACE,CAAA,yBAGF,0BAdF,WAeI,CAAA,iBACA,CAAA,kBACA,CAAA,YACA,CAAA,CAAA,yBAEF,0BApBF,cAqBI,CAAA,YACA,CAAA,CAAA,0BAOA,wFAFF,gBAGI,CAAA,CAAA,0BAEF,wFALF,gBAMI,CAAA,CAAA,UAMR,6BACE,CAAA,uBAEA,cACE,CAAA,gBACA,CAAA,WACA,CAAA,uBAGF,iBACE,CAAA,aACA,CAAA,qDACA,CAAA,gBACA,CAAA,eACA,CAAA,+BAEA,UACE,CAAA,iBACA,CAAA,WACA,CAAA,YACA,CAAA,wBACA,CAAA,OACA,CAAA,QACA,CAAA,iBACA,CAAA,6CACA,CAAA,SACA,CAAA,mBACA,CAAA,yBAGF,uBArBF,gBAsBI,CAAA,+BAEA,WACE,CAAA,YACA,CAAA,CAAA,yBAIJ,+BACE,WACE,CAAA,YACA,CAAA,CAAA,+FAIJ,YACE,CAAA,0DAGF,UACE,CAAA,WACA,CAAA,iBACA,CAAA,OACA,CAAA,gBACA,CAAA,UACA,CAAA,SACA,CAAA,cACA,CAAA,aACA,CAAA,mBACA,CAAA,QACA,CAAA,8BACA,CAAA,cACA,CAAA,0EAEA,WC2HiC,CAAA,8BDzH/B,CAAA,gCACA,CAAA,eACA,CAAA,sEAGF,gBACE,CAAA,yBAEA,sEAHF,cAII,CAAA,CAAA,0BAIJ,0DA9BF,OA+BI,CAAA,UACA,CAAA,WACA,CAAA,cACA,CAAA,gBACA,CAAA,CAAA,yBAGF,0DAtCF,cAuCI,CAAA,UACA,CAAA,WACA,CAAA,gBACA,CAAA,CAAA,6BAIJ,SACE,CAAA,sBACA,CAAA,0BAEA,6BAJF,MAKI,CAAA,CAAA,8BAIJ,gBACE,CAAA,YACA,CAAA,kBACA,CAAA,iBACA,CAAA,4CAEA,gBACE,CAAA,yBAGF,8BAVF,gBAWI,CAAA,4CAEA,gBACE,CAAA,CAAA,iCAKN,cACE,CAAA,yBAEA,iCAHF,cAII,CAAA,CAAA,yDAIJ,gBACE,CAAA,iDAIA,kCADF,cAEI,CAAA,CAAA,+CAEF,kCAJF,eAKI,CAAA,CAAA,6BAIJ,6BACE,CAAA,eACA,CAAA,eACA,CAAA,cACA,CAAA,mBACA,CAAA,0BAEA,6BAPF,cAQI,CAAA,CAAA,yBAEF,6BAVF,cAWI,CAAA,CAAA,yBAEF,6BAbF,cAcI,CAAA,CAAA,yBAEF,6BAhBF,cAiBI,CAAA,CAAA,gCAIJ,eACE,CAAA,oCAGF,eACE,CAAA,0BAGF,mDACE,YACE,CAAA,kBACA,CAAA,6BACA,CAAA,2HAEA,yBACE,CAAA,0BACA,CAAA,CAAA,iDAEA,2HAJF,yBAKI,CAAA,0BACA,CAAA,CAAA,0BAZR,8DAgBI,iBACE,CAAA,aACA,CAAA,uEAEA,cACE,CAAA,iBACA,CAAA,eACA,CAAA,iFAEA,cACE,CAAA,CAAA,iDAGF,uEATF,iBAUI,CAAA,CAAA,0BA9BV,qEAkCM,cACE,CAAA,iBACA,CAAA,eACA,CAAA,+EAEA,cACE,CAAA,CAAA,iDAGF,qEATF,iBAUI,CAAA,CAAA,0BA5CV,kEAgDM,aACE,CAAA,cACA,CAAA,CAAA,0BAlDR,uEAqDM,iBACE,CAAA,QACA,CAAA,MACA,CAAA,UACA,CAAA,gBACA,CAAA,qCACA,CAAA,eACA,CAAA,yBACA,CAAA,eACA,CAAA,cACA,CAAA,eACA,CAAA,iFAEA,cACE,CAAA,CAAA,0BAnEV,yEAuEM,aACE,CAAA,eACA,CAAA,cACA,CAAA,CAAA,0BA1ER,6DA8EI,eACE,CAAA,CAAA,0BA/EN,yDAkFI,mBACE,CAAA,CAAA,0BAnFN,2CAuFE,+CACE,CAAA,SACA,CAAA,CAAA,yBAIJ,kCACE,YACE,CAAA,CAAA,yBAIJ,yBACE,eACE,CAAA,eACA,CAAA,CAAA,yBAIJ,yBACE,iBACE,CAAA,kBACA,CAAA,CAAA,iBAKN,iBACE,CAAA,aACA,CAAA,2CACA,CAAA,UACA,CAAA,eACA,CAAA,yBAEA,UACE,CAAA,iBACA,CAAA,MACA,CAAA,OACA,CAAA,OACA,CAAA,eACA,CAAA,UACA,CAAA,6CACA,CAAA,yBAEA,yBAVF,cAWI,CAAA,UACA,CAAA,CAAA,yBAKN,iBACE,CAAA,YACA,CAAA,iCAEA,mBACE,CAAA,oCAGF,mBACE,CAAA,wBACA,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,yBAIJ,qBACE,uBACE,CAAA,2BAEA,kBACE,CAAA,8BAEA,YACE,CAAA,wBAIJ,YACE,CAAA,2BAGF,iBACE,CAAA,6BACA,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,cACA,CAAA,SACA,CAAA,mBACA,CAAA,eACA,CAAA,mCAEA,UACE,CAAA,iBCtUR,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,2CDoUQ,CAAA,aACA,CAAA,UACA,CAAA,mBACA,CAAA,SACA,CAAA,qFAIJ,SAEE,CAAA,mCAGF,kCACE,CAAA,0BAGF,kBACE,CAAA,CAAA,0BAKN,qBACE,iBACE,CAAA,eACA,CAAA,iBACA,CAAA,YACA,CAAA,sBACA,CAAA,gBACA,CAAA,cACA,CAAA,eACA,CAAA,eACA,CAAA,sBACA,CAAA,6BAEA,UACE,CAAA,iBACA,CAAA,MACA,CAAA,QACA,CAAA,sBACA,CAAA,SACA,CAAA,qBACA,CAAA,SACA,CAAA,CAAA,gDAGF,qBAvBF,YAwBI,CAAA,cACA,CAAA,eACA,CAAA,cACA,CAAA,6BAEA,YACE,CAAA,CAAA,0BA/BR,oCAmCI,oBACE,CAAA,4CAEA,WACE,CAAA,mBACA,CAAA,CAAA,0BAxCR,oCA6CM,YACE,CAAA,0CAEF,SACE,CAAA,8CAEF,iBACE,CAAA,CAAA,0BApDR,0BAwDI,kBACE,CAAA,CAAA,0BAzDN,4CA4DI,iBACE,CAAA,0DAEA,iBACE,CAAA,CAAA,0BAhER,2BAoEI,iBACE,CAAA,UACA,CAAA,iCACA,CAAA,6BACA,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,cACA,CAAA,SACA,CAAA,mBACA,CAAA,mCAEA,UACE,CAAA,iBChbR,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,2CD8aQ,CAAA,cACA,CAAA,UACA,CAAA,mBACA,CAAA,SACA,CAAA,CAAA,gDAGF,2BAtBF,cAuBI,CAAA,iBACA,CAAA,CAAA,0BA5FR,qCAiGM,6CACE,CAAA,mCAGF,kCACE,CAAA,2CAEA,SACE,CAAA,CAAA,0BAzGV,wBA8GI,uBACE,CAAA,SACA,CAAA,eACA,CAAA,CAAA,gDAEA,wBALF,YAMI,CAAA,CAAA,0BApHR,4BAwHI,QACE,CAAA,wCACA,CAAA,eACA,CAAA,CAAA,0BA3HN,wBA8HI,iBACE,CAAA,cACA,CAAA,mBACA,CAAA,SACA,CAAA,cACA,CAAA,SACA,CAAA,gCAEA,UACE,CAAA,iBACA,CAAA,MACA,CAAA,KACA,CAAA,QACA,CAAA,UACA,CAAA,mBACA,CAAA,6DAGF,kCACE,CAAA,0BAGF,8BACE,CAAA,mBACA,CAAA,gCAGF,iCACE,CAAA,CAAA,0BA1JR,4BA8JI,YACE,CAAA",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n\n.timeline-tabs {\n position: relative;\n display: block;\n background-color: var(--theme-color-primary-dimmed-04);\n padding: 24px 20px 0;\n margin-bottom: -5px;\n\n .tabs {\n margin: 0;\n text-align: center;\n }\n\n ul {\n list-style: none;\n display: flex;\n justify-content: center;\n margin: 0 -15px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n .btn-small {\n min-width: 180px;\n text-align: center;\n margin-right: 10px;\n\n &:not(.active) {\n background-color: white;\n color: var(--theme-primary);\n }\n\n &:focus{\n color: white;\n }\n\n @media(max-width: 567px) {\n min-width: 0;\n padding-left: 12px;\n padding-right: 12px;\n margin: 0 4px;\n }\n @media(max-width: 349px) {\n font-size: 16px;\n margin: 0 2px;\n }\n }\n\n ~ .timeline .item-slider {\n .prev,\n .next {\n @media(min-width: 1000px) {\n margin-top: -52px;\n }\n @media(min-width: 1340px) {\n margin-top: -74px;\n }\n }\n }\n}\n\n.timeline {\n margin: 0 0 calc(1.5vw + 40px);\n\n > p:last-child {\n font-size: 14px;\n text-align: right;\n margin: 15px;\n }\n\n .item-slider {\n position: relative;\n display: block;\n background-color: var(--theme-color-primary-dimmed-04);\n min-height: 460px;\n font-weight: 600;\n\n &::before {\n content: "";\n position: absolute;\n width: 374px;\n height: 374px;\n background-color: #9AD7A3;\n top: 50%;\n left: 50%;\n border-radius: 50%;\n transform: translate3d(-50%, -50%, 0) scale(1);\n opacity: 1;\n transition: 0.3s ease;\n }\n\n @media(max-width: 567px) {\n min-height: 380px;\n\n &::before {\n width: 280px;\n height: 280px;\n }\n }\n\n @media(max-width: 349px) {\n &::before {\n width: 260px;\n height: 260px;\n }\n }\n\n .slider-tabs, .tabs, .count {\n display: none;\n }\n\n .prev, .next {\n width: 80px;\n height: 80px;\n position: absolute;\n top: 50%;\n margin-top: -40px;\n right: 24px;\n padding: 0;\n font-size: 80px;\n line-height: 1;\n transition: 0.2s ease;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n\n &::before {\n @include icon-small-arrow-right-simple;\n font-family: "Icons", sans-serif;\n color: var(--theme-color-primary);\n font-weight: 400;\n }\n\n &:hover {\n padding-left: 8px;\n\n @media(max-width: 999px) {\n padding-left: 0;\n }\n }\n\n @media(max-width: 1339px) {\n right: 0;\n width: 50px;\n height: 50px;\n font-size: 50px;\n margin-top: -25px;\n }\n\n @media(max-width: 567px) {\n font-size: 30px;\n width: 30px;\n height: 30px;\n margin-top: -15px;\n }\n }\n\n .prev {\n left: 24px;\n transform: scale(-1, 1);\n\n @media(max-width: 1339px) {\n left: 0;\n }\n }\n\n .slide {\n min-height: 460px;\n display: flex;\n align-items: center;\n text-align: center;\n\n &:not(.current) {\n max-height: 460px;\n }\n\n @media(max-width: 567px) {\n min-height: 380px;\n\n &:not(.current) {\n max-height: 380px;\n }\n }\n }\n\n .text-box {\n padding: 50px 0;\n\n @media(max-width: 767px) {\n padding: 30px 0;\n }\n }\n\n .slide:not(.has-image) .container {\n max-width: 1180px;\n }\n\n .container {\n @media(min-width: 1000px) and (max-width: 1339px) {\n padding: 0 60px;\n }\n @media(min-width: 768px) and (max-width: 999px) {\n padding: 0 120px;\n }\n }\n\n .year {\n font-family: "Korb", sans-serif;\n font-weight: 700;\n font-size: 100px;\n line-height: 0.9;\n margin-bottom: 0.25em;\n\n @media(max-width: 1340px) {\n font-size: 80px;\n }\n @media(max-width: 999px) {\n font-size: 72px;\n }\n @media(max-width: 567px) {\n font-size: 48px;\n }\n @media(max-width: 349px) {\n font-size: 40px;\n }\n }\n\n .subhead {\n font-weight: 700;\n }\n\n p:last-child {\n margin-bottom: 0;\n }\n\n @media(min-width: 1000px) {\n .slide.has-image .container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n .image-box, .text-box {\n flex: 1 1 calc(50% - 20px);\n max-width: calc(50% - 20px);\n\n @media(max-width: 1339px) {\n flex: 1 1 calc(50% - 15px);\n max-width: calc(50% - 15px);\n }\n }\n\n .image-box {\n position: relative;\n margin: 30px 0;\n\n &.portrait {\n flex: 1 1 265px;\n margin-right: 40px;\n max-width: 265px;\n\n + .text-box {\n max-width: none;\n }\n\n @media(max-width: 1339px) {\n margin-right: 30px;\n }\n }\n\n &.medium {\n flex: 1 1 320px;\n margin-right: 40px;\n max-width: 320px;\n\n + .text-box {\n max-width: none;\n }\n\n @media(max-width: 1339px) {\n margin-right: 30px;\n }\n }\n\n img {\n display: block;\n max-width: 100%;\n }\n\n .caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding: 8px 12px;\n background-color: rgba(white, 0.6);\n text-align: left;\n backdrop-filter: blur(3px);\n font-weight: 700;\n font-size: 15px;\n line-height: 1.4;\n\n span + span {\n margin-top: 3px;\n }\n }\n\n .copyright {\n display: block;\n font-weight: 400;\n font-size: 10px;\n }\n }\n\n .text-box {\n text-align: left;\n }\n\n .year {\n margin-left: -0.06em;\n }\n }\n\n &.hide-circle::before {\n transform: translate3d(-50%, -50%, 0) scale(0.8);\n opacity: 0;\n }\n }\n\n @media(max-width: 999px) {\n .image-box {\n display: none;\n }\n }\n\n @media(max-width: 767px) {\n p {\n line-height: 1.4;\n font-size: 0.94em;\n }\n }\n\n @media(max-width: 567px) {\n p {\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n }\n\n .years {\n position: relative;\n display: block;\n background-color: var(--theme-color-primary);\n color: white;\n overflow: hidden;\n\n &::before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n top: 50%;\n margin-top: -4px;\n height: 8px;\n background-color: var(--theme-color-secondary);\n\n @media(max-width: 999px) {\n margin-top: 8px;\n height: 4px;\n }\n }\n }\n\n .years-wrapper {\n position: relative;\n display: flex;\n\n &.animate {\n transition: 0.3s ease;\n }\n\n &.dragging * {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n }\n\n @media(max-width: 999px) {\n .year-item {\n margin: 26px 32px 26px 0;\n\n .year {\n white-space: nowrap;\n\n br {\n display: none;\n }\n }\n\n ul {\n display: none;\n }\n\n .year {\n position: relative;\n font-family: "Korb", sans-serif;\n font-weight: 700;\n font-size: 36px;\n line-height: 1;\n cursor: pointer;\n z-index: 1;\n transition: 0.2s ease;\n margin-bottom: 0;\n\n &::before {\n content: "";\n @include full-size;\n background-color: var(--theme-color-primary);\n margin: 0 -8px;\n z-index: -1;\n transition: 0.2s ease;\n opacity: 0;\n }\n }\n\n &.current .year::before,\n &.anchor .year::before {\n opacity: 1;\n }\n\n &.current .year {\n color: var(--theme-color-secondary);\n }\n\n &.last {\n margin-right: 200px;\n }\n }\n }\n\n @media(min-width: 1000px) {\n .year-item {\n position: relative;\n font-size: 0.75em;\n line-height: 1.3em;\n display: flex;\n align-items: flex-start;\n min-height: 360px;\n flex: 1 1 320px;\n max-width: 320px;\n min-width: 320px;\n padding: 18px 20px 22px;\n\n &::before {\n content: "";\n position: absolute;\n left: 0;\n top: 26px;\n bottom: calc(50% - 4px);\n width: 4px;\n background-color: white;\n z-index: 2;\n }\n\n @media(max-width: 999px) {\n min-height: 0;\n flex: 1 1 150px;\n max-width: 150px;\n min-width: 60px;\n\n &::before {\n display: none;\n }\n }\n\n &:nth-child(odd) {\n align-items: flex-end;\n\n &::before {\n bottom: 26px;\n top: calc(50% - 4px);\n }\n }\n\n &.anchor {\n &::before {\n display: none;\n }\n .year::before {\n opacity: 1;\n }\n &:not(:first-child) {\n margin-right: 40px;\n }\n }\n\n &.last {\n margin-right: 400px;\n }\n\n &.anchor ~ .anchor ~ .anchor {\n margin-right: 70px;\n\n .year::before {\n margin-right: 0.6em;\n }\n }\n\n .year {\n position: absolute;\n bottom: 50%;\n margin: calc(-4px - 0.15em) -0.06em;\n font-family: "Korb", sans-serif;\n font-weight: 700;\n font-size: 60px;\n line-height: 1;\n cursor: pointer;\n z-index: 1;\n transition: 0.2s ease;\n\n &::before {\n content: "";\n @include full-size;\n background-color: var(--theme-color-primary);\n margin: 0 -16px;\n z-index: -1;\n transition: 0.2s ease;\n opacity: 0;\n }\n\n @media(max-width: 999px) {\n font-size: 40px;\n position: relative;\n }\n }\n\n &.current {\n &::before {\n background-color: var(--theme-color-secondary);\n }\n\n .year {\n color: var(--theme-color-secondary);\n\n &::before {\n opacity: 1;\n }\n }\n }\n\n ul {\n margin: 0 -70% 0 -0.28em;\n padding: 0;\n list-style: none;\n\n @media(max-width: 999px) {\n display: none;\n }\n }\n\n .title {\n margin: 0;\n font-family: \'Source Sans Pro\', sans-serif;\n font-weight: 600;\n }\n\n li {\n position: relative;\n cursor: pointer;\n transition: 0.2s ease;\n z-index: 3;\n padding: 0.2em 0;\n top: 0.25em;\n\n &::before {\n content: \'\';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 15px;\n transition: 0.2s ease;\n }\n\n &:hover, &.active {\n color: var(--theme-color-secondary);\n }\n\n p {\n transform: translate3d(0, 0, 0);\n transition: 0.2s ease;\n }\n\n &:hover p {\n transform: translate3d(10px, 0, 0);\n }\n }\n\n .slide {\n display: none;\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___}}]);
\ No newline at end of file
diff --git a/gfi-ihk-2024/storybook-static/6493.d4a08eaf.iframe.bundle.js b/gfi-ihk-2024/storybook-static/6493.d4a08eaf.iframe.bundle.js
deleted file mode 100644
index b87df30..0000000
--- a/gfi-ihk-2024/storybook-static/6493.d4a08eaf.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[6493],{"./stories/atoms/tabs/TabsComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>createTabs});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),tabs=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/tabs/tabs.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(tabs.Z,options);tabs.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createTabs=function createTabs(_ref){var _ref$size=_ref.size,size=void 0===_ref$size?"small":_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"primary-extra-light":_ref$color,_ref$data=_ref.data,data=void 0===_ref$data?[{label:"Alle (24) ",link:"#"},{label:"Veranstaltungen (4) ",link:"#"},{label:"Downloads (12) ",link:"#"}]:_ref$data,tabs=(0,helpers.az)("div",["tabs"]);return data.map((function(item,i){var button=(0,ButtonComponent.a)({size,label:item.label,link:item.link,color});tabs.appendChild(button),0===i&&button.classList.add("active")})),tabs}},"./stories/sections/slider/slider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var jquery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_12__),hammerjs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/hammerjs/hammer.js"),hammerjs__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_13__);function _defineProperties(target,props){for(var i=0;i ').appendTo(section),this.slideWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').appendTo(this.slideOverflow).append(this.slides),this.currentSlide=0,this.autoplayTimeout=0,this.isHovered=!1,this.sectionInitialClicked=!1,this.dragging=!1,this.inViewport=!1,this.positionAnimation={x:0},this.settings={loop:!1,autoplay:this.section.data("autoplay"),infinite:!0,autoplaySpeed:this.section.data("autoplay-speed")?this.section.data("autoplay-speed"):5e3,animationSpeed:600,startSlide:0},this.initSlides(),this.settings.infinite&&this.initInfinity(),this.initUI(),this.checkSize(),this.slides.length>1&&(this.initHammerDragging(),this.initTabbing()),this.changeSlide(this.settings.startSlide),this.initAutoplay(),this.checkSize(),this.section.closest(".steps").length&&this.setupSteps(),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).on("resize",(function(){_this.checkSize()}))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSlider,[{key:"initSlides",value:function initSlides(){this.slides.each((function(i){var slide=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).attr("data-index",i),h3=slide.find("h3"),p=h3.next("p");slide.find(".image-box").length?(h3.text().length>48&&h3.html(h3.text().substring(0,48)+"…"),p.text().length>148&&p.html(p.text().substring(0,148)+"…")):slide.addClass("text-only")}))}},{key:"checkSize",value:function checkSize(){this.controls.find(".tabs").width()>.6*this.slideOverflow.width()?this.section.addClass("many-slides"):this.section.removeClass("many-slides")}},{key:"initInfinity",value:function initInfinity(){this.nextWrapper=this.slideWrapper.clone(),this.prevWrapper=this.slideWrapper.clone(),this.nextWrapper.removeClass("slide-wrapper").addClass("next-clone").appendTo(this.slideWrapper).css({left:this.slides.length+"%"}),this.prevWrapper.removeClass("slide-wrapper").addClass("prev-clone").appendTo(this.slideWrapper),this.nextWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.prevWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.nextWrapper.find("img").removeClass("loading"),this.prevWrapper.find("img").removeClass("loading")}},{key:"initUI",value:function initUI(){var _this2=this;this.count=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" "),this.prevButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' '),this.nextButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ');var tabsWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(''),countWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ').html('/'+this.slides.length+" ").prepend(this.count);this.slides.each((function(i){var s=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this),li=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(tabsWrapper);jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").addClass("btn").appendTo(li).text(s.data("title")?s.data("title"):i+1)})),this.tabs=tabsWrapper.children(),tabsWrapper.find("button").on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.changeSlide(jquery__WEBPACK_IMPORTED_MODULE_12___default()(e.currentTarget).parent().index())})),this.prevButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onPrev()})),this.nextButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onNext()})),this.controls=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').append(this.prevButton).append(tabsWrapper).append(countWrapper).append(this.nextButton).appendTo(this.section)}},{key:"changeSlide",value:function changeSlide(index,offset){var _this3=this,transition=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],t=this,prevIndex=0===index?this.slides.length-1:index-1,nextIndex=index===this.slides.length-1?0:index+1,allWidth=t.nextWrapper.position().left;offset||(offset=0),index===this.currentSlide&&0===this.slideOverflow.outerHeight()&&(transition=!1),t.positionAnimation={x:this.slideWrapper.position().left};var target=(index+offset)/-100*this.slideWrapper.width(),time=Math.round(Math.abs(this.positionAnimation.x-target)/5+200);time>500&&(time=500),transition||(time=0),t.slideOverflow.css({"transition-duration":time+"ms",height:this.slideOverflow.outerHeight()+"px"}),t.slideWrapper.find(".current").removeClass("current"),t.slideWrapper.find('[data-index="'+index+'"]').addClass("current"),t.slideWrapper.find(".is-prev").removeClass("is-prev"),t.slideWrapper.find('[data-index="'+prevIndex+'"]').addClass("is-prev"),t.slideWrapper.find(".is-next").removeClass("is-next"),t.slideWrapper.find('[data-index="'+nextIndex+'"]').addClass("is-next"),target>0&&(target-=allWidth,this.positionAnimation.x=this.positionAnimation.x-allWidth),target<=-1*allWidth+1&&(target+=allWidth,this.positionAnimation.x=this.positionAnimation.x+allWidth),requestAnimationFrame((function(){_this3.slideOverflow.css({height:_this3.slides.eq(index).outerHeight()+"px"})})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(this.positionAnimation).animate({x:target},{duration:time,easing:"easeOutCubic",step:function step(now){_this3.slideWrapper.css({transform:"translate3d("+Math.round(now)+"px, 0, 0)"})},complete:function complete(){requestAnimationFrame((function(){_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),_this3.slideOverflow.css("height","auto")}))}}),this.tabs.eq(index).addClass("active").siblings(".active").removeClass("active"),this.count.text(index+1),this.settings.autoplay&&!this.isHovered&&this.handleAutoplay(),0!==offset&&setTimeout((function(){_this3.slideWrapper.addClass("no-transition"),_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),setTimeout((function(){_this3.slideWrapper.removeClass("no-transition")}),20)}),this.settings.animationSpeed),this.currentSlide=index,this.section.trigger("slide-change"),this.section.closest(".steps").length&&this.sectionInitialClicked&&this.scrollToTop()}},{key:"goTo",value:function goTo(index,transition){var _this4=this;!1===transition&&this.slideWrapper.addClass("no-transition"),this.sectionInitialClicked=!0,this.changeSlide(index,0,transition),setTimeout((function(){_this4.slideWrapper.removeClass("no-transition")}),20)}},{key:"onNext",value:function onNext(){var nextSlide=this.currentSlide===this.slides.length-1?0:this.currentSlide+1,offset=this.settings.infinite&&0===nextSlide?this.slides.length:0;this.changeSlide(nextSlide,offset)}},{key:"onPrev",value:function onPrev(){var prevSlide=0===this.currentSlide?this.slides.length-1:this.currentSlide-1,offset=this.settings.infinite&&prevSlide===this.slides.length-1?-1*this.slides.length:0;this.changeSlide(prevSlide,offset)}},{key:"initAutoplay",value:function initAutoplay(){var _this5=this;this.section.on("mouseenter",(function(){_this5.isHovered=!0,clearTimeout(_this5.autoplayTimeout)})),this.section.on("mouseleave",(function(){_this5.isHovered=!1,_this5.handleAutoplay()})),this.initScrollCheck(),this.handleAutoplay()}},{key:"handleAutoplay",value:function handleAutoplay(){var _this6=this;if(this.dragging)return!1;clearTimeout(this.autoplayTimeout),this.settings.autoplaySpeed>0&&this.settings.autoplay&&(this.autoplayTimeout=setTimeout((function(){_this6.inViewport?_this6.onNext():_this6.handleAutoplay()}),this.settings.autoplaySpeed))}},{key:"initScrollCheck",value:function initScrollCheck(){var _this7=this;window.addEventListener("scroll",(function(){window.requestAnimationFrame((function(){_this7.scrollCheck()}))}),{passive:!0}),window.requestAnimationFrame((function(){_this7.scrollCheck()}))}},{key:"scrollCheck",value:function scrollCheck(){var w=jquery__WEBPACK_IMPORTED_MODULE_12___default()(window);w.scrollTop()+w.height()-200>this.section.offset().top&&w.scrollTop()sliderWidth/5?_this8.onPrev():e.deltaX").one("load",(function(e){var loadedImage=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).removeClass("loading"),slide=loadedImage.closest(".slide").removeClass("preload"),index=parseInt(slide.attr("data-index"));t.nextWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone()),t.prevWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone())}));img.attr("src",ib.attr("data-src")).appendTo(ib),img.attr("data-download",ib.attr("data-download")).appendTo(ib),img.attr("draggable","false").attr("ondragstart","return false;")}}},{key:"resetTabScroll",value:function resetTabScroll(){var _this10=this;this.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),this.tabScrollActive&&window.requestAnimationFrame((function(){_this10.resetTabScroll()}))}},{key:"scrollToTop",value:function scrollToTop(){var target=this.section.closest(".steps").offset().top-120;jquery__WEBPACK_IMPORTED_MODULE_12___default()("html, body").animate({scrollTop:target},600,"easeOutQuad")}},{key:"setupSteps",value:function setupSteps(){this.nextButton.text("Weiter").addClass("btn").addClass("has-icon").addClass("icon-right").addClass("icon-pfeil-rechts")}}]),IHKSlider}();const __WEBPACK_DEFAULT_EXPORT__=IHKSlider;jquery__WEBPACK_IMPORTED_MODULE_12___default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()(".rotation .slider:not(.initiated), .steps .slider:not(.initiated)").each((function(i,el){var selector=jquery__WEBPACK_IMPORTED_MODULE_12___default()(el);selector.find("dynamic-content").length||new IHKSlider(selector)}))}))},"./stories/sections/timeline/TimelineComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>createTimeline});__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),timeline=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/timeline/timeline.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(timeline.Z,options);timeline.Z.locals;var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),TimelineData=[{tab:"Gießen",title:"Chronik der IHK Gießen",nav:"IHK Gießen",id:"timeline-giessen",years:[{year:1870,items:[{title:"Preußisches Handelskammergesetz",image:null,subhead:"24. Februar 1870: Preußisches Handelskammergesetz",copy:null}]},{year:1871,items:[{title:"Gesetzentwurf der hessischen Regierung",image:{src:"./dummy/gi-1871-gesetz.jpg",width:320,height:400,alt:"",size:"medium",caption:"Gesetz, die Handelskammern betreffend, in: Großherzoglich Hessisches Regierungsblatt",copyright:"Quelle: Bayerische Staatsbibliothek (BSB), 4 Merc. 623-1870"},subhead:"22. September 1871: Gesetzentwurf der hessischen Regierung",copy:"In Abstimmung mit den Vorsitzenden der HKs Mainz, Offenbach und Worms bringt die hessische Regierung einen Entwurf ein, dessen Bestimmungen größtenteils dem preußischen Gesetz entlehnt waren."},{title:"Ratifizierung des Gesetzes „die Handelskammern betreffend“",image:{src:"./dummy/gi-1871.jpg",width:265,height:400,alt:"",size:"portrait",caption:null,copyright:"Quelle: Bayerische Staatsbibliothek (BSB), 4 Merc. 623-1870"},subhead:"17. November 1871: Ratifizierung durch Großherzog Ludwig III.",copy:"Großherzog Ludwig III. ratifiziert das Gesetz „die Handelskammern betreffend“ mit Fokus auf den Beratungsauftrag. Dieses wird für die folgenden drei Jahrzehnte die Grundlage für die Arbeit der HKs im Großherzogtum Hessen."}]},{year:1872,items:[{title:"Gesetzentwurf der hessischen Regierung",image:{src:"./dummy/gi-1872.jpg",width:650,height:400,alt:"Gesetzentwurf der hessischen Regierung",size:"large",caption:null,copyright:"Quelle: DigiZeitschriften e.V."},subhead:"22. September 1871: Gesetzentwurf der hessischen Regierung",copy:"In Abstimmung mit den Vorsitzenden der HKs Mainz, Offenbach und Worms bringt die hessische Regierung einen Entwurf ein, dessen Bestimmungen größtenteils dem preußischen Gesetz entlehnt waren."}]}]},{tab:"Friedberg",title:"Chronik der IHK Friedberg",nav:"IHK Friedberg",id:"timeline-friedberg",years:[{year:1870,items:[{title:"Preußisches Handelskammergesetz",image:null,subhead:"24. Februar 1870: Preußisches Handelskammergesetz",copy:null}]}]}],TabsComponent=__webpack_require__("./stories/atoms/tabs/TabsComponent.js"),slider=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.substr.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./stories/sections/slider/slider.js"));function _defineProperties(target,props){for(var i=0;i_this.winPosition&&st<_this.secPosition-100&&(_this.scrolling=!0,$("html, body").animate({scrollTop:_this.secPosition-100},200,(function(){_this.scrolling=!1}))),_this.winPosition=st}))}},{key:"initSwitch",value:function initSwitch(){var _this2=this;this.switches=this.section.siblings(".timeline-tabs").find("a"),this.switchSlides=[],this.switches.each((function(index,tab){var href=tab.href,id=href.substr(href.indexOf("#")),target=parseInt($(id).attr("data-index"));_this2.switchSlides.push(target),tab.setAttribute("data-index",index),tab.setAttribute("data-target",target)})),this.slider.section.on("slide-change",(function(){_this2.switches.removeClass("active");for(var cs=_this2.slider.currentSlide,i=_this2.switchSlides.length-1;i>=0;){if(cs>=_this2.switchSlides[i]){_this2.switches.eq(i).addClass("active");break}i--}})),this.switches.on("click",(function(e){e.preventDefault();var target=parseInt(e.currentTarget.getAttribute("data-target"));_this2.slider.goTo(target,!1)}))}},{key:"initResize",value:function initResize(){var _this3=this;this.resizeTimeout=null,$(window).on("resize",(function(){_this3.resizeTimeout&&clearTimeout(_this3.resizeTimeout),_this3.resizeTimeout=setTimeout((function(){_this3.handleResize()}),200)})),this.handleResize()}},{key:"handleResize",value:function handleResize(){this.containerWidth=this.yearsContainer.width(),this.wrapperWidth=this.yearsWrapper.get(0).scrollWidth,this.scrollWidth=this.containerWidth-this.wrapperWidth,this.yearsWrapper.css({width:this.wrapperWidth+"px"})}},{key:"initDragging",value:function initDragging(){var _this4=this;this.dragOffset=0,this.wrapperOffset=0,this.yearsWrapper.get(0).onmousedown=function(e){_this4.dragStart(e)},this.yearsWrapper.get(0).addEventListener("touchstart",(function(e){_this4.dragStart(e)})),this.yearsWrapper.get(0).addEventListener("touchend",(function(e){_this4.dragEnd(e)})),this.yearsWrapper.get(0).addEventListener("touchmove",(function(e){_this4.dragMove(e)}))}},{key:"dragStart",value:function dragStart(e){var _this5=this;this.dragOffset=0,this.dragLast=0,"touchstart"===e.type?this.dragOrigin=e.touches[0].clientX:(this.dragOrigin=e.clientX,document.onmouseup=function(e){_this5.dragEnd(e)},document.onmousemove=function(e){_this5.dragMove(e)})}},{key:"dragMove",value:function dragMove(e){"touchmove"===e.type?(this.dragLast=this.dragOffset,this.dragOffset=this.dragOrigin-e.touches[0].clientX):(this.dragLast=this.dragOffset,this.dragOffset=this.dragOrigin-e.clientX),Math.abs(this.dragOffset)>3&&this.yearsWrapper.addClass("dragging"),this.wrapperTarget=this.wrapperOffset-this.dragOffset,this.wrapperTarget>0?this.wrapperTarget=this.wrapperTarget/4:this.wrapperTarget5&&(this.wrapperTarget=this.wrapperTarget-10*velocity);var bounceBack=this.checkScrollEnd();this.yearsWrapper.removeClass("dragging"),this.wrapperOffset=this.wrapperTarget,(bounceBack||Math.abs(velocity)>5)&&this.animateToPosition(),document.onmouseup=null,document.onmousemove=null}},{key:"animateToPosition",value:function animateToPosition(){var _this6=this;this.yearsWrapper.addClass("animate"),requestAnimationFrame((function(){_this6.yearsWrapper.css({transform:"translateX("+_this6.wrapperTarget+"px)"}),setTimeout((function(){_this6.yearsWrapper.removeClass("animate")}),300)}))}},{key:"buildSlider",value:function buildSlider(){var _this7=this,slides=this.itemSlider.addClass("slider").appendTo(this.itemSlider);this.years.find(".items > li").each((function(i,li){var listItem=$(li);listItem.attr("data-index",i).find(".slide").appendTo(slides),listItem.on("click",(function(){_this7.slider.goTo(i,!0),_this7.activateItem(i)}))})),this.slider=new slider.Z(slides),this.slider.section.on("slide-change",(function(){_this7.activateItem(_this7.slider.currentSlide)})),this.slides=this.slider.section.find(".slide")}},{key:"initYearClick",value:function initYearClick(){this.years.children(".year").on("click",(function(e){$(e.currentTarget).next(".items").children("li").first().trigger("click")}))}},{key:"activateItem",value:function activateItem(index){this.years.removeClass("current").find("li.active").removeClass("active");var yearItem=this.years.find('li[data-index="'+index+'"]').addClass("active").closest(".year-item").addClass("current"),ww=$(window).width(),iw=1.5*yearItem.outerWidth();(yearItem.offset().left+iw>ww||yearItem.offset().left<50)&&(this.wrapperOffset=this.wrapperTarget=-1*yearItem.position().left,this.checkScrollEnd(),this.animateToPosition()),this.slides.eq(index).hasClass("has-image")?this.slider.section.addClass("hide-circle"):this.slider.section.removeClass("hide-circle")}},{key:"checkScrollEnd",value:function checkScrollEnd(){return this.wrapperTarget>0?(this.wrapperTarget=0,!0):this.wrapperTarget{var $=__webpack_require__("./node_modules/core-js/internals/export.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),requireObjectCoercible=__webpack_require__("./node_modules/core-js/internals/require-object-coercible.js"),toIntegerOrInfinity=__webpack_require__("./node_modules/core-js/internals/to-integer-or-infinity.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),stringSlice=uncurryThis("".slice),max=Math.max,min=Math.min;$({target:"String",proto:!0,forced:!"".substr||"b"!=="ab".substr(-1)},{substr:function substr(start,length){var intLength,intEnd,that=toString(requireObjectCoercible(this)),size=that.length,intStart=toIntegerOrInfinity(start);return intStart===1/0&&(intStart=0),intStart<0&&(intStart=max(size+intStart,0)),(intLength=void 0===length?size:toIntegerOrInfinity(length))<=0||intLength===1/0||intStart>=(intEnd=min(intStart+intLength,size))?"":stringSlice(that,intStart,intEnd)}})},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/tabs/tabs.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,".tabs{margin:calc(10px + 1%) -0.25em}.tabs .btn{margin:.25em;display:inline-flex}.tabs .btn::after{display:none}.tabs .btn.active,.tabs .btn:hover{background-color:var(--theme-color-primary);color:var(--theme-color-white)}.tabs .btn strong{margin-left:.2em}","",{version:3,sources:["webpack://./stories/atoms/tabs/tabs.scss"],names:[],mappings:"AAGA,MACE,8BAAA,CAEA,WACE,YAAA,CACA,mBAAA,CAEA,kBACE,YAAA,CAGF,mCACE,2CAAA,CACA,8BAAA,CAGF,kBACE,gBAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.tabs {\n margin: calc(10px + 1%) -0.25em;\n\n .btn {\n margin: 0.25em;\n display: inline-flex;\n\n &::after {\n display: none;\n }\n\n &.active, &:hover {\n background-color: var(--theme-color-primary);\n color: var(--theme-color-white);\n }\n\n strong {\n margin-left: 0.2em;\n }\n }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/timeline/timeline.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,'.timeline-tabs{position:relative;display:block;background-color:var(--theme-color-primary-dimmed-04);padding:24px 20px 0;margin-bottom:-5px}.timeline-tabs .tabs{margin:0;text-align:center}.timeline-tabs ul{list-style:none;display:flex;justify-content:center;margin:0 -15px;padding:0;position:relative;z-index:1}.timeline-tabs .btn-small{min-width:180px;text-align:center;margin-right:10px}.timeline-tabs .btn-small:not(.active){background-color:#fff;color:var(--theme-primary)}.timeline-tabs .btn-small:focus{color:#fff}@media(max-width: 567px){.timeline-tabs .btn-small{min-width:0;padding-left:12px;padding-right:12px;margin:0 4px}}@media(max-width: 349px){.timeline-tabs .btn-small{font-size:16px;margin:0 2px}}@media(min-width: 1000px){.timeline-tabs~.timeline .item-slider .prev,.timeline-tabs~.timeline .item-slider .next{margin-top:-52px}}@media(min-width: 1340px){.timeline-tabs~.timeline .item-slider .prev,.timeline-tabs~.timeline .item-slider .next{margin-top:-74px}}.timeline{margin:0 0 calc(1.5vw + 40px)}.timeline>p:last-child{font-size:14px;text-align:right;margin:15px}.timeline .item-slider{position:relative;display:block;background-color:var(--theme-color-primary-dimmed-04);min-height:460px;font-weight:600}.timeline .item-slider::before{content:"";position:absolute;width:374px;height:374px;background-color:#9ad7a3;top:50%;left:50%;border-radius:50%;transform:translate3d(-50%, -50%, 0) scale(1);opacity:1;transition:.3s ease}@media(max-width: 567px){.timeline .item-slider{min-height:380px}.timeline .item-slider::before{width:280px;height:280px}}@media(max-width: 349px){.timeline .item-slider::before{width:260px;height:260px}}.timeline .item-slider .slider-tabs,.timeline .item-slider .tabs,.timeline .item-slider .count{display:none}.timeline .item-slider .prev,.timeline .item-slider .next{width:80px;height:80px;position:absolute;top:50%;margin-top:-40px;right:24px;padding:0;font-size:80px;line-height:1;transition:.2s ease;border:0;background-color:rgba(0,0,0,0);cursor:pointer}.timeline .item-slider .prev::before,.timeline .item-slider .next::before{content:"";font-family:"Icons",sans-serif;color:var(--theme-color-primary);font-weight:400}.timeline .item-slider .prev:hover,.timeline .item-slider .next:hover{padding-left:8px}@media(max-width: 999px){.timeline .item-slider .prev:hover,.timeline .item-slider .next:hover{padding-left:0}}@media(max-width: 1339px){.timeline .item-slider .prev,.timeline .item-slider .next{right:0;width:50px;height:50px;font-size:50px;margin-top:-25px}}@media(max-width: 567px){.timeline .item-slider .prev,.timeline .item-slider .next{font-size:30px;width:30px;height:30px;margin-top:-15px}}.timeline .item-slider .prev{left:24px;transform:scale(-1, 1)}@media(max-width: 1339px){.timeline .item-slider .prev{left:0}}.timeline .item-slider .slide{min-height:460px;display:flex;align-items:center;text-align:center}.timeline .item-slider .slide:not(.current){max-height:460px}@media(max-width: 567px){.timeline .item-slider .slide{min-height:380px}.timeline .item-slider .slide:not(.current){max-height:380px}}.timeline .item-slider .text-box{padding:50px 0}@media(max-width: 767px){.timeline .item-slider .text-box{padding:30px 0}}.timeline .item-slider .slide:not(.has-image) .container{max-width:1180px}@media(min-width: 1000px)and (max-width: 1339px){.timeline .item-slider .container{padding:0 60px}}@media(min-width: 768px)and (max-width: 999px){.timeline .item-slider .container{padding:0 120px}}.timeline .item-slider .year{font-family:"Korb",sans-serif;font-weight:700;font-size:100px;line-height:.9;margin-bottom:.25em}@media(max-width: 1340px){.timeline .item-slider .year{font-size:80px}}@media(max-width: 999px){.timeline .item-slider .year{font-size:72px}}@media(max-width: 567px){.timeline .item-slider .year{font-size:48px}}@media(max-width: 349px){.timeline .item-slider .year{font-size:40px}}.timeline .item-slider .subhead{font-weight:700}.timeline .item-slider p:last-child{margin-bottom:0}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container{display:flex;align-items:center;justify-content:space-between}.timeline .item-slider .slide.has-image .container .image-box,.timeline .item-slider .slide.has-image .container .text-box{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}}@media(min-width: 1000px)and (max-width: 1339px){.timeline .item-slider .slide.has-image .container .image-box,.timeline .item-slider .slide.has-image .container .text-box{flex:1 1 calc(50% - 15px);max-width:calc(50% - 15px)}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box{position:relative;margin:30px 0}.timeline .item-slider .slide.has-image .container .image-box.portrait{flex:1 1 265px;margin-right:40px;max-width:265px}.timeline .item-slider .slide.has-image .container .image-box.portrait+.text-box{max-width:none}}@media(min-width: 1000px)and (max-width: 1339px){.timeline .item-slider .slide.has-image .container .image-box.portrait{margin-right:30px}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box.medium{flex:1 1 320px;margin-right:40px;max-width:320px}.timeline .item-slider .slide.has-image .container .image-box.medium+.text-box{max-width:none}}@media(min-width: 1000px)and (max-width: 1339px){.timeline .item-slider .slide.has-image .container .image-box.medium{margin-right:30px}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box img{display:block;max-width:100%}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box .caption{position:absolute;bottom:0;left:0;width:100%;padding:8px 12px;background-color:rgba(255,255,255,.6);text-align:left;backdrop-filter:blur(3px);font-weight:700;font-size:15px;line-height:1.4}.timeline .item-slider .slide.has-image .container .image-box .caption span+span{margin-top:3px}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box .copyright{display:block;font-weight:400;font-size:10px}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .text-box{text-align:left}}@media(min-width: 1000px){.timeline .item-slider .slide.has-image .container .year{margin-left:-0.06em}}@media(min-width: 1000px){.timeline .item-slider.hide-circle::before{transform:translate3d(-50%, -50%, 0) scale(0.8);opacity:0}}@media(max-width: 999px){.timeline .item-slider .image-box{display:none}}@media(max-width: 767px){.timeline .item-slider p{line-height:1.4;font-size:.94em}}@media(max-width: 567px){.timeline .item-slider p{padding-left:10px;padding-right:10px}}.timeline .years{position:relative;display:block;background-color:var(--theme-color-primary);color:#fff;overflow:hidden}.timeline .years::before{content:"";position:absolute;left:0;right:0;top:50%;margin-top:-4px;height:8px;background-color:var(--theme-color-secondary)}@media(max-width: 999px){.timeline .years::before{margin-top:8px;height:4px}}.timeline .years-wrapper{position:relative;display:flex}.timeline .years-wrapper.animate{transition:.3s ease}.timeline .years-wrapper.dragging *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(max-width: 999px){.timeline .year-item{margin:26px 32px 26px 0}.timeline .year-item .year{white-space:nowrap}.timeline .year-item .year br{display:none}.timeline .year-item ul{display:none}.timeline .year-item .year{position:relative;font-family:"Korb",sans-serif;font-weight:700;font-size:36px;line-height:1;cursor:pointer;z-index:1;transition:.2s ease;margin-bottom:0}.timeline .year-item .year::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-color-primary);margin:0 -8px;z-index:-1;transition:.2s ease;opacity:0}.timeline .year-item.current .year::before,.timeline .year-item.anchor .year::before{opacity:1}.timeline .year-item.current .year{color:var(--theme-color-secondary)}.timeline .year-item.last{margin-right:200px}}@media(min-width: 1000px){.timeline .year-item{position:relative;font-size:.75em;line-height:1.3em;display:flex;align-items:flex-start;min-height:360px;flex:1 1 320px;max-width:320px;min-width:320px;padding:18px 20px 22px}.timeline .year-item::before{content:"";position:absolute;left:0;top:26px;bottom:calc(50% - 4px);width:4px;background-color:#fff;z-index:2}}@media(min-width: 1000px)and (max-width: 999px){.timeline .year-item{min-height:0;flex:1 1 150px;max-width:150px;min-width:60px}.timeline .year-item::before{display:none}}@media(min-width: 1000px){.timeline .year-item:nth-child(odd){align-items:flex-end}.timeline .year-item:nth-child(odd)::before{bottom:26px;top:calc(50% - 4px)}}@media(min-width: 1000px){.timeline .year-item.anchor::before{display:none}.timeline .year-item.anchor .year::before{opacity:1}.timeline .year-item.anchor:not(:first-child){margin-right:40px}}@media(min-width: 1000px){.timeline .year-item.last{margin-right:400px}}@media(min-width: 1000px){.timeline .year-item.anchor~.anchor~.anchor{margin-right:70px}.timeline .year-item.anchor~.anchor~.anchor .year::before{margin-right:.6em}}@media(min-width: 1000px){.timeline .year-item .year{position:absolute;bottom:50%;margin:calc(-4px - .15em) -0.06em;font-family:"Korb",sans-serif;font-weight:700;font-size:60px;line-height:1;cursor:pointer;z-index:1;transition:.2s ease}.timeline .year-item .year::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-color-primary);margin:0 -16px;z-index:-1;transition:.2s ease;opacity:0}}@media(min-width: 1000px)and (max-width: 999px){.timeline .year-item .year{font-size:40px;position:relative}}@media(min-width: 1000px){.timeline .year-item.current::before{background-color:var(--theme-color-secondary)}.timeline .year-item.current .year{color:var(--theme-color-secondary)}.timeline .year-item.current .year::before{opacity:1}}@media(min-width: 1000px){.timeline .year-item ul{margin:0 -70% 0 -0.28em;padding:0;list-style:none}}@media(min-width: 1000px)and (max-width: 999px){.timeline .year-item ul{display:none}}@media(min-width: 1000px){.timeline .year-item .title{margin:0;font-family:"Source Sans Pro",sans-serif;font-weight:600}}@media(min-width: 1000px){.timeline .year-item li{position:relative;cursor:pointer;transition:.2s ease;z-index:3;padding:.2em 0;top:.25em}.timeline .year-item li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:15px;transition:.2s ease}.timeline .year-item li:hover,.timeline .year-item li.active{color:var(--theme-color-secondary)}.timeline .year-item li p{transform:translate3d(0, 0, 0);transition:.2s ease}.timeline .year-item li:hover p{transform:translate3d(10px, 0, 0)}}@media(min-width: 1000px){.timeline .year-item .slide{display:none}}',"",{version:3,sources:["webpack://./stories/sections/timeline/timeline.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,eAGA,iBACE,CAAA,aACA,CAAA,qDACA,CAAA,mBACA,CAAA,kBACA,CAAA,qBAEA,QACE,CAAA,iBACA,CAAA,kBAGF,eACE,CAAA,YACA,CAAA,sBACA,CAAA,cACA,CAAA,SACA,CAAA,iBACA,CAAA,SACA,CAAA,0BAEF,eACE,CAAA,iBACA,CAAA,iBACA,CAAA,uCAEA,qBACE,CAAA,0BACA,CAAA,gCAGF,UACE,CAAA,yBAGF,0BAdF,WAeI,CAAA,iBACA,CAAA,kBACA,CAAA,YACA,CAAA,CAAA,yBAEF,0BApBF,cAqBI,CAAA,YACA,CAAA,CAAA,0BAOA,wFAFF,gBAGI,CAAA,CAAA,0BAEF,wFALF,gBAMI,CAAA,CAAA,UAMR,6BACE,CAAA,uBAEA,cACE,CAAA,gBACA,CAAA,WACA,CAAA,uBAGF,iBACE,CAAA,aACA,CAAA,qDACA,CAAA,gBACA,CAAA,eACA,CAAA,+BAEA,UACE,CAAA,iBACA,CAAA,WACA,CAAA,YACA,CAAA,wBACA,CAAA,OACA,CAAA,QACA,CAAA,iBACA,CAAA,6CACA,CAAA,SACA,CAAA,mBACA,CAAA,yBAGF,uBArBF,gBAsBI,CAAA,+BAEA,WACE,CAAA,YACA,CAAA,CAAA,yBAIJ,+BACE,WACE,CAAA,YACA,CAAA,CAAA,+FAIJ,YACE,CAAA,0DAGF,UACE,CAAA,WACA,CAAA,iBACA,CAAA,OACA,CAAA,gBACA,CAAA,UACA,CAAA,SACA,CAAA,cACA,CAAA,aACA,CAAA,mBACA,CAAA,QACA,CAAA,8BACA,CAAA,cACA,CAAA,0EAEA,WC2HiC,CAAA,8BDzH/B,CAAA,gCACA,CAAA,eACA,CAAA,sEAGF,gBACE,CAAA,yBAEA,sEAHF,cAII,CAAA,CAAA,0BAIJ,0DA9BF,OA+BI,CAAA,UACA,CAAA,WACA,CAAA,cACA,CAAA,gBACA,CAAA,CAAA,yBAGF,0DAtCF,cAuCI,CAAA,UACA,CAAA,WACA,CAAA,gBACA,CAAA,CAAA,6BAIJ,SACE,CAAA,sBACA,CAAA,0BAEA,6BAJF,MAKI,CAAA,CAAA,8BAIJ,gBACE,CAAA,YACA,CAAA,kBACA,CAAA,iBACA,CAAA,4CAEA,gBACE,CAAA,yBAGF,8BAVF,gBAWI,CAAA,4CAEA,gBACE,CAAA,CAAA,iCAKN,cACE,CAAA,yBAEA,iCAHF,cAII,CAAA,CAAA,yDAIJ,gBACE,CAAA,iDAIA,kCADF,cAEI,CAAA,CAAA,+CAEF,kCAJF,eAKI,CAAA,CAAA,6BAIJ,6BACE,CAAA,eACA,CAAA,eACA,CAAA,cACA,CAAA,mBACA,CAAA,0BAEA,6BAPF,cAQI,CAAA,CAAA,yBAEF,6BAVF,cAWI,CAAA,CAAA,yBAEF,6BAbF,cAcI,CAAA,CAAA,yBAEF,6BAhBF,cAiBI,CAAA,CAAA,gCAIJ,eACE,CAAA,oCAGF,eACE,CAAA,0BAGF,mDACE,YACE,CAAA,kBACA,CAAA,6BACA,CAAA,2HAEA,yBACE,CAAA,0BACA,CAAA,CAAA,iDAEA,2HAJF,yBAKI,CAAA,0BACA,CAAA,CAAA,0BAZR,8DAgBI,iBACE,CAAA,aACA,CAAA,uEAEA,cACE,CAAA,iBACA,CAAA,eACA,CAAA,iFAEA,cACE,CAAA,CAAA,iDAGF,uEATF,iBAUI,CAAA,CAAA,0BA9BV,qEAkCM,cACE,CAAA,iBACA,CAAA,eACA,CAAA,+EAEA,cACE,CAAA,CAAA,iDAGF,qEATF,iBAUI,CAAA,CAAA,0BA5CV,kEAgDM,aACE,CAAA,cACA,CAAA,CAAA,0BAlDR,uEAqDM,iBACE,CAAA,QACA,CAAA,MACA,CAAA,UACA,CAAA,gBACA,CAAA,qCACA,CAAA,eACA,CAAA,yBACA,CAAA,eACA,CAAA,cACA,CAAA,eACA,CAAA,iFAEA,cACE,CAAA,CAAA,0BAnEV,yEAuEM,aACE,CAAA,eACA,CAAA,cACA,CAAA,CAAA,0BA1ER,6DA8EI,eACE,CAAA,CAAA,0BA/EN,yDAkFI,mBACE,CAAA,CAAA,0BAnFN,2CAuFE,+CACE,CAAA,SACA,CAAA,CAAA,yBAIJ,kCACE,YACE,CAAA,CAAA,yBAIJ,yBACE,eACE,CAAA,eACA,CAAA,CAAA,yBAIJ,yBACE,iBACE,CAAA,kBACA,CAAA,CAAA,iBAKN,iBACE,CAAA,aACA,CAAA,2CACA,CAAA,UACA,CAAA,eACA,CAAA,yBAEA,UACE,CAAA,iBACA,CAAA,MACA,CAAA,OACA,CAAA,OACA,CAAA,eACA,CAAA,UACA,CAAA,6CACA,CAAA,yBAEA,yBAVF,cAWI,CAAA,UACA,CAAA,CAAA,yBAKN,iBACE,CAAA,YACA,CAAA,iCAEA,mBACE,CAAA,oCAGF,mBACE,CAAA,wBACA,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,yBAIJ,qBACE,uBACE,CAAA,2BAEA,kBACE,CAAA,8BAEA,YACE,CAAA,wBAIJ,YACE,CAAA,2BAGF,iBACE,CAAA,6BACA,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,cACA,CAAA,SACA,CAAA,mBACA,CAAA,eACA,CAAA,mCAEA,UACE,CAAA,iBCtUR,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,2CDoUQ,CAAA,aACA,CAAA,UACA,CAAA,mBACA,CAAA,SACA,CAAA,qFAIJ,SAEE,CAAA,mCAGF,kCACE,CAAA,0BAGF,kBACE,CAAA,CAAA,0BAKN,qBACE,iBACE,CAAA,eACA,CAAA,iBACA,CAAA,YACA,CAAA,sBACA,CAAA,gBACA,CAAA,cACA,CAAA,eACA,CAAA,eACA,CAAA,sBACA,CAAA,6BAEA,UACE,CAAA,iBACA,CAAA,MACA,CAAA,QACA,CAAA,sBACA,CAAA,SACA,CAAA,qBACA,CAAA,SACA,CAAA,CAAA,gDAGF,qBAvBF,YAwBI,CAAA,cACA,CAAA,eACA,CAAA,cACA,CAAA,6BAEA,YACE,CAAA,CAAA,0BA/BR,oCAmCI,oBACE,CAAA,4CAEA,WACE,CAAA,mBACA,CAAA,CAAA,0BAxCR,oCA6CM,YACE,CAAA,0CAEF,SACE,CAAA,8CAEF,iBACE,CAAA,CAAA,0BApDR,0BAwDI,kBACE,CAAA,CAAA,0BAzDN,4CA4DI,iBACE,CAAA,0DAEA,iBACE,CAAA,CAAA,0BAhER,2BAoEI,iBACE,CAAA,UACA,CAAA,iCACA,CAAA,6BACA,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,cACA,CAAA,SACA,CAAA,mBACA,CAAA,mCAEA,UACE,CAAA,iBChbR,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,2CD8aQ,CAAA,cACA,CAAA,UACA,CAAA,mBACA,CAAA,SACA,CAAA,CAAA,gDAGF,2BAtBF,cAuBI,CAAA,iBACA,CAAA,CAAA,0BA5FR,qCAiGM,6CACE,CAAA,mCAGF,kCACE,CAAA,2CAEA,SACE,CAAA,CAAA,0BAzGV,wBA8GI,uBACE,CAAA,SACA,CAAA,eACA,CAAA,CAAA,gDAEA,wBALF,YAMI,CAAA,CAAA,0BApHR,4BAwHI,QACE,CAAA,wCACA,CAAA,eACA,CAAA,CAAA,0BA3HN,wBA8HI,iBACE,CAAA,cACA,CAAA,mBACA,CAAA,SACA,CAAA,cACA,CAAA,SACA,CAAA,gCAEA,UACE,CAAA,iBACA,CAAA,MACA,CAAA,KACA,CAAA,QACA,CAAA,UACA,CAAA,mBACA,CAAA,6DAGF,kCACE,CAAA,0BAGF,8BACE,CAAA,mBACA,CAAA,gCAGF,iCACE,CAAA,CAAA,0BA1JR,4BA8JI,YACE,CAAA",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n\n.timeline-tabs {\n position: relative;\n display: block;\n background-color: var(--theme-color-primary-dimmed-04);\n padding: 24px 20px 0;\n margin-bottom: -5px;\n\n .tabs {\n margin: 0;\n text-align: center;\n }\n\n ul {\n list-style: none;\n display: flex;\n justify-content: center;\n margin: 0 -15px;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n .btn-small {\n min-width: 180px;\n text-align: center;\n margin-right: 10px;\n\n &:not(.active) {\n background-color: white;\n color: var(--theme-primary);\n }\n\n &:focus{\n color: white;\n }\n\n @media(max-width: 567px) {\n min-width: 0;\n padding-left: 12px;\n padding-right: 12px;\n margin: 0 4px;\n }\n @media(max-width: 349px) {\n font-size: 16px;\n margin: 0 2px;\n }\n }\n\n ~ .timeline .item-slider {\n .prev,\n .next {\n @media(min-width: 1000px) {\n margin-top: -52px;\n }\n @media(min-width: 1340px) {\n margin-top: -74px;\n }\n }\n }\n}\n\n.timeline {\n margin: 0 0 calc(1.5vw + 40px);\n\n > p:last-child {\n font-size: 14px;\n text-align: right;\n margin: 15px;\n }\n\n .item-slider {\n position: relative;\n display: block;\n background-color: var(--theme-color-primary-dimmed-04);\n min-height: 460px;\n font-weight: 600;\n\n &::before {\n content: "";\n position: absolute;\n width: 374px;\n height: 374px;\n background-color: #9AD7A3;\n top: 50%;\n left: 50%;\n border-radius: 50%;\n transform: translate3d(-50%, -50%, 0) scale(1);\n opacity: 1;\n transition: 0.3s ease;\n }\n\n @media(max-width: 567px) {\n min-height: 380px;\n\n &::before {\n width: 280px;\n height: 280px;\n }\n }\n\n @media(max-width: 349px) {\n &::before {\n width: 260px;\n height: 260px;\n }\n }\n\n .slider-tabs, .tabs, .count {\n display: none;\n }\n\n .prev, .next {\n width: 80px;\n height: 80px;\n position: absolute;\n top: 50%;\n margin-top: -40px;\n right: 24px;\n padding: 0;\n font-size: 80px;\n line-height: 1;\n transition: 0.2s ease;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n\n &::before {\n @include icon-small-arrow-right-simple;\n font-family: "Icons", sans-serif;\n color: var(--theme-color-primary);\n font-weight: 400;\n }\n\n &:hover {\n padding-left: 8px;\n\n @media(max-width: 999px) {\n padding-left: 0;\n }\n }\n\n @media(max-width: 1339px) {\n right: 0;\n width: 50px;\n height: 50px;\n font-size: 50px;\n margin-top: -25px;\n }\n\n @media(max-width: 567px) {\n font-size: 30px;\n width: 30px;\n height: 30px;\n margin-top: -15px;\n }\n }\n\n .prev {\n left: 24px;\n transform: scale(-1, 1);\n\n @media(max-width: 1339px) {\n left: 0;\n }\n }\n\n .slide {\n min-height: 460px;\n display: flex;\n align-items: center;\n text-align: center;\n\n &:not(.current) {\n max-height: 460px;\n }\n\n @media(max-width: 567px) {\n min-height: 380px;\n\n &:not(.current) {\n max-height: 380px;\n }\n }\n }\n\n .text-box {\n padding: 50px 0;\n\n @media(max-width: 767px) {\n padding: 30px 0;\n }\n }\n\n .slide:not(.has-image) .container {\n max-width: 1180px;\n }\n\n .container {\n @media(min-width: 1000px) and (max-width: 1339px) {\n padding: 0 60px;\n }\n @media(min-width: 768px) and (max-width: 999px) {\n padding: 0 120px;\n }\n }\n\n .year {\n font-family: "Korb", sans-serif;\n font-weight: 700;\n font-size: 100px;\n line-height: 0.9;\n margin-bottom: 0.25em;\n\n @media(max-width: 1340px) {\n font-size: 80px;\n }\n @media(max-width: 999px) {\n font-size: 72px;\n }\n @media(max-width: 567px) {\n font-size: 48px;\n }\n @media(max-width: 349px) {\n font-size: 40px;\n }\n }\n\n .subhead {\n font-weight: 700;\n }\n\n p:last-child {\n margin-bottom: 0;\n }\n\n @media(min-width: 1000px) {\n .slide.has-image .container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n .image-box, .text-box {\n flex: 1 1 calc(50% - 20px);\n max-width: calc(50% - 20px);\n\n @media(max-width: 1339px) {\n flex: 1 1 calc(50% - 15px);\n max-width: calc(50% - 15px);\n }\n }\n\n .image-box {\n position: relative;\n margin: 30px 0;\n\n &.portrait {\n flex: 1 1 265px;\n margin-right: 40px;\n max-width: 265px;\n\n + .text-box {\n max-width: none;\n }\n\n @media(max-width: 1339px) {\n margin-right: 30px;\n }\n }\n\n &.medium {\n flex: 1 1 320px;\n margin-right: 40px;\n max-width: 320px;\n\n + .text-box {\n max-width: none;\n }\n\n @media(max-width: 1339px) {\n margin-right: 30px;\n }\n }\n\n img {\n display: block;\n max-width: 100%;\n }\n\n .caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding: 8px 12px;\n background-color: rgba(white, 0.6);\n text-align: left;\n backdrop-filter: blur(3px);\n font-weight: 700;\n font-size: 15px;\n line-height: 1.4;\n\n span + span {\n margin-top: 3px;\n }\n }\n\n .copyright {\n display: block;\n font-weight: 400;\n font-size: 10px;\n }\n }\n\n .text-box {\n text-align: left;\n }\n\n .year {\n margin-left: -0.06em;\n }\n }\n\n &.hide-circle::before {\n transform: translate3d(-50%, -50%, 0) scale(0.8);\n opacity: 0;\n }\n }\n\n @media(max-width: 999px) {\n .image-box {\n display: none;\n }\n }\n\n @media(max-width: 767px) {\n p {\n line-height: 1.4;\n font-size: 0.94em;\n }\n }\n\n @media(max-width: 567px) {\n p {\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n }\n\n .years {\n position: relative;\n display: block;\n background-color: var(--theme-color-primary);\n color: white;\n overflow: hidden;\n\n &::before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n top: 50%;\n margin-top: -4px;\n height: 8px;\n background-color: var(--theme-color-secondary);\n\n @media(max-width: 999px) {\n margin-top: 8px;\n height: 4px;\n }\n }\n }\n\n .years-wrapper {\n position: relative;\n display: flex;\n\n &.animate {\n transition: 0.3s ease;\n }\n\n &.dragging * {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n }\n\n @media(max-width: 999px) {\n .year-item {\n margin: 26px 32px 26px 0;\n\n .year {\n white-space: nowrap;\n\n br {\n display: none;\n }\n }\n\n ul {\n display: none;\n }\n\n .year {\n position: relative;\n font-family: "Korb", sans-serif;\n font-weight: 700;\n font-size: 36px;\n line-height: 1;\n cursor: pointer;\n z-index: 1;\n transition: 0.2s ease;\n margin-bottom: 0;\n\n &::before {\n content: "";\n @include full-size;\n background-color: var(--theme-color-primary);\n margin: 0 -8px;\n z-index: -1;\n transition: 0.2s ease;\n opacity: 0;\n }\n }\n\n &.current .year::before,\n &.anchor .year::before {\n opacity: 1;\n }\n\n &.current .year {\n color: var(--theme-color-secondary);\n }\n\n &.last {\n margin-right: 200px;\n }\n }\n }\n\n @media(min-width: 1000px) {\n .year-item {\n position: relative;\n font-size: 0.75em;\n line-height: 1.3em;\n display: flex;\n align-items: flex-start;\n min-height: 360px;\n flex: 1 1 320px;\n max-width: 320px;\n min-width: 320px;\n padding: 18px 20px 22px;\n\n &::before {\n content: "";\n position: absolute;\n left: 0;\n top: 26px;\n bottom: calc(50% - 4px);\n width: 4px;\n background-color: white;\n z-index: 2;\n }\n\n @media(max-width: 999px) {\n min-height: 0;\n flex: 1 1 150px;\n max-width: 150px;\n min-width: 60px;\n\n &::before {\n display: none;\n }\n }\n\n &:nth-child(odd) {\n align-items: flex-end;\n\n &::before {\n bottom: 26px;\n top: calc(50% - 4px);\n }\n }\n\n &.anchor {\n &::before {\n display: none;\n }\n .year::before {\n opacity: 1;\n }\n &:not(:first-child) {\n margin-right: 40px;\n }\n }\n\n &.last {\n margin-right: 400px;\n }\n\n &.anchor ~ .anchor ~ .anchor {\n margin-right: 70px;\n\n .year::before {\n margin-right: 0.6em;\n }\n }\n\n .year {\n position: absolute;\n bottom: 50%;\n margin: calc(-4px - 0.15em) -0.06em;\n font-family: "Korb", sans-serif;\n font-weight: 700;\n font-size: 60px;\n line-height: 1;\n cursor: pointer;\n z-index: 1;\n transition: 0.2s ease;\n\n &::before {\n content: "";\n @include full-size;\n background-color: var(--theme-color-primary);\n margin: 0 -16px;\n z-index: -1;\n transition: 0.2s ease;\n opacity: 0;\n }\n\n @media(max-width: 999px) {\n font-size: 40px;\n position: relative;\n }\n }\n\n &.current {\n &::before {\n background-color: var(--theme-color-secondary);\n }\n\n .year {\n color: var(--theme-color-secondary);\n\n &::before {\n opacity: 1;\n }\n }\n }\n\n ul {\n margin: 0 -70% 0 -0.28em;\n padding: 0;\n list-style: none;\n\n @media(max-width: 999px) {\n display: none;\n }\n }\n\n .title {\n margin: 0;\n font-family: \'Source Sans Pro\', sans-serif;\n font-weight: 600;\n }\n\n li {\n position: relative;\n cursor: pointer;\n transition: 0.2s ease;\n z-index: 3;\n padding: 0.2em 0;\n top: 0.25em;\n\n &::before {\n content: \'\';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 15px;\n transition: 0.2s ease;\n }\n\n &:hover, &.active {\n color: var(--theme-color-secondary);\n }\n\n p {\n transform: translate3d(0, 0, 0);\n transition: 0.2s ease;\n }\n\n &:hover p {\n transform: translate3d(10px, 0, 0);\n }\n }\n\n .slide {\n display: none;\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___}}]);
\ No newline at end of file
diff --git a/gfi-ihk-2024/storybook-static/7292.4b90f10b.iframe.bundle.js b/gfi-ihk-2024/storybook-static/7292.4b90f10b.iframe.bundle.js
deleted file mode 100644
index e9dde8b..0000000
--- a/gfi-ihk-2024/storybook-static/7292.4b90f10b.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[7292],{"./stories/_global/scripts/lorem.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>lorem2,v:()=>lorem1});var lorem1="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus magni, vel! Enim fuga modi natus pariatur quibusdam repudiandae rerum! Ad adipisci asperiores at atque dolorem doloremque itaque quaerat temporibus voluptatum?",lorem2="Consectetur adipisicing elit. Alias aliquid doloribus earum eius error ex minus natus nesciunt, porro praesentium provident quo sunt unde. Eligendi facere illum natus odio, tempora voluptatum? Ea enim iste modi odio optio quis sed temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur dolore doloribus explicabo facere illum ipsam, magnam recusandae sit voluptatibus voluptatum?"},"./stories/atoms/blockquote/BlockquoteComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{k:()=>createBlockquote});__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),blockquote=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/blockquote/blockquote.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(blockquote.Z,options);blockquote.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createBlockquote=function createBlockquote(_ref){var _ref$quote=_ref.quote,quote=void 0===_ref$quote?"Ein Unternehmen zu gründen, ähnelt dem Kuchenbacken: Du brauchst alle nötigen Zutaten und jede einzelne davon in der genau passenden Menge.":_ref$quote,_ref$author=_ref.author,author=void 0===_ref$author?"Max Mustermann, Unternehmer":_ref$author,_ref$type=_ref.type,type=void 0===_ref$type?"regular":_ref$type,blockquote=(0,helpers.az)("blockquote");return blockquote.dataset.quoteType=type,"string"==typeof quote?(0,helpers.az)("p",[],quote,blockquote):quote.map((function(p){(0,helpers.az)("p",[],p,blockquote)})),(0,helpers.az)("p",["author"],author,blockquote),blockquote}},"./stories/components/infobox/InfoboxComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>createInfobox});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),infobox=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/infobox/infobox.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(infobox.Z,options);infobox.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createInfobox=function createInfobox(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"regular":_ref$type,_ref$content=_ref.content,content=void 0===_ref$content?"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
":_ref$content;return(0,helpers.az)("div",["infobox",type],content)}},"./stories/components/magazine-article/MagazineArticleComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>createMagazineArticle});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),magazine_article=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/magazine-article/magazine-article.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(magazine_article.Z,options);magazine_article.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),lorem=__webpack_require__("./stories/_global/scripts/lorem.js"),GalleryComponent=__webpack_require__("./stories/components/gallery/GalleryComponent.js"),AnchorLinksComponent=__webpack_require__("./stories/components/anchor-links/AnchorLinksComponent.js"),BlockquoteComponent=__webpack_require__("./stories/atoms/blockquote/BlockquoteComponent.js"),ContactComponent=__webpack_require__("./stories/components/contact/ContactComponent.js"),PrintShareComponent=__webpack_require__("./stories/components/print-share/PrintShareComponent.js"),InfoboxComponent=__webpack_require__("./stories/components/infobox/InfoboxComponent.js"),createMagazineArticle=function createMagazineArticle(_ref){var _ref$addArticleCompon=_ref.addArticleComponents,addArticleComponents=void 0===_ref$addArticleCompon||_ref$addArticleCompon,_ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Titelthema":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"5 Beispiele, wie sich Unternehmen für ihr Umfeld engagieren":_ref$headline,article=(0,helpers.az)("article",["col","magazine-article"]);if(addArticleComponents){(0,helpers.az)("p",["kicker"],kicker,article),(0,helpers.az)("h1",[],headline,article),article.appendChild((0,AnchorLinksComponent.A)({titles:["Lorem ipsum dolor sit","Consectetur adipisicing elit"]}));var richText=(0,helpers.az)("div",["richtext"],null,article);(0,helpers.az)("p",["initial"],lorem.v,richText),(0,helpers.az)("p",[],lorem.t,richText),(0,helpers.az)("h2",[],"Lorem ipsum dolor sit",richText),(0,helpers.az)("p",[],lorem.v,richText),article.appendChild((0,GalleryComponent.N)({galleryType:"masonry"})),article.appendChild((0,InfoboxComponent.B)({content:lorem.t}));var imageBox=(0,helpers.az)("figure",["image-box","off-grid"],null,article);(0,helpers.Bi)("https://source.unsplash.com/TamMbr4okv4/420x280",420,280,"Image off grid",[],imageBox),(0,helpers.az)("figcaption",[],"Bildunterschrift lorem ipsum dolor sit amet ipsum",imageBox),(0,helpers.az)("p",[],lorem.t+" "+lorem.v+" "+lorem.t,article),(0,helpers.az)("p",[],lorem.t,article),(0,helpers.az)("h2",[],"Consectetur adipisicing elit",article),(0,helpers.az)("p",[],lorem.t,article),article.appendChild((0,BlockquoteComponent.k)({})),article.appendChild((0,ContactComponent.r)({})),article.appendChild((0,PrintShareComponent.a)({}))}return article}},"./stories/sections/slider/slider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var jquery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_12__),hammerjs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/hammerjs/hammer.js"),hammerjs__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_13__);function _defineProperties(target,props){for(var i=0;i ').appendTo(section),this.slideWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').appendTo(this.slideOverflow).append(this.slides),this.currentSlide=0,this.autoplayTimeout=0,this.isHovered=!1,this.sectionInitialClicked=!1,this.dragging=!1,this.inViewport=!1,this.positionAnimation={x:0},this.settings={loop:!1,autoplay:this.section.data("autoplay"),infinite:!0,autoplaySpeed:this.section.data("autoplay-speed")?this.section.data("autoplay-speed"):5e3,animationSpeed:600,startSlide:0},this.initSlides(),this.settings.infinite&&this.initInfinity(),this.initUI(),this.checkSize(),this.slides.length>1&&(this.initHammerDragging(),this.initTabbing()),this.changeSlide(this.settings.startSlide),this.initAutoplay(),this.checkSize(),this.section.closest(".steps").length&&this.setupSteps(),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).on("resize",(function(){_this.checkSize()}))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSlider,[{key:"initSlides",value:function initSlides(){this.slides.each((function(i){var slide=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).attr("data-index",i),h3=slide.find("h3"),p=h3.next("p");slide.find(".image-box").length?(h3.text().length>48&&h3.html(h3.text().substring(0,48)+"…"),p.text().length>148&&p.html(p.text().substring(0,148)+"…")):slide.addClass("text-only")}))}},{key:"checkSize",value:function checkSize(){this.controls.find(".tabs").width()>.6*this.slideOverflow.width()?this.section.addClass("many-slides"):this.section.removeClass("many-slides")}},{key:"initInfinity",value:function initInfinity(){this.nextWrapper=this.slideWrapper.clone(),this.prevWrapper=this.slideWrapper.clone(),this.nextWrapper.removeClass("slide-wrapper").addClass("next-clone").appendTo(this.slideWrapper).css({left:this.slides.length+"%"}),this.prevWrapper.removeClass("slide-wrapper").addClass("prev-clone").appendTo(this.slideWrapper),this.nextWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.prevWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.nextWrapper.find("img").removeClass("loading"),this.prevWrapper.find("img").removeClass("loading")}},{key:"initUI",value:function initUI(){var _this2=this;this.count=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" "),this.prevButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' '),this.nextButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ');var tabsWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(''),countWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ').html('/'+this.slides.length+" ").prepend(this.count);this.slides.each((function(i){var s=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this),li=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(tabsWrapper);jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").addClass("btn").appendTo(li).text(s.data("title")?s.data("title"):i+1)})),this.tabs=tabsWrapper.children(),tabsWrapper.find("button").on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.changeSlide(jquery__WEBPACK_IMPORTED_MODULE_12___default()(e.currentTarget).parent().index())})),this.prevButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onPrev()})),this.nextButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onNext()})),this.controls=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').append(this.prevButton).append(tabsWrapper).append(countWrapper).append(this.nextButton).appendTo(this.section)}},{key:"changeSlide",value:function changeSlide(index,offset){var _this3=this,transition=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],t=this,prevIndex=0===index?this.slides.length-1:index-1,nextIndex=index===this.slides.length-1?0:index+1,allWidth=t.nextWrapper.position().left;offset||(offset=0),index===this.currentSlide&&0===this.slideOverflow.outerHeight()&&(transition=!1),t.positionAnimation={x:this.slideWrapper.position().left};var target=(index+offset)/-100*this.slideWrapper.width(),time=Math.round(Math.abs(this.positionAnimation.x-target)/5+200);time>500&&(time=500),transition||(time=0),t.slideOverflow.css({"transition-duration":time+"ms",height:this.slideOverflow.outerHeight()+"px"}),t.slideWrapper.find(".current").removeClass("current"),t.slideWrapper.find('[data-index="'+index+'"]').addClass("current"),t.slideWrapper.find(".is-prev").removeClass("is-prev"),t.slideWrapper.find('[data-index="'+prevIndex+'"]').addClass("is-prev"),t.slideWrapper.find(".is-next").removeClass("is-next"),t.slideWrapper.find('[data-index="'+nextIndex+'"]').addClass("is-next"),target>0&&(target-=allWidth,this.positionAnimation.x=this.positionAnimation.x-allWidth),target<=-1*allWidth+1&&(target+=allWidth,this.positionAnimation.x=this.positionAnimation.x+allWidth),requestAnimationFrame((function(){_this3.slideOverflow.css({height:_this3.slides.eq(index).outerHeight()+"px"})})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(this.positionAnimation).animate({x:target},{duration:time,easing:"easeOutCubic",step:function step(now){_this3.slideWrapper.css({transform:"translate3d("+Math.round(now)+"px, 0, 0)"})},complete:function complete(){requestAnimationFrame((function(){_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),_this3.slideOverflow.css("height","auto")}))}}),this.tabs.eq(index).addClass("active").siblings(".active").removeClass("active"),this.count.text(index+1),this.settings.autoplay&&!this.isHovered&&this.handleAutoplay(),0!==offset&&setTimeout((function(){_this3.slideWrapper.addClass("no-transition"),_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),setTimeout((function(){_this3.slideWrapper.removeClass("no-transition")}),20)}),this.settings.animationSpeed),this.currentSlide=index,this.section.trigger("slide-change"),this.section.closest(".steps").length&&this.sectionInitialClicked&&this.scrollToTop()}},{key:"goTo",value:function goTo(index,transition){var _this4=this;!1===transition&&this.slideWrapper.addClass("no-transition"),this.sectionInitialClicked=!0,this.changeSlide(index,0,transition),setTimeout((function(){_this4.slideWrapper.removeClass("no-transition")}),20)}},{key:"onNext",value:function onNext(){var nextSlide=this.currentSlide===this.slides.length-1?0:this.currentSlide+1,offset=this.settings.infinite&&0===nextSlide?this.slides.length:0;this.changeSlide(nextSlide,offset)}},{key:"onPrev",value:function onPrev(){var prevSlide=0===this.currentSlide?this.slides.length-1:this.currentSlide-1,offset=this.settings.infinite&&prevSlide===this.slides.length-1?-1*this.slides.length:0;this.changeSlide(prevSlide,offset)}},{key:"initAutoplay",value:function initAutoplay(){var _this5=this;this.section.on("mouseenter",(function(){_this5.isHovered=!0,clearTimeout(_this5.autoplayTimeout)})),this.section.on("mouseleave",(function(){_this5.isHovered=!1,_this5.handleAutoplay()})),this.initScrollCheck(),this.handleAutoplay()}},{key:"handleAutoplay",value:function handleAutoplay(){var _this6=this;if(this.dragging)return!1;clearTimeout(this.autoplayTimeout),this.settings.autoplaySpeed>0&&this.settings.autoplay&&(this.autoplayTimeout=setTimeout((function(){_this6.inViewport?_this6.onNext():_this6.handleAutoplay()}),this.settings.autoplaySpeed))}},{key:"initScrollCheck",value:function initScrollCheck(){var _this7=this;window.addEventListener("scroll",(function(){window.requestAnimationFrame((function(){_this7.scrollCheck()}))}),{passive:!0}),window.requestAnimationFrame((function(){_this7.scrollCheck()}))}},{key:"scrollCheck",value:function scrollCheck(){var w=jquery__WEBPACK_IMPORTED_MODULE_12___default()(window);w.scrollTop()+w.height()-200>this.section.offset().top&&w.scrollTop()sliderWidth/5?_this8.onPrev():e.deltaX").one("load",(function(e){var loadedImage=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).removeClass("loading"),slide=loadedImage.closest(".slide").removeClass("preload"),index=parseInt(slide.attr("data-index"));t.nextWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone()),t.prevWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone())}));img.attr("src",ib.attr("data-src")).appendTo(ib),img.attr("data-download",ib.attr("data-download")).appendTo(ib),img.attr("draggable","false").attr("ondragstart","return false;")}}},{key:"resetTabScroll",value:function resetTabScroll(){var _this10=this;this.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),this.tabScrollActive&&window.requestAnimationFrame((function(){_this10.resetTabScroll()}))}},{key:"scrollToTop",value:function scrollToTop(){var target=this.section.closest(".steps").offset().top-120;jquery__WEBPACK_IMPORTED_MODULE_12___default()("html, body").animate({scrollTop:target},600,"easeOutQuad")}},{key:"setupSteps",value:function setupSteps(){this.nextButton.text("Weiter").addClass("btn").addClass("has-icon").addClass("icon-right").addClass("icon-pfeil-rechts")}}]),IHKSlider}();const __WEBPACK_DEFAULT_EXPORT__=IHKSlider;jquery__WEBPACK_IMPORTED_MODULE_12___default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()(".rotation .slider:not(.initiated), .steps .slider:not(.initiated)").each((function(i,el){var selector=jquery__WEBPACK_IMPORTED_MODULE_12___default()(el);selector.find("dynamic-content").length||new IHKSlider(selector)}))}))},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/blockquote/blockquote.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"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__),_assets_img_quote_svg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./stories/assets/img/quote.svg"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()),___CSS_LOADER_URL_REPLACEMENT_0___=_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(_assets_img_quote_svg__WEBPACK_IMPORTED_MODULE_3__);___CSS_LOADER_EXPORT___.push([module.id,'blockquote{border-left:6px solid var(--theme-color-secondary);margin:2em 0;padding-left:1.2em;font-style:italic}blockquote .author{font-style:normal;font-size:var(--font-size-small);line-height:1.2}.magazine-article blockquote,blockquote[data-quote-type=magazine]{border-left:0;font-weight:300;font-style:normal;margin:calc(var(--section-margin)*.6) 0;padding:0 20px 0 40px}@media(max-width: 767px){.magazine-article blockquote,blockquote[data-quote-type=magazine]{padding:0 0 0 20px}}.magazine-article blockquote p:not(.author),.magazine-article blockquote div.text,blockquote[data-quote-type=magazine] p:not(.author),blockquote[data-quote-type=magazine] div.text{line-height:1.3;font-size:var(--font-size-h2)}.magazine-article blockquote p:not(.author):first-child:before,.magazine-article blockquote div.text:first-child:before,blockquote[data-quote-type=magazine] p:not(.author):first-child:before,blockquote[data-quote-type=magazine] div.text:first-child:before{content:"";position:relative;display:block;width:30px;height:30px;background-image:url('+___CSS_LOADER_URL_REPLACEMENT_0___+');background-size:100%;margin:2px 0 2px -40px}@media(max-width: 767px){.magazine-article blockquote p:not(.author):first-child:before,.magazine-article blockquote div.text:first-child:before,blockquote[data-quote-type=magazine] p:not(.author):first-child:before,blockquote[data-quote-type=magazine] div.text:first-child:before{margin-left:-20px}}.magazine-article blockquote p:not(.author):last-child:after,.magazine-article blockquote div.text:last-child:after,.magazine-article blockquote .author:after,.magazine-article blockquote h4:after,blockquote[data-quote-type=magazine] p:not(.author):last-child:after,blockquote[data-quote-type=magazine] div.text:last-child:after,blockquote[data-quote-type=magazine] .author:after,blockquote[data-quote-type=magazine] h4:after{content:"";position:relative;display:block;width:30px;height:30px;background-image:url('+___CSS_LOADER_URL_REPLACEMENT_0___+');background-size:100%;margin:2px 0 2px -40px;transform:rotate(180deg)}@media(max-width: 767px){.magazine-article blockquote p:not(.author):last-child:after,.magazine-article blockquote div.text:last-child:after,.magazine-article blockquote .author:after,.magazine-article blockquote h4:after,blockquote[data-quote-type=magazine] p:not(.author):last-child:after,blockquote[data-quote-type=magazine] div.text:last-child:after,blockquote[data-quote-type=magazine] .author:after,blockquote[data-quote-type=magazine] h4:after{margin-left:-20px}}.magazine-article blockquote .author,.magazine-article blockquote h4,blockquote[data-quote-type=magazine] .author,blockquote[data-quote-type=magazine] h4{position:relative;font-weight:400;text-align:right;margin-right:-20px;margin-top:36px;font-family:"Source Sans Pro",sans-serif;font-size:18px}.magazine-article blockquote .author:before,.magazine-article blockquote h4:before,blockquote[data-quote-type=magazine] .author:before,blockquote[data-quote-type=magazine] h4:before{content:"— ";position:relative;top:-1px;margin-right:2px}.magazine-article blockquote .author:after,.magazine-article blockquote h4:after,blockquote[data-quote-type=magazine] .author:after,blockquote[data-quote-type=magazine] h4:after{position:absolute;top:-36px;left:0}@media(max-width: 767px){.magazine-article blockquote .author,.magazine-article blockquote h4,blockquote[data-quote-type=magazine] .author,blockquote[data-quote-type=magazine] h4{margin-right:0;padding-left:30px;font-size:16px;font-weight:500;margin-top:32px}.magazine-article blockquote .author:after,.magazine-article blockquote h4:after,blockquote[data-quote-type=magazine] .author:after,blockquote[data-quote-type=magazine] h4:after{top:-30px}}',"",{version:3,sources:["webpack://./stories/atoms/blockquote/blockquote.scss"],names:[],mappings:"AAAA,WAAA,kDACE,CAAA,YACA,CAAA,kBACA,CAAA,iBACA,CAAA,mBAEA,iBACE,CAAA,gCACA,CAAA,eACA,CAAA,kEAIJ,aACE,CAAA,eACA,CAAA,iBACA,CAAA,uCACA,CAAA,qBACA,CAAA,yBAEA,kEAPF,kBAQI,CAAA,CAAA,oLAGF,eACE,CAAA,6BACA,CAAA,gQAEA,UACE,CAAA,iBACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,wDACA,CAAA,oBACA,CAAA,sBACA,CAAA,yBAEA,gQAVF,iBAWI,CAAA,CAAA,0aAKN,UACE,CAAA,iBACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,wDACA,CAAA,oBACA,CAAA,sBACA,CAAA,wBACA,CAAA,yBAEA,0aAXF,iBAYI,CAAA,CAAA,0JAIJ,iBACE,CAAA,eACA,CAAA,gBACA,CAAA,kBACA,CAAA,eACA,CAAA,wCACA,CAAA,cACA,CAAA,sLAEA,YACE,CAAA,iBACA,CAAA,QACA,CAAA,gBACA,CAAA,kLAGF,iBACE,CAAA,SACA,CAAA,MACA,CAAA,yBAGF,0JAtBF,cAuBI,CAAA,iBACA,CAAA,cACA,CAAA,eACA,CAAA,eACA,CAAA,kLAEA,SACE,CAAA",sourcesContent:['blockquote {\n border-left: 6px solid var(--theme-color-secondary);\n margin: 2em 0;\n padding-left: 1.2em;\n font-style: italic;\n\n .author {\n font-style: normal;\n font-size: var(--font-size-small);\n line-height: 1.2;\n }\n}\n\n.magazine-article blockquote, blockquote[data-quote-type=\'magazine\'] {\n border-left: 0;\n font-weight: 300;\n font-style: normal;\n margin: calc(var(--section-margin) * 0.6) 0;\n padding: 0 20px 0 40px;\n\n @media(max-width: 767px) {\n padding: 0 0 0 20px;\n }\n\n p:not(.author), div.text {\n line-height: 1.3;\n font-size: var(--font-size-h2);\n\n &:first-child:before {\n content: "";\n position: relative;\n display: block;\n width: 30px;\n height: 30px;\n background-image: url(\'../../assets/img/quote.svg\');\n background-size: 100%;\n margin: 2px 0 2px -40px;\n\n @media(max-width: 767px) {\n margin-left: -20px;\n }\n }\n }\n\n p:not(.author):last-child:after, div.text:last-child:after, .author:after, h4:after {\n content: "";\n position: relative;\n display: block;\n width: 30px;\n height: 30px;\n background-image: url(\'../../assets/img/quote.svg\');\n background-size: 100%;\n margin: 2px 0 2px -40px;\n transform: rotate(180deg);\n\n @media(max-width: 767px) {\n margin-left: -20px;\n }\n }\n\n .author, h4 {\n position: relative;\n font-weight: 400;\n text-align: right;\n margin-right: -20px;\n margin-top: 36px;\n font-family: "Source Sans Pro", sans-serif;\n font-size: 18px;\n\n &:before {\n content: "— ";\n position: relative;\n top: -1px;\n margin-right: 2px;\n }\n\n &:after {\n position: absolute;\n top: -36px;\n left: 0;\n }\n\n @media(max-width: 767px) {\n margin-right: 0;\n padding-left: 30px;\n font-size: 16px;\n font-weight: 500;\n margin-top: 32px;\n\n &:after {\n top: -30px;\n }\n }\n }\n}'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/infobox/infobox.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,".infobox,.richtext div.strong,article.col div.strong{margin:calc(3% + 26px) 0;background-color:var(--theme-color-secondary-dimmed);padding:var(--content-box-padding);border-bottom:var(--border-width) solid var(--theme-color-secondary)}.infobox.success,.richtext div.strong.success,article.col div.strong.success{background-color:var(--theme-color-success-dimmed);border-color:var(--theme-color-success)}.infobox.error,.richtext div.strong.error,article.col div.strong.error{background-color:var(--theme-color-error-dimmed);border-color:var(--theme-color-error)}.infobox.warning,.richtext div.strong.warning,article.col div.strong.warning{background-color:var(--theme-color-warning-dimmed);border-color:var(--theme-color-warning)}.infobox>*:first-child,.richtext div.strong>*:first-child,article.col div.strong>*:first-child{margin-top:-0.4em}.infobox>*:last-child,.richtext div.strong>*:last-child,article.col div.strong>*:last-child{margin-bottom:-0.4em}.infobox:first-child,.richtext div.strong:first-child,article.col div.strong:first-child{margin-top:0}.infobox:last-child,.richtext div.strong:last-child,article.col div.strong:last-child{margin-bottom:0}.snippingTool{margin:calc(3% + 26px) 50px;background-color:var(--theme-color-secondary-dimmed);padding:var(--content-box-padding);width:652px}.snippingTool .topicSnippingTool{margin:10px 0}.snippingTool .snippingToolLink{font-size:var(--font-size-xs);margin:5px 0 0}.snippingTool .snippingToolTitle{margin:0}.snippingTool .snippingToolDescription{font-size:var(--font-size-xs)}","",{version:3,sources:["webpack://./stories/components/infobox/infobox.scss"],names:[],mappings:"AAGA,qDACE,wBAAA,CACA,oDAAA,CACA,kCAAA,CACA,oEAAA,CAEA,6EACE,kDAAA,CACA,uCAAA,CAEF,uEACE,gDAAA,CACA,qCAAA,CAEF,6EACE,kDAAA,CACA,uCAAA,CAGF,+FACE,iBAAA,CAEF,4FACE,oBAAA,CAGF,yFACE,YAAA,CAEF,sFACE,eAAA,CAIJ,cACE,2BAAA,CACA,oDAAA,CACA,kCAAA,CACA,WAAA,CAEA,iCACE,aAAA,CAGF,gCACE,6BAAA,CACA,cAAA,CAGF,iCACE,QAAA,CAGF,uCACE,6BAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.infobox, .richtext div.strong, article.col div.strong {\n margin: calc(3% + 26px) 0;\n background-color: var(--theme-color-secondary-dimmed);\n padding: var(--content-box-padding);\n border-bottom: var(--border-width) solid var(--theme-color-secondary);\n\n &.success {\n background-color: var(--theme-color-success-dimmed);\n border-color: var(--theme-color-success);\n }\n &.error {\n background-color: var(--theme-color-error-dimmed);\n border-color: var(--theme-color-error);\n }\n &.warning {\n background-color: var(--theme-color-warning-dimmed);\n border-color: var(--theme-color-warning);\n }\n\n > *:first-child {\n margin-top: -0.4em;\n }\n > *:last-child {\n margin-bottom: -0.4em;\n }\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n.snippingTool {\n margin: calc(3% + 26px) 50px;\n background-color: var(--theme-color-secondary-dimmed);\n padding: var(--content-box-padding);\n width: 652px;\n\n .topicSnippingTool {\n margin: 10px 0;\n }\n\n .snippingToolLink {\n font-size: var(--font-size-xs);\n margin: 5px 0 0;\n }\n\n .snippingToolTitle {\n margin: 0;\n }\n\n .snippingToolDescription {\n font-size: var(--font-size-xs);\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/magazine-article/magazine-article.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,".magazine-article article.col,.magazine-article.col{position:relative;z-index:1;width:880px;max-width:66.6667%;background-color:#fff;margin:0 auto;padding-bottom:0}@media(max-width: 1199px){.magazine-article article.col,.magazine-article.col{max-width:83.3333%}}@media(max-width: 999px){.magazine-article article.col,.magazine-article.col{box-shadow:0 0 0 10px #fff}}@media(max-width: 767px){.magazine-article article.col,.magazine-article.col{max-width:100%;box-shadow:0 -4px 0 2px #fff}}.magazine-article article.col .print-share,.magazine-article.col .print-share{margin-bottom:0}.magazine-article article.col .print-share .bookmarks.show-bookmarks,.magazine-article.col .print-share .bookmarks.show-bookmarks{margin-bottom:1em}.magazine-article article.col .image-box img,.magazine-article.col .image-box img{max-width:100%}@media(min-width: 568px){.magazine-article article.col .image-box.off-grid,.magazine-article.col .image-box.off-grid{float:left;margin:.3em 20px 1em 0;width:calc(50% - 10px)}}@media(min-width: 768px){.magazine-article article.col .image-box.off-grid,.magazine-article.col .image-box.off-grid{margin:.3em 40px 1em calc(-12.5% - 5px);width:calc(50% - 20px)}}@media(min-width: 768px)and (max-width: 1199px){.magazine-article article.col .image-box.off-grid,.magazine-article.col .image-box.off-grid{margin:.3em 30px 1em calc(-10% - 3px);width:calc(50% - 15px)}}@media(min-width: 768px)and (max-width: 999px){.magazine-article article.col .image-box.off-grid,.magazine-article.col .image-box.off-grid{margin:.3em 20px 1em calc(-10% - 2px);width:calc(50% - 10px)}}.magazine-article article.col .image-box.off-grid~*:not(p),.magazine-article.col .image-box.off-grid~*:not(p){clear:left}.magazine-article article.col .image-box.portrait,.magazine-article.col .image-box.portrait{display:flex;justify-content:center;flex-flow:column}.magazine-article article.col .image-box.portrait img,.magazine-article article.col .image-box.portrait figcaption,.magazine-article.col .image-box.portrait img,.magazine-article.col .image-box.portrait figcaption{align-self:center}","",{version:3,sources:["webpack://./stories/components/magazine-article/magazine-article.scss"],names:[],mappings:"AAGA,oDACE,iBAAA,CACA,SAAA,CACA,WAAA,CACA,kBAAA,CACA,qBAAA,CACA,aAAA,CACA,gBAAA,CAEA,0BATF,oDAUI,kBAAA,CAAA,CAEF,yBAZF,oDAaI,0BAAA,CAAA,CAEF,yBAfF,oDAgBI,cAAA,CACA,4BAAA,CAAA,CAGF,8EACE,eAAA,CAGF,kIACE,iBAAA,CAIA,kFACE,cAAA,CAIA,yBADF,4FAEI,UAAA,CACA,sBAAA,CACA,sBAAA,CAAA,CAGF,yBAPF,4FAQI,uCAAA,CACA,sBAAA,CAAA,CAEA,gDAXJ,4FAYM,qCAAA,CACA,sBAAA,CAAA,CAGF,+CAhBJ,4FAiBM,qCAAA,CACA,sBAAA,CAAA,CAIJ,8GACE,UAAA,CAIJ,4FACE,YAAA,CACA,sBAAA,CACA,gBAAA,CACA,sNACE,iBAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.magazine-article article.col, .magazine-article.col {\n position: relative;\n z-index: 1;\n width: 880px;\n max-width: 66.6667%;\n background-color: #fff;\n margin: 0 auto;\n padding-bottom: 0;\n\n @media(max-width: 1199px) {\n max-width: 83.3333%;\n }\n @media(max-width: 999px) {\n box-shadow: 0 0 0 10px white;\n }\n @media(max-width: 767px) {\n max-width: 100%;\n box-shadow: 0 -4px 0 2px white;\n }\n\n .print-share {\n margin-bottom: 0;\n }\n\n .print-share .bookmarks.show-bookmarks {\n margin-bottom: 1em;\n }\n\n .image-box {\n img {\n max-width: 100%;\n }\n\n &.off-grid{\n @media(min-width: 568px) {\n float: left;\n margin: 0.3em 20px 1em 0;\n width: calc(50% - 10px);\n }\n\n @media(min-width: 768px) {\n margin: 0.3em 40px 1em calc(-12.5% - 5px);\n width: calc(50% - 20px);\n\n @media(max-width: 1199px) {\n margin: 0.3em 30px 1em calc(-10% - 3px);\n width: calc(50% - 15px);\n }\n\n @media(max-width: 999px) {\n margin: 0.3em 20px 1em calc(-10% - 2px);\n width: calc(50% - 10px);\n }\n }\n\n ~ *:not(p) {\n clear: left;\n }\n }\n\n &.portrait{\n display: flex;\n justify-content: center;\n flex-flow: column;\n img, figcaption{\n align-self: center;\n }\n }\n }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/assets/img/quote.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/quote.ed16cf43.svg"}}]);
\ No newline at end of file
diff --git a/gfi-ihk-2024/storybook-static/7292.65e4723d.iframe.bundle.js b/gfi-ihk-2024/storybook-static/7292.65e4723d.iframe.bundle.js
new file mode 100644
index 0000000..b482424
--- /dev/null
+++ b/gfi-ihk-2024/storybook-static/7292.65e4723d.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[7292],{"./stories/_global/scripts/lorem.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>lorem2,v:()=>lorem1});var lorem1="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus magni, vel! Enim fuga modi natus pariatur quibusdam repudiandae rerum! Ad adipisci asperiores at atque dolorem doloremque itaque quaerat temporibus voluptatum?",lorem2="Consectetur adipisicing elit. Alias aliquid doloribus earum eius error ex minus natus nesciunt, porro praesentium provident quo sunt unde. Eligendi facere illum natus odio, tempora voluptatum? Ea enim iste modi odio optio quis sed temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur dolore doloribus explicabo facere illum ipsam, magnam recusandae sit voluptatibus voluptatum?"},"./stories/atoms/blockquote/BlockquoteComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{k:()=>createBlockquote});__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),blockquote=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/blockquote/blockquote.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(blockquote.Z,options);blockquote.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createBlockquote=function createBlockquote(_ref){var _ref$quote=_ref.quote,quote=void 0===_ref$quote?"Ein Unternehmen zu gründen, ähnelt dem Kuchenbacken: Du brauchst alle nötigen Zutaten und jede einzelne davon in der genau passenden Menge.":_ref$quote,_ref$author=_ref.author,author=void 0===_ref$author?"Max Mustermann, Unternehmer":_ref$author,_ref$type=_ref.type,type=void 0===_ref$type?"regular":_ref$type,blockquote=(0,helpers.az)("blockquote");return blockquote.dataset.quoteType=type,"string"==typeof quote?(0,helpers.az)("p",[],quote,blockquote):quote.map((function(p){(0,helpers.az)("p",[],p,blockquote)})),(0,helpers.az)("p",["author"],author,blockquote),blockquote}},"./stories/components/infobox/InfoboxComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>createInfobox});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),infobox=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/infobox/infobox.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(infobox.Z,options);infobox.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createInfobox=function createInfobox(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"regular":_ref$type,_ref$content=_ref.content,content=void 0===_ref$content?"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
":_ref$content;return(0,helpers.az)("div",["infobox",type],content)}},"./stories/components/magazine-article/MagazineArticleComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>createMagazineArticle});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),magazine_article=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/magazine-article/magazine-article.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(magazine_article.Z,options);magazine_article.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),lorem=__webpack_require__("./stories/_global/scripts/lorem.js"),GalleryComponent=__webpack_require__("./stories/components/gallery/GalleryComponent.js"),AnchorLinksComponent=__webpack_require__("./stories/components/anchor-links/AnchorLinksComponent.js"),BlockquoteComponent=__webpack_require__("./stories/atoms/blockquote/BlockquoteComponent.js"),ContactComponent=__webpack_require__("./stories/components/contact/ContactComponent.js"),PrintShareComponent=__webpack_require__("./stories/components/print-share/PrintShareComponent.js"),InfoboxComponent=__webpack_require__("./stories/components/infobox/InfoboxComponent.js"),createMagazineArticle=function createMagazineArticle(_ref){var _ref$addArticleCompon=_ref.addArticleComponents,addArticleComponents=void 0===_ref$addArticleCompon||_ref$addArticleCompon,_ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Titelthema":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"5 Beispiele, wie sich Unternehmen für ihr Umfeld engagieren":_ref$headline,article=(0,helpers.az)("article",["col","magazine-article"]);if(addArticleComponents){(0,helpers.az)("p",["kicker"],kicker,article),(0,helpers.az)("h1",[],headline,article),article.appendChild((0,AnchorLinksComponent.A)({titles:["Lorem ipsum dolor sit","Consectetur adipisicing elit"]}));var richText=(0,helpers.az)("div",["richtext"],null,article);(0,helpers.az)("p",["initial"],lorem.v,richText),(0,helpers.az)("p",[],lorem.t,richText),(0,helpers.az)("h2",[],"Lorem ipsum dolor sit",richText),(0,helpers.az)("p",[],lorem.v,richText),article.appendChild((0,GalleryComponent.N)({galleryType:"masonry"})),article.appendChild((0,InfoboxComponent.B)({content:lorem.t}));var imageBox=(0,helpers.az)("figure",["image-box","off-grid"],null,article);(0,helpers.Bi)("https://source.unsplash.com/TamMbr4okv4/420x280",420,280,"Image off grid",[],imageBox),(0,helpers.az)("figcaption",[],"Bildunterschrift lorem ipsum dolor sit amet ipsum",imageBox),(0,helpers.az)("p",[],lorem.t+" "+lorem.v+" "+lorem.t,article),(0,helpers.az)("p",[],lorem.t,article),(0,helpers.az)("h2",[],"Consectetur adipisicing elit",article),(0,helpers.az)("p",[],lorem.t,article),article.appendChild((0,BlockquoteComponent.k)({})),article.appendChild((0,ContactComponent.r)({})),article.appendChild((0,PrintShareComponent.a)({}))}return article}},"./stories/sections/slider/slider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var jquery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_12__),hammerjs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/hammerjs/hammer.js"),hammerjs__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_13__);function _defineProperties(target,props){for(var i=0;i ').appendTo(section),this.slideWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').appendTo(this.slideOverflow).append(this.slides),this.currentSlide=0,this.autoplayTimeout=0,this.isHovered=!1,this.sectionInitialClicked=!1,this.dragging=!1,this.inViewport=!1,this.positionAnimation={x:0},this.settings={loop:!1,autoplay:this.section.data("autoplay"),infinite:!0,autoplaySpeed:this.section.data("autoplay-speed")?this.section.data("autoplay-speed"):5e3,animationSpeed:600,startSlide:0},this.initSlides(),this.settings.infinite&&this.initInfinity(),this.initUI(),this.checkSize(),this.slides.length>1&&(this.initHammerDragging(),this.initTabbing()),this.changeSlide(this.settings.startSlide),this.initAutoplay(),this.checkSize(),this.section.closest(".steps").length&&this.setupSteps(),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).on("resize",(function(){_this.checkSize()}))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSlider,[{key:"initSlides",value:function initSlides(){this.slides.each((function(i){var slide=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).attr("data-index",i),h3=slide.find("h3"),p=h3.next("p");slide.find(".image-box").length?(h3.text().length>48&&h3.html(h3.text().substring(0,48)+"…"),p.text().length>148&&p.html(p.text().substring(0,148)+"…")):slide.addClass("text-only")}))}},{key:"checkSize",value:function checkSize(){this.controls.find(".tabs").width()>.6*this.slideOverflow.width()?this.section.addClass("many-slides"):this.section.removeClass("many-slides")}},{key:"initInfinity",value:function initInfinity(){this.nextWrapper=this.slideWrapper.clone(),this.prevWrapper=this.slideWrapper.clone(),this.nextWrapper.removeClass("slide-wrapper").addClass("next-clone").appendTo(this.slideWrapper).css({left:this.slides.length+"%"}),this.prevWrapper.removeClass("slide-wrapper").addClass("prev-clone").appendTo(this.slideWrapper),this.nextWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.prevWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.nextWrapper.find("img").removeClass("loading"),this.prevWrapper.find("img").removeClass("loading")}},{key:"initUI",value:function initUI(){var _this2=this;this.count=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" "),this.prevButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' '),this.nextButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ');var tabsWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(''),countWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ').html('/'+this.slides.length+" ").prepend(this.count);this.slides.each((function(i){var s=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this),li=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(tabsWrapper),button=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").addClass("btn").appendTo(li);jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(button).text(s.data("title")?s.data("title"):i+1)})),this.tabs=tabsWrapper.children(),tabsWrapper.find("button").on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.changeSlide(jquery__WEBPACK_IMPORTED_MODULE_12___default()(e.currentTarget).parent().index())})),this.prevButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onPrev()})),this.nextButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onNext()})),this.controls=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').append(this.prevButton).append(tabsWrapper).append(countWrapper).append(this.nextButton).appendTo(this.section)}},{key:"changeSlide",value:function changeSlide(index,offset){var _this3=this,transition=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],t=this,prevIndex=0===index?this.slides.length-1:index-1,nextIndex=index===this.slides.length-1?0:index+1,allWidth=t.nextWrapper.position().left;offset||(offset=0),index===this.currentSlide&&0===this.slideOverflow.outerHeight()&&(transition=!1),t.positionAnimation={x:this.slideWrapper.position().left};var target=(index+offset)/-100*this.slideWrapper.width(),time=Math.round(Math.abs(this.positionAnimation.x-target)/5+200);time>500&&(time=500),transition||(time=0),t.slideOverflow.css({"transition-duration":time+"ms",height:this.slideOverflow.outerHeight()+"px"}),t.slideWrapper.find(".current").removeClass("current"),t.slideWrapper.find('[data-index="'+index+'"]').addClass("current"),t.slideWrapper.find(".is-prev").removeClass("is-prev"),t.slideWrapper.find('[data-index="'+prevIndex+'"]').addClass("is-prev"),t.slideWrapper.find(".is-next").removeClass("is-next"),t.slideWrapper.find('[data-index="'+nextIndex+'"]').addClass("is-next"),target>0&&(target-=allWidth,this.positionAnimation.x=this.positionAnimation.x-allWidth),target<=-1*allWidth+1&&(target+=allWidth,this.positionAnimation.x=this.positionAnimation.x+allWidth),requestAnimationFrame((function(){_this3.slideOverflow.css({height:_this3.slides.eq(index).outerHeight()+"px"})})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(this.positionAnimation).animate({x:target},{duration:time,easing:"easeOutCubic",step:function step(now){_this3.slideWrapper.css({transform:"translate3d("+Math.round(now)+"px, 0, 0)"})},complete:function complete(){requestAnimationFrame((function(){_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),_this3.slideOverflow.css("height","auto")}))}}),this.tabs.eq(index).addClass("active").siblings(".active").removeClass("active"),this.count.text(index+1),this.settings.autoplay&&!this.isHovered&&this.handleAutoplay(),0!==offset&&setTimeout((function(){_this3.slideWrapper.addClass("no-transition"),_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),setTimeout((function(){_this3.slideWrapper.removeClass("no-transition")}),20)}),this.settings.animationSpeed),this.currentSlide=index,this.section.trigger("slide-change"),this.section.closest(".steps").length&&this.sectionInitialClicked&&this.scrollToTop()}},{key:"goTo",value:function goTo(index,transition){var _this4=this;!1===transition&&this.slideWrapper.addClass("no-transition"),this.sectionInitialClicked=!0,this.changeSlide(index,0,transition),setTimeout((function(){_this4.slideWrapper.removeClass("no-transition")}),20)}},{key:"onNext",value:function onNext(){var nextSlide=this.currentSlide===this.slides.length-1?0:this.currentSlide+1,offset=this.settings.infinite&&0===nextSlide?this.slides.length:0;this.changeSlide(nextSlide,offset)}},{key:"onPrev",value:function onPrev(){var prevSlide=0===this.currentSlide?this.slides.length-1:this.currentSlide-1,offset=this.settings.infinite&&prevSlide===this.slides.length-1?-1*this.slides.length:0;this.changeSlide(prevSlide,offset)}},{key:"initAutoplay",value:function initAutoplay(){var _this5=this;this.section.on("mouseenter",(function(){_this5.isHovered=!0,clearTimeout(_this5.autoplayTimeout),_this5.section.removeClass("btnanimation")})),this.section.on("mouseleave",(function(){_this5.isHovered=!1,_this5.handleAutoplay(),_this5.section.addClass("btnanimation")})),this.initScrollCheck(),this.handleAutoplay()}},{key:"handleAutoplay",value:function handleAutoplay(){var _this6=this;if(this.dragging)return!1;clearTimeout(this.autoplayTimeout),this.settings.autoplaySpeed>0&&this.settings.autoplay&&(this.autoplayTimeout=setTimeout((function(){_this6.inViewport?_this6.onNext():_this6.handleAutoplay()}),this.settings.autoplaySpeed))}},{key:"initScrollCheck",value:function initScrollCheck(){var _this7=this;window.addEventListener("scroll",(function(){window.requestAnimationFrame((function(){_this7.scrollCheck()}))}),{passive:!0}),window.requestAnimationFrame((function(){_this7.scrollCheck()}))}},{key:"scrollCheck",value:function scrollCheck(){var w=jquery__WEBPACK_IMPORTED_MODULE_12___default()(window);w.scrollTop()+w.height()-200>this.section.offset().top&&w.scrollTop()sliderWidth/5?_this8.onPrev():e.deltaX").one("load",(function(e){var loadedImage=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).removeClass("loading"),slide=loadedImage.closest(".slide").removeClass("preload"),index=parseInt(slide.attr("data-index"));t.nextWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone()),t.prevWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone())}));img.attr("src",ib.attr("data-src")).appendTo(ib),img.attr("data-download",ib.attr("data-download")).appendTo(ib),img.attr("draggable","false").attr("ondragstart","return false;")}}},{key:"resetTabScroll",value:function resetTabScroll(){var _this10=this;this.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),this.tabScrollActive&&window.requestAnimationFrame((function(){_this10.resetTabScroll()}))}},{key:"scrollToTop",value:function scrollToTop(){var target=this.section.closest(".steps").offset().top-120;jquery__WEBPACK_IMPORTED_MODULE_12___default()("html, body").animate({scrollTop:target},600,"easeOutQuad")}},{key:"setupSteps",value:function setupSteps(){this.nextButton.text("Weiter").addClass("btn").addClass("has-icon").addClass("icon-right").addClass("icon-pfeil-rechts")}}]),IHKSlider}();const __WEBPACK_DEFAULT_EXPORT__=IHKSlider;jquery__WEBPACK_IMPORTED_MODULE_12___default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()(".rotation .slider:not(.initiated), .steps .slider:not(.initiated)").each((function(i,el){var selector=jquery__WEBPACK_IMPORTED_MODULE_12___default()(el);selector.find("dynamic-content").length||new IHKSlider(selector)}))}))},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/blockquote/blockquote.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"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__),_assets_img_quote_svg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./stories/assets/img/quote.svg"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()),___CSS_LOADER_URL_REPLACEMENT_0___=_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(_assets_img_quote_svg__WEBPACK_IMPORTED_MODULE_3__);___CSS_LOADER_EXPORT___.push([module.id,'blockquote{border-left:6px solid var(--theme-color-secondary);margin:2em 0;padding-left:1.2em;font-style:italic}blockquote .author{font-style:normal;font-size:var(--font-size-small);line-height:1.2}.magazine-article blockquote,blockquote[data-quote-type=magazine]{border-left:0;font-weight:300;font-style:normal;margin:calc(var(--section-margin)*.6) 0;padding:0 20px 0 40px}@media(max-width: 767px){.magazine-article blockquote,blockquote[data-quote-type=magazine]{padding:0 0 0 20px}}.magazine-article blockquote p:not(.author),.magazine-article blockquote div.text,blockquote[data-quote-type=magazine] p:not(.author),blockquote[data-quote-type=magazine] div.text{line-height:1.3;font-size:var(--font-size-h2)}.magazine-article blockquote p:not(.author):first-child:before,.magazine-article blockquote div.text:first-child:before,blockquote[data-quote-type=magazine] p:not(.author):first-child:before,blockquote[data-quote-type=magazine] div.text:first-child:before{content:"";position:relative;display:block;width:30px;height:30px;background-image:url('+___CSS_LOADER_URL_REPLACEMENT_0___+');background-size:100%;margin:2px 0 2px -40px}@media(max-width: 767px){.magazine-article blockquote p:not(.author):first-child:before,.magazine-article blockquote div.text:first-child:before,blockquote[data-quote-type=magazine] p:not(.author):first-child:before,blockquote[data-quote-type=magazine] div.text:first-child:before{margin-left:-20px}}.magazine-article blockquote p:not(.author):last-child:after,.magazine-article blockquote div.text:last-child:after,.magazine-article blockquote .author:after,.magazine-article blockquote h4:after,blockquote[data-quote-type=magazine] p:not(.author):last-child:after,blockquote[data-quote-type=magazine] div.text:last-child:after,blockquote[data-quote-type=magazine] .author:after,blockquote[data-quote-type=magazine] h4:after{content:"";position:relative;display:block;width:30px;height:30px;background-image:url('+___CSS_LOADER_URL_REPLACEMENT_0___+');background-size:100%;margin:2px 0 2px -40px;transform:rotate(180deg)}@media(max-width: 767px){.magazine-article blockquote p:not(.author):last-child:after,.magazine-article blockquote div.text:last-child:after,.magazine-article blockquote .author:after,.magazine-article blockquote h4:after,blockquote[data-quote-type=magazine] p:not(.author):last-child:after,blockquote[data-quote-type=magazine] div.text:last-child:after,blockquote[data-quote-type=magazine] .author:after,blockquote[data-quote-type=magazine] h4:after{margin-left:-20px}}.magazine-article blockquote .author,.magazine-article blockquote h4,blockquote[data-quote-type=magazine] .author,blockquote[data-quote-type=magazine] h4{position:relative;font-weight:400;text-align:right;margin-right:-20px;margin-top:36px;font-family:"Source Sans Pro",sans-serif;font-size:18px}.magazine-article blockquote .author:before,.magazine-article blockquote h4:before,blockquote[data-quote-type=magazine] .author:before,blockquote[data-quote-type=magazine] h4:before{content:"— ";position:relative;top:-1px;margin-right:2px}.magazine-article blockquote .author:after,.magazine-article blockquote h4:after,blockquote[data-quote-type=magazine] .author:after,blockquote[data-quote-type=magazine] h4:after{position:absolute;top:-36px;left:0}@media(max-width: 767px){.magazine-article blockquote .author,.magazine-article blockquote h4,blockquote[data-quote-type=magazine] .author,blockquote[data-quote-type=magazine] h4{margin-right:0;padding-left:30px;font-size:16px;font-weight:500;margin-top:32px}.magazine-article blockquote .author:after,.magazine-article blockquote h4:after,blockquote[data-quote-type=magazine] .author:after,blockquote[data-quote-type=magazine] h4:after{top:-30px}}',"",{version:3,sources:["webpack://./stories/atoms/blockquote/blockquote.scss"],names:[],mappings:"AAAA,WAAA,kDACE,CAAA,YACA,CAAA,kBACA,CAAA,iBACA,CAAA,mBAEA,iBACE,CAAA,gCACA,CAAA,eACA,CAAA,kEAIJ,aACE,CAAA,eACA,CAAA,iBACA,CAAA,uCACA,CAAA,qBACA,CAAA,yBAEA,kEAPF,kBAQI,CAAA,CAAA,oLAGF,eACE,CAAA,6BACA,CAAA,gQAEA,UACE,CAAA,iBACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,wDACA,CAAA,oBACA,CAAA,sBACA,CAAA,yBAEA,gQAVF,iBAWI,CAAA,CAAA,0aAKN,UACE,CAAA,iBACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,wDACA,CAAA,oBACA,CAAA,sBACA,CAAA,wBACA,CAAA,yBAEA,0aAXF,iBAYI,CAAA,CAAA,0JAIJ,iBACE,CAAA,eACA,CAAA,gBACA,CAAA,kBACA,CAAA,eACA,CAAA,wCACA,CAAA,cACA,CAAA,sLAEA,YACE,CAAA,iBACA,CAAA,QACA,CAAA,gBACA,CAAA,kLAGF,iBACE,CAAA,SACA,CAAA,MACA,CAAA,yBAGF,0JAtBF,cAuBI,CAAA,iBACA,CAAA,cACA,CAAA,eACA,CAAA,eACA,CAAA,kLAEA,SACE,CAAA",sourcesContent:['blockquote {\n border-left: 6px solid var(--theme-color-secondary);\n margin: 2em 0;\n padding-left: 1.2em;\n font-style: italic;\n\n .author {\n font-style: normal;\n font-size: var(--font-size-small);\n line-height: 1.2;\n }\n}\n\n.magazine-article blockquote, blockquote[data-quote-type=\'magazine\'] {\n border-left: 0;\n font-weight: 300;\n font-style: normal;\n margin: calc(var(--section-margin) * 0.6) 0;\n padding: 0 20px 0 40px;\n\n @media(max-width: 767px) {\n padding: 0 0 0 20px;\n }\n\n p:not(.author), div.text {\n line-height: 1.3;\n font-size: var(--font-size-h2);\n\n &:first-child:before {\n content: "";\n position: relative;\n display: block;\n width: 30px;\n height: 30px;\n background-image: url(\'../../assets/img/quote.svg\');\n background-size: 100%;\n margin: 2px 0 2px -40px;\n\n @media(max-width: 767px) {\n margin-left: -20px;\n }\n }\n }\n\n p:not(.author):last-child:after, div.text:last-child:after, .author:after, h4:after {\n content: "";\n position: relative;\n display: block;\n width: 30px;\n height: 30px;\n background-image: url(\'../../assets/img/quote.svg\');\n background-size: 100%;\n margin: 2px 0 2px -40px;\n transform: rotate(180deg);\n\n @media(max-width: 767px) {\n margin-left: -20px;\n }\n }\n\n .author, h4 {\n position: relative;\n font-weight: 400;\n text-align: right;\n margin-right: -20px;\n margin-top: 36px;\n font-family: "Source Sans Pro", sans-serif;\n font-size: 18px;\n\n &:before {\n content: "— ";\n position: relative;\n top: -1px;\n margin-right: 2px;\n }\n\n &:after {\n position: absolute;\n top: -36px;\n left: 0;\n }\n\n @media(max-width: 767px) {\n margin-right: 0;\n padding-left: 30px;\n font-size: 16px;\n font-weight: 500;\n margin-top: 32px;\n\n &:after {\n top: -30px;\n }\n }\n }\n}'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/infobox/infobox.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,".infobox,.richtext div.strong,article.col div.strong{margin:calc(3% + 26px) 0;background-color:var(--theme-color-secondary-dimmed);padding:var(--content-box-padding);border-bottom:var(--border-width) solid var(--theme-color-secondary)}.infobox.success,.richtext div.strong.success,article.col div.strong.success{background-color:var(--theme-color-success-dimmed);border-color:var(--theme-color-success)}.infobox.error,.richtext div.strong.error,article.col div.strong.error{background-color:var(--theme-color-error-dimmed);border-color:var(--theme-color-error)}.infobox.warning,.richtext div.strong.warning,article.col div.strong.warning{background-color:var(--theme-color-warning-dimmed);border-color:var(--theme-color-warning)}.infobox>*:first-child,.richtext div.strong>*:first-child,article.col div.strong>*:first-child{margin-top:-0.4em}.infobox>*:last-child,.richtext div.strong>*:last-child,article.col div.strong>*:last-child{margin-bottom:-0.4em}.infobox:first-child,.richtext div.strong:first-child,article.col div.strong:first-child{margin-top:0}.infobox:last-child,.richtext div.strong:last-child,article.col div.strong:last-child{margin-bottom:0}.snippingTool{margin:calc(3% + 26px) 50px;background-color:var(--theme-color-secondary-dimmed);padding:var(--content-box-padding);width:652px}.snippingTool .topicSnippingTool{margin:10px 0}.snippingTool .snippingToolLink{font-size:var(--font-size-xs);margin:5px 0 0}.snippingTool .snippingToolTitle{margin:0}.snippingTool .snippingToolDescription{font-size:var(--font-size-xs)}","",{version:3,sources:["webpack://./stories/components/infobox/infobox.scss"],names:[],mappings:"AAGA,qDACE,wBAAA,CACA,oDAAA,CACA,kCAAA,CACA,oEAAA,CAEA,6EACE,kDAAA,CACA,uCAAA,CAEF,uEACE,gDAAA,CACA,qCAAA,CAEF,6EACE,kDAAA,CACA,uCAAA,CAGF,+FACE,iBAAA,CAEF,4FACE,oBAAA,CAGF,yFACE,YAAA,CAEF,sFACE,eAAA,CAIJ,cACE,2BAAA,CACA,oDAAA,CACA,kCAAA,CACA,WAAA,CAEA,iCACE,aAAA,CAGF,gCACE,6BAAA,CACA,cAAA,CAGF,iCACE,QAAA,CAGF,uCACE,6BAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.infobox, .richtext div.strong, article.col div.strong {\n margin: calc(3% + 26px) 0;\n background-color: var(--theme-color-secondary-dimmed);\n padding: var(--content-box-padding);\n border-bottom: var(--border-width) solid var(--theme-color-secondary);\n\n &.success {\n background-color: var(--theme-color-success-dimmed);\n border-color: var(--theme-color-success);\n }\n &.error {\n background-color: var(--theme-color-error-dimmed);\n border-color: var(--theme-color-error);\n }\n &.warning {\n background-color: var(--theme-color-warning-dimmed);\n border-color: var(--theme-color-warning);\n }\n\n > *:first-child {\n margin-top: -0.4em;\n }\n > *:last-child {\n margin-bottom: -0.4em;\n }\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n.snippingTool {\n margin: calc(3% + 26px) 50px;\n background-color: var(--theme-color-secondary-dimmed);\n padding: var(--content-box-padding);\n width: 652px;\n\n .topicSnippingTool {\n margin: 10px 0;\n }\n\n .snippingToolLink {\n font-size: var(--font-size-xs);\n margin: 5px 0 0;\n }\n\n .snippingToolTitle {\n margin: 0;\n }\n\n .snippingToolDescription {\n font-size: var(--font-size-xs);\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/magazine-article/magazine-article.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,".magazine-article article.col,.magazine-article.col{position:relative;z-index:1;width:880px;max-width:66.6667%;background-color:#fff;margin:0 auto;padding-bottom:0}@media(max-width: 1199px){.magazine-article article.col,.magazine-article.col{max-width:83.3333%}}@media(max-width: 999px){.magazine-article article.col,.magazine-article.col{box-shadow:0 0 0 10px #fff}}@media(max-width: 767px){.magazine-article article.col,.magazine-article.col{max-width:100%;box-shadow:0 -4px 0 2px #fff}}.magazine-article article.col .print-share,.magazine-article.col .print-share{margin-bottom:0}.magazine-article article.col .print-share .bookmarks.show-bookmarks,.magazine-article.col .print-share .bookmarks.show-bookmarks{margin-bottom:1em}.magazine-article article.col .image-box img,.magazine-article.col .image-box img{max-width:100%}@media(min-width: 568px){.magazine-article article.col .image-box.off-grid,.magazine-article.col .image-box.off-grid{float:left;margin:.3em 20px 1em 0;width:calc(50% - 10px)}}@media(min-width: 768px){.magazine-article article.col .image-box.off-grid,.magazine-article.col .image-box.off-grid{margin:.3em 40px 1em calc(-12.5% - 5px);width:calc(50% - 20px)}}@media(min-width: 768px)and (max-width: 1199px){.magazine-article article.col .image-box.off-grid,.magazine-article.col .image-box.off-grid{margin:.3em 30px 1em calc(-10% - 3px);width:calc(50% - 15px)}}@media(min-width: 768px)and (max-width: 999px){.magazine-article article.col .image-box.off-grid,.magazine-article.col .image-box.off-grid{margin:.3em 20px 1em calc(-10% - 2px);width:calc(50% - 10px)}}.magazine-article article.col .image-box.off-grid~*:not(p),.magazine-article.col .image-box.off-grid~*:not(p){clear:left}.magazine-article article.col .image-box.portrait,.magazine-article.col .image-box.portrait{display:flex;justify-content:center;flex-flow:column}.magazine-article article.col .image-box.portrait img,.magazine-article article.col .image-box.portrait figcaption,.magazine-article.col .image-box.portrait img,.magazine-article.col .image-box.portrait figcaption{align-self:center}","",{version:3,sources:["webpack://./stories/components/magazine-article/magazine-article.scss"],names:[],mappings:"AAGA,oDACE,iBAAA,CACA,SAAA,CACA,WAAA,CACA,kBAAA,CACA,qBAAA,CACA,aAAA,CACA,gBAAA,CAEA,0BATF,oDAUI,kBAAA,CAAA,CAEF,yBAZF,oDAaI,0BAAA,CAAA,CAEF,yBAfF,oDAgBI,cAAA,CACA,4BAAA,CAAA,CAGF,8EACE,eAAA,CAGF,kIACE,iBAAA,CAIA,kFACE,cAAA,CAIA,yBADF,4FAEI,UAAA,CACA,sBAAA,CACA,sBAAA,CAAA,CAGF,yBAPF,4FAQI,uCAAA,CACA,sBAAA,CAAA,CAEA,gDAXJ,4FAYM,qCAAA,CACA,sBAAA,CAAA,CAGF,+CAhBJ,4FAiBM,qCAAA,CACA,sBAAA,CAAA,CAIJ,8GACE,UAAA,CAIJ,4FACE,YAAA,CACA,sBAAA,CACA,gBAAA,CACA,sNACE,iBAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.magazine-article article.col, .magazine-article.col {\n position: relative;\n z-index: 1;\n width: 880px;\n max-width: 66.6667%;\n background-color: #fff;\n margin: 0 auto;\n padding-bottom: 0;\n\n @media(max-width: 1199px) {\n max-width: 83.3333%;\n }\n @media(max-width: 999px) {\n box-shadow: 0 0 0 10px white;\n }\n @media(max-width: 767px) {\n max-width: 100%;\n box-shadow: 0 -4px 0 2px white;\n }\n\n .print-share {\n margin-bottom: 0;\n }\n\n .print-share .bookmarks.show-bookmarks {\n margin-bottom: 1em;\n }\n\n .image-box {\n img {\n max-width: 100%;\n }\n\n &.off-grid{\n @media(min-width: 568px) {\n float: left;\n margin: 0.3em 20px 1em 0;\n width: calc(50% - 10px);\n }\n\n @media(min-width: 768px) {\n margin: 0.3em 40px 1em calc(-12.5% - 5px);\n width: calc(50% - 20px);\n\n @media(max-width: 1199px) {\n margin: 0.3em 30px 1em calc(-10% - 3px);\n width: calc(50% - 15px);\n }\n\n @media(max-width: 999px) {\n margin: 0.3em 20px 1em calc(-10% - 2px);\n width: calc(50% - 10px);\n }\n }\n\n ~ *:not(p) {\n clear: left;\n }\n }\n\n &.portrait{\n display: flex;\n justify-content: center;\n flex-flow: column;\n img, figcaption{\n align-self: center;\n }\n }\n }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/assets/img/quote.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/quote.ed16cf43.svg"}}]);
\ No newline at end of file
diff --git a/gfi-ihk-2024/storybook-static/9634.0192bd9f.iframe.bundle.js b/gfi-ihk-2024/storybook-static/9634.0192bd9f.iframe.bundle.js
new file mode 100644
index 0000000..ebae458
--- /dev/null
+++ b/gfi-ihk-2024/storybook-static/9634.0192bd9f.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[9634],{"./stories/sections/slider/slider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var jquery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_12__),hammerjs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/hammerjs/hammer.js"),hammerjs__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_13__);function _defineProperties(target,props){for(var i=0;i ').appendTo(section),this.slideWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').appendTo(this.slideOverflow).append(this.slides),this.currentSlide=0,this.autoplayTimeout=0,this.isHovered=!1,this.sectionInitialClicked=!1,this.dragging=!1,this.inViewport=!1,this.positionAnimation={x:0},this.settings={loop:!1,autoplay:this.section.data("autoplay"),infinite:!0,autoplaySpeed:this.section.data("autoplay-speed")?this.section.data("autoplay-speed"):5e3,animationSpeed:600,startSlide:0},this.initSlides(),this.settings.infinite&&this.initInfinity(),this.initUI(),this.checkSize(),this.slides.length>1&&(this.initHammerDragging(),this.initTabbing()),this.changeSlide(this.settings.startSlide),this.initAutoplay(),this.checkSize(),this.section.closest(".steps").length&&this.setupSteps(),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).on("resize",(function(){_this.checkSize()}))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSlider,[{key:"initSlides",value:function initSlides(){this.slides.each((function(i){var slide=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).attr("data-index",i),h3=slide.find("h3"),p=h3.next("p");slide.find(".image-box").length?(h3.text().length>48&&h3.html(h3.text().substring(0,48)+"…"),p.text().length>148&&p.html(p.text().substring(0,148)+"…")):slide.addClass("text-only")}))}},{key:"checkSize",value:function checkSize(){this.controls.find(".tabs").width()>.6*this.slideOverflow.width()?this.section.addClass("many-slides"):this.section.removeClass("many-slides")}},{key:"initInfinity",value:function initInfinity(){this.nextWrapper=this.slideWrapper.clone(),this.prevWrapper=this.slideWrapper.clone(),this.nextWrapper.removeClass("slide-wrapper").addClass("next-clone").appendTo(this.slideWrapper).css({left:this.slides.length+"%"}),this.prevWrapper.removeClass("slide-wrapper").addClass("prev-clone").appendTo(this.slideWrapper),this.nextWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.prevWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.nextWrapper.find("img").removeClass("loading"),this.prevWrapper.find("img").removeClass("loading")}},{key:"initUI",value:function initUI(){var _this2=this;this.count=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" "),this.prevButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' '),this.nextButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ');var tabsWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(''),countWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ').html('/'+this.slides.length+" ").prepend(this.count);this.slides.each((function(i){var s=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this),li=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(tabsWrapper),button=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").addClass("btn").appendTo(li);jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(button).text(s.data("title")?s.data("title"):i+1)})),this.tabs=tabsWrapper.children(),tabsWrapper.find("button").on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.changeSlide(jquery__WEBPACK_IMPORTED_MODULE_12___default()(e.currentTarget).parent().index())})),this.prevButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onPrev()})),this.nextButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onNext()})),this.controls=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').append(this.prevButton).append(tabsWrapper).append(countWrapper).append(this.nextButton).appendTo(this.section)}},{key:"changeSlide",value:function changeSlide(index,offset){var _this3=this,transition=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],t=this,prevIndex=0===index?this.slides.length-1:index-1,nextIndex=index===this.slides.length-1?0:index+1,allWidth=t.nextWrapper.position().left;offset||(offset=0),index===this.currentSlide&&0===this.slideOverflow.outerHeight()&&(transition=!1),t.positionAnimation={x:this.slideWrapper.position().left};var target=(index+offset)/-100*this.slideWrapper.width(),time=Math.round(Math.abs(this.positionAnimation.x-target)/5+200);time>500&&(time=500),transition||(time=0),t.slideOverflow.css({"transition-duration":time+"ms",height:this.slideOverflow.outerHeight()+"px"}),t.slideWrapper.find(".current").removeClass("current"),t.slideWrapper.find('[data-index="'+index+'"]').addClass("current"),t.slideWrapper.find(".is-prev").removeClass("is-prev"),t.slideWrapper.find('[data-index="'+prevIndex+'"]').addClass("is-prev"),t.slideWrapper.find(".is-next").removeClass("is-next"),t.slideWrapper.find('[data-index="'+nextIndex+'"]').addClass("is-next"),target>0&&(target-=allWidth,this.positionAnimation.x=this.positionAnimation.x-allWidth),target<=-1*allWidth+1&&(target+=allWidth,this.positionAnimation.x=this.positionAnimation.x+allWidth),requestAnimationFrame((function(){_this3.slideOverflow.css({height:_this3.slides.eq(index).outerHeight()+"px"})})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(this.positionAnimation).animate({x:target},{duration:time,easing:"easeOutCubic",step:function step(now){_this3.slideWrapper.css({transform:"translate3d("+Math.round(now)+"px, 0, 0)"})},complete:function complete(){requestAnimationFrame((function(){_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),_this3.slideOverflow.css("height","auto")}))}}),this.tabs.eq(index).addClass("active").siblings(".active").removeClass("active"),this.count.text(index+1),this.settings.autoplay&&!this.isHovered&&this.handleAutoplay(),0!==offset&&setTimeout((function(){_this3.slideWrapper.addClass("no-transition"),_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),setTimeout((function(){_this3.slideWrapper.removeClass("no-transition")}),20)}),this.settings.animationSpeed),this.currentSlide=index,this.section.trigger("slide-change"),this.section.closest(".steps").length&&this.sectionInitialClicked&&this.scrollToTop()}},{key:"goTo",value:function goTo(index,transition){var _this4=this;!1===transition&&this.slideWrapper.addClass("no-transition"),this.sectionInitialClicked=!0,this.changeSlide(index,0,transition),setTimeout((function(){_this4.slideWrapper.removeClass("no-transition")}),20)}},{key:"onNext",value:function onNext(){var nextSlide=this.currentSlide===this.slides.length-1?0:this.currentSlide+1,offset=this.settings.infinite&&0===nextSlide?this.slides.length:0;this.changeSlide(nextSlide,offset)}},{key:"onPrev",value:function onPrev(){var prevSlide=0===this.currentSlide?this.slides.length-1:this.currentSlide-1,offset=this.settings.infinite&&prevSlide===this.slides.length-1?-1*this.slides.length:0;this.changeSlide(prevSlide,offset)}},{key:"initAutoplay",value:function initAutoplay(){var _this5=this;this.section.on("mouseenter",(function(){_this5.isHovered=!0,clearTimeout(_this5.autoplayTimeout),_this5.section.removeClass("btnanimation")})),this.section.on("mouseleave",(function(){_this5.isHovered=!1,_this5.handleAutoplay(),_this5.section.addClass("btnanimation")})),this.initScrollCheck(),this.handleAutoplay()}},{key:"handleAutoplay",value:function handleAutoplay(){var _this6=this;if(this.dragging)return!1;clearTimeout(this.autoplayTimeout),this.settings.autoplaySpeed>0&&this.settings.autoplay&&(this.autoplayTimeout=setTimeout((function(){_this6.inViewport?_this6.onNext():_this6.handleAutoplay()}),this.settings.autoplaySpeed))}},{key:"initScrollCheck",value:function initScrollCheck(){var _this7=this;window.addEventListener("scroll",(function(){window.requestAnimationFrame((function(){_this7.scrollCheck()}))}),{passive:!0}),window.requestAnimationFrame((function(){_this7.scrollCheck()}))}},{key:"scrollCheck",value:function scrollCheck(){var w=jquery__WEBPACK_IMPORTED_MODULE_12___default()(window);w.scrollTop()+w.height()-200>this.section.offset().top&&w.scrollTop()sliderWidth/5?_this8.onPrev():e.deltaX").one("load",(function(e){var loadedImage=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).removeClass("loading"),slide=loadedImage.closest(".slide").removeClass("preload"),index=parseInt(slide.attr("data-index"));t.nextWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone()),t.prevWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone())}));img.attr("src",ib.attr("data-src")).appendTo(ib),img.attr("data-download",ib.attr("data-download")).appendTo(ib),img.attr("draggable","false").attr("ondragstart","return false;")}}},{key:"resetTabScroll",value:function resetTabScroll(){var _this10=this;this.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),this.tabScrollActive&&window.requestAnimationFrame((function(){_this10.resetTabScroll()}))}},{key:"scrollToTop",value:function scrollToTop(){var target=this.section.closest(".steps").offset().top-120;jquery__WEBPACK_IMPORTED_MODULE_12___default()("html, body").animate({scrollTop:target},600,"easeOutQuad")}},{key:"setupSteps",value:function setupSteps(){this.nextButton.text("Weiter").addClass("btn").addClass("has-icon").addClass("icon-right").addClass("icon-pfeil-rechts")}}]),IHKSlider}();const __WEBPACK_DEFAULT_EXPORT__=IHKSlider;jquery__WEBPACK_IMPORTED_MODULE_12___default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()(".rotation .slider:not(.initiated), .steps .slider:not(.initiated)").each((function(i,el){var selector=jquery__WEBPACK_IMPORTED_MODULE_12___default()(el);selector.find("dynamic-content").length||new IHKSlider(selector)}))}))},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/slider/slider.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,'.slider{opacity:0;transition:opacity .4s linear}.slider.initiated{opacity:1}.slider.single-slide .controls{display:none}.slider .slide-overflow{overflow:hidden;transition:height .6s cubic-bezier(0.215, 0.61, 0.355, 1)}.slider img.loading{opacity:0}.slider img.loaded{transition:.3s ease;opacity:1}.slider .slide-wrapper{position:relative;display:flex;align-items:flex-start;width:10000%;contain:layout}.slider .slide-wrapper.no-transition{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider .slide-wrapper.no-transition .image-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.slider .slide-wrapper img,.slider .slide-wrapper a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none}.slider .slide{position:relative;width:1%;min-width:1%;max-width:1%}.slider .prev-clone,.slider .next-clone{position:absolute;display:flex;width:100%}.slider .prev-clone{position:absolute;right:100%;justify-content:flex-end}.rotation{margin:var(--section-margin) auto}.rotation .slider{position:relative;display:block;border-bottom:var(--border-width) solid var(--theme-color-secondary);background-color:var(--theme-color-primary)}@media(max-width: 567px){.rotation .slider{margin:var(--section-margin) calc(var(--container-padding)*-1)}}.rotation .slider .slide:not(.current){height:0}@media(max-width: 999px){.rotation .slider .slide.text-only .outer .text-box{min-height:calc(40vw + 100px)}}@media(min-width: 1000px){.rotation .slider .slide.text-only .outer:after{content:"";position:relative;display:block;padding-top:calc(44.4444% - 13.3333px)}}.rotation .slider .outer{margin:0 -20px;display:flex}@media(max-width: 999px){.rotation .slider .outer{flex-direction:column;margin:0;overflow:hidden}}.rotation .slider .outer.download .text-box .btn:before{content:""}.rotation .slider .outer.intranet .text-box .btn:before{content:""}.rotation .slider .outer.extranet .text-box .btn:before{content:""}.rotation .slider .outer.extern .text-box .btn:before{content:""}.rotation .slider .image-box{position:relative;order:1;flex:1 1 100%}.rotation .slider .image-box:before{content:"";position:relative;display:block;padding-top:66.66667%}.rotation .slider .image-box>img,.rotation .slider .image-box .gallery{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover}@media(min-width: 1000px){.rotation .slider .image-box{padding-right:20px;flex:1 1 66.66667%;max-width:66.66667%}.rotation .slider .image-box>img,.rotation .slider .image-box .gallery{width:calc(100% - 20px);left:1px}}.rotation .slider .copyright{position:absolute;display:block;left:100%;bottom:0;transform-origin:0 100%;color:var(--theme-color-white);font-size:12px;line-height:1.2;text-shadow:0px 0px 3px rgba(0,0,0,.6),0px 0px 8px rgba(0,0,0,.6);z-index:2;width:66%;padding:26px 8px;transform:rotate(-90deg)}@media(max-width: 999px){.rotation .slider .copyright{font-size:10px;padding:4px 6px}}.rotation .slider .text-box{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1 1 33.33333%;max-width:33.3333%;min-width:400px;color:var(--theme-color-background);z-index:2;padding:40px 20px 40px 80px;font-size:var(--font-size-small)}@media(max-width: 1339px){.rotation .slider .text-box{min-width:360px;padding:30px 10px 30px 60px}}@media(max-width: 1199px)and (min-width: 1000px){.rotation .slider .text-box{min-height:500px;font-size:16px}}@media(max-width: 999px){.rotation .slider .text-box{padding:40px 40px 10px;min-width:0;max-width:none}}@media(max-width: 567px){.rotation .slider .text-box{padding:28px var(--container-padding) 10px}}.rotation .slider .text-box:first-child{padding:100px 80px;position:static;background-color:rgba(0,0,0,0);max-width:none}@media(max-width: 999px){.rotation .slider .text-box:first-child{padding:40px}}@media(max-width: 567px){.rotation .slider .text-box:first-child{padding:28px 20px 100px}}.rotation .slider .text-box:first-child:after{content:"";background:linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 100%);position:absolute;top:0;left:0;width:100%;height:800px}.rotation .slider .text-box:first-child>*{max-width:800px;z-index:1}.rotation .slider .text-box:not(:first-child):before{content:"";position:absolute;left:0;right:0;bottom:0;background-color:var(--theme-color-primary);z-index:-1}@media(min-width: 1000px){.rotation .slider .text-box:not(:first-child):before{top:0;margin:-15% -14% -15% 20px;border-top-right-radius:28% 50%;border-bottom-right-radius:28% 50%}}@media(max-width: 999px){.rotation .slider .text-box:not(:first-child):before{padding-top:70%;margin-right:0;margin:0 -15% -8%;border-bottom-left-radius:50% 28%;border-bottom-right-radius:50% 28%}}.rotation .slider .context-box{position:absolute;right:0;top:40px;z-index:100;min-width:100px;min-height:47px;padding:8px 10px 10px 10px;font-family:var(--font-korb);font-size:var(--font-size-h4);font-style:normal;font-weight:normal;line-height:1.2;margin:1.4em -0.05em .8em;margin:0;text-align:right;color:var(--theme-color-white);background:linear-gradient(90deg, var(--theme-color-gradient-01) 25%, var(--theme-color-gradient-02) 57%, var(--theme-color-gradient-03) 112%)}@media(max-width: 999px){.rotation .slider .context-box{min-height:auto}}.rotation .slider .context-box--image{padding:4px 10px;display:flex}.rotation .slider .context-box--image img{height:39px}.rotation .slider .image-box .context-box{right:20px}@media(max-width: 999px){.rotation .slider .image-box .context-box{top:110px;right:0}}@media(max-width: 567px){.rotation .slider .image-box .context-box{top:60px}}@media(max-width: 319px){.rotation .slider .image-box .context-box{top:40px}}@media(max-width: 767px){.rotation .slider .text-box.context{padding-top:100px}}.rotation .slider .slider-tabs{position:absolute;display:flex;right:0;bottom:0;list-style:none;padding:0;margin:20px}.rotation .slider .slider-tabs .btn{--button-hover-shadow-opacity: 0.4;margin:5px;font-size:var(--font-size-h4)}.rotation .slider .slider-tabs .btn span{position:relative;z-index:2}@media(max-width: 767px){.rotation .slider .slider-tabs .btn{margin:4px}}.rotation .slider .slider-tabs .active .btn{--button-bg-color: var(--theme-color-background);--button-text-color: var(--theme-color-primary)}.rotation .slider .slider-tabs .active .btn:hover::after{box-shadow:none}.rotation .slider h2,.rotation .slider .like-h2{margin-top:.3em;margin-bottom:.4em}.rotation .slider .btn{margin-top:.8em}.rotation .slider .prev,.rotation .slider .next,.rotation .slider .count{display:none}',"",{version:3,sources:["webpack://./stories/sections/slider/slider.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,QAGA,SACE,CAAA,6BACA,CAAA,kBAEA,SACE,CAAA,+BAIA,YACE,CAAA,wBAIJ,eACE,CAAA,yDACA,CAAA,oBAGF,SACE,CAAA,mBAGF,mBACE,CAAA,SACA,CAAA,uBAGF,iBACE,CAAA,YACA,CAAA,sBACA,CAAA,YACA,CAAA,cACA,CAAA,qCAEA,wBACE,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,sDAEA,UACE,CAAA,iBCiDN,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,SDnDM,CAAA,oDAIJ,wBACE,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,sBACA,CAAA,mBACA,CAAA,eAIJ,iBACE,CAAA,QACA,CAAA,YACA,CAAA,YACA,CAAA,wCAGF,iBAEE,CAAA,YACA,CAAA,UACA,CAAA,oBAGF,iBACE,CAAA,UACA,CAAA,wBACA,CAAA,UAIJ,iCACE,CAAA,kBAGF,iBACE,CAAA,aACA,CAAA,oEACA,CAAA,2CACA,CAAA,yBAEA,kBANF,8DAOI,CAAA,CAAA,uCAIA,QACE,CAAA,yBAIA,oDACE,6BACE,CAAA,CAAA,0BAGJ,gDACE,UACE,CAAA,iBACA,CAAA,aACA,CAAA,sCACA,CAAA,CAAA,yBAMR,cACE,CAAA,YACA,CAAA,yBAEA,yBAJF,qBAKI,CAAA,QACA,CAAA,eACA,CAAA,CAAA,wDAGF,WC6HyB,CAAA,wDD1HzB,WCkIwB,CAAA,wDD/HxB,WCgIsB,CAAA,sDD7HtB,WCwH8B,CAAA,6BDnHhC,iBACE,CAAA,OACA,CAAA,aACA,CAAA,oCAEA,UACE,CAAA,iBACA,CAAA,aACA,CAAA,qBACA,CAAA,uEAGF,iBACE,CAAA,MACA,CAAA,KACA,CAAA,WACA,CAAA,UACA,CAAA,gBACA,CAAA,0BAGF,6BArBF,kBAsBI,CAAA,kBACA,CAAA,mBACA,CAAA,uEAEA,uBACE,CAAA,QACA,CAAA,CAAA,6BAKN,iBACE,CAAA,aACA,CAAA,SACA,CAAA,QACA,CAAA,uBACA,CAAA,8BACA,CAAA,cACA,CAAA,eACA,CAAA,iEACA,CAAA,SACA,CAAA,SACA,CAAA,gBACA,CAAA,wBACA,CAAA,yBAEA,6BAfF,cAgBI,CAAA,eACA,CAAA,CAAA,4BAIJ,iBACE,CAAA,YACA,CAAA,qBACA,CAAA,sBACA,CAAA,kBACA,CAAA,kBACA,CAAA,eACA,CAAA,mCACA,CAAA,SACA,CAAA,2BACA,CAAA,gCACA,CAAA,0BAEA,4BAbF,eAcI,CAAA,2BACA,CAAA,CAAA,iDAGF,4BAlBF,gBAmBI,CAAA,cACA,CAAA,CAAA,yBAGF,4BAvBF,sBAwBI,CAAA,WACA,CAAA,cACA,CAAA,CAAA,yBAGF,4BA7BF,0CA8BI,CAAA,CAAA,wCAGF,kBACE,CAAA,eACA,CAAA,8BACA,CAAA,cACA,CAAA,yBAEA,wCANF,YAQI,CAAA,CAAA,yBAEF,wCAVF,uBAWI,CAAA,CAAA,8CAGF,UACE,CAAA,+IACA,CAAA,iBACA,CAAA,KACA,CAAA,MACA,CAAA,UACA,CAAA,YACA,CAAA,0CAGF,eACE,CAAA,SACA,CAAA,qDAIJ,UACE,CAAA,iBACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,2CACA,CAAA,UACA,CAAA,0BAEA,qDATF,KAUI,CAAA,0BACA,CAAA,+BACA,CAAA,kCACA,CAAA,CAAA,yBAEF,qDAfF,eAgBI,CAAA,cACA,CAAA,iBACA,CAAA,iCACA,CAAA,kCACA,CAAA,CAAA,+BAKN,iBACE,CAAA,OACA,CAAA,QACA,CAAA,WACA,CAAA,eACA,CAAA,eACA,CAAA,0BACA,CAAA,4BCtQF,CAAA,6BACA,CAAA,iBACA,CAAA,kBACA,CAAA,eACA,CAAA,yBACA,CAAA,QDmQE,CAAA,gBACA,CAAA,8BACA,CAAA,8IACA,CAAA,yBACA,+BAbF,eAcI,CAAA,CAAA,sCAEF,gBACE,CAAA,YACA,CAAA,0CACA,WACE,CAAA,0CAKJ,UACE,CAAA,yBACA,0CAFF,SAGI,CAAA,OACA,CAAA,CAAA,yBAEF,0CANF,QAOI,CAAA,CAAA,yBAEF,0CATF,QAUI,CAAA,CAAA,yBAMF,oCADF,iBAEI,CAAA,CAAA,+BAKN,iBACE,CAAA,YACA,CAAA,OACA,CAAA,QACA,CAAA,eACA,CAAA,SACA,CAAA,WACA,CAAA,oCAEA,kCACE,CAAA,UACA,CAAA,6BACA,CAAA,yCACA,iBACE,CAAA,SACA,CAAA,yBAEF,oCARF,UASI,CAAA,CAAA,4CAIJ,gDACE,CAAA,+CACA,CAAA,yDAEA,eACE,CAAA,gDAKN,eACE,CAAA,kBACA,CAAA,uBAGF,eACE,CAAA,yEAGF,YACE",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n\n.slider {\n opacity: 0;\n transition: opacity 0.4s linear;\n\n &.initiated {\n opacity: 1;\n }\n\n &.single-slide {\n .controls {\n display: none;\n }\n }\n\n .slide-overflow {\n overflow: hidden;\n transition: height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n img.loading {\n opacity: 0;\n }\n\n img.loaded {\n transition: 0.3s ease;\n opacity: 1;\n }\n\n .slide-wrapper {\n position: relative;\n display: flex;\n align-items: flex-start;\n width: 10000%;\n contain: layout;\n\n &.no-transition {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n .image-box:after {\n content: "";\n @include full-size;\n z-index: 2;\n }\n }\n\n img, a {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-drag: none;\n -moz-user-drag: none;\n }\n }\n\n .slide {\n position: relative;\n width: 1%;\n min-width: 1%;\n max-width: 1%;\n }\n\n .prev-clone,\n .next-clone {\n position: absolute;\n display: flex;\n width: 100%;\n }\n\n .prev-clone {\n position: absolute;\n right: 100%;\n justify-content: flex-end;\n }\n}\n\n.rotation {\n margin: var(--section-margin) auto;\n}\n\n.rotation .slider {\n position: relative;\n display: block;\n border-bottom: var(--border-width) solid var(--theme-color-secondary);\n background-color: var(--theme-color-primary);\n\n @media(max-width: 567px) {\n margin: var(--section-margin) calc(var(--container-padding) * -1);\n }\n\n .slide {\n &:not(.current) {\n height: 0;\n }\n\n &.text-only .outer {\n @media(max-width: 999px) {\n .text-box {\n min-height: calc(40vw + 100px);\n }\n }\n @media(min-width: 1000px) {\n &:after {\n content: "";\n position: relative;\n display: block;\n padding-top: calc(44.4444% - 13.3333px);\n }\n }\n }\n }\n\n .outer {\n margin: 0 -20px;\n display: flex;\n\n @media(max-width: 999px) {\n flex-direction: column;\n margin: 0;\n overflow: hidden;\n }\n\n &.download .text-box .btn:before {\n @include icon-small-download;\n }\n &.intranet .text-box .btn:before{\n @include icon-small-schloss;\n }\n &.extranet .text-box .btn:before{\n @include icon-small-stern;\n }\n &.extern .text-box .btn:before{\n @include icon-small-link-external;\n }\n }\n\n .image-box {\n position: relative;\n order: 1;\n flex: 1 1 100%;\n\n &:before {\n content: "";;\n position: relative;\n display: block;\n padding-top: 66.66667%;\n }\n\n > img, .gallery {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n\n @media(min-width: 1000px) {\n padding-right: 20px;\n flex: 1 1 66.66667%;\n max-width: 66.66667%;\n\n > img, .gallery {\n width: calc(100% - 20px);\n left: 1px;\n }\n }\n }\n\n .copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n transform-origin: 0 100%;\n color: var(--theme-color-white);\n font-size: 12px;\n line-height: 1.2;\n text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6), 0px 0px 8px rgba(0, 0, 0, 0.6);\n z-index: 2;\n width: 66%;\n padding: 26px 8px;\n transform: rotate(-90deg);\n\n @media(max-width: 999px) {\n font-size: 10px;\n padding: 4px 6px;\n }\n }\n\n .text-box {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 33.33333%;\n max-width: 33.3333%;\n min-width: 400px;\n color: var(--theme-color-background);\n z-index: 2;\n padding: 40px 20px 40px 80px;\n font-size: var(--font-size-small);\n\n @media(max-width: 1339px) {\n min-width: 360px;\n padding: 30px 10px 30px 60px;\n }\n\n @media(max-width: 1199px) and (min-width: 1000px) {\n min-height: 500px;\n font-size: 16px;\n }\n\n @media(max-width: 999px) {\n padding: 40px 40px 10px;\n min-width: 0;\n max-width: none;\n }\n\n @media(max-width: 567px) {\n padding: 28px var(--container-padding) 10px;\n }\n\n &:first-child {\n padding: 100px 80px;\n position: static;\n background-color: transparent;\n max-width: none;\n\n @media(max-width: 999px) {\n //justify-content: flex-start;\n padding: 40px;\n }\n @media(max-width: 567px) {\n padding: 28px 20px 100px;\n }\n\n &:after {\n content: "";\n background: linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 100%);\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 800px;\n }\n\n > * {\n max-width: 800px;\n z-index: 1;\n }\n }\n\n &:not(:first-child):before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--theme-color-primary);\n z-index: -1;\n\n @media(min-width: 1000px) {\n top: 0;\n margin: -15% -14% -15% 20px;\n border-top-right-radius: 28% 50%;\n border-bottom-right-radius: 28% 50%;\n }\n @media(max-width: 999px) {\n padding-top: 70%;\n margin-right: 0;\n margin: 0 -15% -8%;\n border-bottom-left-radius: 50% 28%;\n border-bottom-right-radius: 50% 28%;\n }\n }\n }\n\n .context-box {\n position: absolute;\n right: 0;\n top: 40px;\n z-index: 100;\n min-width: 100px;\n min-height: 47px;\n padding: 8px 10px 10px 10px;\n @include h4();\n margin: 0;\n text-align: right;\n color: var(--theme-color-white);\n background: linear-gradient(90deg, var(--theme-color-gradient-01) 25%,var(--theme-color-gradient-02) 57%,var(--theme-color-gradient-03) 112%);\n @media(max-width: 999px) {\n min-height: auto;\n }\n &--image {\n padding: 4px 10px;\n display: flex;\n img {\n height: 39px;\n }\n }\n }\n .image-box {\n .context-box {\n right: 20px;\n @media(max-width: 999px) {\n top: 110px;\n right: 0;\n }\n @media(max-width: 567px) {\n top: 60px;\n }\n @media(max-width: 319px) {\n top: 40px;\n }\n }\n }\n .text-box {\n &.context {\n @media(max-width: 767px) {\n padding-top: 100px;\n }\n }\n }\n\n .slider-tabs {\n position: absolute;\n display: flex;\n right: 0;\n bottom: 0;\n list-style: none;\n padding: 0;\n margin: 20px;\n\n .btn {\n --button-hover-shadow-opacity: 0.4;\n margin: 5px;\n font-size: var(--font-size-h4);\n span{\n position:relative;\n z-index:2;\n }\n @media(max-width: 767px) {\n margin: 4px;\n }\n }\n\n .active .btn {\n --button-bg-color: var(--theme-color-background);\n --button-text-color: var(--theme-color-primary);\n\n &:hover::after {\n box-shadow: none;\n }\n }\n }\n\n h2, .like-h2 {\n margin-top: 0.3em;\n margin-bottom: 0.4em;\n }\n\n .btn {\n margin-top: 0.8em;\n }\n\n .prev, .next, .count {\n display: none;\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/slider/slider.scss":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/slider/slider.scss"),options={insert:"head",singleton:!1};_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__.Z,options),_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__.Z.locals}}]);
\ No newline at end of file
diff --git a/gfi-ihk-2024/storybook-static/9634.b24a4263.iframe.bundle.js b/gfi-ihk-2024/storybook-static/9634.b24a4263.iframe.bundle.js
deleted file mode 100644
index 7127dda..0000000
--- a/gfi-ihk-2024/storybook-static/9634.b24a4263.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[9634],{"./stories/sections/slider/slider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var jquery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_12__),hammerjs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/hammerjs/hammer.js"),hammerjs__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_13__);function _defineProperties(target,props){for(var i=0;i ').appendTo(section),this.slideWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').appendTo(this.slideOverflow).append(this.slides),this.currentSlide=0,this.autoplayTimeout=0,this.isHovered=!1,this.sectionInitialClicked=!1,this.dragging=!1,this.inViewport=!1,this.positionAnimation={x:0},this.settings={loop:!1,autoplay:this.section.data("autoplay"),infinite:!0,autoplaySpeed:this.section.data("autoplay-speed")?this.section.data("autoplay-speed"):5e3,animationSpeed:600,startSlide:0},this.initSlides(),this.settings.infinite&&this.initInfinity(),this.initUI(),this.checkSize(),this.slides.length>1&&(this.initHammerDragging(),this.initTabbing()),this.changeSlide(this.settings.startSlide),this.initAutoplay(),this.checkSize(),this.section.closest(".steps").length&&this.setupSteps(),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).on("resize",(function(){_this.checkSize()}))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSlider,[{key:"initSlides",value:function initSlides(){this.slides.each((function(i){var slide=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).attr("data-index",i),h3=slide.find("h3"),p=h3.next("p");slide.find(".image-box").length?(h3.text().length>48&&h3.html(h3.text().substring(0,48)+"…"),p.text().length>148&&p.html(p.text().substring(0,148)+"…")):slide.addClass("text-only")}))}},{key:"checkSize",value:function checkSize(){this.controls.find(".tabs").width()>.6*this.slideOverflow.width()?this.section.addClass("many-slides"):this.section.removeClass("many-slides")}},{key:"initInfinity",value:function initInfinity(){this.nextWrapper=this.slideWrapper.clone(),this.prevWrapper=this.slideWrapper.clone(),this.nextWrapper.removeClass("slide-wrapper").addClass("next-clone").appendTo(this.slideWrapper).css({left:this.slides.length+"%"}),this.prevWrapper.removeClass("slide-wrapper").addClass("prev-clone").appendTo(this.slideWrapper),this.nextWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.prevWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.nextWrapper.find("img").removeClass("loading"),this.prevWrapper.find("img").removeClass("loading")}},{key:"initUI",value:function initUI(){var _this2=this;this.count=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" "),this.prevButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' '),this.nextButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ');var tabsWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(''),countWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ').html('/'+this.slides.length+" ").prepend(this.count);this.slides.each((function(i){var s=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this),li=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(tabsWrapper);jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").addClass("btn").appendTo(li).text(s.data("title")?s.data("title"):i+1)})),this.tabs=tabsWrapper.children(),tabsWrapper.find("button").on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.changeSlide(jquery__WEBPACK_IMPORTED_MODULE_12___default()(e.currentTarget).parent().index())})),this.prevButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onPrev()})),this.nextButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onNext()})),this.controls=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').append(this.prevButton).append(tabsWrapper).append(countWrapper).append(this.nextButton).appendTo(this.section)}},{key:"changeSlide",value:function changeSlide(index,offset){var _this3=this,transition=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],t=this,prevIndex=0===index?this.slides.length-1:index-1,nextIndex=index===this.slides.length-1?0:index+1,allWidth=t.nextWrapper.position().left;offset||(offset=0),index===this.currentSlide&&0===this.slideOverflow.outerHeight()&&(transition=!1),t.positionAnimation={x:this.slideWrapper.position().left};var target=(index+offset)/-100*this.slideWrapper.width(),time=Math.round(Math.abs(this.positionAnimation.x-target)/5+200);time>500&&(time=500),transition||(time=0),t.slideOverflow.css({"transition-duration":time+"ms",height:this.slideOverflow.outerHeight()+"px"}),t.slideWrapper.find(".current").removeClass("current"),t.slideWrapper.find('[data-index="'+index+'"]').addClass("current"),t.slideWrapper.find(".is-prev").removeClass("is-prev"),t.slideWrapper.find('[data-index="'+prevIndex+'"]').addClass("is-prev"),t.slideWrapper.find(".is-next").removeClass("is-next"),t.slideWrapper.find('[data-index="'+nextIndex+'"]').addClass("is-next"),target>0&&(target-=allWidth,this.positionAnimation.x=this.positionAnimation.x-allWidth),target<=-1*allWidth+1&&(target+=allWidth,this.positionAnimation.x=this.positionAnimation.x+allWidth),requestAnimationFrame((function(){_this3.slideOverflow.css({height:_this3.slides.eq(index).outerHeight()+"px"})})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(this.positionAnimation).animate({x:target},{duration:time,easing:"easeOutCubic",step:function step(now){_this3.slideWrapper.css({transform:"translate3d("+Math.round(now)+"px, 0, 0)"})},complete:function complete(){requestAnimationFrame((function(){_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),_this3.slideOverflow.css("height","auto")}))}}),this.tabs.eq(index).addClass("active").siblings(".active").removeClass("active"),this.count.text(index+1),this.settings.autoplay&&!this.isHovered&&this.handleAutoplay(),0!==offset&&setTimeout((function(){_this3.slideWrapper.addClass("no-transition"),_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),setTimeout((function(){_this3.slideWrapper.removeClass("no-transition")}),20)}),this.settings.animationSpeed),this.currentSlide=index,this.section.trigger("slide-change"),this.section.closest(".steps").length&&this.sectionInitialClicked&&this.scrollToTop()}},{key:"goTo",value:function goTo(index,transition){var _this4=this;!1===transition&&this.slideWrapper.addClass("no-transition"),this.sectionInitialClicked=!0,this.changeSlide(index,0,transition),setTimeout((function(){_this4.slideWrapper.removeClass("no-transition")}),20)}},{key:"onNext",value:function onNext(){var nextSlide=this.currentSlide===this.slides.length-1?0:this.currentSlide+1,offset=this.settings.infinite&&0===nextSlide?this.slides.length:0;this.changeSlide(nextSlide,offset)}},{key:"onPrev",value:function onPrev(){var prevSlide=0===this.currentSlide?this.slides.length-1:this.currentSlide-1,offset=this.settings.infinite&&prevSlide===this.slides.length-1?-1*this.slides.length:0;this.changeSlide(prevSlide,offset)}},{key:"initAutoplay",value:function initAutoplay(){var _this5=this;this.section.on("mouseenter",(function(){_this5.isHovered=!0,clearTimeout(_this5.autoplayTimeout)})),this.section.on("mouseleave",(function(){_this5.isHovered=!1,_this5.handleAutoplay()})),this.initScrollCheck(),this.handleAutoplay()}},{key:"handleAutoplay",value:function handleAutoplay(){var _this6=this;if(this.dragging)return!1;clearTimeout(this.autoplayTimeout),this.settings.autoplaySpeed>0&&this.settings.autoplay&&(this.autoplayTimeout=setTimeout((function(){_this6.inViewport?_this6.onNext():_this6.handleAutoplay()}),this.settings.autoplaySpeed))}},{key:"initScrollCheck",value:function initScrollCheck(){var _this7=this;window.addEventListener("scroll",(function(){window.requestAnimationFrame((function(){_this7.scrollCheck()}))}),{passive:!0}),window.requestAnimationFrame((function(){_this7.scrollCheck()}))}},{key:"scrollCheck",value:function scrollCheck(){var w=jquery__WEBPACK_IMPORTED_MODULE_12___default()(window);w.scrollTop()+w.height()-200>this.section.offset().top&&w.scrollTop()sliderWidth/5?_this8.onPrev():e.deltaX").one("load",(function(e){var loadedImage=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).removeClass("loading"),slide=loadedImage.closest(".slide").removeClass("preload"),index=parseInt(slide.attr("data-index"));t.nextWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone()),t.prevWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone())}));img.attr("src",ib.attr("data-src")).appendTo(ib),img.attr("data-download",ib.attr("data-download")).appendTo(ib),img.attr("draggable","false").attr("ondragstart","return false;")}}},{key:"resetTabScroll",value:function resetTabScroll(){var _this10=this;this.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),this.tabScrollActive&&window.requestAnimationFrame((function(){_this10.resetTabScroll()}))}},{key:"scrollToTop",value:function scrollToTop(){var target=this.section.closest(".steps").offset().top-120;jquery__WEBPACK_IMPORTED_MODULE_12___default()("html, body").animate({scrollTop:target},600,"easeOutQuad")}},{key:"setupSteps",value:function setupSteps(){this.nextButton.text("Weiter").addClass("btn").addClass("has-icon").addClass("icon-right").addClass("icon-pfeil-rechts")}}]),IHKSlider}();const __WEBPACK_DEFAULT_EXPORT__=IHKSlider;jquery__WEBPACK_IMPORTED_MODULE_12___default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()(".rotation .slider:not(.initiated), .steps .slider:not(.initiated)").each((function(i,el){var selector=jquery__WEBPACK_IMPORTED_MODULE_12___default()(el);selector.find("dynamic-content").length||new IHKSlider(selector)}))}))},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/slider/slider.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,'.slider{opacity:0;transition:opacity .4s linear}.slider.initiated{opacity:1}.slider.single-slide .controls{display:none}.slider .slide-overflow{overflow:hidden;transition:height .6s cubic-bezier(0.215, 0.61, 0.355, 1)}.slider img.loading{opacity:0}.slider img.loaded{transition:.3s ease;opacity:1}.slider .slide-wrapper{position:relative;display:flex;align-items:flex-start;width:10000%;contain:layout}.slider .slide-wrapper.no-transition{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider .slide-wrapper.no-transition .image-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.slider .slide-wrapper img,.slider .slide-wrapper a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none}.slider .slide{position:relative;width:1%;min-width:1%;max-width:1%}.slider .prev-clone,.slider .next-clone{position:absolute;display:flex;width:100%}.slider .prev-clone{position:absolute;right:100%;justify-content:flex-end}.rotation{margin:var(--section-margin) auto}.rotation .slider{position:relative;display:block;border-bottom:var(--border-width) solid var(--theme-color-secondary);background-color:var(--theme-color-primary)}@media(max-width: 567px){.rotation .slider{margin:var(--section-margin) calc(var(--container-padding)*-1)}}.rotation .slider .slide:not(.current){height:0}@media(max-width: 999px){.rotation .slider .slide.text-only .outer .text-box{min-height:calc(40vw + 100px)}}@media(min-width: 1000px){.rotation .slider .slide.text-only .outer:after{content:"";position:relative;display:block;padding-top:calc(44.4444% - 13.3333px)}}.rotation .slider .outer{margin:0 -20px;display:flex}@media(max-width: 999px){.rotation .slider .outer{flex-direction:column;margin:0;overflow:hidden}}.rotation .slider .outer.download .text-box .btn:before{content:""}.rotation .slider .outer.intranet .text-box .btn:before{content:""}.rotation .slider .outer.extranet .text-box .btn:before{content:""}.rotation .slider .outer.extern .text-box .btn:before{content:""}.rotation .slider .image-box{position:relative;order:1;flex:1 1 100%}.rotation .slider .image-box:before{content:"";position:relative;display:block;padding-top:66.66667%}.rotation .slider .image-box>img,.rotation .slider .image-box .gallery{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover}@media(min-width: 1000px){.rotation .slider .image-box{padding-right:20px;flex:1 1 66.66667%;max-width:66.66667%}.rotation .slider .image-box>img,.rotation .slider .image-box .gallery{width:calc(100% - 20px);left:1px}}.rotation .slider .copyright{position:absolute;display:block;left:100%;bottom:0;transform-origin:0 100%;color:var(--theme-color-white);font-size:12px;line-height:1.2;text-shadow:0px 0px 3px rgba(0,0,0,.6),0px 0px 8px rgba(0,0,0,.6);z-index:2;width:66%;padding:26px 8px;transform:rotate(-90deg)}@media(max-width: 999px){.rotation .slider .copyright{font-size:10px;padding:4px 6px}}.rotation .slider .text-box{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1 1 33.33333%;max-width:33.3333%;min-width:400px;color:var(--theme-color-background);z-index:2;padding:40px 20px 40px 80px;font-size:var(--font-size-small)}@media(max-width: 1339px){.rotation .slider .text-box{min-width:360px;padding:30px 10px 30px 60px}}@media(max-width: 1199px)and (min-width: 1000px){.rotation .slider .text-box{min-height:500px;font-size:16px}}@media(max-width: 999px){.rotation .slider .text-box{padding:40px 40px 10px;min-width:0;max-width:none}}@media(max-width: 567px){.rotation .slider .text-box{padding:28px var(--container-padding) 10px}}.rotation .slider .text-box:first-child{padding:100px 80px;position:static;background-color:rgba(0,0,0,0);max-width:none}@media(max-width: 999px){.rotation .slider .text-box:first-child{padding:40px}}@media(max-width: 567px){.rotation .slider .text-box:first-child{padding:28px 20px 100px}}.rotation .slider .text-box:first-child:after{content:"";background:linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 100%);position:absolute;top:0;left:0;width:100%;height:800px}.rotation .slider .text-box:first-child>*{max-width:800px;z-index:1}.rotation .slider .text-box:not(:first-child):before{content:"";position:absolute;left:0;right:0;bottom:0;background-color:var(--theme-color-primary);z-index:-1}@media(min-width: 1000px){.rotation .slider .text-box:not(:first-child):before{top:0;margin:-15% -14% -15% 20px;border-top-right-radius:28% 50%;border-bottom-right-radius:28% 50%}}@media(max-width: 999px){.rotation .slider .text-box:not(:first-child):before{padding-top:70%;margin-right:0;margin:0 -15% -8%;border-bottom-left-radius:50% 28%;border-bottom-right-radius:50% 28%}}.rotation .slider .context-box{position:absolute;right:0;top:40px;z-index:100;min-width:100px;min-height:47px;padding:8px 10px 10px 10px;font-family:var(--font-korb);font-size:var(--font-size-h4);font-style:normal;font-weight:normal;line-height:1.2;margin:1.4em -0.05em .8em;margin:0;text-align:right;color:var(--theme-color-white);background:linear-gradient(90deg, var(--theme-color-gradient-01) 25%, var(--theme-color-gradient-02) 57%, var(--theme-color-gradient-03) 112%)}@media(max-width: 999px){.rotation .slider .context-box{min-height:auto}}.rotation .slider .context-box--image{padding:4px 10px;display:flex}.rotation .slider .context-box--image img{height:39px}.rotation .slider .image-box .context-box{right:20px}@media(max-width: 999px){.rotation .slider .image-box .context-box{top:110px;right:0}}@media(max-width: 567px){.rotation .slider .image-box .context-box{top:60px}}@media(max-width: 319px){.rotation .slider .image-box .context-box{top:40px}}@media(max-width: 767px){.rotation .slider .text-box.context{padding-top:100px}}.rotation .slider .slider-tabs{position:absolute;display:flex;right:0;bottom:0;list-style:none;padding:0;margin:20px}.rotation .slider .slider-tabs .btn{--button-hover-shadow-opacity: 0.4;margin:5px;font-size:var(--font-size-h4)}@media(max-width: 767px){.rotation .slider .slider-tabs .btn{margin:4px}}.rotation .slider .slider-tabs .active .btn{--button-bg-color: var(--theme-color-background);--button-text-color: var(--theme-color-primary)}.rotation .slider .slider-tabs .active .btn:hover::after{box-shadow:none}.rotation .slider h2,.rotation .slider .like-h2{margin-top:.3em;margin-bottom:.4em}.rotation .slider .btn{margin-top:.8em}.rotation .slider .prev,.rotation .slider .next,.rotation .slider .count{display:none}',"",{version:3,sources:["webpack://./stories/sections/slider/slider.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,QAGA,SACE,CAAA,6BACA,CAAA,kBAEA,SACE,CAAA,+BAIA,YACE,CAAA,wBAIJ,eACE,CAAA,yDACA,CAAA,oBAGF,SACE,CAAA,mBAGF,mBACE,CAAA,SACA,CAAA,uBAGF,iBACE,CAAA,YACA,CAAA,sBACA,CAAA,YACA,CAAA,cACA,CAAA,qCAEA,wBACE,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,sDAEA,UACE,CAAA,iBCiDN,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,SDnDM,CAAA,oDAIJ,wBACE,CAAA,qBACA,CAAA,oBACA,CAAA,gBACA,CAAA,sBACA,CAAA,mBACA,CAAA,eAIJ,iBACE,CAAA,QACA,CAAA,YACA,CAAA,YACA,CAAA,wCAGF,iBAEE,CAAA,YACA,CAAA,UACA,CAAA,oBAGF,iBACE,CAAA,UACA,CAAA,wBACA,CAAA,UAIJ,iCACE,CAAA,kBAGF,iBACE,CAAA,aACA,CAAA,oEACA,CAAA,2CACA,CAAA,yBAEA,kBANF,8DAOI,CAAA,CAAA,uCAIA,QACE,CAAA,yBAIA,oDACE,6BACE,CAAA,CAAA,0BAGJ,gDACE,UACE,CAAA,iBACA,CAAA,aACA,CAAA,sCACA,CAAA,CAAA,yBAMR,cACE,CAAA,YACA,CAAA,yBAEA,yBAJF,qBAKI,CAAA,QACA,CAAA,eACA,CAAA,CAAA,wDAGF,WC6HyB,CAAA,wDD1HzB,WCkIwB,CAAA,wDD/HxB,WCgIsB,CAAA,sDD7HtB,WCwH8B,CAAA,6BDnHhC,iBACE,CAAA,OACA,CAAA,aACA,CAAA,oCAEA,UACE,CAAA,iBACA,CAAA,aACA,CAAA,qBACA,CAAA,uEAGF,iBACE,CAAA,MACA,CAAA,KACA,CAAA,WACA,CAAA,UACA,CAAA,gBACA,CAAA,0BAGF,6BArBF,kBAsBI,CAAA,kBACA,CAAA,mBACA,CAAA,uEAEA,uBACE,CAAA,QACA,CAAA,CAAA,6BAKN,iBACE,CAAA,aACA,CAAA,SACA,CAAA,QACA,CAAA,uBACA,CAAA,8BACA,CAAA,cACA,CAAA,eACA,CAAA,iEACA,CAAA,SACA,CAAA,SACA,CAAA,gBACA,CAAA,wBACA,CAAA,yBAEA,6BAfF,cAgBI,CAAA,eACA,CAAA,CAAA,4BAIJ,iBACE,CAAA,YACA,CAAA,qBACA,CAAA,sBACA,CAAA,kBACA,CAAA,kBACA,CAAA,eACA,CAAA,mCACA,CAAA,SACA,CAAA,2BACA,CAAA,gCACA,CAAA,0BAEA,4BAbF,eAcI,CAAA,2BACA,CAAA,CAAA,iDAGF,4BAlBF,gBAmBI,CAAA,cACA,CAAA,CAAA,yBAGF,4BAvBF,sBAwBI,CAAA,WACA,CAAA,cACA,CAAA,CAAA,yBAGF,4BA7BF,0CA8BI,CAAA,CAAA,wCAGF,kBACE,CAAA,eACA,CAAA,8BACA,CAAA,cACA,CAAA,yBAEA,wCANF,YAQI,CAAA,CAAA,yBAEF,wCAVF,uBAWI,CAAA,CAAA,8CAGF,UACE,CAAA,+IACA,CAAA,iBACA,CAAA,KACA,CAAA,MACA,CAAA,UACA,CAAA,YACA,CAAA,0CAGF,eACE,CAAA,SACA,CAAA,qDAIJ,UACE,CAAA,iBACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,2CACA,CAAA,UACA,CAAA,0BAEA,qDATF,KAUI,CAAA,0BACA,CAAA,+BACA,CAAA,kCACA,CAAA,CAAA,yBAEF,qDAfF,eAgBI,CAAA,cACA,CAAA,iBACA,CAAA,iCACA,CAAA,kCACA,CAAA,CAAA,+BAKN,iBACE,CAAA,OACA,CAAA,QACA,CAAA,WACA,CAAA,eACA,CAAA,eACA,CAAA,0BACA,CAAA,4BCtQF,CAAA,6BACA,CAAA,iBACA,CAAA,kBACA,CAAA,eACA,CAAA,yBACA,CAAA,QDmQE,CAAA,gBACA,CAAA,8BACA,CAAA,8IACA,CAAA,yBACA,+BAbF,eAcI,CAAA,CAAA,sCAEF,gBACE,CAAA,YACA,CAAA,0CACA,WACE,CAAA,0CAKJ,UACE,CAAA,yBACA,0CAFF,SAGI,CAAA,OACA,CAAA,CAAA,yBAEF,0CANF,QAOI,CAAA,CAAA,yBAEF,0CATF,QAUI,CAAA,CAAA,yBAMF,oCADF,iBAEI,CAAA,CAAA,+BAKN,iBACE,CAAA,YACA,CAAA,OACA,CAAA,QACA,CAAA,eACA,CAAA,SACA,CAAA,WACA,CAAA,oCAEA,kCACE,CAAA,UACA,CAAA,6BACA,CAAA,yBAEA,oCALF,UAMI,CAAA,CAAA,4CAIJ,gDACE,CAAA,+CACA,CAAA,yDAEA,eACE,CAAA,gDAKN,eACE,CAAA,kBACA,CAAA,uBAGF,eACE,CAAA,yEAGF,YACE",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n\n.slider {\n opacity: 0;\n transition: opacity 0.4s linear;\n\n &.initiated {\n opacity: 1;\n }\n\n &.single-slide {\n .controls {\n display: none;\n }\n }\n\n .slide-overflow {\n overflow: hidden;\n transition: height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n img.loading {\n opacity: 0;\n }\n\n img.loaded {\n transition: 0.3s ease;\n opacity: 1;\n }\n\n .slide-wrapper {\n position: relative;\n display: flex;\n align-items: flex-start;\n width: 10000%;\n contain: layout;\n\n &.no-transition {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n .image-box:after {\n content: "";\n @include full-size;\n z-index: 2;\n }\n }\n\n img, a {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-drag: none;\n -moz-user-drag: none;\n }\n }\n\n .slide {\n position: relative;\n width: 1%;\n min-width: 1%;\n max-width: 1%;\n }\n\n .prev-clone,\n .next-clone {\n position: absolute;\n display: flex;\n width: 100%;\n }\n\n .prev-clone {\n position: absolute;\n right: 100%;\n justify-content: flex-end;\n }\n}\n\n.rotation {\n margin: var(--section-margin) auto;\n}\n\n.rotation .slider {\n position: relative;\n display: block;\n border-bottom: var(--border-width) solid var(--theme-color-secondary);\n background-color: var(--theme-color-primary);\n\n @media(max-width: 567px) {\n margin: var(--section-margin) calc(var(--container-padding) * -1);\n }\n\n .slide {\n &:not(.current) {\n height: 0;\n }\n\n &.text-only .outer {\n @media(max-width: 999px) {\n .text-box {\n min-height: calc(40vw + 100px);\n }\n }\n @media(min-width: 1000px) {\n &:after {\n content: "";\n position: relative;\n display: block;\n padding-top: calc(44.4444% - 13.3333px);\n }\n }\n }\n }\n\n .outer {\n margin: 0 -20px;\n display: flex;\n\n @media(max-width: 999px) {\n flex-direction: column;\n margin: 0;\n overflow: hidden;\n }\n\n &.download .text-box .btn:before {\n @include icon-small-download;\n }\n &.intranet .text-box .btn:before{\n @include icon-small-schloss;\n }\n &.extranet .text-box .btn:before{\n @include icon-small-stern;\n }\n &.extern .text-box .btn:before{\n @include icon-small-link-external;\n }\n }\n\n .image-box {\n position: relative;\n order: 1;\n flex: 1 1 100%;\n\n &:before {\n content: "";;\n position: relative;\n display: block;\n padding-top: 66.66667%;\n }\n\n > img, .gallery {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n\n @media(min-width: 1000px) {\n padding-right: 20px;\n flex: 1 1 66.66667%;\n max-width: 66.66667%;\n\n > img, .gallery {\n width: calc(100% - 20px);\n left: 1px;\n }\n }\n }\n\n .copyright {\n position: absolute;\n display: block;\n left: 100%;\n bottom: 0;\n transform-origin: 0 100%;\n color: var(--theme-color-white);\n font-size: 12px;\n line-height: 1.2;\n text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6), 0px 0px 8px rgba(0, 0, 0, 0.6);\n z-index: 2;\n width: 66%;\n padding: 26px 8px;\n transform: rotate(-90deg);\n\n @media(max-width: 999px) {\n font-size: 10px;\n padding: 4px 6px;\n }\n }\n\n .text-box {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 33.33333%;\n max-width: 33.3333%;\n min-width: 400px;\n color: var(--theme-color-background);\n z-index: 2;\n padding: 40px 20px 40px 80px;\n font-size: var(--font-size-small);\n\n @media(max-width: 1339px) {\n min-width: 360px;\n padding: 30px 10px 30px 60px;\n }\n\n @media(max-width: 1199px) and (min-width: 1000px) {\n min-height: 500px;\n font-size: 16px;\n }\n\n @media(max-width: 999px) {\n padding: 40px 40px 10px;\n min-width: 0;\n max-width: none;\n }\n\n @media(max-width: 567px) {\n padding: 28px var(--container-padding) 10px;\n }\n\n &:first-child {\n padding: 100px 80px;\n position: static;\n background-color: transparent;\n max-width: none;\n\n @media(max-width: 999px) {\n //justify-content: flex-start;\n padding: 40px;\n }\n @media(max-width: 567px) {\n padding: 28px 20px 100px;\n }\n\n &:after {\n content: "";\n background: linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 100%);\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 800px;\n }\n\n > * {\n max-width: 800px;\n z-index: 1;\n }\n }\n\n &:not(:first-child):before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--theme-color-primary);\n z-index: -1;\n\n @media(min-width: 1000px) {\n top: 0;\n margin: -15% -14% -15% 20px;\n border-top-right-radius: 28% 50%;\n border-bottom-right-radius: 28% 50%;\n }\n @media(max-width: 999px) {\n padding-top: 70%;\n margin-right: 0;\n margin: 0 -15% -8%;\n border-bottom-left-radius: 50% 28%;\n border-bottom-right-radius: 50% 28%;\n }\n }\n }\n\n .context-box {\n position: absolute;\n right: 0;\n top: 40px;\n z-index: 100;\n min-width: 100px;\n min-height: 47px;\n padding: 8px 10px 10px 10px;\n @include h4();\n margin: 0;\n text-align: right;\n color: var(--theme-color-white);\n background: linear-gradient(90deg, var(--theme-color-gradient-01) 25%,var(--theme-color-gradient-02) 57%,var(--theme-color-gradient-03) 112%);\n @media(max-width: 999px) {\n min-height: auto;\n }\n &--image {\n padding: 4px 10px;\n display: flex;\n img {\n height: 39px;\n }\n }\n }\n .image-box {\n .context-box {\n right: 20px;\n @media(max-width: 999px) {\n top: 110px;\n right: 0;\n }\n @media(max-width: 567px) {\n top: 60px;\n }\n @media(max-width: 319px) {\n top: 40px;\n }\n }\n }\n .text-box {\n &.context {\n @media(max-width: 767px) {\n padding-top: 100px;\n }\n }\n }\n\n .slider-tabs {\n position: absolute;\n display: flex;\n right: 0;\n bottom: 0;\n list-style: none;\n padding: 0;\n margin: 20px;\n\n .btn {\n --button-hover-shadow-opacity: 0.4;\n margin: 5px;\n font-size: var(--font-size-h4);\n\n @media(max-width: 767px) {\n margin: 4px;\n }\n }\n\n .active .btn {\n --button-bg-color: var(--theme-color-background);\n --button-text-color: var(--theme-color-primary);\n\n &:hover::after {\n box-shadow: none;\n }\n }\n }\n\n h2, .like-h2 {\n margin-top: 0.3em;\n margin-bottom: 0.4em;\n }\n\n .btn {\n margin-top: 0.8em;\n }\n\n .prev, .next, .count {\n display: none;\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/slider/slider.scss":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/slider/slider.scss"),options={insert:"head",singleton:!1};_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__.Z,options),_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_slider_scss__WEBPACK_IMPORTED_MODULE_1__.Z.locals}}]);
\ No newline at end of file
diff --git a/gfi-ihk-2024/storybook-static/components-gallery-Gallery-stories.12f92f21.iframe.bundle.js b/gfi-ihk-2024/storybook-static/components-gallery-Gallery-stories.12f92f21.iframe.bundle.js
new file mode 100644
index 0000000..1d5df81
--- /dev/null
+++ b/gfi-ihk-2024/storybook-static/components-gallery-Gallery-stories.12f92f21.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[6462],{"./stories/sections/slider/slider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var jquery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_12__),hammerjs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/hammerjs/hammer.js"),hammerjs__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_13__);function _defineProperties(target,props){for(var i=0;i ').appendTo(section),this.slideWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').appendTo(this.slideOverflow).append(this.slides),this.currentSlide=0,this.autoplayTimeout=0,this.isHovered=!1,this.sectionInitialClicked=!1,this.dragging=!1,this.inViewport=!1,this.positionAnimation={x:0},this.settings={loop:!1,autoplay:this.section.data("autoplay"),infinite:!0,autoplaySpeed:this.section.data("autoplay-speed")?this.section.data("autoplay-speed"):5e3,animationSpeed:600,startSlide:0},this.initSlides(),this.settings.infinite&&this.initInfinity(),this.initUI(),this.checkSize(),this.slides.length>1&&(this.initHammerDragging(),this.initTabbing()),this.changeSlide(this.settings.startSlide),this.initAutoplay(),this.checkSize(),this.section.closest(".steps").length&&this.setupSteps(),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).on("resize",(function(){_this.checkSize()}))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSlider,[{key:"initSlides",value:function initSlides(){this.slides.each((function(i){var slide=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).attr("data-index",i),h3=slide.find("h3"),p=h3.next("p");slide.find(".image-box").length?(h3.text().length>48&&h3.html(h3.text().substring(0,48)+"…"),p.text().length>148&&p.html(p.text().substring(0,148)+"…")):slide.addClass("text-only")}))}},{key:"checkSize",value:function checkSize(){this.controls.find(".tabs").width()>.6*this.slideOverflow.width()?this.section.addClass("many-slides"):this.section.removeClass("many-slides")}},{key:"initInfinity",value:function initInfinity(){this.nextWrapper=this.slideWrapper.clone(),this.prevWrapper=this.slideWrapper.clone(),this.nextWrapper.removeClass("slide-wrapper").addClass("next-clone").appendTo(this.slideWrapper).css({left:this.slides.length+"%"}),this.prevWrapper.removeClass("slide-wrapper").addClass("prev-clone").appendTo(this.slideWrapper),this.nextWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.prevWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.nextWrapper.find("img").removeClass("loading"),this.prevWrapper.find("img").removeClass("loading")}},{key:"initUI",value:function initUI(){var _this2=this;this.count=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" "),this.prevButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' '),this.nextButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ');var tabsWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(''),countWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ').html('/'+this.slides.length+" ").prepend(this.count);this.slides.each((function(i){var s=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this),li=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(tabsWrapper),button=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").addClass("btn").appendTo(li);jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(button).text(s.data("title")?s.data("title"):i+1)})),this.tabs=tabsWrapper.children(),tabsWrapper.find("button").on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.changeSlide(jquery__WEBPACK_IMPORTED_MODULE_12___default()(e.currentTarget).parent().index())})),this.prevButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onPrev()})),this.nextButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onNext()})),this.controls=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').append(this.prevButton).append(tabsWrapper).append(countWrapper).append(this.nextButton).appendTo(this.section)}},{key:"changeSlide",value:function changeSlide(index,offset){var _this3=this,transition=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],t=this,prevIndex=0===index?this.slides.length-1:index-1,nextIndex=index===this.slides.length-1?0:index+1,allWidth=t.nextWrapper.position().left;offset||(offset=0),index===this.currentSlide&&0===this.slideOverflow.outerHeight()&&(transition=!1),t.positionAnimation={x:this.slideWrapper.position().left};var target=(index+offset)/-100*this.slideWrapper.width(),time=Math.round(Math.abs(this.positionAnimation.x-target)/5+200);time>500&&(time=500),transition||(time=0),t.slideOverflow.css({"transition-duration":time+"ms",height:this.slideOverflow.outerHeight()+"px"}),t.slideWrapper.find(".current").removeClass("current"),t.slideWrapper.find('[data-index="'+index+'"]').addClass("current"),t.slideWrapper.find(".is-prev").removeClass("is-prev"),t.slideWrapper.find('[data-index="'+prevIndex+'"]').addClass("is-prev"),t.slideWrapper.find(".is-next").removeClass("is-next"),t.slideWrapper.find('[data-index="'+nextIndex+'"]').addClass("is-next"),target>0&&(target-=allWidth,this.positionAnimation.x=this.positionAnimation.x-allWidth),target<=-1*allWidth+1&&(target+=allWidth,this.positionAnimation.x=this.positionAnimation.x+allWidth),requestAnimationFrame((function(){_this3.slideOverflow.css({height:_this3.slides.eq(index).outerHeight()+"px"})})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(this.positionAnimation).animate({x:target},{duration:time,easing:"easeOutCubic",step:function step(now){_this3.slideWrapper.css({transform:"translate3d("+Math.round(now)+"px, 0, 0)"})},complete:function complete(){requestAnimationFrame((function(){_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),_this3.slideOverflow.css("height","auto")}))}}),this.tabs.eq(index).addClass("active").siblings(".active").removeClass("active"),this.count.text(index+1),this.settings.autoplay&&!this.isHovered&&this.handleAutoplay(),0!==offset&&setTimeout((function(){_this3.slideWrapper.addClass("no-transition"),_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),setTimeout((function(){_this3.slideWrapper.removeClass("no-transition")}),20)}),this.settings.animationSpeed),this.currentSlide=index,this.section.trigger("slide-change"),this.section.closest(".steps").length&&this.sectionInitialClicked&&this.scrollToTop()}},{key:"goTo",value:function goTo(index,transition){var _this4=this;!1===transition&&this.slideWrapper.addClass("no-transition"),this.sectionInitialClicked=!0,this.changeSlide(index,0,transition),setTimeout((function(){_this4.slideWrapper.removeClass("no-transition")}),20)}},{key:"onNext",value:function onNext(){var nextSlide=this.currentSlide===this.slides.length-1?0:this.currentSlide+1,offset=this.settings.infinite&&0===nextSlide?this.slides.length:0;this.changeSlide(nextSlide,offset)}},{key:"onPrev",value:function onPrev(){var prevSlide=0===this.currentSlide?this.slides.length-1:this.currentSlide-1,offset=this.settings.infinite&&prevSlide===this.slides.length-1?-1*this.slides.length:0;this.changeSlide(prevSlide,offset)}},{key:"initAutoplay",value:function initAutoplay(){var _this5=this;this.section.on("mouseenter",(function(){_this5.isHovered=!0,clearTimeout(_this5.autoplayTimeout),_this5.section.removeClass("btnanimation")})),this.section.on("mouseleave",(function(){_this5.isHovered=!1,_this5.handleAutoplay(),_this5.section.addClass("btnanimation")})),this.initScrollCheck(),this.handleAutoplay()}},{key:"handleAutoplay",value:function handleAutoplay(){var _this6=this;if(this.dragging)return!1;clearTimeout(this.autoplayTimeout),this.settings.autoplaySpeed>0&&this.settings.autoplay&&(this.autoplayTimeout=setTimeout((function(){_this6.inViewport?_this6.onNext():_this6.handleAutoplay()}),this.settings.autoplaySpeed))}},{key:"initScrollCheck",value:function initScrollCheck(){var _this7=this;window.addEventListener("scroll",(function(){window.requestAnimationFrame((function(){_this7.scrollCheck()}))}),{passive:!0}),window.requestAnimationFrame((function(){_this7.scrollCheck()}))}},{key:"scrollCheck",value:function scrollCheck(){var w=jquery__WEBPACK_IMPORTED_MODULE_12___default()(window);w.scrollTop()+w.height()-200>this.section.offset().top&&w.scrollTop()sliderWidth/5?_this8.onPrev():e.deltaX").one("load",(function(e){var loadedImage=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).removeClass("loading"),slide=loadedImage.closest(".slide").removeClass("preload"),index=parseInt(slide.attr("data-index"));t.nextWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone()),t.prevWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone())}));img.attr("src",ib.attr("data-src")).appendTo(ib),img.attr("data-download",ib.attr("data-download")).appendTo(ib),img.attr("draggable","false").attr("ondragstart","return false;")}}},{key:"resetTabScroll",value:function resetTabScroll(){var _this10=this;this.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),this.tabScrollActive&&window.requestAnimationFrame((function(){_this10.resetTabScroll()}))}},{key:"scrollToTop",value:function scrollToTop(){var target=this.section.closest(".steps").offset().top-120;jquery__WEBPACK_IMPORTED_MODULE_12___default()("html, body").animate({scrollTop:target},600,"easeOutQuad")}},{key:"setupSteps",value:function setupSteps(){this.nextButton.text("Weiter").addClass("btn").addClass("has-icon").addClass("icon-right").addClass("icon-pfeil-rechts")}}]),IHKSlider}();const __WEBPACK_DEFAULT_EXPORT__=IHKSlider;jquery__WEBPACK_IMPORTED_MODULE_12___default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()(".rotation .slider:not(.initiated), .steps .slider:not(.initiated)").each((function(i,el){var selector=jquery__WEBPACK_IMPORTED_MODULE_12___default()(el);selector.find("dynamic-content").length||new IHKSlider(selector)}))}))},"./stories/components/gallery/Gallery.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{GridGallery:()=>GridGallery,MasonryGallery:()=>MasonryGallery,StandardGallery:()=>StandardGallery,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__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");var _GalleryComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/gallery/GalleryComponent.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i {\n return createGallery({\n ...args\n });\n}",...StandardGallery.parameters?.docs?.source}}},GridGallery.parameters={...GridGallery.parameters,docs:{...GridGallery.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createGallery({\n ...args\n });\n}",...GridGallery.parameters?.docs?.source}}},MasonryGallery.parameters={...MasonryGallery.parameters,docs:{...MasonryGallery.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createGallery({\n ...args\n });\n}",...MasonryGallery.parameters?.docs?.source}}}}}]);
\ No newline at end of file
diff --git a/gfi-ihk-2024/storybook-static/components-gallery-Gallery-stories.e0e302f2.iframe.bundle.js b/gfi-ihk-2024/storybook-static/components-gallery-Gallery-stories.e0e302f2.iframe.bundle.js
deleted file mode 100644
index d009e38..0000000
--- a/gfi-ihk-2024/storybook-static/components-gallery-Gallery-stories.e0e302f2.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[6462],{"./stories/sections/slider/slider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var jquery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_12__),hammerjs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/hammerjs/hammer.js"),hammerjs__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_13__);function _defineProperties(target,props){for(var i=0;i ').appendTo(section),this.slideWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').appendTo(this.slideOverflow).append(this.slides),this.currentSlide=0,this.autoplayTimeout=0,this.isHovered=!1,this.sectionInitialClicked=!1,this.dragging=!1,this.inViewport=!1,this.positionAnimation={x:0},this.settings={loop:!1,autoplay:this.section.data("autoplay"),infinite:!0,autoplaySpeed:this.section.data("autoplay-speed")?this.section.data("autoplay-speed"):5e3,animationSpeed:600,startSlide:0},this.initSlides(),this.settings.infinite&&this.initInfinity(),this.initUI(),this.checkSize(),this.slides.length>1&&(this.initHammerDragging(),this.initTabbing()),this.changeSlide(this.settings.startSlide),this.initAutoplay(),this.checkSize(),this.section.closest(".steps").length&&this.setupSteps(),jquery__WEBPACK_IMPORTED_MODULE_12___default()(window).on("resize",(function(){_this.checkSize()}))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(IHKSlider,[{key:"initSlides",value:function initSlides(){this.slides.each((function(i){var slide=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).attr("data-index",i),h3=slide.find("h3"),p=h3.next("p");slide.find(".image-box").length?(h3.text().length>48&&h3.html(h3.text().substring(0,48)+"…"),p.text().length>148&&p.html(p.text().substring(0,148)+"…")):slide.addClass("text-only")}))}},{key:"checkSize",value:function checkSize(){this.controls.find(".tabs").width()>.6*this.slideOverflow.width()?this.section.addClass("many-slides"):this.section.removeClass("many-slides")}},{key:"initInfinity",value:function initInfinity(){this.nextWrapper=this.slideWrapper.clone(),this.prevWrapper=this.slideWrapper.clone(),this.nextWrapper.removeClass("slide-wrapper").addClass("next-clone").appendTo(this.slideWrapper).css({left:this.slides.length+"%"}),this.prevWrapper.removeClass("slide-wrapper").addClass("prev-clone").appendTo(this.slideWrapper),this.nextWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.prevWrapper.find("a, button, input, select, textarea").attr("tabindex",-1),this.nextWrapper.find("img").removeClass("loading"),this.prevWrapper.find("img").removeClass("loading")}},{key:"initUI",value:function initUI(){var _this2=this;this.count=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" "),this.prevButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' '),this.nextButton=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ');var tabsWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(''),countWrapper=jquery__WEBPACK_IMPORTED_MODULE_12___default()(' ').html('/'+this.slides.length+" ").prepend(this.count);this.slides.each((function(i){var s=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this),li=jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").appendTo(tabsWrapper);jquery__WEBPACK_IMPORTED_MODULE_12___default()(" ").addClass("btn").appendTo(li).text(s.data("title")?s.data("title"):i+1)})),this.tabs=tabsWrapper.children(),tabsWrapper.find("button").on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.changeSlide(jquery__WEBPACK_IMPORTED_MODULE_12___default()(e.currentTarget).parent().index())})),this.prevButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onPrev()})),this.nextButton.on("click",(function(e){e.preventDefault(),_this2.sectionInitialClicked=!0,_this2.onNext()})),this.controls=jquery__WEBPACK_IMPORTED_MODULE_12___default()('
').append(this.prevButton).append(tabsWrapper).append(countWrapper).append(this.nextButton).appendTo(this.section)}},{key:"changeSlide",value:function changeSlide(index,offset){var _this3=this,transition=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],t=this,prevIndex=0===index?this.slides.length-1:index-1,nextIndex=index===this.slides.length-1?0:index+1,allWidth=t.nextWrapper.position().left;offset||(offset=0),index===this.currentSlide&&0===this.slideOverflow.outerHeight()&&(transition=!1),t.positionAnimation={x:this.slideWrapper.position().left};var target=(index+offset)/-100*this.slideWrapper.width(),time=Math.round(Math.abs(this.positionAnimation.x-target)/5+200);time>500&&(time=500),transition||(time=0),t.slideOverflow.css({"transition-duration":time+"ms",height:this.slideOverflow.outerHeight()+"px"}),t.slideWrapper.find(".current").removeClass("current"),t.slideWrapper.find('[data-index="'+index+'"]').addClass("current"),t.slideWrapper.find(".is-prev").removeClass("is-prev"),t.slideWrapper.find('[data-index="'+prevIndex+'"]').addClass("is-prev"),t.slideWrapper.find(".is-next").removeClass("is-next"),t.slideWrapper.find('[data-index="'+nextIndex+'"]').addClass("is-next"),target>0&&(target-=allWidth,this.positionAnimation.x=this.positionAnimation.x-allWidth),target<=-1*allWidth+1&&(target+=allWidth,this.positionAnimation.x=this.positionAnimation.x+allWidth),requestAnimationFrame((function(){_this3.slideOverflow.css({height:_this3.slides.eq(index).outerHeight()+"px"})})),jquery__WEBPACK_IMPORTED_MODULE_12___default()(this.positionAnimation).animate({x:target},{duration:time,easing:"easeOutCubic",step:function step(now){_this3.slideWrapper.css({transform:"translate3d("+Math.round(now)+"px, 0, 0)"})},complete:function complete(){requestAnimationFrame((function(){_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),_this3.slideOverflow.css("height","auto")}))}}),this.tabs.eq(index).addClass("active").siblings(".active").removeClass("active"),this.count.text(index+1),this.settings.autoplay&&!this.isHovered&&this.handleAutoplay(),0!==offset&&setTimeout((function(){_this3.slideWrapper.addClass("no-transition"),_this3.slideWrapper.css({transform:"translate3d("+-1*index+"%, 0, 0)"}),setTimeout((function(){_this3.slideWrapper.removeClass("no-transition")}),20)}),this.settings.animationSpeed),this.currentSlide=index,this.section.trigger("slide-change"),this.section.closest(".steps").length&&this.sectionInitialClicked&&this.scrollToTop()}},{key:"goTo",value:function goTo(index,transition){var _this4=this;!1===transition&&this.slideWrapper.addClass("no-transition"),this.sectionInitialClicked=!0,this.changeSlide(index,0,transition),setTimeout((function(){_this4.slideWrapper.removeClass("no-transition")}),20)}},{key:"onNext",value:function onNext(){var nextSlide=this.currentSlide===this.slides.length-1?0:this.currentSlide+1,offset=this.settings.infinite&&0===nextSlide?this.slides.length:0;this.changeSlide(nextSlide,offset)}},{key:"onPrev",value:function onPrev(){var prevSlide=0===this.currentSlide?this.slides.length-1:this.currentSlide-1,offset=this.settings.infinite&&prevSlide===this.slides.length-1?-1*this.slides.length:0;this.changeSlide(prevSlide,offset)}},{key:"initAutoplay",value:function initAutoplay(){var _this5=this;this.section.on("mouseenter",(function(){_this5.isHovered=!0,clearTimeout(_this5.autoplayTimeout)})),this.section.on("mouseleave",(function(){_this5.isHovered=!1,_this5.handleAutoplay()})),this.initScrollCheck(),this.handleAutoplay()}},{key:"handleAutoplay",value:function handleAutoplay(){var _this6=this;if(this.dragging)return!1;clearTimeout(this.autoplayTimeout),this.settings.autoplaySpeed>0&&this.settings.autoplay&&(this.autoplayTimeout=setTimeout((function(){_this6.inViewport?_this6.onNext():_this6.handleAutoplay()}),this.settings.autoplaySpeed))}},{key:"initScrollCheck",value:function initScrollCheck(){var _this7=this;window.addEventListener("scroll",(function(){window.requestAnimationFrame((function(){_this7.scrollCheck()}))}),{passive:!0}),window.requestAnimationFrame((function(){_this7.scrollCheck()}))}},{key:"scrollCheck",value:function scrollCheck(){var w=jquery__WEBPACK_IMPORTED_MODULE_12___default()(window);w.scrollTop()+w.height()-200>this.section.offset().top&&w.scrollTop()sliderWidth/5?_this8.onPrev():e.deltaX").one("load",(function(e){var loadedImage=jquery__WEBPACK_IMPORTED_MODULE_12___default()(this).removeClass("loading"),slide=loadedImage.closest(".slide").removeClass("preload"),index=parseInt(slide.attr("data-index"));t.nextWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone()),t.prevWrapper.find('[data-index="'+index+'"]').removeClass("preload").find(".image-box").append(loadedImage.clone())}));img.attr("src",ib.attr("data-src")).appendTo(ib),img.attr("data-download",ib.attr("data-download")).appendTo(ib),img.attr("draggable","false").attr("ondragstart","return false;")}}},{key:"resetTabScroll",value:function resetTabScroll(){var _this10=this;this.slideOverflow.scrollLeft(0).scrollTop(0).find(".outer, .text-box").scrollLeft(0).scrollTop(0),this.tabScrollActive&&window.requestAnimationFrame((function(){_this10.resetTabScroll()}))}},{key:"scrollToTop",value:function scrollToTop(){var target=this.section.closest(".steps").offset().top-120;jquery__WEBPACK_IMPORTED_MODULE_12___default()("html, body").animate({scrollTop:target},600,"easeOutQuad")}},{key:"setupSteps",value:function setupSteps(){this.nextButton.text("Weiter").addClass("btn").addClass("has-icon").addClass("icon-right").addClass("icon-pfeil-rechts")}}]),IHKSlider}();const __WEBPACK_DEFAULT_EXPORT__=IHKSlider;jquery__WEBPACK_IMPORTED_MODULE_12___default()("body").on("ihk-init dynamic-component-loaded gfi-dynamic-init",(function(){jquery__WEBPACK_IMPORTED_MODULE_12___default()(".rotation .slider:not(.initiated), .steps .slider:not(.initiated)").each((function(i,el){var selector=jquery__WEBPACK_IMPORTED_MODULE_12___default()(el);selector.find("dynamic-content").length||new IHKSlider(selector)}))}))},"./stories/components/gallery/Gallery.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{GridGallery:()=>GridGallery,MasonryGallery:()=>MasonryGallery,StandardGallery:()=>StandardGallery,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__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");var _GalleryComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/gallery/GalleryComponent.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i {\n return createGallery({\n ...args\n });\n}",...StandardGallery.parameters?.docs?.source}}},GridGallery.parameters={...GridGallery.parameters,docs:{...GridGallery.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createGallery({\n ...args\n });\n}",...GridGallery.parameters?.docs?.source}}},MasonryGallery.parameters={...MasonryGallery.parameters,docs:{...MasonryGallery.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createGallery({\n ...args\n });\n}",...MasonryGallery.parameters?.docs?.source}}}}}]);
\ No newline at end of file
diff --git a/gfi-ihk-2024/storybook-static/components-mini-teaser-MiniTeaser-stories.a1d8595a.iframe.bundle.js b/gfi-ihk-2024/storybook-static/components-mini-teaser-MiniTeaser-stories.a1d8595a.iframe.bundle.js
new file mode 100644
index 0000000..32935f5
--- /dev/null
+++ b/gfi-ihk-2024/storybook-static/components-mini-teaser-MiniTeaser-stories.a1d8595a.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[3407],{"./stories/components/mini-teaser/MiniTeaserComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>createMiniTeaser});__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),miniteaser=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/mini-teaser/miniteaser.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(miniteaser.Z,options);miniteaser.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createMiniTeaser=function createMiniTeaser(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"standard":_ref$type,_ref$category=_ref.category,category=void 0===_ref$category?"IHK Mitgliedschaft":_ref$category,_ref$title=_ref.title,title=void 0===_ref$title?"Werden Sie Teil unseres Netzwerks!":_ref$title,_ref$link=_ref.link,link=void 0===_ref$link?"#":_ref$link,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"Roboter":_ref$icon,_ref$buttonlabel=_ref.buttonlabel,buttonlabel=void 0===_ref$buttonlabel?"IHK-Newsletter sichern":_ref$buttonlabel,_ref$backgroundImage=_ref.backgroundImage,backgroundImage=void 0===_ref$backgroundImage?null:_ref$backgroundImage;if("standard"===type){var tile=(0,helpers.az)("a",["tile","mini-teaser",type],null);tile.href=link;var textBox=(0,helpers.az)("div",["text-box"],null,tile);return(0,helpers.az)("h5",["category"],category,textBox),(0,helpers.az)("h4",["title"],title,textBox),tile}var _tile=(0,helpers.az)("a",["tile","mini-teaser",type],null);_tile.href=link,backgroundImage&&backgroundImage.length>0&&(_tile.style="background-image: url("+backgroundImage+");",_tile.classList.add("background-image"));var _textBox=(0,helpers.az)("div",["text-box"],null,_tile);return icon&&icon.length>0?((0,helpers.az)("div",["icon-box","pictogram-"+icon.toLowerCase().split(" ").join("-")],null,_textBox),(0,helpers.az)("h4",["title"],title,_textBox),_textBox.appendChild((0,ButtonComponent.a)({elementType:"span",color:"white",label:buttonlabel,iconPosition:"icon-right",icon:null,preventClick:!1}))):((0,helpers.az)("h4",["title","noicon"],title,_textBox),_textBox.appendChild((0,ButtonComponent.a)({elementType:"span",color:"white",label:buttonlabel,iconPosition:"icon-right",icon:null,preventClick:!1}))),_tile}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/mini-teaser/miniteaser.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,'.mini-teaser{position:relative;background-color:#fff;overflow:hidden;width:100%;border-radius:4px;padding:16px 12px;transition:.25s ease;line-height:1.2;text-align:center;text-decoration:none;background-color:var(--theme-grey-light);display:block}.mini-teaser .title{font-size:22px}.mini-teaser.standard::before{content:"";position:absolute;display:block;top:0;left:0;right:0;height:4px;background-color:var(--theme-color-secondary);transition:.2s ease}.mini-teaser.standard:hover::before{height:8px}.mini-teaser h4{font-size:22px}.mini-teaser .text-box{position:relative}.mini-teaser.infoteaser{background:linear-gradient(161deg, rgba(var(--theme-color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb), 0.2) 100%);position:relative}.mini-teaser.infoteaser:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:linear-gradient(161deg, var(--theme-color-gradient-01) 40%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 120%)}.mini-teaser.infoteaser.background-image{background-size:cover}.mini-teaser.infoteaser.background-image:after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;content:"";opacity:.6;background:linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, 0.86) 56.52%, rgba(0, 51, 102, 0) 94.05%);background-blend-mode:overlay}.mini-teaser.infoteaser.background-image .text-box{position:relative;z-index:1}.mini-teaser.infoteaser .title,.mini-teaser.infoteaser .category,.mini-teaser.infoteaser .btn{color:#fff}.mini-teaser.infoteaser .title{margin-top:0;padding-left:54px;min-height:48px;text-align:left;line-height:24px;margin-bottom:19px;width:100%}.mini-teaser.infoteaser .title.noicon{padding-left:0;min-height:0}.mini-teaser.infoteaser .title.noicon+.btn{margin-left:0}.mini-teaser.infoteaser .btn{background-color:rgba(0,0,0,0);border:1px solid #fff;margin-left:54px;display:inline-block;padding:8px 10px;line-height:22px;border-radius:16px;--button-padding: 8px 10px;min-height:0;font-size:22px}.mini-teaser.infoteaser .btn:after{border-radius:16px}.mini-teaser.infoteaser .icon-box{margin-bottom:19px;margin-top:0;padding-top:0;position:absolute;top:0;left:0}.mini-teaser.infoteaser .text-box{padding:0;display:flex;flex-wrap:wrap}.mini-teaser .icon-box{font-family:"Pictograms",sans-serif;line-height:1;color:#fff;font-size:48px}.mini-teaser .category{text-align:left;padding:0;margin:0;margin-bottom:8px;font-size:16px;text-transform:uppercase;line-height:18px}.mini-teaser .title{text-align:left;padding:0;margin:0}',"",{version:3,sources:["webpack://./stories/components/mini-teaser/miniteaser.scss"],names:[],mappings:"AAGA,aACE,iBAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CAEA,iBAAA,CACA,iBAAA,CACA,oBAAA,CACA,eAAA,CACA,iBAAA,CACA,oBAAA,CACA,wCAAA,CACA,aAAA,CACA,oBACE,cAAA,CAEF,8BACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,UAAA,CACA,6CAAA,CACA,mBAAA,CAEF,oCACE,UAAA,CAEF,gBACE,cAAA,CAEF,uBACE,iBAAA,CAEF,wBACE,8HAAA,CACA,iBAAA,CACA,8BACE,UAAA,CACA,iBAAA,CACA,MAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,UAAA,CACA,+IAAA,CAEF,yCACE,qBAAA,CACA,+CACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,QAAA,CACA,OAAA,CACA,SAAA,CACA,UAAA,CACA,UAAA,CACA,wGAAA,CACA,6BAAA,CAGF,mDACE,iBAAA,CACA,SAAA,CAGJ,8FACE,UAAA,CAEF,+BACE,YAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,UAAA,CACA,sCACE,cAAA,CACA,YAAA,CACA,2CACE,aAAA,CAIN,6BACE,8BAAA,CACA,qBAAA,CACA,gBAAA,CACA,oBAAA,CACA,gBAAA,CACA,gBAAA,CACA,kBAAA,CACA,0BAAA,CACA,YAAA,CACA,cAAA,CACA,mCACE,kBAAA,CAGJ,kCACE,kBAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CAGF,kCACE,SAAA,CACA,YAAA,CACA,cAAA,CAIJ,uBACE,mCAAA,CACA,aAAA,CACA,UAAA,CACA,cAAA,CAEF,uBACE,eAAA,CACA,SAAA,CACA,QAAA,CACA,iBAAA,CACA,cAAA,CACA,wBAAA,CACA,gBAAA,CAEF,oBACE,eAAA,CACA,SAAA,CACA,QAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.mini-teaser {\n position: relative;\n background-color: white;\n overflow: hidden;\n width: 100%;\n //max-width: 420px;\n border-radius: 4px;\n padding: 16px 12px;\n transition: 0.25s ease;\n line-height: 1.2;\n text-align: center;\n text-decoration: none;\n background-color: var(--theme-grey-light);\n display: block;\n .title{\n font-size: 22px;\n }\n &.standard::before {\n content: \"\";\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background-color: var(--theme-color-secondary);\n transition: 0.2s ease;\n }\n &.standard:hover::before {\n height: 8px;\n }\n h4{\n font-size: 22px;\n }\n .text-box{\n position: relative;\n }\n &.infoteaser{\n background: linear-gradient(161deg, rgba(var(--theme-color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb), 0.2) 100%);\n position: relative;\n &:after{\n content:\"\";\n position:absolute;\n left:0;\n right:0;\n top:0;\n bottom:0;\n z-index:-1;\n background: linear-gradient(161deg, var(--theme-color-gradient-01) 40%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 120%);\n }\n &.background-image{\n background-size:cover;\n &:after{\n position:absolute;\n top:0;\n left:0;\n bottom:0;\n right:0;\n z-index: 0;\n content:\"\";\n opacity: 0.6;\n background: linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, 0.86) 56.52%, rgba(0, 51, 102, 0.00) 94.05%);\n background-blend-mode: overlay;\n \n }\n .text-box{\n position: relative;\n z-index: 1;\n }\n }\n .title, .category, .btn{\n color:white;\n }\n .title{\n margin-top: 0;\n padding-left: 54px;\n min-height: 48px;\n text-align: left;\n line-height: 24px;\n margin-bottom: 19px;\n width: 100%;\n &.noicon{\n padding-left: 0;\n min-height: 0;\n + .btn{\n margin-left: 0;\n }\n }\n }\n .btn{\n background-color: transparent;\n border: 1px solid white;\n margin-left: 54px;\n display: inline-block;\n padding:8px 10px;\n line-height: 22px;\n border-radius:16px;\n --button-padding: 8px 10px;\n min-height: 0;\n font-size: 22px;\n &:after{\n border-radius:16px;\n }\n }\n .icon-box{\n margin-bottom: 19px;\n margin-top: 0;\n padding-top: 0;\n position: absolute;\n top: 0;\n left: 0;\n \n }\n .text-box{\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n }\n }\n\n .icon-box {\n font-family: 'Pictograms', sans-serif;\n line-height: 1;\n color: white;\n font-size:48px\n }\n .category{\n text-align: left;\n padding:0;\n margin:0;\n margin-bottom:8px;\n font-size:16px;\n text-transform: uppercase;\n line-height: 18px;\n }\n .title{\n text-align: left;\n padding:0;\n margin:0;\n }\n}\n\n\n\n\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/components/mini-teaser/MiniTeaser.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{StandardMiniTeaser:()=>StandardMiniTeaser,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,infobanner:()=>infobanner,infobannerBackground:()=>infobannerBackground,infobannerWithoutIcon:()=>infobannerWithoutIcon});__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");var _MiniTeaserComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/mini-teaser/MiniTeaserComponent.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i {\n return createMiniTeaser({\n ...args\n });\n}",...StandardMiniTeaser.parameters?.docs?.source}}},infobanner.parameters={...infobanner.parameters,docs:{...infobanner.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createMiniTeaser({\n ...args\n });\n}",...infobanner.parameters?.docs?.source}}},infobannerWithoutIcon.parameters={...infobannerWithoutIcon.parameters,docs:{...infobannerWithoutIcon.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createMiniTeaser({\n ...args\n });\n}",...infobannerWithoutIcon.parameters?.docs?.source}}},infobannerBackground.parameters={...infobannerBackground.parameters,docs:{...infobannerBackground.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createMiniTeaser({\n ...args\n });\n}",...infobannerBackground.parameters?.docs?.source}}}}}]);
\ No newline at end of file
diff --git a/gfi-ihk-2024/storybook-static/components-mini-teaser-MiniTeaser-stories.d5d2a12c.iframe.bundle.js b/gfi-ihk-2024/storybook-static/components-mini-teaser-MiniTeaser-stories.d5d2a12c.iframe.bundle.js
deleted file mode 100644
index bf20d62..0000000
--- a/gfi-ihk-2024/storybook-static/components-mini-teaser-MiniTeaser-stories.d5d2a12c.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[3407],{"./stories/components/mini-teaser/MiniTeaserComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>createMiniTeaser});__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),miniteaser=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/mini-teaser/miniteaser.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(miniteaser.Z,options);miniteaser.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createMiniTeaser=function createMiniTeaser(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"standard":_ref$type,_ref$category=_ref.category,category=void 0===_ref$category?"IHK Mitgliedschaft":_ref$category,_ref$title=_ref.title,title=void 0===_ref$title?"Werden Sie Teil unseres Netzwerks!":_ref$title,_ref$link=_ref.link,link=void 0===_ref$link?"#":_ref$link,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"Roboter":_ref$icon,_ref$buttonlabel=_ref.buttonlabel,buttonlabel=void 0===_ref$buttonlabel?"IHK-Newsletter sichern":_ref$buttonlabel;if("standard"===type){var tile=(0,helpers.az)("a",["tile","mini-teaser",type],null);tile.href=link;var textBox=(0,helpers.az)("div",["text-box"],null,tile);return(0,helpers.az)("h5",["category"],category,textBox),(0,helpers.az)("h4",["title"],title,textBox),tile}var _tile=(0,helpers.az)("div",["tile","mini-teaser",type],null),_textBox=(0,helpers.az)("div",["text-box"],null,_tile);return(0,helpers.az)("div",["icon-box","pictogram-"+icon.toLowerCase().split(" ").join("-")],null,_textBox),(0,helpers.az)("h4",["title"],title,_textBox),_textBox.appendChild((0,ButtonComponent.a)({color:"white",label:buttonlabel,link,iconPosition:"icon-right",icon:null})),_tile}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/mini-teaser/miniteaser.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,'.mini-teaser{position:relative;background-color:#fff;overflow:hidden;width:100%;border-radius:4px;padding:16px 12px;transition:.25s ease;line-height:1.2;text-align:center;text-decoration:none;background-color:var(--theme-grey-light);display:block}.mini-teaser .title{font-size:22px}.mini-teaser.standard::before{content:"";position:absolute;display:block;top:0;left:0;right:0;height:4px;background-color:var(--theme-color-secondary);transition:.2s ease}.mini-teaser.standard:hover::before{height:8px}.mini-teaser h4{font-size:22px}.mini-teaser.infoteaser{background:linear-gradient(161deg, rgba(var(--theme-color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb), 0.2) 100%)}.mini-teaser.infoteaser:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:linear-gradient(161deg, var(--theme-color-gradient-01) 40%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 120%)}.mini-teaser.infoteaser .title,.mini-teaser.infoteaser .category,.mini-teaser.infoteaser .btn{color:#fff}.mini-teaser.infoteaser .title{margin-top:0;padding-left:54px;min-height:48px;text-align:left;line-height:24px;margin-bottom:19px}.mini-teaser.infoteaser .btn{background-color:rgba(0,0,0,0);border:1px solid #fff;margin-left:54px;display:inline-block;padding:8px 10px;line-height:22px;border-radius:16px;--button-padding: 8px 10px;min-height:0;font-size:22px}.mini-teaser.infoteaser .icon-box{margin-bottom:19px;margin-top:0;padding-top:0;position:absolute;top:16px;left:12px}.mini-teaser.infoteaser .text-box{padding:0;display:flex;flex-wrap:wrap}.mini-teaser .icon-box{font-family:"Pictograms",sans-serif;line-height:1;color:#fff;font-size:48px}.mini-teaser .category{text-align:left;padding:0;margin:0;margin-bottom:8px;font-size:16px;text-transform:uppercase;line-height:18px}.mini-teaser .title{text-align:left;padding:0;margin:0}',"",{version:3,sources:["webpack://./stories/components/mini-teaser/miniteaser.scss"],names:[],mappings:"AAGA,aACE,iBAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CAEA,iBAAA,CACA,iBAAA,CACA,oBAAA,CACA,eAAA,CACA,iBAAA,CACA,oBAAA,CACA,wCAAA,CACA,aAAA,CACA,oBACE,cAAA,CAEF,8BACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,UAAA,CACA,6CAAA,CACA,mBAAA,CAEF,oCACE,UAAA,CAEF,gBACE,cAAA,CAEF,wBACE,8HAAA,CACA,8BACE,UAAA,CACA,iBAAA,CACA,MAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,UAAA,CACA,+IAAA,CAEF,8FACE,UAAA,CAEF,+BACE,YAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CAEF,6BACE,8BAAA,CACA,qBAAA,CACA,gBAAA,CACA,oBAAA,CACA,gBAAA,CACA,gBAAA,CACA,kBAAA,CACA,0BAAA,CACA,YAAA,CACA,cAAA,CAEF,kCACE,kBAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CACA,QAAA,CACA,SAAA,CAEF,kCACE,SAAA,CACA,YAAA,CACA,cAAA,CAIJ,uBACE,mCAAA,CACA,aAAA,CACA,UAAA,CACA,cAAA,CAEF,uBACE,eAAA,CACA,SAAA,CACA,QAAA,CACA,iBAAA,CACA,cAAA,CACA,wBAAA,CACA,gBAAA,CAEF,oBACE,eAAA,CACA,SAAA,CACA,QAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.mini-teaser {\n position: relative;\n background-color: white;\n overflow: hidden;\n width: 100%;\n //max-width: 420px;\n border-radius: 4px;\n padding: 16px 12px;\n transition: 0.25s ease;\n line-height: 1.2;\n text-align: center;\n text-decoration: none;\n background-color: var(--theme-grey-light);\n display: block;\n .title{\n font-size: 22px;\n }\n &.standard::before {\n content: \"\";\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background-color: var(--theme-color-secondary);\n transition: 0.2s ease;\n }\n &.standard:hover::before {\n height: 8px;\n }\n h4{\n font-size: 22px;\n }\n &.infoteaser{\n background: linear-gradient(161deg, rgba(var(--theme-color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb), 0.2) 100%);\n &:after{\n content:\"\";\n position:absolute;\n left:0;\n right:0;\n top:0;\n bottom:0;\n z-index:-1;\n background: linear-gradient(161deg, var(--theme-color-gradient-01) 40%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 120%);\n }\n .title, .category, .btn{\n color:white;\n }\n .title{\n margin-top: 0;\n padding-left: 54px;\n min-height: 48px;\n text-align: left;\n line-height: 24px;\n margin-bottom: 19px;\n }\n .btn{\n background-color: transparent;\n border: 1px solid white;\n margin-left: 54px;\n display: inline-block;\n padding:8px 10px;\n line-height: 22px;\n border-radius:16px;\n --button-padding: 8px 10px;\n min-height: 0;\n font-size: 22px;\n }\n .icon-box{\n margin-bottom: 19px;\n margin-top: 0;\n padding-top: 0;\n position: absolute;\n top: 16px;\n left: 12px;\n }\n .text-box{\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n }\n }\n\n .icon-box {\n font-family: 'Pictograms', sans-serif;\n line-height: 1;\n color: white;\n font-size:48px\n }\n .category{\n text-align: left;\n padding:0;\n margin:0;\n margin-bottom:8px;\n font-size:16px;\n text-transform: uppercase;\n line-height: 18px;\n }\n .title{\n text-align: left;\n padding:0;\n margin:0;\n }\n}\n\n\n\n\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/components/mini-teaser/MiniTeaser.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{StandardMiniTeaser:()=>StandardMiniTeaser,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,infobanner:()=>infobanner});__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");var _MiniTeaserComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/mini-teaser/MiniTeaserComponent.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i {\n return createMiniTeaser({\n ...args\n });\n}",...StandardMiniTeaser.parameters?.docs?.source}}},infobanner.parameters={...infobanner.parameters,docs:{...infobanner.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createMiniTeaser({\n ...args\n });\n}",...infobanner.parameters?.docs?.source}}}}}]);
\ No newline at end of file
diff --git a/gfi-ihk-2024/storybook-static/iframe.html b/gfi-ihk-2024/storybook-static/iframe.html
index cc20ce4..fed1728 100644
--- a/gfi-ihk-2024/storybook-static/iframe.html
+++ b/gfi-ihk-2024/storybook-static/iframe.html
@@ -354,7 +354,7 @@
window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};