Am Schäferstieg 2
21680 Stade
Alle Suchergebnisse
';
+ this.buttonString = '';
this.allResultButton.innerHTML = this.buttonString;
this.allResultButton.addEventListener("click", () => {
this.searchButton.click();
@@ -41,7 +42,7 @@ export class IHKSearchTiles {
let lastSend = null;
this.doAjaxCall.bind(this);
this.shortenTileText.bind(this);
- this.input.addEventListener("keyup", function (event) {
+ this.input.addEventListener("keyup", (event) => {
if (!regex.test(event.key)) {
return;
}
@@ -55,30 +56,29 @@ export class IHKSearchTiles {
if (delta > this.rateLimit) {
sendValue = currentText;
// trigger the ajax call and the search action here
- this.doAjaxCall(input, sendValue);
+ this.doAjaxCall(input, sendValue, this.tileWrapper[0]);
lastSend = new Date();
coolDown = true;
}
- setTimeout(function () {
+ setTimeout(() => {
coolDown = false;
- if (lastValue != sendValue && lastValue.length > 1) {
- self.doAjaxCall(input, lastValue);
+ if (lastValue !== sendValue && lastValue.length > 1) {
+ self.doAjaxCall(input, lastValue, this.tileWrapper[0]);
sendValue = lastValue;
lastSend = new Date();
}
}, this.rateLimit);
} else if (currentText.length < 2) {
// show initial tiles here
- let newTiles = document.getElementById("tilesSearch");
- let span = newTiles.nextElementSibling;
- newTiles.innerHTML = tiles;
+ let span = this.tileWrapper.nextElementSibling;
+ this.tileWrapper.innerHTML = tiles;
if (span) {
span.remove();
}
}
lastValue = currentText;
- }.bind(this));
+ });
// remove initial search input in case of the user uses the back function of the browser
window.onload = () => {
this.input.value = "";
@@ -93,21 +93,19 @@ export class IHKSearchTiles {
}
}
- doAjaxCall(ajaxObj, query) {
+ doAjaxCall(ajaxObj, query, tiles) {
const self = this;
- const q = query;
const objId = ajaxObj.getAttribute("data-tile-search");
const url = "/blueprint/servlet/serviceport/search/" + objId;
const urlAndQuery = url + "?query=" + query;
const requestId = Math.floor(Math.random() * 100000);
- IHKSearchTiles.lastReqId = requestId;
+ lastReqId = requestId;
$.ajax({
url: urlAndQuery,
method: "GET",
timeout: 0,
success: function (result) {
- if (requestId == IHKSearchTiles.lastReqId) {
- let tiles = document.getElementById("tilesSearch");
+ if (requestId === lastReqId) {
// replace tiles here
tiles.innerHTML = result;
// find tile a and shorten the text if needed
@@ -179,8 +177,6 @@ class IHKExtendedSearch {
class FormAccordion {
constructor(toggle) {
- const t = this;
-
this.toggle = toggle;
this.label = this.toggle.parent('label');
this.checkbox = this.label.prev('input[type="checkbox"]');
@@ -226,7 +222,7 @@ class FormAccordion {
export default IHKExtendedSearch;
$('body').on('ihk-init dynamic-component-loaded', function () {
- $('.extended-search:not(.initiated)').each(function (i) {
+ $('.extended-search:not(.initiated)').each(function () {
new IHKExtendedSearch($(this));
});
});
diff --git a/gfi-ihk-2024/stories/components/teaser/teaser.scss b/gfi-ihk-2024/stories/components/teaser/teaser.scss
index d34a075..364187c 100644
--- a/gfi-ihk-2024/stories/components/teaser/teaser.scss
+++ b/gfi-ihk-2024/stories/components/teaser/teaser.scss
@@ -90,6 +90,7 @@
.copyright {
@include copyright;
+ bottom: 8px;
}
.chart-title {
@@ -146,6 +147,12 @@
.image-box::after {
height: var(--border-width-hover);
}
+ .copyright {
+ bottom: 14px;
+ @media(max-width: 767px) {
+ bottom: 10px;
+ }
+ }
}
}
@@ -224,9 +231,6 @@
}
&[data-image-size='s'] {
- .copyright {
- width: 100%;
- }
.image-box::before {
padding-top: 100%;
@@ -234,9 +238,6 @@
}
&[data-image-size='l'] {
- .copyright {
- width: 55%;
- }
.image-box::before {
padding-top: 55%;
diff --git a/gfi-ihk-2024/stories/pages/article/Article.stories.js b/gfi-ihk-2024/stories/pages/article/Article.stories.js
index 04d0edc..5fd36a6 100644
--- a/gfi-ihk-2024/stories/pages/article/Article.stories.js
+++ b/gfi-ihk-2024/stories/pages/article/Article.stories.js
@@ -21,24 +21,24 @@ export const ArticlePageMicrosite = Template.bind({});
ArticlePageMicrosite.args = {
styleBlock: `
:root {
- --theme-color-primary: #E6007E !important;
- --theme-color-primary-microsite: #000000 !important;
+ --theme-color-primary: #003366 !important;
+ --theme-color-primary-microsite: #003366 !important;
--theme-color-primary-rgb: 230,0,126 !important;
- --theme-color-primary-dimmed-01: #EB3398 !important;
- --theme-color-primary-dimmed-02: #F063B0 !important;
+ --theme-color-primary-dimmed-01: #335C85 !important;
+ --theme-color-primary-dimmed-02: #B0C4D6 !important;
--theme-color-primary-dimmed-03: #F9BFDF !important;
--theme-color-primary-dimmed-04: #FCE6F2 !important;
- --theme-color-secondary: #563F54 !important;
- --theme-color-secondary-microsite: #E6007E !important;
- --theme-color-secondary-intensed: #563F54 !important;
- --theme-color-secondary-dimmed: #EEECEE !important;
- --theme-color-neutral: #E6007E !important;
+ --theme-color-secondary: #077EAF !important;
+ --theme-color-secondary-microsite: #077EAF !important;
+ --theme-color-secondary-intensed: #077EAF !important;
+ --theme-color-secondary-dimmed: #E6F2F7 !important;
+ --theme-color-neutral: #636D76 !important;
--theme-color-neutral-background: #EFF3F6 !important;
--theme-color-background: #FFFFFF !important;
--theme-color-text-intensed: #000000 !important;
--theme-color-text: #000000 !important;
- --theme-color-link: #E6007E !important;
- --theme-color-link-hover: #E6007E !important;
+ --theme-color-link: #003366 !important;
+ --theme-color-link-hover: #077EAF !important;
--theme-color-gradient-01: #E6007E !important;
--theme-color-gradient-02: #9f1f69 !important;
--theme-color-gradient-03: #563f54 !important;
diff --git a/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss b/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss
index 77468b9..fb135bf 100644
--- a/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss
+++ b/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss
@@ -29,19 +29,7 @@
margin: 0;
}
.copyright {
- bottom: 0;
- color: var(--theme-color-white);
- display: block;
- font-size: 12px;
- left: 100%;
- line-height: 1.2;
- padding: 8px;
- position: absolute;
- text-shadow: 0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);
- transform: rotate(-90deg);
- transform-origin: 0 100%;
- width: 66%;
- z-index: 2;
+ @include copyright;
}
}
diff --git a/gfi-ihk-2024/stories/sections/event-teasers-large/EventTeasersLargeComponent.js b/gfi-ihk-2024/stories/sections/event-teasers-large/EventTeasersLargeComponent.js
index fb3cf01..8c74646 100644
--- a/gfi-ihk-2024/stories/sections/event-teasers-large/EventTeasersLargeComponent.js
+++ b/gfi-ihk-2024/stories/sections/event-teasers-large/EventTeasersLargeComponent.js
@@ -1,5 +1,4 @@
import './event-teasers-large.scss';
-//import '../../components/mini-teaser/miniteaser.scss';
import {EventTeasersLargeData} from "./EventTeasersLargeData";
import {createElement} from "../../_global/scripts/helpers";
import {createButton} from "../../atoms/button/ButtonComponent";
diff --git a/gfi-ihk-2024/stories/sections/eventoverview-stage/EventOverviewStageComponent.js b/gfi-ihk-2024/stories/sections/eventoverview-stage/EventOverviewStageComponent.js
index d000922..b547d04 100644
--- a/gfi-ihk-2024/stories/sections/eventoverview-stage/EventOverviewStageComponent.js
+++ b/gfi-ihk-2024/stories/sections/eventoverview-stage/EventOverviewStageComponent.js
@@ -31,6 +31,7 @@ export const createEventOverviewStage = ({
const tilesrow = createElement('div', ['row'], null, tilescontainer);
const tilescol = createElement('div', ['col'], null, tilesrow);
if (backgroundImage && backgroundImage.length > 0) {
+ //section.content('style=background: red;');
sectiondiv.style = 'background-image: url(' + backgroundImage + ');';
sectiondiv.classList.add('background-image');
}
diff --git a/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview-stage.scss b/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview-stage.scss
index c3f062a..37d3f21 100644
--- a/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview-stage.scss
+++ b/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview-stage.scss
@@ -4,85 +4,6 @@
margin: 0;
.tilescontainer{
margin-top: calc(-138px / 2);
- .tiles {
- background: linear-gradient(0deg, 0%, 100%), linear-gradient(88deg, #003366 0%, rgba(1.01, 40.28, 80.75, 0.86) 54%, rgba(0, 51, 102, 0) 100%);
- &.row {
- margin: -10px;
- @media(min-width: 1481px) {
- flex-wrap: nowrap;
- }
- }
-
-
- .icon-box {
- font-size: 40px !important;
- margin-top:0 !important;
- }
- .title {
- font-weight: 400;
- font-size: 20px;
- line-height:21px;
- margin: 8px 0 5px 0 !important;
- }
-
- .col {
- position: relative;
- display: flex;
- flex: 1 1 100%;
- max-width: 100%;
- padding: 10px;
- @media(max-width: 1480px) {
- flex: 1 1 33.3333333333%;
- max-width: 33.3333333333%;
- }
- @media(max-width: 767px) {
- padding: 6px;
- flex: 1 1 50%;
- max-width: 50%;
- }
- @media (max-width: 767px) {
- &:nth-child(2n+1):last-child {
- flex: 1 1 100%;
- max-width: 100%;
- }
- }
- &.width-half{
- @media(max-width: 1480px) {
- flex: 1 1 50%;
- max-width: 50%;
- }
- + .width-half{
- @media(max-width: 767px) {
- flex: 1 1 100%;
- max-width: 100%;
- }
- }
-
- }
- &.width-third{
- flex: 1 1 25%;
- max-width: 25%;
- @media(max-width: 1480px) {
- flex: 1 1 50%;
- max-width: 50%;
- }
- }
- .topic-teaser{
- --topic-tile-padding: 10px;
- border-radius: 0.75rem;
- //box-shadow: 0px 0px 15px 0px rgba(0, 51, 102, 0.20), 0px 0px 46px 0px rgba(0, 51, 102, 0.12), 0px 0px 38px 0px rgba(0, 51, 102, 0.14);
- box-shadow: var(--theme-24dp);
- min-height:138px;
- }
- }
-
- &[data-type='list'] .col {
- @media(max-width: 567px) {
- max-width: 100%;
- flex: 1 1 100%;
- }
- }
- }
> .row > .col{
padding-top:0;
margin-top:0;
@@ -258,3 +179,82 @@
}
}
+.tiles {
+ background: linear-gradient(0deg, 0%, 100%), linear-gradient(88deg, #003366 0%, rgba(1.01, 40.28, 80.75, 0.86) 54%, rgba(0, 51, 102, 0) 100%);
+ &.row {
+ margin: -10px;
+ @media(min-width: 1481px) {
+ flex-wrap: nowrap;
+ }
+ }
+
+
+ .icon-box {
+ font-size: 40px !important;
+ margin-top:0 !important;
+ }
+ .title {
+ font-weight: 400;
+ font-size: 20px;
+ line-height:21px;
+ margin: 8px 0 5px 0 !important;
+ }
+
+ .col {
+ position: relative;
+ display: flex;
+ flex: 1 1 100%;
+ max-width: 100%;
+ padding: 10px;
+ @media(max-width: 1480px) {
+ flex: 1 1 33.3333333333%;
+ max-width: 33.3333333333%;
+ }
+ @media(max-width: 767px) {
+ padding: 6px;
+ flex: 1 1 50%;
+ max-width: 50%;
+ }
+ @media (max-width: 767px) {
+ &:nth-child(2n+1):last-child {
+ flex: 1 1 100%;
+ max-width: 100%;
+ }
+ }
+ &.width-half{
+ @media(max-width: 1480px) {
+ flex: 1 1 50%;
+ max-width: 50%;
+ }
+ + .width-half{
+ @media(max-width: 767px) {
+ flex: 1 1 100%;
+ max-width: 100%;
+ }
+ }
+
+ }
+ &.width-third{
+ flex: 1 1 25%;
+ max-width: 25%;
+ @media(max-width: 1480px) {
+ flex: 1 1 50%;
+ max-width: 50%;
+ }
+ }
+ .topic-teaser{
+ --topic-tile-padding: 10px;
+ border-radius: 0.75rem;
+ //box-shadow: 0px 0px 15px 0px rgba(0, 51, 102, 0.20), 0px 0px 46px 0px rgba(0, 51, 102, 0.12), 0px 0px 38px 0px rgba(0, 51, 102, 0.14);
+ box-shadow: var(--theme-24dp);
+ min-height:138px;
+ }
+ }
+
+ &[data-type='list'] .col {
+ @media(max-width: 567px) {
+ max-width: 100%;
+ flex: 1 1 100%;
+ }
+ }
+}
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview.js b/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview.js
index a1d8abb..ac00684 100644
--- a/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview.js
+++ b/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview.js
@@ -30,7 +30,7 @@ class IHKEventOverviewTiles {
export default IHKEventOverviewTiles;
$('body').on('ihk-init dynamic-component-loaded gfi-dynamic-init', function () {
- $('.eventoverview-section:not(.initiated)').each(() => {
+ $('.topics:not(.initiated), .eventoverview-section:not(.initiated)').each(() => {
new IHKEventOverviewTiles($(this));
});
})
diff --git a/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeader.stories.js b/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeader.stories.js
index 4792e7c..429af10 100644
--- a/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeader.stories.js
+++ b/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeader.stories.js
@@ -59,4 +59,11 @@ export const MarketingHeaderSingleSlide = Template.bind({});
MarketingHeaderSingleSlide.args = {slides: singleSlideData};
export const MarketingHeaderStage = Template.bind({});
-MarketingHeaderStage.args = {type:'hero-fullwidth'};
\ No newline at end of file
+MarketingHeaderStage.args = {type:'hero-fullwidth'};
+
+export const MarketingHeaderStageSingle = Template.bind({});
+MarketingHeaderStageSingle.args = {
+ type: 'hero-fullwidth',
+ slides: singleSlideData,
+ searchAllButton: true
+};
\ 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 79c110a..91f1410 100644
--- a/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderComponent.js
+++ b/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderComponent.js
@@ -37,6 +37,7 @@ export const createMarketingHeader =
progress = 60,
backgroundImage = null,
isFirstElement = false,
+ searchAllButton = false,
slides = sliderData,
teasers = teaserData,
maxItems = 3,
@@ -44,6 +45,9 @@ export const createMarketingHeader =
}) => {
const section = createElement('section', ['marketingheader', type], null);
const search = createElement('div', ['search'], null, section);
+ if (searchAllButton) {
+ search.classList.add('has-button-wrapper');
+ }
if (backgroundImage && backgroundImage.length > 0) {
search.style = 'background-image: url(' + backgroundImage + ');';
search.classList.add('background-image');
@@ -72,7 +76,11 @@ export const createMarketingHeader =
const div = createElement('div', ['tile'], null, tilesContainer);
const a = createElement('a', [], tile.title, div);
a.href = tile.link;
- })
+ });
+ if (searchAllButton) {
+ const allButtonWrapper = createElement('span', ['all-button-wrapper'], null, col);
+ const searchAllBtn = createElement('div', ['btn', 'has-icon', 'icon-small-arrow-right-simple'], 'Alle Suchergebnisse', allButtonWrapper);
+ }
if (api) {
new IHKSearchTypeahead($(form).find('input.typeahead'));
@@ -90,6 +98,7 @@ export const createMarketingHeader =
const row2 = createElement('div', ['row'], null, container2);
const colslider = createElement('div', ['col', 'slidercontainer', 'rotation'], null, row2);
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);
@@ -99,6 +108,7 @@ export const createMarketingHeader =
if (slideData.imageSrc && slideData.imageSrc.length > 0) {
const imageBox = createElement('div', ['image-box'], null, outer);
createImage(slideData.imageSrc, 900, 600, 'Slide ' + index, [], imageBox);
+ createElement('span', ['copyright'], 'Copyright-Angabe', imageBox);
if (contextBoxContentImg) {
const contentBoxImg = createElement('div', ['context-box', 'context-box--image'], null, imageBox);
createImage(contextBoxContentImg, 200, 50, '', [], contentBoxImg);
@@ -137,7 +147,7 @@ export const createMarketingHeader =
}
}
}
- })
+ });
new IHKMHSlider($(sliderComponent));
diff --git a/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderData.js b/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderData.js
index acd9311..2419359 100644
--- a/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderData.js
+++ b/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderData.js
@@ -98,7 +98,7 @@ export const sliderData = [
export const singleSlideData = [
{
kicker: 'Lorem Ipsum dolor',
- headline: 'Möglichkeiten der Integration',
+ headline: 'Nur ein Slide',
copy: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.',
imageSrc: './dummy/placeholder-3-2.svg',
cta: 'Mehr erfahren',
diff --git a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
index 749cf0a..6ae498a 100644
--- a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
+++ b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
@@ -15,11 +15,20 @@ section.marketingheader{
color:white;
}
}
- .rotation .slider .outer {
- max-height: 427px;
- @media(max-width: 999px) {
- max-height:none;
- height:auto;
+ .rotation {
+ .slider {
+ .outer {
+ max-height: 427px;
+ @media(max-width: 999px) {
+ max-height:none;
+ height:auto;
+ }
+ }
+ }
+ }
+ .text-box{
+ .btn.has-icon.icon-small-arrow-right-simple {
+ bottom: auto;
}
}
.search {
@@ -27,12 +36,20 @@ section.marketingheader{
overflow: hidden;
margin: 0;
background-color: var(--theme-color-primary-dimmed-04);
- max-height: 100px;
- transition: all .5s ease-in;
+ //max-height: 100px;
+ height: 100px;
+ transition: all .3s ease-in;
background-size:cover;
@media (max-width:767px){
max-height: 78px;
}
+ .artwork-left .foreground,
+ .artwork-left .background,
+ .artwork-left + .artwork .foreground,
+ .artwork-left + .artwork .background {
+ height: 100%;
+ min-height: 437px;
+ }
.sc.container{
position: absolute;
top: 0;
@@ -41,7 +58,8 @@ section.marketingheader{
width: 100%;
max-width: 100%;
@media (max-width:767px){
- position: relative;
+ top: auto;
+ bottom: 0;
.close-search{
position: relative !important;
right:0 !important;
@@ -84,9 +102,29 @@ section.marketingheader{
}
}
- &.open{
- max-height: 9999px;
- transition: all .1s cubic-bezier(1,0,1,0);
+ &.open {
+ height: 390px;
+ @media (max-width:767px){
+ height: 385px;
+ max-height: 385px;
+ }
+ @media (max-width:567px){
+ height: 509px;
+ max-height: 509px;
+ }
+ //max-height: 9999px;
+ //transition: all .1s cubic-bezier(1,0,1,0);
+ &.has-button-wrapper {
+ height: 460px;
+ @media (max-width:767px){
+ height: 395px;
+ max-height: 395px;
+ }
+ @media (max-width:567px){
+ height: 519px;
+ max-height: 519px;
+ }
+ }
.close-search{
display:block !important;
}
@@ -97,6 +135,9 @@ section.marketingheader{
padding-bottom:0;
}
}
+ .all-button-wrapper {
+ top: 0;
+ }
form{
max-width: 580px;
}
@@ -108,7 +149,7 @@ section.marketingheader{
font-size: 22px;
max-width: 360px;
margin: 20px auto !important;
- transition: 0.25s ease;
+ transition: 0.3s ease;
@media(max-width: 767px) {
font-size: 18px;
margin: 15px auto !important;
@@ -184,6 +225,7 @@ section.marketingheader{
top: 40px;
right: -30px;
}
+
}
form {
position: relative;
@@ -213,7 +255,7 @@ section.marketingheader{
display: flex;
flex-wrap: wrap;
font-family: "Korb", sans-serif;
- transition: all 0.4s ease-in;
+ transition: all 0.3s ease-in;
padding-bottom: 0;
.tile {
@@ -305,8 +347,9 @@ section.marketingheader{
display: flex;
align-items: flex-end;
width: 100%;
- min-height: 108px;
- padding: 18px 24px 24px;
+ height: 108px;
+ max-height: 108px;
+ padding: 10px 24px 18px 24px;
border-radius: var(--border-radius-md);
box-shadow: 0 4px 20px -5px rgba(#000, 0.25);
transition: 0.25s ease;
@@ -450,6 +493,13 @@ section.marketingheader{
display:none;
}
}
+ .all-button-wrapper {
+ display: block;
+ padding-top: 10px;
+ position: relative;
+ top: 100px;
+ transition: all 0.3s ease-in;
+ }
}
&.infoteaser{
border-radius: 4px;
@@ -467,14 +517,14 @@ section.marketingheader{
.rotation {
padding:0;
@media screen and (max-width: 1000px) {
- .slide:not(.text-only) .text-box{
+ .slide:not(.text-only) .text-box {
padding: 16px 0;
}
- .slide .image-box img{
+ .slide .image-box img {
position: static;
height:300px;
}
- .slider-tabs{
+ .slider-tabs {
top:0;
height: auto;
bottom: auto;
@@ -567,7 +617,7 @@ section.marketingheader{
}
&.hero-fullwidth{
.mainstage.container{
- max-width: 1920px;
+ /*max-width: 1920px;*/
width:100%;
padding:0;
> .row{
@@ -587,6 +637,9 @@ section.marketingheader{
max-height:566px;
}
}
+ .copyright {
+ left: 100%;
+ }
.slider{
background-color: transparent;
.image-box img {
@@ -676,6 +729,9 @@ section.marketingheader{
max-width: 100%;
margin: 0 auto;
position: relative;
+ .slider-tabs {
+ right: 30px;
+ }
@media screen and (max-width:900px){
position: absolute !important;
top: 0;
@@ -718,14 +774,13 @@ section.marketingheader{
li.active{
button.btn{
background-blend-mode: overlay;
+ overflow: hidden;
}
}
li{
button.btn{
position: relative;
border-radius: var(--border-radius-lg);
- overflow:hidden;
-
}
button.btn::before{
width:0;
diff --git a/gfi-ihk-2024/stories/sections/marketingheader/searchAccordion.js b/gfi-ihk-2024/stories/sections/marketingheader/searchAccordion.js
index 6b6336e..eb94cbf 100644
--- a/gfi-ihk-2024/stories/sections/marketingheader/searchAccordion.js
+++ b/gfi-ihk-2024/stories/sections/marketingheader/searchAccordion.js
@@ -4,21 +4,26 @@ const $ = global.$;
class IHKSearchAccordion {
constructor(section) {
this.section = section.addClass('initiated');
- this.section.find('#search-term').attr('aria-label', 'Klappmenü geschlossen');
+ // this.section.find('#search-term').attr('aria-label', 'Klappmenü geschlossen');
- this.section.find('#search-term').off('click').on('click', (e) => {
+ const openSearchHandler = (e) => {
e.preventDefault();
section.addClass('open');
if(section.hasClass('open')){
- section.attr('aria-label', 'Klappmenü geöffnet');
+ // section.attr('aria-label', 'Klappmenü geöffnet');
}
else{
- section.attr('aria-label', 'Klappmenü geschlossen');
+ // section.attr('aria-label', 'Klappmenü geschlossen');
}
if (this.section.data('single-open') !== false) {
section.siblings('.open').removeClass('open').find('.tiles').slideUp(300, 'easeOutQuad');
}
- });
+ }
+
+ this.section.find('#search-term')
+ .off('click focus')
+ .on('click focus', openSearchHandler);
+
/* CLOSE */
this.section.find('.close-search').off('click').on('click', (e) => {
e.preventDefault();
@@ -29,16 +34,16 @@ class IHKSearchAccordion {
}
var style = document.createElement('style');
style.id = 'dynamic-style';
- style.innerHTML = `section.marketingheader .search.open {max-height: ${heightOffset}px !important;}`;
+ //style.innerHTML = `section.marketingheader .search.open {max-height: ${heightOffset}px !important;}`;
document.body.appendChild(style);
setTimeout(() => {
section.removeClass('open');
if(section.hasClass('open')){
- section.attr('aria-label', 'Klappmenü geschlossen');
+ // section.attr('aria-label', 'Klappmenü geschlossen');
}
else{
- section.attr('aria-label', 'Klappmenü geöffnet');
+ // section.attr('aria-label', 'Klappmenü geöffnet');
}
}, 100);
});
diff --git a/gfi-ihk-2024/stories/sections/slider/SliderComponent.js b/gfi-ihk-2024/stories/sections/slider/SliderComponent.js
index bb7972a..cbe7b61 100644
--- a/gfi-ihk-2024/stories/sections/slider/SliderComponent.js
+++ b/gfi-ihk-2024/stories/sections/slider/SliderComponent.js
@@ -22,6 +22,9 @@ export const createSlider =
if (slideData.imageSrc && slideData.imageSrc.length > 0) {
const imageBox = createElement('div', ['image-box'], null, outer);
createImage(slideData.imageSrc, 900, 600, 'Slide ' + index, [], imageBox);
+ if (slideData.copyright && slideData.copyright.length > 0) {
+ createElement('span', ['copyright'], slideData.copyright, imageBox);
+ }
if (contextBoxContentImg) {
const contentBoxImg = createElement('div', ['context-box', 'context-box--image'], null, imageBox);
createImage(contextBoxContentImg, 200, 50, '', [], contentBoxImg);
diff --git a/gfi-ihk-2024/stories/sections/slider/SliderData.js b/gfi-ihk-2024/stories/sections/slider/SliderData.js
index c4ff86b..6096b6c 100644
--- a/gfi-ihk-2024/stories/sections/slider/SliderData.js
+++ b/gfi-ihk-2024/stories/sections/slider/SliderData.js
@@ -4,6 +4,7 @@ export const sliderData = [
headline: 'Möglichkeiten der Integration',
copy: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.',
imageSrc: './dummy/placeholder-3-2.svg',
+ copyright: 'Quelle: DigiZeitschriften e.V.',
cta: 'Mehr erfahren',
link: '#',
contextImg: './logos/wirtschaftsdialoge.svg',
@@ -22,6 +23,7 @@ export const sliderData = [
headline: 'Möglichkeiten der Integration',
copy: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.',
imageSrc: './dummy/placeholder-3-2.svg',
+ copyright: '© Marco Mustermann für Mustervideos',
cta: 'Mehr erfahren',
link: '#',
}
diff --git a/gfi-ihk-2024/stories/sections/slider/slider.js b/gfi-ihk-2024/stories/sections/slider/slider.js
index aaad81a..64bbaba 100644
--- a/gfi-ihk-2024/stories/sections/slider/slider.js
+++ b/gfi-ihk-2024/stories/sections/slider/slider.js
@@ -423,13 +423,32 @@ class IHKSlider {
const loadedImage = $(this).removeClass('loading');
const slide = loadedImage.closest('.slide').removeClass('preload');
const 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());
- })
+
+ const nextItem = t.nextWrapper.find('[data-index="' + index + '"]').removeClass('preload').find('.image-box');
+ nextItem.append(loadedImage.clone());
+ // Copyright für Next-Wrapper
+ if (ib.attr('data-copyright')) {
+ $('').html(ib.attr('data-copyright')).appendTo(nextItem);
+ }
+ const prevItem = t.prevWrapper.find('[data-index="' + index + '"]').removeClass('preload').find('.image-box');
+ prevItem.append(loadedImage.clone());
+ // Copyright für Prev-Wrapper
+ if (ib.attr('data-copyright')) {
+ $('').html(ib.attr('data-copyright')).appendTo(prevItem);
+ }
+
+ //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('data-download', ib.attr('data-download'));
img.attr('draggable', 'false').attr('ondragstart', 'return false;');
+
+ // Copyright für das Hauptbild hinzufügen
+ if (ib.attr('data-copyright')) {
+ $('').html(ib.attr('data-copyright')).appendTo(ib);
+ }
}
}
diff --git a/gfi-ihk-2024/stories/sections/slider/slider.scss b/gfi-ihk-2024/stories/sections/slider/slider.scss
index 5906235..dd61153 100644
--- a/gfi-ihk-2024/stories/sections/slider/slider.scss
+++ b/gfi-ihk-2024/stories/sections/slider/slider.scss
@@ -141,9 +141,12 @@
}
.image-box {
- position: relative;
order: 1;
+ position: relative;
flex: 1 1 100%;
+ @media(min-width: 1000px) {
+
+ }
&:before {
content: "";;
@@ -174,23 +177,9 @@
}
.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, 0.6), 0px 0px 8px rgba(0, 0, 0, 0.6);
- z-index: 2;
- width: 66%;
- padding: 26px 8px;
- transform: rotate(-90deg);
-
- @media(max-width: 999px) {
- font-size: 10px;
- padding: 4px 6px;
+ @include copyright;
+ @media(min-width: 1000px) {
+ left: calc(100% - 20px);
}
}
@@ -314,10 +303,10 @@
right: 0;
}
@media(max-width: 567px) {
- top: 60px;
+ top: 40px;
}
@media(max-width: 319px) {
- top: 40px;
+ top: 20px;
}
}
}
diff --git a/gfi-ihk-2024/stories/sections/survey/Survey.stories.js b/gfi-ihk-2024/stories/sections/survey/Survey.stories.js
index f531181..be80b80 100644
--- a/gfi-ihk-2024/stories/sections/survey/Survey.stories.js
+++ b/gfi-ihk-2024/stories/sections/survey/Survey.stories.js
@@ -1,4 +1,6 @@
import {createSurvey} from "./SurveyComponent";
+import {SurveySimpleData} from "./SurveyData";
+import {SurveyComplexData} from "./SurveyData";
export default {
title: 'Sections/Survey',
@@ -16,5 +18,12 @@ const Template = ({...args}) => {
return createSurvey({...args});
};
-export const Survey = Template.bind({});
-Survey.args = {};
\ No newline at end of file
+export const SurveySimple = Template.bind({});
+SurveySimple.args = {
+ data: SurveySimpleData
+};
+
+export const SurveyComplex = Template.bind({});
+SurveyComplex.args = {
+ data: SurveyComplexData
+};
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/sections/survey/SurveyComponent.js b/gfi-ihk-2024/stories/sections/survey/SurveyComponent.js
index 4e79edc..da6bd48 100644
--- a/gfi-ihk-2024/stories/sections/survey/SurveyComponent.js
+++ b/gfi-ihk-2024/stories/sections/survey/SurveyComponent.js
@@ -1,7 +1,7 @@
import './survey.scss';
import $ from 'jquery';
import {createElement} from "../../_global/scripts/helpers";
-import {SurveyComplex, SurveySimple} from "./SurveyData";
+import {SurveyComplexData, SurveySimpleData} from "./SurveyData";
import {createButton} from "../../atoms/button/ButtonComponent";
import IHKSurvey from "./survey";
@@ -10,7 +10,7 @@ export const createSurvey = ({
headline = 'Einführung von 2G im Einzelhandel: Was halten Sie davon?',
copy = 'Hier können Sie abstimmen:',
method = 'get',
- data = SurveySimple,
+ data = SurveySimpleData,
}) => {
const section = createElement('section', ['participation']);
const container = createElement('div', ['container'], null, section);
diff --git a/gfi-ihk-2024/stories/sections/survey/SurveyData.js b/gfi-ihk-2024/stories/sections/survey/SurveyData.js
index c97ed83..b64c597 100644
--- a/gfi-ihk-2024/stories/sections/survey/SurveyData.js
+++ b/gfi-ihk-2024/stories/sections/survey/SurveyData.js
@@ -1,4 +1,4 @@
-export const SurveySimple = [
+export const SurveySimpleData = [
{
legend: null,
name: 'vote',
@@ -10,7 +10,7 @@ export const SurveySimple = [
}
]
-export const SurveyComplex = [
+export const SurveyComplexData = [
{
legend: 'Sie sind?',
name: 'group',
diff --git a/gfi-ihk-2024/stories/sections/survey/survey.scss b/gfi-ihk-2024/stories/sections/survey/survey.scss
index 3fd01df..cba9bea 100644
--- a/gfi-ihk-2024/stories/sections/survey/survey.scss
+++ b/gfi-ihk-2024/stories/sections/survey/survey.scss
@@ -1,6 +1,12 @@
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';
+.richtext {
+ .detail-text:has(.survey) {
+ overflow-x: visible;
+ }
+}
+
.survey {
position: relative;
display: block;
@@ -8,9 +14,12 @@
background-color: var(--theme-color-secondary-dimmed);
border-bottom: var(--border-width) solid var(--theme-color-secondary);
+ legend {
+ margin: 0 0 0.75rem 0;
+ }
+
.text-box {
- padding: var(--content-box-padding);
- padding-bottom: 0;
+ padding: var(--content-box-padding) var(--content-box-padding) 0 var(--content-box-padding);
font-size: var(--font-size-small);
.kicker {
@@ -69,7 +78,7 @@
padding: 0;
margin: 0 -2px;
- li {
+ li.choice {
position: relative;
padding: 0;
@@ -216,15 +225,10 @@
}
}
- &[data-size='md'] {
- .text-box {
- margin: 0 0 -1em;
- }
- }
-
&[data-size='lg'] {
display: flex;
- align-items: center;
+ //align-items: center;
+ align-items: flex-start;
.text-box, .form-box {
flex: 1 1 100%;
@@ -234,6 +238,9 @@
.text-box {
padding: var(--content-box-padding);
margin-bottom: 0.1em;
+ .kicker {
+ padding-top: 0.1em;
+ }
}
.form-box {
diff --git a/gfi-ihk-2024/stories/sections/teasers/teasers.scss b/gfi-ihk-2024/stories/sections/teasers/teasers.scss
index 9ec9274..0ad091f 100644
--- a/gfi-ihk-2024/stories/sections/teasers/teasers.scss
+++ b/gfi-ihk-2024/stories/sections/teasers/teasers.scss
@@ -536,23 +536,8 @@
}
.copyright {
- position: absolute;
- left: 100%;
- bottom: 0;
- transform-origin: 0 100%;
- color: var(--theme-color-background);
- font-size: 12px;
- line-height: 1.2;
- text-shadow: 0 0 3px rgba(var(--theme-color-text-intensed), 0.6), 0 0 8px rgba(var(--theme-color-text-intensed), 0.6);
- z-index: 2;
- width: 66%;
- padding: 8px 20px;
- transform: rotate(-90deg);
-
- @media(max-width: 767px) {
- font-size: 10px;
- padding: 6px 18px;
- }
+ @include copyright;
+ bottom: 8px;
}
img {
diff --git a/gfi-ihk-2024/stories/sections/tile-grid/TileGrid.stories.js b/gfi-ihk-2024/stories/sections/tile-grid/TileGrid.stories.js
index 0b7117d..29f09b6 100644
--- a/gfi-ihk-2024/stories/sections/tile-grid/TileGrid.stories.js
+++ b/gfi-ihk-2024/stories/sections/tile-grid/TileGrid.stories.js
@@ -17,4 +17,4 @@ const Template = ({...args}) => {
};
export const TileGrid = Template.bind({});
-TileGrid.args = {};
\ No newline at end of file
+TileGrid.args = {};
diff --git a/gfi-ihk-2024/stories/sections/tile-grid/TileGridComponent.js b/gfi-ihk-2024/stories/sections/tile-grid/TileGridComponent.js
index 56007b4..c65bd67 100644
--- a/gfi-ihk-2024/stories/sections/tile-grid/TileGridComponent.js
+++ b/gfi-ihk-2024/stories/sections/tile-grid/TileGridComponent.js
@@ -1,6 +1,8 @@
import './tile-grid.scss';
import {createElement, createImage} from "../../_global/scripts/helpers";
import {TileGridData} from "./TileGridData";
+import IHKTileGrid from "./tile-grid";
+import IHKEventOverviewTiles from "../eventoverview-stage/eventoverview";
export const createTileGrid = ({
headline = 'Daten und Fakten auf einen Blick',
@@ -20,10 +22,21 @@ export const createTileGrid = ({
group.tiles.map((item) => {
const tile = createElement('div', ['tile'], null, col);
- const tileLink = createElement('a', ['tile-outer'], null, tile);
- tileLink.href = item.url;
- const iconBox = createElement('div', ['icon'], null, tileLink);
- createImage(item.icon, 220, 220, ['icon'], [], iconBox);
+ let tileLink;
+ if (item.url) {
+ tileLink = createElement('a', ['tile-outer'], null, tile);
+ tileLink.href = item.url;
+ } else {
+ tileLink = createElement('span', ['tile-outer'], null, tile);
+ }
+ if (item.icon) {
+ const iconBox = createElement('div', ['icon'], null, tileLink);
+ createImage(item.icon, 220, 220, ['icon'], [], iconBox);
+ }
+ if (item.dynamicIcon) {
+ const iconBox = createElement('div', ['icon','dynamic-icon'], null, tileLink);
+ iconBox.classList.add(item.dynamicIcon);
+ }
const p = createElement('p', [], null, tileLink);
const num = createElement('span', ['number'], item.number, p);
if (item.unit) {
@@ -31,6 +44,7 @@ export const createTileGrid = ({
}
createElement('span', ['label'], item.label, p);
})
+ new IHKTileGrid($(section));
})
return section;
diff --git a/gfi-ihk-2024/stories/sections/tile-grid/TileGridData.js b/gfi-ihk-2024/stories/sections/tile-grid/TileGridData.js
index 90a2ed3..48def78 100644
--- a/gfi-ihk-2024/stories/sections/tile-grid/TileGridData.js
+++ b/gfi-ihk-2024/stories/sections/tile-grid/TileGridData.js
@@ -8,25 +8,30 @@ export const TileGridData = [
number: '5.235',
unit: null,
label: 'Vollversammlungsmitglieder',
- url: '#',
}, {
- icon: './dummy/tile-grid/tile-02.svg',
+ dynamicIcon: 'pictogram-bueroklammer',
number: '78',
unit: '%',
label: 'KMU-Vertreter in IHK-Vollversammlungen',
url: '#',
}, {
- icon: './dummy/tile-grid/tile-03.svg',
+ dynamicIcon: 'pictogram-gruppe-idee',
number: '22',
unit: '%',
label: 'weibliche Mitglieder in IHK-Vollversammlungen',
url: '#',
}, {
- icon: './dummy/tile-grid/tile-04.svg',
+ dynamicIcon: 'pictogram-rakete-a',
number: '163.000',
unit: null,
label: 'ehrenamtliche Prüfer in Aus- und Weiterbildung',
url: '#',
+ }, {
+ dynamicIcon: 'pictogram-reisepass',
+ number: '127.400',
+ unit: null,
+ label: 'männliche Mitglieder in IHK-Vollversammlungen',
+ url: '#',
},
],
},
@@ -35,7 +40,6 @@ export const TileGridData = [
titleUrl: '#',
tiles: [
{
- icon: './dummy/tile-grid/tile-05.svg',
number: '286.000',
unit: null,
label: 'abgenommene Abschlussprüfungen in der Ausbildung',
@@ -60,11 +64,9 @@ export const TileGridData = [
titleUrl: '#',
tiles: [
{
- icon: './dummy/tile-grid/tile-08.svg',
number: '1.9',
unit: 'Mio.',
label: 'Außenwirtschaftsbescheinigungen ausgestellt',
- url: '#',
}, {
icon: './dummy/tile-grid/tile-09.svg',
number: '177.000',
diff --git a/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.js b/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.js
new file mode 100644
index 0000000..8257c35
--- /dev/null
+++ b/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.js
@@ -0,0 +1,57 @@
+import $ from 'jquery';
+
+class IHKTileGrid {
+ constructor(section) {
+ this.$dynamicIcon = $(section);
+ this.iconSize();
+
+ // Event-Listener für Resize
+ $(window).on('resize', () => {
+ this.iconSize();
+ });
+ }
+
+ iconSize() {
+ // Die Höhe des Parent-Elements (tile-outer) holen
+ const $tileOuter = this.$dynamicIcon.closest('.tile-outer');
+
+ // Prüfen ob das Element existiert und sichtbar ist
+ if ($tileOuter.length && $tileOuter.is(':visible')) {
+ const containerHeight = $tileOuter.outerHeight();
+
+ // Nur setzen wenn containerHeight gültig ist
+ if (containerHeight && containerHeight > 0) {
+ this.$dynamicIcon.css('--icon-height', `${containerHeight}px`);
+ console.log('Icon höhe gesetzt:', containerHeight, 'px für', this.$dynamicIcon);
+ } else {
+ console.warn('Ungültige Höhe:', containerHeight);
+ // Fallback setzen
+ this.$dynamicIcon.css('--icon-height', '100%');
+ }
+ } else {
+ console.warn('Tile-outer nicht gefunden oder nicht sichtbar');
+ // Fallback setzen
+ this.$dynamicIcon.css('--icon-height', '100%');
+ }
+ }
+}
+
+export default IHKTileGrid;
+
+// Nur einmal initialisieren, aber mit besserer Timing-Sicherheit
+function initIcons() {
+ $('.tile-grid .dynamic-icon').each((i, el) => {
+ new IHKTileGrid(el);
+ });
+}
+
+// Bei allen relevanten Events ausführen
+$('body').on('ihk-init dynamic-component-loaded gfi-dynamic-init', initIcons);
+
+// Beim Laden der Seite und kurz danach nochmal (für Storybook)
+$(document).ready(() => {
+ initIcons();
+
+ // Nach kurzer Verzögerung nochmal ausführen, falls DOM noch ändert
+ setTimeout(initIcons, 500);
+});
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.scss b/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.scss
index 2c99763..7a74acf 100644
--- a/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.scss
+++ b/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.scss
@@ -36,7 +36,7 @@
}
&:nth-child(odd) {
- .tile a {
+ .tile .tile-outer {
background-color: var(--theme-color-secondary-dimmed);
color: var(--theme-color-secondary-intensed);
}
@@ -90,7 +90,7 @@
}
}
- a {
+ .tile-outer {
position: relative;
display: block;
background-color: var(--theme-color-primary-dimmed-04);
@@ -153,6 +153,23 @@
height: 100%;
float: right;
}
+ &.dynamic-icon {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ &:before {
+ display: block;
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ right: -8px;
+ top: 0;
+ font-family: "Pictograms", sans-serif;
+ color: var(--theme-color-white);
+ font-size: calc(var(--icon-height, 1em) + 14px);
+ line-height: 1;
+ }
+ }
}
p {
diff --git a/gfi-ihk-2024/storybook-static/128.4ae316d5.iframe.bundle.js b/gfi-ihk-2024/storybook-static/128.4ae316d5.iframe.bundle.js
deleted file mode 100644
index a8b605a..0000000
--- a/gfi-ihk-2024/storybook-static/128.4ae316d5.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[128],{"./stories/components/topic-teaser/TopicTeaserComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>createTopicTeaser});__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),topic_teaser=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/topic-teaser/topic-teaser.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(topic_teaser.Z,options);topic_teaser.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),LinkListComponent=__webpack_require__("./stories/components/linklist/LinkListComponent.js"),createTopicTeaser=function createTopicTeaser(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"single-topic":_ref$type,_ref$title=_ref.title,title=void 0===_ref$title?"Hallo Welt":_ref$title,_ref$link=_ref.link,link=void 0===_ref$link?"#":_ref$link,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"Eule Doktorhut":_ref$icon,_ref$linklistData=_ref.linklistData,linklistData=void 0===_ref$linklistData?null:_ref$linklistData,tile=(0,helpers.az)("single-topic"===type?"a":"div",["tile","topic-teaser",type],null);tile.href=link,(0,helpers.az)("div",["icon-box","pictogram-"+icon.toLowerCase().split(" ").join("-")],null,tile);var textBox=(0,helpers.az)("div",["text-box"],null,tile);if((0,helpers.az)("h4",["title"],title,textBox),"topic-linklist"===type){var data=linklistData||{},ll=(0,LinkListComponent.i)(data);textBox.appendChild(ll)}return tile}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/topic-teaser/topic-teaser.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,'.topic-teaser,.topics .tile{--topic-tile-padding: 24px;position:relative;display:flex;flex-direction:column;background-color:#fff;overflow:hidden;width:100%;border-radius:var(--border-radius-lg);padding:var(--topic-tile-padding);transition:.25s ease;line-height:1.2;text-align:center;text-decoration:none}@media(max-width: 999px){.topic-teaser,.topics .tile{--topic-tile-padding: 14px}}@media(max-width: 767px){.topic-teaser,.topics .tile{font-size:16px;min-height:84px;border-radius:8px}}.topic-teaser .icon-box,.topics .tile .icon-box{font-family:"Pictograms",sans-serif;font-size:72px;line-height:1;color:var(--theme-color-secondary);margin-top:6px}@media(max-width: 567px){.topic-teaser .icon-box,.topics .tile .icon-box{font-size:50px;margin-top:0}}.col .topic-teaser,.col .topics .tile{max-width:none}a.topic-teaser.focus-visible:focus,.topics:not([data-type=list]) a.tile.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}a.topic-teaser:focus-visible,a.topic-teaser.-moz-focusring,.topics:not([data-type=list]) a.tile:focus-visible,.topics:not([data-type=list]) a.tile.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}a.topic-teaser:before,.topics:not([data-type=list]) a.tile:before{content:"";position:absolute;display:block;bottom:0;left:0;right:0;height:var(--border-width);background-color:var(--theme-color-secondary);transition:.2s ease}a.topic-teaser:hover:before,.topics:not([data-type=list]) a.tile:hover:before{height:var(--border-width-hover)}a.topic-teaser .title,.topics:not([data-type=list]) a.tile .title{text-decoration:underline;margin:12px 0}@media(max-width: 999px){a.topic-teaser .title,.topics:not([data-type=list]) a.tile .title{margin:8px 0}}@media(max-width: 567px){a.topic-teaser .title,.topics:not([data-type=list]) a.tile .title{margin:4px 0}}a.topic-teaser .text-box,.topics:not([data-type=list]) a.tile .text-box{display:flex;align-items:center;justify-content:center;flex-grow:1}div.topic-teaser,.topics[data-type=list] .tile{padding:0 var(--topic-tile-padding) .5em}div.topic-teaser .icon-box,.topics[data-type=list] .tile .icon-box{background-color:var(--theme-color-primary);color:var(--theme-color-background);margin:0 calc(var(--topic-tile-padding)*-1);padding:10px 0;font-size:60px}@media(max-width: 767px){div.topic-teaser .icon-box,.topics[data-type=list] .tile .icon-box{font-size:46px}}div.topic-teaser .text-box,.topics[data-type=list] .tile .text-box{display:block;text-align:left}div.topic-teaser .title,.topics[data-type=list] .tile .title{text-decoration:none;margin:.8em 0}',"",{version:3,sources:["webpack://./stories/components/topic-teaser/topic-teaser.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,4BACE,0BAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CAEA,qCAAA,CACA,iCAAA,CACA,oBAAA,CACA,eAAA,CACA,iBAAA,CACA,oBAAA,CAEA,yBAhBF,4BAiBI,0BAAA,CAAA,CAGF,yBApBF,4BAqBI,cAAA,CACA,eAAA,CACA,iBAAA,CAAA,CAGF,gDACE,mCAAA,CACA,cAAA,CACA,aAAA,CACA,kCAAA,CACA,cAAA,CAEA,yBAPF,gDAQI,cAAA,CACA,YAAA,CAAA,CAMJ,sCACE,cAAA,CCiHA,4FACE,4GAAA,CACA,SAAA,CAEF,kKACE,4GAAA,CACA,SAAA,CDhHJ,kEACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,0BAAA,CACA,6CAAA,CACA,mBAAA,CAGF,8EACE,gCAAA,CAGF,kEACE,yBAAA,CACA,aAAA,CAEA,yBAJF,kEAKI,YAAA,CAAA,CAEF,yBAPF,kEAQI,YAAA,CAAA,CAIJ,wEACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CAIJ,+CACE,wCAAA,CAEA,mEACE,2CAAA,CACA,mCAAA,CACA,2CAAA,CACA,cAAA,CACA,cAAA,CAEA,yBAPF,mEAQI,cAAA,CAAA,CAIJ,mEACE,aAAA,CACA,eAAA,CAGF,6DACE,oBAAA,CACA,aAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.topic-teaser, .topics .tile {\n --topic-tile-padding: 24px;\n position: relative;\n display: flex;\n flex-direction: column;\n background-color: white;\n overflow: hidden;\n width: 100%;\n //max-width: 420px;\n border-radius: var(--border-radius-lg);\n padding: var(--topic-tile-padding);\n transition: 0.25s ease;\n line-height: 1.2;\n text-align: center;\n text-decoration: none;\n\n @media(max-width: 999px) {\n --topic-tile-padding: 14px;\n }\n\n @media(max-width: 767px) {\n font-size: 16px;\n min-height: 84px;\n border-radius: 8px;\n }\n\n .icon-box {\n font-family: 'Pictograms', sans-serif;\n font-size: 72px;\n line-height: 1;\n color: var(--theme-color-secondary);\n margin-top: 6px;\n\n @media(max-width: 567px) {\n font-size: 50px;\n margin-top: 0;\n }\n }\n}\n\n.col {\n .topic-teaser, .topics .tile {\n max-width: none;\n }\n}\n\na.topic-teaser, .topics:not([data-type=\"list\"]) a.tile {\n @include focus-visible();\n\n &:before {\n content: \"\";\n position: absolute;\n display: block;\n bottom: 0;\n left: 0;\n right: 0;\n height: var(--border-width);\n background-color: var(--theme-color-secondary);\n transition: 0.2s ease;\n }\n\n &:hover:before {\n height: var(--border-width-hover);\n }\n\n .title {\n text-decoration: underline;\n margin: 12px 0;\n\n @media(max-width: 999px) {\n margin: 8px 0;\n }\n @media(max-width: 567px) {\n margin: 4px 0;\n }\n }\n\n .text-box {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n }\n}\n\ndiv.topic-teaser, .topics[data-type=\"list\"] .tile {\n padding: 0 var(--topic-tile-padding) 0.5em;\n\n .icon-box {\n background-color: var(--theme-color-primary);\n color: var(--theme-color-background);\n margin: 0 calc(var(--topic-tile-padding) * -1);\n padding: 10px 0;\n font-size: 60px;\n\n @media(max-width: 767px) {\n font-size: 46px;\n }\n }\n\n .text-box {\n display: block;\n text-align: left;\n }\n\n .title {\n text-decoration: none;\n margin: 0.8em 0;\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/128.97a27a57.iframe.bundle.js b/gfi-ihk-2024/storybook-static/128.97a27a57.iframe.bundle.js
new file mode 100644
index 0000000..eef01e8
--- /dev/null
+++ b/gfi-ihk-2024/storybook-static/128.97a27a57.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[128],{"./stories/components/topic-teaser/TopicTeaserComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>createTopicTeaser});__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),topic_teaser=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/topic-teaser/topic-teaser.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(topic_teaser.Z,options);topic_teaser.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),LinkListComponent=__webpack_require__("./stories/components/linklist/LinkListComponent.js"),createTopicTeaser=function createTopicTeaser(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"single-topic":_ref$type,_ref$title=_ref.title,title=void 0===_ref$title?"Hallo Welt":_ref$title,_ref$link=_ref.link,link=void 0===_ref$link?"#":_ref$link,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"Eule Doktorhut":_ref$icon,_ref$linklistData=_ref.linklistData,linklistData=void 0===_ref$linklistData?null:_ref$linklistData,tile=(0,helpers.az)("single-topic"===type?"a":"div",["tile","topic-teaser",type],null);tile.href=link,(0,helpers.az)("div",["icon-box","pictogram-"+icon.toLowerCase().split(" ").join("-")],null,tile);var textBox=(0,helpers.az)("div",["text-box"],null,tile);if((0,helpers.az)("h4",["title"],title,textBox),"topic-linklist"===type){var data=linklistData||{},ll=(0,LinkListComponent.i)(data);textBox.appendChild(ll)}return tile}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/topic-teaser/topic-teaser.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,'.topic-teaser,.topics .tile{--topic-tile-padding: 24px;position:relative;display:flex;flex-direction:column;background-color:#fff;overflow:hidden;width:100%;border-radius:var(--border-radius-lg);padding:var(--topic-tile-padding);transition:.25s ease;line-height:1.2;text-align:center;text-decoration:none}@media(max-width: 999px){.topic-teaser,.topics .tile{--topic-tile-padding: 14px}}@media(max-width: 767px){.topic-teaser,.topics .tile{font-size:16px;min-height:84px;border-radius:8px}}.topic-teaser .icon-box,.topics .tile .icon-box{font-family:"Pictograms",sans-serif;font-size:72px;line-height:1;color:var(--theme-color-secondary);margin-top:6px}@media(max-width: 567px){.topic-teaser .icon-box,.topics .tile .icon-box{font-size:50px;margin-top:0}}.col .topic-teaser,.col .topics .tile{max-width:none}a.topic-teaser.focus-visible:focus,.topics:not([data-type=list]) a.tile.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}a.topic-teaser:focus-visible,a.topic-teaser.-moz-focusring,.topics:not([data-type=list]) a.tile:focus-visible,.topics:not([data-type=list]) a.tile.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}a.topic-teaser:before,.topics:not([data-type=list]) a.tile:before{content:"";position:absolute;display:block;bottom:0;left:0;right:0;height:var(--border-width);background-color:var(--theme-color-secondary);transition:.2s ease}a.topic-teaser:hover:before,.topics:not([data-type=list]) a.tile:hover:before{height:var(--border-width-hover)}a.topic-teaser .title,.topics:not([data-type=list]) a.tile .title{text-decoration:underline;margin:12px 0}@media(max-width: 999px){a.topic-teaser .title,.topics:not([data-type=list]) a.tile .title{margin:8px 0}}@media(max-width: 567px){a.topic-teaser .title,.topics:not([data-type=list]) a.tile .title{margin:4px 0}}a.topic-teaser .text-box,.topics:not([data-type=list]) a.tile .text-box{display:flex;align-items:center;justify-content:center;flex-grow:1}div.topic-teaser,.topics[data-type=list] .tile{padding:0 var(--topic-tile-padding) .5em}div.topic-teaser .icon-box,.topics[data-type=list] .tile .icon-box{background-color:var(--theme-color-primary);color:var(--theme-color-background);margin:0 calc(var(--topic-tile-padding)*-1);padding:10px 0;font-size:60px}@media(max-width: 767px){div.topic-teaser .icon-box,.topics[data-type=list] .tile .icon-box{font-size:46px}}div.topic-teaser .text-box,.topics[data-type=list] .tile .text-box{display:block;text-align:left}div.topic-teaser .title,.topics[data-type=list] .tile .title{text-decoration:none;margin:.8em 0}',"",{version:3,sources:["webpack://./stories/components/topic-teaser/topic-teaser.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,4BACE,0BAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CAEA,qCAAA,CACA,iCAAA,CACA,oBAAA,CACA,eAAA,CACA,iBAAA,CACA,oBAAA,CAEA,yBAhBF,4BAiBI,0BAAA,CAAA,CAGF,yBApBF,4BAqBI,cAAA,CACA,eAAA,CACA,iBAAA,CAAA,CAGF,gDACE,mCAAA,CACA,cAAA,CACA,aAAA,CACA,kCAAA,CACA,cAAA,CAEA,yBAPF,gDAQI,cAAA,CACA,YAAA,CAAA,CAMJ,sCACE,cAAA,CCiIA,4FACE,4GAAA,CACA,SAAA,CAEF,kKACE,4GAAA,CACA,SAAA,CDhIJ,kEACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,0BAAA,CACA,6CAAA,CACA,mBAAA,CAGF,8EACE,gCAAA,CAGF,kEACE,yBAAA,CACA,aAAA,CAEA,yBAJF,kEAKI,YAAA,CAAA,CAEF,yBAPF,kEAQI,YAAA,CAAA,CAIJ,wEACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CAIJ,+CACE,wCAAA,CAEA,mEACE,2CAAA,CACA,mCAAA,CACA,2CAAA,CACA,cAAA,CACA,cAAA,CAEA,yBAPF,mEAQI,cAAA,CAAA,CAIJ,mEACE,aAAA,CACA,eAAA,CAGF,6DACE,oBAAA,CACA,aAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.topic-teaser, .topics .tile {\n --topic-tile-padding: 24px;\n position: relative;\n display: flex;\n flex-direction: column;\n background-color: white;\n overflow: hidden;\n width: 100%;\n //max-width: 420px;\n border-radius: var(--border-radius-lg);\n padding: var(--topic-tile-padding);\n transition: 0.25s ease;\n line-height: 1.2;\n text-align: center;\n text-decoration: none;\n\n @media(max-width: 999px) {\n --topic-tile-padding: 14px;\n }\n\n @media(max-width: 767px) {\n font-size: 16px;\n min-height: 84px;\n border-radius: 8px;\n }\n\n .icon-box {\n font-family: 'Pictograms', sans-serif;\n font-size: 72px;\n line-height: 1;\n color: var(--theme-color-secondary);\n margin-top: 6px;\n\n @media(max-width: 567px) {\n font-size: 50px;\n margin-top: 0;\n }\n }\n}\n\n.col {\n .topic-teaser, .topics .tile {\n max-width: none;\n }\n}\n\na.topic-teaser, .topics:not([data-type=\"list\"]) a.tile {\n @include focus-visible();\n\n &:before {\n content: \"\";\n position: absolute;\n display: block;\n bottom: 0;\n left: 0;\n right: 0;\n height: var(--border-width);\n background-color: var(--theme-color-secondary);\n transition: 0.2s ease;\n }\n\n &:hover:before {\n height: var(--border-width-hover);\n }\n\n .title {\n text-decoration: underline;\n margin: 12px 0;\n\n @media(max-width: 999px) {\n margin: 8px 0;\n }\n @media(max-width: 567px) {\n margin: 4px 0;\n }\n }\n\n .text-box {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n }\n}\n\ndiv.topic-teaser, .topics[data-type=\"list\"] .tile {\n padding: 0 var(--topic-tile-padding) 0.5em;\n\n .icon-box {\n background-color: var(--theme-color-primary);\n color: var(--theme-color-background);\n margin: 0 calc(var(--topic-tile-padding) * -1);\n padding: 10px 0;\n font-size: 60px;\n\n @media(max-width: 767px) {\n font-size: 46px;\n }\n }\n\n .text-box {\n display: block;\n text-align: left;\n }\n\n .title {\n text-decoration: none;\n margin: 0.8em 0;\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 font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\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/175.476bf8d0.iframe.bundle.js b/gfi-ihk-2024/storybook-static/175.476bf8d0.iframe.bundle.js
deleted file mode 100644
index 96b94f8..0000000
--- a/gfi-ihk-2024/storybook-static/175.476bf8d0.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[175],{"./stories/components/election-result-list-badge/ElectionResultListBadgeComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>createElectionResultListBadge});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),election_result_list_badge=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/election-result-list-badge/election-result-list-badge.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(election_result_list_badge.Z,options);election_result_list_badge.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createElectionResultListBadge=function createElectionResultListBadge(_ref){var _ref$preLabel=_ref.preLabel,preLabel=void 0===_ref$preLabel?"202":_ref$preLabel,_ref$label=_ref.label,label=void 0===_ref$label?"Kandidat:innen":_ref$label,_ref$inverted=_ref.inverted,inverted=void 0!==_ref$inverted&&_ref$inverted,_ref$closable=_ref.closable,closable=void 0!==_ref$closable&&_ref$closable,_ref$colon=_ref.colon,colon=void 0!==_ref$colon&&_ref$colon,electionResultListBadge=(0,helpers.az)("div",["election-result-list-badge",inverted?"inverted":"normal",closable?"closable":"regular"]),inner=(0,helpers.az)("div",["badge-inner"],null,electionResultListBadge),pPre=preLabel+(colon?": ":""),p=(0,helpers.az)("p",[],pPre,inner);return(0,helpers.az)("span",[],label,p),electionResultListBadge}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/election-result-list-badge/election-result-list-badge.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,'.election-result-list-badge .badge-inner{padding:6px 15px;background:var(--theme-color-primary-dimmed-04);border-radius:18px;margin-bottom:8px}.election-result-list-badge p{font-family:"Korb",sans-serif;font-weight:bold;margin:0}.election-result-list-badge p span{padding-left:5px;font-weight:normal}.election-result-list-badge.inverted p{color:var(--theme-color-white);transition:.25s ease}.election-result-list-badge.inverted .badge-inner{background:var(--theme-color-primary);transition:.25s ease}.election-result-list-badge.inverted .badge-inner:hover{background-color:var(--theme-color-primary-dimmed-04)}.election-result-list-badge.inverted .badge-inner:hover p{color:var(--theme-color-primary)}.election-result-list-badge.closable{cursor:pointer}.election-result-list-badge.closable .badge-inner{padding-left:48px;position:relative}.election-result-list-badge.closable .badge-inner:before{content:"";font-family:"Icons",sans-serif;position:absolute;left:15px;top:50%;margin-top:-9px;color:var(--theme-color-white);display:block;text-align:center;font-size:18px;line-height:1;transition:.25s ease}.election-result-list-badge.closable .badge-inner:hover:before{color:var(--theme-color-primary)}',"",{version:3,sources:["webpack://./stories/components/election-result-list-badge/election-result-list-badge.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,yCAIE,gBACE,CAAA,+CACA,CAAA,kBACA,CAAA,iBACA,CAAA,8BAEF,6BACE,CAAA,gBACA,CAAA,QACA,CAAA,mCACA,gBACE,CAAA,kBACA,CAAA,uCAIF,8BACE,CAAA,oBACA,CAAA,kDAEF,qCACE,CAAA,oBACA,CAAA,wDACA,qDACE,CAAA,0DACA,gCACE,CAAA,qCAKR,cACE,CAAA,kDACA,iBACE,CAAA,iBACA,CAAA,yDACA,WCgMmB,CAAA,8BD9LjB,CAAA,iBACA,CAAA,SACA,CAAA,OACA,CAAA,eACA,CAAA,8BACA,CAAA,aACA,CAAA,iBACA,CAAA,cACA,CAAA,aACA,CAAA,oBACA,CAAA,+DAEF,gCACE",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.election-result-list-badge {\n .badge-inner {\n padding: 6px 15px;\n background: var(--theme-color-primary-dimmed-04);\n border-radius: 18px;\n margin-bottom: 8px;\n }\n p {\n font-family: \"Korb\", sans-serif;\n font-weight: bold;\n margin: 0;\n span {\n padding-left: 5px;\n font-weight: normal;\n }\n }\n &.inverted {\n p {\n color: var(--theme-color-white);\n transition: 0.25s ease;\n }\n .badge-inner {\n background: var(--theme-color-primary);\n transition: 0.25s ease;\n &:hover {\n background-color: var(--theme-color-primary-dimmed-04);\n p {\n color: var(--theme-color-primary);\n }\n }\n }\n }\n &.closable {\n cursor: pointer;\n .badge-inner {\n padding-left: 48px;\n position: relative;\n &:before {\n @include icon-schliessen;\n font-family: 'Icons', sans-serif;\n position: absolute;\n left: 15px;\n top: 50%;\n margin-top: -9px;\n color: var(--theme-color-white);\n display: block;\n text-align: center;\n font-size: 18px;\n line-height: 1;\n transition: 0.25s ease;\n }\n &:hover:before {\n color: var(--theme-color-primary);\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/3974.418c2a8d.iframe.bundle.js b/gfi-ihk-2024/storybook-static/175.5823c60f.iframe.bundle.js
similarity index 66%
rename from gfi-ihk-2024/storybook-static/3974.418c2a8d.iframe.bundle.js
rename to gfi-ihk-2024/storybook-static/175.5823c60f.iframe.bundle.js
index 98e1e0f..ce3d2a7 100644
--- a/gfi-ihk-2024/storybook-static/3974.418c2a8d.iframe.bundle.js
+++ b/gfi-ihk-2024/storybook-static/175.5823c60f.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[3974],{"./stories/components/video/VideoComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>createVideo});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),video=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/video/video.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(video.Z,options);video.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createVideo=function createVideo(_ref){var _ref$videoSrc=_ref.videoSrc,videoSrc=void 0===_ref$videoSrc?"https://cdn.jsdelivr.net/npm/big-buck-bunny-1080p@0.0.6/video.mp4":_ref$videoSrc,_ref$posterSrc=_ref.posterSrc,posterSrc=void 0===_ref$posterSrc?"./dummy/placeholder-4-3.svg":_ref$posterSrc,_ref$caption=_ref.caption,caption=void 0===_ref$caption?"Lorem ipsum dolor sit amet consetetur":_ref$caption,_ref$copyright=_ref.copyright,copyright=void 0===_ref$copyright?"© Marco Mustermann für Mustervideos":_ref$copyright,figure=(0,helpers.az)("figure",["video"]),videoBox=(0,helpers.az)("div",["video-box"],null,figure),video=(0,helpers.az)("video",[],null,videoBox);return video.src=videoSrc,video.controls=!0,posterSrc&&posterSrc.length>0&&(video.poster=posterSrc),copyright&©right.length>0&&(0,helpers.az)("span",["copyright"],copyright,videoBox),caption&&caption.length>0&&(0,helpers.az)("figcaption",[],caption,figure),figure}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/video/video.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,'.video{width:100%;margin:var(--section-margin) 0}.video-box{position:relative;display:block;width:100%}.video-box:before{content:"";position:relative;display:block;padding-top:56.25%}.video-box iframe,.video-box video{position:absolute;display:block;top:0;left:0;width:100%;height:100%}.video-box video{object-fit:cover}.video-box .copyright{position:absolute;display:block;left:100%;bottom:0;color:#fff;font-size:12px;line-height:1.2;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);z-index:2;width:calc(66.6% + 7px);padding:8px 18px;transform-origin:0 100%;transform:rotate(-90deg);width:56.25%;text-align:right;padding-right:14px}.teaser .video-in-teaser .video-box{position:absolute;top:0;height:100%}.teaser .video-in-teaser:after{display:none}.teaser .video-in-teaser .poster-wrapper .icon-fa-play{display:block;position:absolute;left:50%;top:50%;width:auto;transform:translate(-50%, -50%)}.teaser .video-in-teaser .poster-wrapper .icon-fa-play:before{font-family:"IHK24FontAwesome",sans-serif;right:auto;transform:translateX(-50%);left:50%}.teaser .video-in-teaser:hover .btn{box-shadow:0 0 0 5px rgba(var(--theme-color-primary-rgb), 0.3)}',"",{version:3,sources:["webpack://./stories/components/video/video.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,OACE,UAAA,CACA,8BAAA,CAGF,WACE,iBAAA,CACA,aAAA,CACA,UAAA,CAEA,kBACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,kBAAA,CAGF,mCACE,iBAAA,CACA,aAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CAGF,iBACE,gBAAA,CAGF,sBCqEA,iBAAA,CACA,aAAA,CACA,SAAA,CACA,QAAA,CACA,UAAA,CACA,cAAA,CACA,eAAA,CACA,yDAAA,CACA,SAAA,CACA,uBAAA,CACA,gBAAA,CACA,uBAAA,CACA,wBAAA,CD/EE,YAAA,CACA,gBAAA,CACA,kBAAA,CAKF,oCACE,iBAAA,CACA,KAAA,CACA,WAAA,CAGF,+BACE,YAAA,CAGF,uDACE,aAAA,CACA,iBAAA,CACA,QAAA,CACA,OAAA,CACA,UAAA,CACA,+BAAA,CAEA,8DACE,yCAAA,CACA,UAAA,CACA,0BAAA,CACA,QAAA,CAKF,oCACE,8DAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.video {\n width: 100%;\n margin: var(--section-margin) 0;\n}\n\n.video-box {\n position: relative;\n display: block;\n width: 100%;\n\n &:before {\n content: \"\";\n position: relative;\n display: block;\n padding-top: 56.25%;\n }\n\n iframe, video {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n video {\n object-fit: cover;\n }\n\n .copyright {\n @include copyright;\n width: 56.25%;\n text-align: right;\n padding-right: 14px;\n }\n}\n\n.teaser .video-in-teaser {\n .video-box {\n position: absolute;\n top: 0;\n height: 100%;\n }\n\n &:after {\n display: none;\n }\n\n .poster-wrapper .icon-fa-play {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n width: auto;\n transform: translate(-50%, -50%);\n\n &:before {\n font-family: \"IHK24FontAwesome\", sans-serif;\n right: auto;\n transform: translateX(-50%);\n left: 50%;\n }\n }\n\n &:hover {\n .btn {\n box-shadow: 0 0 0 5px rgba(var(--theme-color-primary-rgb), 0.3);\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
+"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[175],{"./stories/components/election-result-list-badge/ElectionResultListBadgeComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>createElectionResultListBadge});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),election_result_list_badge=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/election-result-list-badge/election-result-list-badge.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(election_result_list_badge.Z,options);election_result_list_badge.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createElectionResultListBadge=function createElectionResultListBadge(_ref){var _ref$preLabel=_ref.preLabel,preLabel=void 0===_ref$preLabel?"202":_ref$preLabel,_ref$label=_ref.label,label=void 0===_ref$label?"Kandidat:innen":_ref$label,_ref$inverted=_ref.inverted,inverted=void 0!==_ref$inverted&&_ref$inverted,_ref$closable=_ref.closable,closable=void 0!==_ref$closable&&_ref$closable,_ref$colon=_ref.colon,colon=void 0!==_ref$colon&&_ref$colon,electionResultListBadge=(0,helpers.az)("div",["election-result-list-badge",inverted?"inverted":"normal",closable?"closable":"regular"]),inner=(0,helpers.az)("div",["badge-inner"],null,electionResultListBadge),pPre=preLabel+(colon?": ":""),p=(0,helpers.az)("p",[],pPre,inner);return(0,helpers.az)("span",[],label,p),electionResultListBadge}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/election-result-list-badge/election-result-list-badge.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,'.election-result-list-badge .badge-inner{padding:6px 15px;background:var(--theme-color-primary-dimmed-04);border-radius:18px;margin-bottom:8px}.election-result-list-badge p{font-family:"Korb",sans-serif;font-weight:bold;margin:0}.election-result-list-badge p span{padding-left:5px;font-weight:normal}.election-result-list-badge.inverted p{color:var(--theme-color-white);transition:.25s ease}.election-result-list-badge.inverted .badge-inner{background:var(--theme-color-primary);transition:.25s ease}.election-result-list-badge.inverted .badge-inner:hover{background-color:var(--theme-color-primary-dimmed-04)}.election-result-list-badge.inverted .badge-inner:hover p{color:var(--theme-color-primary)}.election-result-list-badge.closable{cursor:pointer}.election-result-list-badge.closable .badge-inner{padding-left:48px;position:relative}.election-result-list-badge.closable .badge-inner:before{content:"";font-family:"Icons",sans-serif;position:absolute;left:15px;top:50%;margin-top:-9px;color:var(--theme-color-white);display:block;text-align:center;font-size:18px;line-height:1;transition:.25s ease}.election-result-list-badge.closable .badge-inner:hover:before{color:var(--theme-color-primary)}',"",{version:3,sources:["webpack://./stories/components/election-result-list-badge/election-result-list-badge.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,yCAIE,gBACE,CAAA,+CACA,CAAA,kBACA,CAAA,iBACA,CAAA,8BAEF,6BACE,CAAA,gBACA,CAAA,QACA,CAAA,mCACA,gBACE,CAAA,kBACA,CAAA,uCAIF,8BACE,CAAA,oBACA,CAAA,kDAEF,qCACE,CAAA,oBACA,CAAA,wDACA,qDACE,CAAA,0DACA,gCACE,CAAA,qCAKR,cACE,CAAA,kDACA,iBACE,CAAA,iBACA,CAAA,yDACA,WCgNmB,CAAA,8BD9MjB,CAAA,iBACA,CAAA,SACA,CAAA,OACA,CAAA,eACA,CAAA,8BACA,CAAA,aACA,CAAA,iBACA,CAAA,cACA,CAAA,aACA,CAAA,oBACA,CAAA,+DAEF,gCACE",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.election-result-list-badge {\n .badge-inner {\n padding: 6px 15px;\n background: var(--theme-color-primary-dimmed-04);\n border-radius: 18px;\n margin-bottom: 8px;\n }\n p {\n font-family: \"Korb\", sans-serif;\n font-weight: bold;\n margin: 0;\n span {\n padding-left: 5px;\n font-weight: normal;\n }\n }\n &.inverted {\n p {\n color: var(--theme-color-white);\n transition: 0.25s ease;\n }\n .badge-inner {\n background: var(--theme-color-primary);\n transition: 0.25s ease;\n &:hover {\n background-color: var(--theme-color-primary-dimmed-04);\n p {\n color: var(--theme-color-primary);\n }\n }\n }\n }\n &.closable {\n cursor: pointer;\n .badge-inner {\n padding-left: 48px;\n position: relative;\n &:before {\n @include icon-schliessen;\n font-family: 'Icons', sans-serif;\n position: absolute;\n left: 15px;\n top: 50%;\n margin-top: -9px;\n color: var(--theme-color-white);\n display: block;\n text-align: center;\n font-size: 18px;\n line-height: 1;\n transition: 0.25s ease;\n }\n &:hover:before {\n color: var(--theme-color-primary);\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 font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\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/1761.947dd882.iframe.bundle.js b/gfi-ihk-2024/storybook-static/1761.947dd882.iframe.bundle.js
deleted file mode 100644
index 91ffddc..0000000
--- a/gfi-ihk-2024/storybook-static/1761.947dd882.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[1761],{"./stories/sections/infobanner/InfoBannerComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c:()=>createInfoBanner});__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),infobanner=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/infobanner/infobanner.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(infobanner.Z,options);infobanner.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createInfoBanner=function createInfoBanner(_ref){var _ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Dachzeile des Infobanners":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Die Headline des Infobanners":_ref$headline,_ref$copy=_ref.copy,copy=void 0===_ref$copy?"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$copy,_ref$buttonText=_ref.buttonText,buttonText=void 0===_ref$buttonText?"Call to action":_ref$buttonText,_ref$link=_ref.link,link=void 0===_ref$link?"#":_ref$link,_ref$imageSrc=_ref.imageSrc,imageSrc=void 0===_ref$imageSrc?"./dummy/placeholder-4-3.svg":_ref$imageSrc,_ref$imageSrcMobile=_ref.imageSrcMobile,imageSrcMobile=void 0===_ref$imageSrcMobile?"./dummy/placeholder-1-1.svg":_ref$imageSrcMobile,_ref$isCommercial=_ref.isCommercial,isCommercial=void 0===_ref$isCommercial||_ref$isCommercial,section=(0,helpers.az)("section",["infobanner"],null),container=(0,helpers.az)("div",["container"],null,section),banner=(0,helpers.az)("a",["banner"],null,container);if(imageSrc&&imageSrcMobile&&imageSrc.length>0&&imageSrcMobile.length>0){var imageBox=(0,helpers.az)("div",["image-box"],null,banner),picture=(0,helpers.az)("picture",[],null,imageBox),mobileSource=(0,helpers.az)("source",[],null,picture);(0,helpers.Bi)(imageSrc,1340,240,"Infobanner Hintergrundbild",[],picture),mobileSource.srcset=imageSrcMobile,mobileSource.media="(max-width: 567px)"}if(kicker.length>0||headline.length>0||copy.length>0||buttonText.length>0){var textWrapper=(0,helpers.az)("div",["text-wrapper"],null,banner),textBox=(0,helpers.az)("div",["text-box"],null,textWrapper);if(kicker&&kicker.length>0&&(0,helpers.az)("span",["kicker"],kicker,textBox),headline&&headline.length>0&&(0,helpers.az)("h2",["like-h2"],headline,textBox),copy&©.length>0&&(0,helpers.az)("p",[],copy,textBox),buttonText&&buttonText.length>0){var buttonBox=(0,helpers.az)("div",["button-box"],null,textWrapper),btn=(0,ButtonComponent.a)({elementType:"span",icon:"pfeil-simple-rechts",color:"white",label:buttonText,iconPosition:"icon-right"});buttonBox.appendChild(btn)}}return isCommercial&&(0,helpers.az)("span",["is-commercial"],"Werbung",banner),banner.href=link,section}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/infobanner/infobanner.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,'.infobanner{margin:var(--section-margin) auto}.infobanner .banner{position:relative;display:flex;color:var(--theme-color-white);background:linear-gradient(130deg, var(--theme-color-gradient-01) 40%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 120%);border-radius:var(--border-radius-xs);text-decoration:none;transition:.25s ease}.infobanner .banner.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.infobanner .banner:focus-visible,.infobanner .banner.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.infobanner .banner.focus-visible:focus .btn{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.infobanner .banner:focus-visible .btn,.infobanner .banner-moz-focusring .btn{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.infobanner .banner:before{content:"";position:relative;display:block;padding-top:12.36%}@media(max-width: 567px){.infobanner .banner:before{padding-top:66.6667%}}.infobanner .is-commercial{position:absolute;display:block;z-index:1;right:0;top:0;padding:1px 7px;font-size:var(--font-size-xs);color:var(--theme-color-primary);background-color:rgba(255,255,255,.7);border-bottom-left-radius:var(--border-radius-xs)}.infobanner .image-box{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center}.infobanner .image-box img{border-radius:var(--border-radius-xs);position:relative;display:block;max-width:100%;margin:0 auto;width:100%;height:100%;object-fit:cover}.infobanner .text-wrapper{position:relative;display:flex;justify-content:space-between;flex:1 1 100%;background:linear-gradient(120deg, rgba(var(--theme-color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb), 0.2) 100%);border-radius:var(--border-radius-xs)}@media(max-width: 567px){.infobanner .text-wrapper{flex-direction:column}}.infobanner .text-box{padding:18px 24px;min-height:180px;max-width:768px;display:flex;flex-direction:column;justify-content:center;line-height:1.4}@media(max-width: 1339px){.infobanner .text-box{min-height:150px}}@media(max-width: 999px){.infobanner .text-box{min-height:0;padding:12px 20px}}@media(max-width: 567px){.infobanner .text-box{padding:8px 0;margin:var(--content-box-padding)}}.infobanner .text-box>*{margin-top:.1em;margin-bottom:.1em}.infobanner .text-box>*.kicker{margin-left:0}@media(max-width: 567px){.infobanner .text-box>.like-h2{margin-top:8px;margin-bottom:10px}}.infobanner .button-box{padding:24px;display:flex;align-items:flex-end;justify-content:flex-end;margin-top:auto}@media(max-width: 999px){.infobanner .button-box{padding:16px}}@media(max-width: 767px){.infobanner .button-box{padding:0 0 20px;margin:0 var(--content-box-padding)}}@media(max-width: 567px){.infobanner .button-box{padding-bottom:30px}}',"",{version:3,sources:["webpack://./stories/sections/infobanner/infobanner.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,YACE,iCAAA,CAEA,oBACE,iBAAA,CACA,YAAA,CACA,8BAAA,CACA,+IAAA,CACA,qCAAA,CACA,oBAAA,CACA,oBAAA,CCiJA,wCACE,4GAAA,CACA,SAAA,CAEF,qEACE,4GAAA,CACA,SAAA,CDpJF,6CC+JA,4GAAA,CACA,SAAA,CD7JA,8EC4JA,4GAAA,CACA,SAAA,CDzJA,2BACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,kBAAA,CAEA,yBANF,2BAOI,oBAAA,CAAA,CAKN,2BACE,iBAAA,CACA,aAAA,CACA,SAAA,CACA,OAAA,CACA,KAAA,CACA,eAAA,CACA,6BAAA,CACA,gCAAA,CACA,qCAAA,CACA,iDAAA,CAGF,uBC8CA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CDhDE,qBAAA,CACA,0BAAA,CAEA,2BACE,qCAAA,CACA,iBAAA,CACA,aAAA,CACA,cAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CAIJ,0BACE,iBAAA,CACA,YAAA,CACA,6BAAA,CACA,aAAA,CACA,8HAAA,CACA,qCAAA,CAEA,yBARF,0BASI,qBAAA,CAAA,CAIJ,sBACE,iBAAA,CACA,gBAAA,CACA,eAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,eAAA,CAEA,0BATF,sBAUI,gBAAA,CAAA,CAEF,yBAZF,sBAaI,YAAA,CACA,iBAAA,CAAA,CAEF,yBAhBF,sBAiBI,aAAA,CACA,iCAAA,CAAA,CAGF,wBACE,eAAA,CACA,kBAAA,CAEA,+BACE,aAAA,CAKF,yBADF,+BAEI,cAAA,CACA,kBAAA,CAAA,CAKN,wBACE,YAAA,CACA,YAAA,CACA,oBAAA,CACA,wBAAA,CACA,eAAA,CAEA,yBAPF,wBAQI,YAAA,CAAA,CAEF,yBAVF,wBAWI,gBAAA,CACA,mCAAA,CAAA,CAEF,yBAdF,wBAeI,mBAAA,CAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.infobanner {\n margin: var(--section-margin) auto;\n\n .banner {\n position: relative;\n display: flex;\n color: var(--theme-color-white);\n background: linear-gradient(130deg, var(--theme-color-gradient-01) 40%,var(--theme-color-gradient-02) 80%,var(--theme-color-gradient-03) 120%);\n border-radius: var(--border-radius-xs);\n text-decoration: none;\n transition: 0.25s ease;\n @include focus-visible;\n\n &.focus-visible:focus .btn {\n @include focus-standalone;\n }\n &:focus-visible .btn, &-moz-focusring .btn {\n @include focus-standalone;\n }\n\n &:before {\n content: \"\";\n position: relative;\n display: block;\n padding-top: 12.36%;\n\n @media(max-width: 567px) {\n padding-top: 66.6667%;\n }\n }\n }\n\n .is-commercial {\n position: absolute;\n display: block;\n z-index: 1;\n right: 0;\n top: 0;\n padding: 1px 7px;\n font-size: var(--font-size-xs);\n color: var(--theme-color-primary);\n background-color: rgba(#fff, 0.7);\n border-bottom-left-radius: var(--border-radius-xs);\n }\n\n .image-box {\n @include full-size;\n background-size: cover;\n background-position: center;\n\n img {\n border-radius: var(--border-radius-xs);\n position: relative;\n display: block;\n max-width: 100%;\n margin: 0 auto;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n .text-wrapper {\n position: relative;\n display: flex;\n justify-content: space-between;\n flex: 1 1 100%;\n background: linear-gradient(120deg, rgba(var(--theme-color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb), 0.2) 100%);\n border-radius: var(--border-radius-xs);\n\n @media(max-width: 567px) {\n flex-direction: column;\n }\n }\n\n .text-box {\n padding: 18px 24px;\n min-height: 180px;\n max-width: 768px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n line-height: 1.4;\n\n @media(max-width: 1339px) {\n min-height: 150px;\n }\n @media(max-width: 999px) {\n min-height: 0;\n padding: 12px 20px;\n }\n @media(max-width: 567px) {\n padding: 8px 0;\n margin: var(--content-box-padding);\n }\n\n > * {\n margin-top: 0.1em;\n margin-bottom: 0.1em;\n\n &.kicker {\n margin-left: 0;\n }\n }\n\n > .like-h2 {\n @media(max-width: 567px) {\n margin-top: 8px;\n margin-bottom: 10px;\n }\n }\n }\n\n .button-box {\n padding: 24px;\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n margin-top: auto;\n\n @media(max-width: 999px) {\n padding: 16px;\n }\n @media(max-width: 767px) {\n padding: 0 0 20px;\n margin: 0 var(--content-box-padding);\n }\n @media(max-width: 567px) {\n padding-bottom: 30px;\n }\n }\n/*\n .btn {\n @media(min-width: 768px) {\n white-space: nowrap;\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/1761.dfac4bfb.iframe.bundle.js b/gfi-ihk-2024/storybook-static/1761.dfac4bfb.iframe.bundle.js
new file mode 100644
index 0000000..9598f63
--- /dev/null
+++ b/gfi-ihk-2024/storybook-static/1761.dfac4bfb.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[1761],{"./stories/sections/infobanner/InfoBannerComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c:()=>createInfoBanner});__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),infobanner=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/infobanner/infobanner.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(infobanner.Z,options);infobanner.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createInfoBanner=function createInfoBanner(_ref){var _ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Dachzeile des Infobanners":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Die Headline des Infobanners":_ref$headline,_ref$copy=_ref.copy,copy=void 0===_ref$copy?"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$copy,_ref$buttonText=_ref.buttonText,buttonText=void 0===_ref$buttonText?"Call to action":_ref$buttonText,_ref$link=_ref.link,link=void 0===_ref$link?"#":_ref$link,_ref$imageSrc=_ref.imageSrc,imageSrc=void 0===_ref$imageSrc?"./dummy/placeholder-4-3.svg":_ref$imageSrc,_ref$imageSrcMobile=_ref.imageSrcMobile,imageSrcMobile=void 0===_ref$imageSrcMobile?"./dummy/placeholder-1-1.svg":_ref$imageSrcMobile,_ref$isCommercial=_ref.isCommercial,isCommercial=void 0===_ref$isCommercial||_ref$isCommercial,section=(0,helpers.az)("section",["infobanner"],null),container=(0,helpers.az)("div",["container"],null,section),banner=(0,helpers.az)("a",["banner"],null,container);if(imageSrc&&imageSrcMobile&&imageSrc.length>0&&imageSrcMobile.length>0){var imageBox=(0,helpers.az)("div",["image-box"],null,banner),picture=(0,helpers.az)("picture",[],null,imageBox),mobileSource=(0,helpers.az)("source",[],null,picture);(0,helpers.Bi)(imageSrc,1340,240,"Infobanner Hintergrundbild",[],picture),mobileSource.srcset=imageSrcMobile,mobileSource.media="(max-width: 567px)"}if(kicker.length>0||headline.length>0||copy.length>0||buttonText.length>0){var textWrapper=(0,helpers.az)("div",["text-wrapper"],null,banner),textBox=(0,helpers.az)("div",["text-box"],null,textWrapper);if(kicker&&kicker.length>0&&(0,helpers.az)("span",["kicker"],kicker,textBox),headline&&headline.length>0&&(0,helpers.az)("h2",["like-h2"],headline,textBox),copy&©.length>0&&(0,helpers.az)("p",[],copy,textBox),buttonText&&buttonText.length>0){var buttonBox=(0,helpers.az)("div",["button-box"],null,textWrapper),btn=(0,ButtonComponent.a)({elementType:"span",icon:"pfeil-simple-rechts",color:"white",label:buttonText,iconPosition:"icon-right"});buttonBox.appendChild(btn)}}return isCommercial&&(0,helpers.az)("span",["is-commercial"],"Werbung",banner),banner.href=link,section}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/infobanner/infobanner.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,'.infobanner{margin:var(--section-margin) auto}.infobanner .banner{position:relative;display:flex;color:var(--theme-color-white);background:linear-gradient(130deg, var(--theme-color-gradient-01) 40%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 120%);border-radius:var(--border-radius-xs);text-decoration:none;transition:.25s ease}.infobanner .banner.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.infobanner .banner:focus-visible,.infobanner .banner.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.infobanner .banner.focus-visible:focus .btn{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.infobanner .banner:focus-visible .btn,.infobanner .banner-moz-focusring .btn{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.infobanner .banner:before{content:"";position:relative;display:block;padding-top:12.36%}@media(max-width: 567px){.infobanner .banner:before{padding-top:66.6667%}}.infobanner .is-commercial{position:absolute;display:block;z-index:1;right:0;top:0;padding:1px 7px;font-size:var(--font-size-xs);color:var(--theme-color-primary);background-color:rgba(255,255,255,.7);border-bottom-left-radius:var(--border-radius-xs)}.infobanner .image-box{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center}.infobanner .image-box img{border-radius:var(--border-radius-xs);position:relative;display:block;max-width:100%;margin:0 auto;width:100%;height:100%;object-fit:cover}.infobanner .text-wrapper{position:relative;display:flex;justify-content:space-between;flex:1 1 100%;background:linear-gradient(120deg, rgba(var(--theme-color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb), 0.2) 100%);border-radius:var(--border-radius-xs)}@media(max-width: 567px){.infobanner .text-wrapper{flex-direction:column}}.infobanner .text-box{padding:18px 24px;min-height:180px;max-width:768px;display:flex;flex-direction:column;justify-content:center;line-height:1.4}@media(max-width: 1339px){.infobanner .text-box{min-height:150px}}@media(max-width: 999px){.infobanner .text-box{min-height:0;padding:12px 20px}}@media(max-width: 567px){.infobanner .text-box{padding:8px 0;margin:var(--content-box-padding)}}.infobanner .text-box>*{margin-top:.1em;margin-bottom:.1em}.infobanner .text-box>*.kicker{margin-left:0}@media(max-width: 567px){.infobanner .text-box>.like-h2{margin-top:8px;margin-bottom:10px}}.infobanner .button-box{padding:24px;display:flex;align-items:flex-end;justify-content:flex-end;margin-top:auto}@media(max-width: 999px){.infobanner .button-box{padding:16px}}@media(max-width: 767px){.infobanner .button-box{padding:0 0 20px;margin:0 var(--content-box-padding)}}@media(max-width: 567px){.infobanner .button-box{padding-bottom:30px}}',"",{version:3,sources:["webpack://./stories/sections/infobanner/infobanner.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,YACE,iCAAA,CAEA,oBACE,iBAAA,CACA,YAAA,CACA,8BAAA,CACA,+IAAA,CACA,qCAAA,CACA,oBAAA,CACA,oBAAA,CCiKA,wCACE,4GAAA,CACA,SAAA,CAEF,qEACE,4GAAA,CACA,SAAA,CDpKF,6CC+KA,4GAAA,CACA,SAAA,CD7KA,8EC4KA,4GAAA,CACA,SAAA,CDzKA,2BACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,kBAAA,CAEA,yBANF,2BAOI,oBAAA,CAAA,CAKN,2BACE,iBAAA,CACA,aAAA,CACA,SAAA,CACA,OAAA,CACA,KAAA,CACA,eAAA,CACA,6BAAA,CACA,gCAAA,CACA,qCAAA,CACA,iDAAA,CAGF,uBC8CA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CDhDE,qBAAA,CACA,0BAAA,CAEA,2BACE,qCAAA,CACA,iBAAA,CACA,aAAA,CACA,cAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CAIJ,0BACE,iBAAA,CACA,YAAA,CACA,6BAAA,CACA,aAAA,CACA,8HAAA,CACA,qCAAA,CAEA,yBARF,0BASI,qBAAA,CAAA,CAIJ,sBACE,iBAAA,CACA,gBAAA,CACA,eAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,eAAA,CAEA,0BATF,sBAUI,gBAAA,CAAA,CAEF,yBAZF,sBAaI,YAAA,CACA,iBAAA,CAAA,CAEF,yBAhBF,sBAiBI,aAAA,CACA,iCAAA,CAAA,CAGF,wBACE,eAAA,CACA,kBAAA,CAEA,+BACE,aAAA,CAKF,yBADF,+BAEI,cAAA,CACA,kBAAA,CAAA,CAKN,wBACE,YAAA,CACA,YAAA,CACA,oBAAA,CACA,wBAAA,CACA,eAAA,CAEA,yBAPF,wBAQI,YAAA,CAAA,CAEF,yBAVF,wBAWI,gBAAA,CACA,mCAAA,CAAA,CAEF,yBAdF,wBAeI,mBAAA,CAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.infobanner {\n margin: var(--section-margin) auto;\n\n .banner {\n position: relative;\n display: flex;\n color: var(--theme-color-white);\n background: linear-gradient(130deg, var(--theme-color-gradient-01) 40%,var(--theme-color-gradient-02) 80%,var(--theme-color-gradient-03) 120%);\n border-radius: var(--border-radius-xs);\n text-decoration: none;\n transition: 0.25s ease;\n @include focus-visible;\n\n &.focus-visible:focus .btn {\n @include focus-standalone;\n }\n &:focus-visible .btn, &-moz-focusring .btn {\n @include focus-standalone;\n }\n\n &:before {\n content: \"\";\n position: relative;\n display: block;\n padding-top: 12.36%;\n\n @media(max-width: 567px) {\n padding-top: 66.6667%;\n }\n }\n }\n\n .is-commercial {\n position: absolute;\n display: block;\n z-index: 1;\n right: 0;\n top: 0;\n padding: 1px 7px;\n font-size: var(--font-size-xs);\n color: var(--theme-color-primary);\n background-color: rgba(#fff, 0.7);\n border-bottom-left-radius: var(--border-radius-xs);\n }\n\n .image-box {\n @include full-size;\n background-size: cover;\n background-position: center;\n\n img {\n border-radius: var(--border-radius-xs);\n position: relative;\n display: block;\n max-width: 100%;\n margin: 0 auto;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n .text-wrapper {\n position: relative;\n display: flex;\n justify-content: space-between;\n flex: 1 1 100%;\n background: linear-gradient(120deg, rgba(var(--theme-color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb), 0.2) 100%);\n border-radius: var(--border-radius-xs);\n\n @media(max-width: 567px) {\n flex-direction: column;\n }\n }\n\n .text-box {\n padding: 18px 24px;\n min-height: 180px;\n max-width: 768px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n line-height: 1.4;\n\n @media(max-width: 1339px) {\n min-height: 150px;\n }\n @media(max-width: 999px) {\n min-height: 0;\n padding: 12px 20px;\n }\n @media(max-width: 567px) {\n padding: 8px 0;\n margin: var(--content-box-padding);\n }\n\n > * {\n margin-top: 0.1em;\n margin-bottom: 0.1em;\n\n &.kicker {\n margin-left: 0;\n }\n }\n\n > .like-h2 {\n @media(max-width: 567px) {\n margin-top: 8px;\n margin-bottom: 10px;\n }\n }\n }\n\n .button-box {\n padding: 24px;\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n margin-top: auto;\n\n @media(max-width: 999px) {\n padding: 16px;\n }\n @media(max-width: 767px) {\n padding: 0 0 20px;\n margin: 0 var(--content-box-padding);\n }\n @media(max-width: 567px) {\n padding-bottom: 30px;\n }\n }\n/*\n .btn {\n @media(min-width: 768px) {\n white-space: nowrap;\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 font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\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/1940.35198dca.iframe.bundle.js b/gfi-ihk-2024/storybook-static/1940.6330dce0.iframe.bundle.js
similarity index 51%
rename from gfi-ihk-2024/storybook-static/1940.35198dca.iframe.bundle.js
rename to gfi-ihk-2024/storybook-static/1940.6330dce0.iframe.bundle.js
index 3bb0180..4edba6e 100644
--- a/gfi-ihk-2024/storybook-static/1940.35198dca.iframe.bundle.js
+++ b/gfi-ihk-2024/storybook-static/1940.6330dce0.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[1940],{"./stories/components/anchor-links/AnchorLinksComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>createAnchorLinks});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),anchor_links=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/anchor-links/anchor-links.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(anchor_links.Z,options);anchor_links.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");__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.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.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;i22926 Ahrensburg ":_ref$infobox3address,_ref$infobox3website=_ref.infobox3website,infobox3website=void 0===_ref$infobox3website?"Unternehmenswebseite":_ref$infobox3website,_ref$infobox3email=_ref.infobox3email,infobox3email=void 0===_ref$infobox3email?"E-Mail":_ref$infobox3email,_ref$infobox3phone=_ref.infobox3phone,infobox3phone=void 0===_ref$infobox3phone?"+49 4102 77899-31":_ref$infobox3phone,_ref$backButton=_ref.backButton,backButton=void 0===_ref$backButton?"Zur Kandidatenübersicht":_ref$backButton,_ref$contactHeadline=_ref.contactHeadline,contactHeadline=void 0===_ref$contactHeadline?"IHK-Wahlbüro":_ref$contactHeadline,_ref$contactText=_ref.contactText,contactText=void 0===_ref$contactText?"Wir beantworten gerne Ihre Fragen zur IHK-Wahl 2024. Rufen Sie uns einfach an.":_ref$contactText,_ref$showVideo=_ref.showVideo,showVideo=void 0===_ref$showVideo||_ref$showVideo,_ref$showSocialMedia=_ref.showSocialMedia,showSocialMedia=void 0===_ref$showSocialMedia||_ref$showSocialMedia,_ref$showElectionArea=_ref.showElectionArea,showElectionArea=void 0===_ref$showElectionArea||_ref$showElectionArea,electionDetail=(0,helpers.az)("div",["election-detail"]),text=(0,helpers.az)("div",["election-detail--text"],null,electionDetail);if(showVideo){var video=(0,helpers.az)("div",["election-detail--video"],null,electionDetail);(0,helpers.az)("div",["video-container"],null,video).appendChild((0,VideoComponent.T)({caption:"",copyright:""}))}var info=(0,helpers.az)("div",["election-detail--info"],null,electionDetail),back=(0,helpers.az)("div",["election-detail--back"],null,electionDetail),more=(0,helpers.az)("div",["election-detail--more","contact-wrapper"],null,electionDetail),imageContainer=(0,helpers.az)("div",["election-detail--image-container"],null,text);(0,helpers.Bi)(image,545,526,"",[],imageContainer),(0,helpers.az)("span",["copyright"],name,imageContainer);var textbox=(0,helpers.az)("div",["text-box"],null,text);if((0,helpers.az)("h1",[],name,textbox),(0,helpers.az)("p",["subheadline"],subheadline,textbox),textheadline&&(0,helpers.az)("h2",[],textheadline,textbox),copy&&(0,helpers.az)("p",[],copy,textbox),showSocialMedia){var socialmedia=(0,helpers.az)("div",["social-media"],null,textbox);(0,helpers.az)("p",[],smheadline,socialmedia);var iconsList=(0,SocialIconsComponent.C)({items:SocialIconsData.p});socialmedia.appendChild(iconsList)}var info1=(0,helpers.az)("div",["info-box","info-box-01"],null,info);(0,helpers.az)("p",["info-headline"],infoheadline1,info1);var boxContent1=(0,helpers.az)("p",["info-box--content","info-box--text"],null,info1);if((0,helpers.az)("a",[],infotext1,boxContent1).href="#",showElectionArea){var info2=(0,helpers.az)("div",["info-box","info-box-02"],null,info);(0,helpers.az)("p",["info-headline"],infoheadline2,info2);var boxContent2=(0,helpers.az)("p",["info-box--content","info-box--text"],null,info2);(0,helpers.az)("a",[],infotext2,boxContent2).href="#"}var info3=(0,helpers.az)("div",["info-box","info-box-03"],null,info);(0,helpers.az)("p",["info-headline"],infoheadline3,info3);var info3content=(0,helpers.az)("div",["info-box--content","info-box--content"],null,info3);(0,helpers.az)("p",["headline"],infobox3headline,info3content),(0,helpers.az)("p",["address"],infobox3address,info3content);var website=(0,helpers.az)("p",[],null,info3content);(0,helpers.az)("a",[],infobox3website,website).href="#";var email=(0,helpers.az)("p",[],null,info3content);(0,helpers.az)("a",[],infobox3email,email).href="mailto:#";var phone=(0,helpers.az)("p",[],null,info3content);(0,helpers.az)("a",[],infobox3phone,phone).href="tel:004941027789931",back.appendChild((0,ButtonComponent.a)({label:backButton})),(0,helpers.az)("h3",[],contactHeadline,more),(0,helpers.az)("p",[],contactText,more);var ul=(0,helpers.az)("ul",["contact-buttons"],null,more),li=(0,helpers.az)("li",[],null,ul);return(0,helpers.az)("a",["icon-telefon","btn","white","btn-small","icon-left"],"04141/524-0",li).href="tel:04141/524-0",electionDetail}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/election-detail/election-detail.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,'.election-detail{margin:0 0 80px 0}.election-detail--text{display:flex;justify-content:space-between;align-items:flex-start;background:var(--theme-color-primary-dimmed-04);padding:0 0 30px 0}@media(max-width: 1100px){.election-detail--text{display:block}}.election-detail--text img{display:block;width:545px;margin:0 40px 0 0}@media(max-width: 1100px){.election-detail--text img{width:100%}}.election-detail--text .election-detail--image-container{position:relative;margin:0 40px 0 0}.election-detail--text .election-detail--image-container img{margin:0}.election-detail--text .election-detail--image-container .copyright{bottom:0;color:var(--theme-color-white);display:block;font-size:12px;left:100%;line-height:1.2;padding:8px;position:absolute;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);transform:rotate(-90deg);transform-origin:0 100%;width:66%;z-index:2}.election-detail--text .text-box{flex:1;padding-right:1.5rem}@media(max-width: 1100px){.election-detail--text .text-box{padding-left:15px;padding-right:15px}}.election-detail--text h1{margin:1.5rem 0}.election-detail--text h2{margin:0 0 .75rem 0;font-size:36px;line-height:42px}.election-detail--text p{margin:0 0 1.5rem 0}.election-detail--text p.subheadline{margin:-1rem 0 1.5rem 0;font-weight:600}.election-detail--text .social-media p{font-size:1rem;text-transform:uppercase;margin:0 0 .5rem 0}.election-detail--text .social-media .social-icons a:before{color:var(--theme-color-primary)}.election-detail--text .social-media .social-icons a:hover:before{color:var(--theme-color-secondary)}.election-detail--video{padding:30px 0;background:var(--theme-color-primary-dimmed-02)}@media(max-width: 1100px){.election-detail--video{background:none}}.election-detail--video .video-container{margin:0 auto;max-width:976px}@media(max-width: 1100px){.election-detail--video .video-container{width:100%;max-width:none}}.election-detail--video .video-container .video{margin:0}.election-detail--info{display:flex;justify-content:space-between;background:var(--theme-color-primary);color:var(--theme-color-white)}@media(max-width: 1023px){.election-detail--info{display:block;background:none}}.election-detail--info .info-box{flex:1;padding:30px 20px;display:flex;flex-direction:column;justify-content:space-between}@media(max-width: 1023px){.election-detail--info .info-box{background:var(--theme-color-primary);margin:0 0 5px 0}}.election-detail--info .info-headline{display:block;font-size:16px;text-transform:uppercase;margin-bottom:2px;letter-spacing:.3px}@media(max-width: 767px){.election-detail--info .info-headline{font-size:14px}}.election-detail--info .info-headline+h1{margin-top:.1em}.election-detail--info .info-headline+h2,.election-detail--info .info-headline+h3,.election-detail--info .info-headline+h4{margin-top:.2em}.election-detail--info .info-box--content p{font-size:18px;line-height:27px;margin:0 0 5px 0}.election-detail--info .info-box--content p.headline{font-weight:600;margin:0}.election-detail--info .info-box--content .address .text{margin:inherit;font-size:18px}.election-detail--info .info-box--text{cursor:pointer;color:var(--theme-color-white);font-size:36px;line-height:44px;margin:0;font-family:"Korb",sans-serif}.election-detail--info .info-box--text:hover{color:var(--theme-color-secondary)}@media(max-width: 767px){.election-detail--info .info-box--text{font-size:24px;line-height:29px}}.election-detail--back{background:var(--theme-color-primary-dimmed-04);display:flex;justify-content:center;padding:30px 15px;margin:20px 0 0 0}.election-detail--more{margin:60px 0 0 0 !important;max-width:none !important}',"",{version:3,sources:["webpack://./stories/sections/election-detail/election-detail.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,iBACE,iBAAA,CACA,uBACE,YAAA,CACA,6BAAA,CACA,sBAAA,CACA,+CAAA,CACA,kBAAA,CACA,0BANF,uBAOI,aAAA,CAAA,CAGF,2BACE,aAAA,CACA,WAAA,CACA,iBAAA,CACA,0BAJF,2BAKI,UAAA,CAAA,CAIJ,yDACE,iBAAA,CACA,iBAAA,CACA,6DACE,QAAA,CAEF,oEACE,QAAA,CACA,8BAAA,CACA,aAAA,CACA,cAAA,CACA,SAAA,CACA,eAAA,CACA,WAAA,CACA,iBAAA,CACA,yDAAA,CACA,wBAAA,CACA,uBAAA,CACA,SAAA,CACA,SAAA,CAIJ,iCACE,MAAA,CACA,oBAAA,CACA,0BAHF,iCAII,iBAAA,CACA,kBAAA,CAAA,CAIJ,0BACE,eAAA,CAGF,0BACE,mBAAA,CACA,cAAA,CACA,gBAAA,CAGF,yBACE,mBAAA,CAEA,qCACE,uBAAA,CACA,eAAA,CAKF,uCACE,cAAA,CACA,wBAAA,CACA,kBAAA,CAKE,4DACE,gCAAA,CAGF,kEACE,kCAAA,CAOV,wBACE,cAAA,CACA,+CAAA,CACA,0BAHF,wBAII,eAAA,CAAA,CAGF,yCACE,aAAA,CACA,eAAA,CACA,0BAHF,yCAII,UAAA,CACA,cAAA,CAAA,CAEF,gDACE,QAAA,CAKN,uBACE,YAAA,CACA,6BAAA,CACA,qCAAA,CACA,8BAAA,CACA,0BALF,uBAMI,aAAA,CACA,eAAA,CAAA,CAGF,iCACE,MAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,0BANF,iCAOI,qCAAA,CACA,gBAAA,CAAA,CAGJ,sCC7EF,aAAA,CACA,cAAA,CACA,wBAAA,CACA,iBAAA,CACA,mBAAA,CAEA,yBDuEE,sCCtEA,cAAA,CAAA,CAGF,yCACE,eAAA,CAGF,2HACE,eAAA,CDkEE,4CACE,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,qDACE,eAAA,CACA,QAAA,CAIF,yDACE,cAAA,CACA,cAAA,CAIN,uCACE,cAAA,CACA,8BAAA,CAIA,cAAA,CACA,gBAAA,CACA,QAAA,CACA,6BAAA,CANA,6CACE,kCAAA,CAMF,yBAVF,uCAWI,cAAA,CACA,gBAAA,CAAA,CAKN,uBACE,+CAAA,CACA,YAAA,CACA,sBAAA,CACA,iBAAA,CACA,iBAAA,CAGF,uBACE,4BAAA,CACA,yBAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.election-detail {\n margin: 0 0 80px 0;\n &--text {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n background: var(--theme-color-primary-dimmed-04);\n padding: 0 0 30px 0;\n @media (max-width: 1100px) {\n display: block;\n }\n\n img {\n display: block;\n width: 545px;\n margin: 0 40px 0 0;\n @media (max-width: 1100px) {\n width: 100%;\n }\n }\n\n .election-detail--image-container {\n position: relative;\n margin: 0 40px 0 0;\n img {\n margin: 0;\n }\n .copyright {\n bottom: 0;\n color: var(--theme-color-white);\n display: block;\n font-size: 12px;\n left: 100%;\n line-height: 1.2;\n padding: 8px;\n position: absolute;\n text-shadow: 0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);\n transform: rotate(-90deg);\n transform-origin: 0 100%;\n width: 66%;\n z-index: 2;\n }\n }\n\n .text-box {\n flex: 1;\n padding-right: 1.5rem;\n @media (max-width: 1100px) {\n padding-left: 15px;\n padding-right: 15px;\n }\n }\n\n h1 {\n margin: 1.5rem 0;\n }\n\n h2 {\n margin: 0 0 0.75rem 0;\n font-size: 36px;\n line-height: 42px;\n }\n\n p {\n margin: 0 0 1.5rem 0;\n\n &.subheadline {\n margin: -1rem 0 1.5rem 0;\n font-weight: 600;\n }\n }\n\n .social-media {\n p {\n font-size: 1rem;\n text-transform: uppercase;\n margin: 0 0 0.5rem 0;\n }\n\n .social-icons {\n a {\n &:before {\n color: var(--theme-color-primary);\n }\n\n &:hover:before {\n color: var(--theme-color-secondary);\n }\n }\n }\n }\n }\n\n &--video {\n padding: 30px 0;\n background: var(--theme-color-primary-dimmed-02);\n @media (max-width: 1100px) {\n background: none;\n }\n\n .video-container {\n margin: 0 auto;\n max-width: 976px;\n @media (max-width: 1100px) {\n width: 100%;\n max-width: none;\n }\n .video {\n margin: 0;\n }\n }\n }\n\n &--info {\n display: flex;\n justify-content: space-between;\n background: var(--theme-color-primary);\n color: var(--theme-color-white);\n @media (max-width: 1023px) {\n display: block;\n background: none;\n }\n\n .info-box {\n flex: 1;\n padding: 30px 20px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n @media (max-width: 1023px) {\n background: var(--theme-color-primary);\n margin: 0 0 5px 0;\n }\n }\n .info-headline {\n @include kicker;\n }\n .info-box--content {\n p {\n font-size: 18px;\n line-height: 27px;\n margin: 0 0 5px 0;\n &.headline {\n font-weight: 600;\n margin: 0;\n }\n }\n .address {\n .text {\n margin: inherit;\n font-size: 18px;\n }\n }\n }\n .info-box--text {\n cursor: pointer;\n color: var(--theme-color-white);\n &:hover {\n color: var(--theme-color-secondary);\n }\n font-size: 36px;\n line-height: 44px;\n margin: 0;\n font-family: 'Korb', sans-serif;\n @media (max-width: 767px) {\n font-size: 24px;\n line-height: 29px;\n }\n }\n }\n\n &--back {\n background: var(--theme-color-primary-dimmed-04);\n display: flex;\n justify-content: center;\n padding: 30px 15px;\n margin: 20px 0 0 0;\n }\n\n &--more {\n margin: 60px 0 0 0 !important;\n max-width: none !important;\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/4928.d5bf641f.iframe.bundle.js b/gfi-ihk-2024/storybook-static/4928.d5bf641f.iframe.bundle.js new file mode 100644 index 0000000..d5a1fc9 --- /dev/null +++ b/gfi-ihk-2024/storybook-static/4928.d5bf641f.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[4928],{"./stories/sections/election-detail/ElectionDetailComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{C:()=>createElectionDetail});__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),election_detail=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/election-detail/election-detail.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(election_detail.Z,options);election_detail.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),SocialIconsComponent=__webpack_require__("./stories/atoms/social-icons/SocialIconsComponent.js"),SocialIconsData=__webpack_require__("./stories/atoms/social-icons/SocialIconsData.js"),VideoComponent=__webpack_require__("./stories/components/video/VideoComponent.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createElectionDetail=function createElectionDetail(_ref){var _ref$image=_ref.image,image=void 0===_ref$image?"./dummy/election-list-cover.jpg":_ref$image,_ref$name=_ref.name,name=void 0===_ref$name?"Lars-Hendrick Pirckensee":_ref$name,_ref$subheadline=_ref.subheadline,subheadline=void 0===_ref$subheadline?"Geschäftsführerin Cocolor GmbH":_ref$subheadline,_ref$textheadline=_ref.textheadline,textheadline=void 0===_ref$textheadline?"Was möchten Sie bewegen?":_ref$textheadline,_ref$copy=_ref.copy,copy=void 0===_ref$copy?"Ich kandidiere, weil ich als Familienunternehmer die Bedingungen für die kommenden Generationen und die Anliegen der Musterstädtischen Groß- und Außenhändler in der IHK aktiv mitgestalten will. Dabei ist es mir sehr wichtig, Ideen gegen den Fachkräftemangel zu entwickeln, die Chancen der Digitalisierung zu nutzen und die Infrastruktur für alle Verkehrsträger zukunftsfähig aufzustellen! Dabei ist es mir sehr wichtig, Ideen gegen den Fachkräftemangel zu entwickeln, die Chancen der Digitalisierung zu nutzen und die Infrastruktur für alle Verkehrsträger zukunftsfähig aufzustellen! Dabei ist es mir sehr wichtig, Ideen gegen den Fachkräftemangel zu entwickeln, die Chancen der Digitalisierung zu nutzen und die Infrastruktur für alle Verkehrsträger zukunftsfähig aufzustellen!":_ref$copy,_ref$smheadline=_ref.smheadline,smheadline=void 0===_ref$smheadline?"Meine Kanäle":_ref$smheadline,_ref$infoheadline=_ref.infoheadline1,infoheadline1=void 0===_ref$infoheadline?"Wahlgruppe 02":_ref$infoheadline,_ref$infoheadline2=_ref.infoheadline2,infoheadline2=void 0===_ref$infoheadline2?"Wahlbezirk 05":_ref$infoheadline2,_ref$infoheadline3=_ref.infoheadline3,infoheadline3=void 0===_ref$infoheadline3?"Unternehmen":_ref$infoheadline3,_ref$infotext=_ref.infotext1,infotext1=void 0===_ref$infotext?"Kreditinstitute / Versicherungen / Immobilienwirtschaft":_ref$infotext,_ref$infotext2=_ref.infotext2,infotext2=void 0===_ref$infotext2?"Kreisfreie Stadt Musterstadt und Kreis Musterhausen":_ref$infotext2,_ref$infobox3headline=_ref.infobox3headline,infobox3headline=void 0===_ref$infobox3headline?"Cocolor GmbH":_ref$infobox3headline,_ref$infobox3address=_ref.infobox3address,infobox3address=void 0===_ref$infobox3address?"Carl-Backhaus-Str. 13
22926 Ahrensburg ":_ref$infobox3address,_ref$infobox3website=_ref.infobox3website,infobox3website=void 0===_ref$infobox3website?"Unternehmenswebseite":_ref$infobox3website,_ref$infobox3email=_ref.infobox3email,infobox3email=void 0===_ref$infobox3email?"E-Mail":_ref$infobox3email,_ref$infobox3phone=_ref.infobox3phone,infobox3phone=void 0===_ref$infobox3phone?"+49 4102 77899-31":_ref$infobox3phone,_ref$backButton=_ref.backButton,backButton=void 0===_ref$backButton?"Zur Kandidatenübersicht":_ref$backButton,_ref$contactHeadline=_ref.contactHeadline,contactHeadline=void 0===_ref$contactHeadline?"IHK-Wahlbüro":_ref$contactHeadline,_ref$contactText=_ref.contactText,contactText=void 0===_ref$contactText?"Wir beantworten gerne Ihre Fragen zur IHK-Wahl 2024. Rufen Sie uns einfach an.":_ref$contactText,_ref$showVideo=_ref.showVideo,showVideo=void 0===_ref$showVideo||_ref$showVideo,_ref$showSocialMedia=_ref.showSocialMedia,showSocialMedia=void 0===_ref$showSocialMedia||_ref$showSocialMedia,_ref$showElectionArea=_ref.showElectionArea,showElectionArea=void 0===_ref$showElectionArea||_ref$showElectionArea,electionDetail=(0,helpers.az)("div",["election-detail"]),text=(0,helpers.az)("div",["election-detail--text"],null,electionDetail);if(showVideo){var video=(0,helpers.az)("div",["election-detail--video"],null,electionDetail);(0,helpers.az)("div",["video-container"],null,video).appendChild((0,VideoComponent.T)({caption:"",copyright:""}))}var info=(0,helpers.az)("div",["election-detail--info"],null,electionDetail),back=(0,helpers.az)("div",["election-detail--back"],null,electionDetail),more=(0,helpers.az)("div",["election-detail--more","contact-wrapper"],null,electionDetail),imageContainer=(0,helpers.az)("div",["election-detail--image-container"],null,text);(0,helpers.Bi)(image,545,526,"",[],imageContainer),(0,helpers.az)("span",["copyright"],name,imageContainer);var textbox=(0,helpers.az)("div",["text-box"],null,text);if((0,helpers.az)("h1",[],name,textbox),(0,helpers.az)("p",["subheadline"],subheadline,textbox),textheadline&&(0,helpers.az)("h2",[],textheadline,textbox),copy&&(0,helpers.az)("p",[],copy,textbox),showSocialMedia){var socialmedia=(0,helpers.az)("div",["social-media"],null,textbox);(0,helpers.az)("p",[],smheadline,socialmedia);var iconsList=(0,SocialIconsComponent.C)({items:SocialIconsData.p});socialmedia.appendChild(iconsList)}var info1=(0,helpers.az)("div",["info-box","info-box-01"],null,info);(0,helpers.az)("p",["info-headline"],infoheadline1,info1);var boxContent1=(0,helpers.az)("p",["info-box--content","info-box--text"],null,info1);if((0,helpers.az)("a",[],infotext1,boxContent1).href="#",showElectionArea){var info2=(0,helpers.az)("div",["info-box","info-box-02"],null,info);(0,helpers.az)("p",["info-headline"],infoheadline2,info2);var boxContent2=(0,helpers.az)("p",["info-box--content","info-box--text"],null,info2);(0,helpers.az)("a",[],infotext2,boxContent2).href="#"}var info3=(0,helpers.az)("div",["info-box","info-box-03"],null,info);(0,helpers.az)("p",["info-headline"],infoheadline3,info3);var info3content=(0,helpers.az)("div",["info-box--content","info-box--content"],null,info3);(0,helpers.az)("p",["headline"],infobox3headline,info3content),(0,helpers.az)("p",["address"],infobox3address,info3content);var website=(0,helpers.az)("p",[],null,info3content);(0,helpers.az)("a",[],infobox3website,website).href="#";var email=(0,helpers.az)("p",[],null,info3content);(0,helpers.az)("a",[],infobox3email,email).href="mailto:#";var phone=(0,helpers.az)("p",[],null,info3content);(0,helpers.az)("a",[],infobox3phone,phone).href="tel:004941027789931",back.appendChild((0,ButtonComponent.a)({label:backButton})),(0,helpers.az)("h3",[],contactHeadline,more),(0,helpers.az)("p",[],contactText,more);var ul=(0,helpers.az)("ul",["contact-buttons"],null,more),li=(0,helpers.az)("li",[],null,ul);return(0,helpers.az)("a",["icon-telefon","btn","white","btn-small","icon-left"],"04141/524-0",li).href="tel:04141/524-0",electionDetail}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/election-detail/election-detail.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,'.election-detail{margin:0 0 80px 0}.election-detail--text{display:flex;justify-content:space-between;align-items:flex-start;background:var(--theme-color-primary-dimmed-04);padding:0 0 30px 0}@media(max-width: 1100px){.election-detail--text{display:block}}.election-detail--text img{display:block;width:545px;margin:0 40px 0 0}@media(max-width: 1100px){.election-detail--text img{width:100%}}.election-detail--text .election-detail--image-container{position:relative;margin:0 40px 0 0}.election-detail--text .election-detail--image-container img{margin:0}.election-detail--text .election-detail--image-container .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px}.election-detail--text .text-box{flex:1;padding-right:1.5rem}@media(max-width: 1100px){.election-detail--text .text-box{padding-left:15px;padding-right:15px}}.election-detail--text h1{margin:1.5rem 0}.election-detail--text h2{margin:0 0 .75rem 0;font-size:36px;line-height:42px}.election-detail--text p{margin:0 0 1.5rem 0}.election-detail--text p.subheadline{margin:-1rem 0 1.5rem 0;font-weight:600}.election-detail--text .social-media p{font-size:1rem;text-transform:uppercase;margin:0 0 .5rem 0}.election-detail--text .social-media .social-icons a:before{color:var(--theme-color-primary)}.election-detail--text .social-media .social-icons a:hover:before{color:var(--theme-color-secondary)}.election-detail--video{padding:30px 0;background:var(--theme-color-primary-dimmed-02)}@media(max-width: 1100px){.election-detail--video{background:none}}.election-detail--video .video-container{margin:0 auto;max-width:976px}@media(max-width: 1100px){.election-detail--video .video-container{width:100%;max-width:none}}.election-detail--video .video-container .video{margin:0}.election-detail--info{display:flex;justify-content:space-between;background:var(--theme-color-primary);color:var(--theme-color-white)}@media(max-width: 1023px){.election-detail--info{display:block;background:none}}.election-detail--info .info-box{flex:1;padding:30px 20px;display:flex;flex-direction:column;justify-content:space-between}@media(max-width: 1023px){.election-detail--info .info-box{background:var(--theme-color-primary);margin:0 0 5px 0}}.election-detail--info .info-headline{display:block;font-size:16px;text-transform:uppercase;margin-bottom:2px;letter-spacing:.3px}@media(max-width: 767px){.election-detail--info .info-headline{font-size:14px}}.election-detail--info .info-headline+h1{margin-top:.1em}.election-detail--info .info-headline+h2,.election-detail--info .info-headline+h3,.election-detail--info .info-headline+h4{margin-top:.2em}.election-detail--info .info-box--content p{font-size:18px;line-height:27px;margin:0 0 5px 0}.election-detail--info .info-box--content p.headline{font-weight:600;margin:0}.election-detail--info .info-box--content .address .text{margin:inherit;font-size:18px}.election-detail--info .info-box--text{cursor:pointer;color:var(--theme-color-white);font-size:36px;line-height:44px;margin:0;font-family:"Korb",sans-serif}.election-detail--info .info-box--text:hover{color:var(--theme-color-secondary)}@media(max-width: 767px){.election-detail--info .info-box--text{font-size:24px;line-height:29px}}.election-detail--back{background:var(--theme-color-primary-dimmed-04);display:flex;justify-content:center;padding:30px 15px;margin:20px 0 0 0}.election-detail--more{margin:60px 0 0 0 !important;max-width:none !important}',"",{version:3,sources:["webpack://./stories/sections/election-detail/election-detail.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,iBACE,iBAAA,CACA,uBACE,YAAA,CACA,6BAAA,CACA,sBAAA,CACA,+CAAA,CACA,kBAAA,CACA,0BANF,uBAOI,aAAA,CAAA,CAGF,2BACE,aAAA,CACA,WAAA,CACA,iBAAA,CACA,0BAJF,2BAKI,UAAA,CAAA,CAIJ,yDACE,iBAAA,CACA,iBAAA,CACA,6DACE,QAAA,CAEF,oECwEJ,iBAAA,CACA,aAAA,CACA,SAAA,CACA,QAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CACA,SAAA,CACA,uBAAA,CACA,wBAAA,CACA,mBAAA,CAEA,UAAA,CACA,yDAAA,CACA,uBAAA,CACA,gBAAA,CDlFE,iCACE,MAAA,CACA,oBAAA,CACA,0BAHF,iCAII,iBAAA,CACA,kBAAA,CAAA,CAIJ,0BACE,eAAA,CAGF,0BACE,mBAAA,CACA,cAAA,CACA,gBAAA,CAGF,yBACE,mBAAA,CAEA,qCACE,uBAAA,CACA,eAAA,CAKF,uCACE,cAAA,CACA,wBAAA,CACA,kBAAA,CAKE,4DACE,gCAAA,CAGF,kEACE,kCAAA,CAOV,wBACE,cAAA,CACA,+CAAA,CACA,0BAHF,wBAII,eAAA,CAAA,CAGF,yCACE,aAAA,CACA,eAAA,CACA,0BAHF,yCAII,UAAA,CACA,cAAA,CAAA,CAEF,gDACE,QAAA,CAKN,uBACE,YAAA,CACA,6BAAA,CACA,qCAAA,CACA,8BAAA,CACA,0BALF,uBAMI,aAAA,CACA,eAAA,CAAA,CAGF,iCACE,MAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,0BANF,iCAOI,qCAAA,CACA,gBAAA,CAAA,CAGJ,sCCjEF,aAAA,CACA,cAAA,CACA,wBAAA,CACA,iBAAA,CACA,mBAAA,CAEA,yBD2DE,sCC1DA,cAAA,CAAA,CAGF,yCACE,eAAA,CAGF,2HACE,eAAA,CDsDE,4CACE,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,qDACE,eAAA,CACA,QAAA,CAIF,yDACE,cAAA,CACA,cAAA,CAIN,uCACE,cAAA,CACA,8BAAA,CAIA,cAAA,CACA,gBAAA,CACA,QAAA,CACA,6BAAA,CANA,6CACE,kCAAA,CAMF,yBAVF,uCAWI,cAAA,CACA,gBAAA,CAAA,CAKN,uBACE,+CAAA,CACA,YAAA,CACA,sBAAA,CACA,iBAAA,CACA,iBAAA,CAGF,uBACE,4BAAA,CACA,yBAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.election-detail {\n margin: 0 0 80px 0;\n &--text {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n background: var(--theme-color-primary-dimmed-04);\n padding: 0 0 30px 0;\n @media (max-width: 1100px) {\n display: block;\n }\n\n img {\n display: block;\n width: 545px;\n margin: 0 40px 0 0;\n @media (max-width: 1100px) {\n width: 100%;\n }\n }\n\n .election-detail--image-container {\n position: relative;\n margin: 0 40px 0 0;\n img {\n margin: 0;\n }\n .copyright {\n @include copyright;\n }\n }\n\n .text-box {\n flex: 1;\n padding-right: 1.5rem;\n @media (max-width: 1100px) {\n padding-left: 15px;\n padding-right: 15px;\n }\n }\n\n h1 {\n margin: 1.5rem 0;\n }\n\n h2 {\n margin: 0 0 0.75rem 0;\n font-size: 36px;\n line-height: 42px;\n }\n\n p {\n margin: 0 0 1.5rem 0;\n\n &.subheadline {\n margin: -1rem 0 1.5rem 0;\n font-weight: 600;\n }\n }\n\n .social-media {\n p {\n font-size: 1rem;\n text-transform: uppercase;\n margin: 0 0 0.5rem 0;\n }\n\n .social-icons {\n a {\n &:before {\n color: var(--theme-color-primary);\n }\n\n &:hover:before {\n color: var(--theme-color-secondary);\n }\n }\n }\n }\n }\n\n &--video {\n padding: 30px 0;\n background: var(--theme-color-primary-dimmed-02);\n @media (max-width: 1100px) {\n background: none;\n }\n\n .video-container {\n margin: 0 auto;\n max-width: 976px;\n @media (max-width: 1100px) {\n width: 100%;\n max-width: none;\n }\n .video {\n margin: 0;\n }\n }\n }\n\n &--info {\n display: flex;\n justify-content: space-between;\n background: var(--theme-color-primary);\n color: var(--theme-color-white);\n @media (max-width: 1023px) {\n display: block;\n background: none;\n }\n\n .info-box {\n flex: 1;\n padding: 30px 20px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n @media (max-width: 1023px) {\n background: var(--theme-color-primary);\n margin: 0 0 5px 0;\n }\n }\n .info-headline {\n @include kicker;\n }\n .info-box--content {\n p {\n font-size: 18px;\n line-height: 27px;\n margin: 0 0 5px 0;\n &.headline {\n font-weight: 600;\n margin: 0;\n }\n }\n .address {\n .text {\n margin: inherit;\n font-size: 18px;\n }\n }\n }\n .info-box--text {\n cursor: pointer;\n color: var(--theme-color-white);\n &:hover {\n color: var(--theme-color-secondary);\n }\n font-size: 36px;\n line-height: 44px;\n margin: 0;\n font-family: 'Korb', sans-serif;\n @media (max-width: 767px) {\n font-size: 24px;\n line-height: 29px;\n }\n }\n }\n\n &--back {\n background: var(--theme-color-primary-dimmed-04);\n display: flex;\n justify-content: center;\n padding: 30px 15px;\n margin: 20px 0 0 0;\n }\n\n &--more {\n margin: 60px 0 0 0 !important;\n max-width: none !important;\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 font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\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/5067.545bfaea.iframe.bundle.js b/gfi-ihk-2024/storybook-static/5067.545bfaea.iframe.bundle.js deleted file mode 100644 index 3c5b44f..0000000 --- a/gfi-ihk-2024/storybook-static/5067.545bfaea.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[5067],{"./stories/atoms/input-checkbox-radio/InputCheckboxRadioComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>createInputCheckboxRadio});__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),input_checkbox_radio=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/input-checkbox-radio/input-checkbox-radio.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(input_checkbox_radio.Z,options);input_checkbox_radio.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createInputCheckboxRadio=function createInputCheckboxRadio(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"checkbox":_ref$type,_ref$checked=_ref.checked,checked=void 0!==_ref$checked&&_ref$checked,_ref$id=_ref.id,id=void 0===_ref$id?"accepted":_ref$id,_ref$name=_ref.name,name=void 0===_ref$name?"accepted":_ref$name,_ref$isRequired=_ref.isRequired,isRequired=void 0===_ref$isRequired||_ref$isRequired,input=(0,helpers.az)("input",[]);return input.id=id,input.name=name,input.type=type,input.checked=checked,input.required=isRequired,input}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/input-checkbox-radio/input-checkbox-radio.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_check_svg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./stories/assets/img/check.svg"),_assets_img_half_check_svg__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/assets/img/half-check.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_check_svg__WEBPACK_IMPORTED_MODULE_3__),___CSS_LOADER_URL_REPLACEMENT_1___=_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(_assets_img_half_check_svg__WEBPACK_IMPORTED_MODULE_4__);___CSS_LOADER_EXPORT___.push([module.id,"input[type=checkbox].form-control{width:20px;padding:0}input[type=checkbox],input[type=radio]{--input-size: 20px;position:relative;display:inline-block;vertical-align:top;appearance:none;-webkit-appearance:none;background-color:var(--theme-color-white);border:1px solid var(--theme-color-primary);width:var(--input-size);height:var(--input-size);border-radius:var(--border-radius-xs);background-size:20px;background-position:center;background-repeat:no-repeat;transition:.25s ease;margin:0 9px 0 0}input[type=checkbox].focus-visible:focus,input[type=radio].focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}input[type=checkbox]:focus-visible,input[type=checkbox].-moz-focusring,input[type=radio]:focus-visible,input[type=radio].-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}input[type=checkbox]:checked,input[type=radio]:checked{background-image:url("+___CSS_LOADER_URL_REPLACEMENT_0___+");background-color:var(--theme-color-primary)}input[type=checkbox].half-checked,input[type=radio].half-checked{background-image:url("+___CSS_LOADER_URL_REPLACEMENT_1___+");background-color:var(--theme-color-secondary)}input[type=checkbox]~label,input[type=radio]~label{display:inline-block;vertical-align:top;margin-top:0;margin-bottom:0;font-size:var(--font-size-copy);line-height:1.2}@media(max-width: 767px){input[type=checkbox]~label,input[type=radio]~label{margin-top:2px}}input[type=radio]{--input-size: 22px;border-radius:50%;margin:-1px 8px 0 -1px}","",{version:3,sources:["webpack://./stories/atoms/input-checkbox-radio/input-checkbox-radio.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,kCACE,UAAA,CACA,SAAA,CAGF,uCACE,kBAAA,CACA,iBAAA,CACA,oBAAA,CACA,kBAAA,CACA,eAAA,CACA,uBAAA,CACA,yCAAA,CACA,2CAAA,CACA,uBAAA,CACA,wBAAA,CACA,qCAAA,CACA,oBAAA,CACA,0BAAA,CACA,2BAAA,CACA,oBAAA,CACA,gBAAA,CCsIE,+EACE,4GAAA,CACA,SAAA,CAEF,wIACE,4GAAA,CACA,SAAA,CDzIJ,uDACE,wDAAA,CACA,2CAAA,CAGF,iEACE,wDAAA,CACA,6CAAA,CAGF,mDACE,oBAAA,CACA,kBAAA,CAEA,YAAA,CACA,eAAA,CACA,+BAAA,CACA,eAAA,CAEA,yBATF,mDAUI,cAAA,CAAA,CAKN,kBACE,kBAAA,CACA,iBAAA,CACA,sBAAA",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n\ninput[type="checkbox"].form-control {\n width: 20px;\n padding: 0;\n}\n\ninput[type="checkbox"], input[type="radio"] {\n --input-size: 20px;\n position: relative;\n display: inline-block;\n vertical-align: top;\n appearance: none;\n -webkit-appearance: none;\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n width: var(--input-size);\n height: var(--input-size);\n border-radius: var(--border-radius-xs);\n background-size: 20px;\n background-position: center;\n background-repeat: no-repeat;\n transition: 0.25s ease;\n margin: 0 9px 0 0;\n @include focus-visible;\n\n &:checked {\n background-image: url("../../assets/img/check.svg");\n background-color: var(--theme-color-primary);\n }\n\n &.half-checked {\n background-image: url("../../assets/img/half-check.svg");\n background-color: var(--theme-color-secondary);\n }\n\n ~ label {\n display: inline-block;\n vertical-align: top;\n //max-width: calc(100% - 40px);\n margin-top: 0;\n margin-bottom: 0;\n font-size: var(--font-size-copy);\n line-height: 1.2;\n\n @media(max-width: 767px) {\n margin-top: 2px;\n }\n }\n}\n\ninput[type="radio"] {\n --input-size: 22px;\n border-radius: 50%;\n margin: -1px 8px 0 -1px;\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/assets/img/check.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/check.559fe281.svg"},"./stories/assets/img/half-check.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/half-check.f520e61d.svg"}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/4409.c4150ffb.iframe.bundle.js b/gfi-ihk-2024/storybook-static/5067.efc5ba8b.iframe.bundle.js similarity index 60% rename from gfi-ihk-2024/storybook-static/4409.c4150ffb.iframe.bundle.js rename to gfi-ihk-2024/storybook-static/5067.efc5ba8b.iframe.bundle.js index 7f6d812..21d8b27 100644 --- a/gfi-ihk-2024/storybook-static/4409.c4150ffb.iframe.bundle.js +++ b/gfi-ihk-2024/storybook-static/5067.efc5ba8b.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[4409],{"./stories/components/election-result-list-item/ElectionResultListItemComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{v:()=>createElectionResultListItem});__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),election_result_list_item=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/election-result-list-item/election-result-list-item.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(election_result_list_item.Z,options);election_result_list_item.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createElectionResultListItem=function createElectionResultListItem(_ref){var _ref$image=_ref.image,image=void 0===_ref$image?"./dummy/election-list-cover.jpg":_ref$image,_ref$name=_ref.name,name=void 0===_ref$name?"Lars-Hendrick Pirckensee":_ref$name,_ref$job=_ref.job,job=void 0===_ref$job?"Grundstücksmakler, Immobilenemakler":_ref$job,_ref$city=_ref.city,city=void 0===_ref$city?"Kreisfreie Musterstadt, Musterhausen":_ref$city,electionResultListItem=(0,helpers.az)("div",["election-result-list-item"]),topBox=(0,helpers.az)("a",["top-box"],null,electionResultListItem);topBox.href="#";var imageBox=(0,helpers.az)("div",["image-box"],null,topBox);(0,helpers.Bi)(image,310,310,"",[],imageBox),(0,helpers.az)("span",["copyright"],name,imageBox),(0,helpers.az)("h3",[],name,topBox);var textBox=(0,helpers.az)("div",["text-box"],null,electionResultListItem),jobBox=(0,helpers.az)("div",["job-box"],null,textBox);(0,helpers.az)("a",["icon-small-election-group"],job,jobBox).href="#";var cityBox=(0,helpers.az)("div",["city-box"],null,textBox);return(0,helpers.az)("a",["icon-small-icon-election-location"],city,cityBox).href="#",electionResultListItem}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/election-result-list-item/election-result-list-item.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,'.election-result-list-item{display:flex;flex-direction:column;justify-content:space-between;border-radius:4px;background:var(--theme-grey-light);text-decoration:none;width:312px}@media(max-width: 693px){.election-result-list-item{width:100%}}@media(max-width: 356px){.election-result-list-item{max-width:none}}.election-result-list-item .top-box{display:block;cursor:pointer}.election-result-list-item .image-box{position:relative;width:100%;padding-bottom:100%;border-top-left-radius:4px;border-top-right-radius:4px}.election-result-list-item .image-box .copyright{bottom:0;color:var(--theme-color-white);display:block;font-size:12px;left:100%;line-height:1.2;padding:8px;position:absolute;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);transform:rotate(-90deg);transform-origin:0 100%;width:66%;z-index:2}.election-result-list-item img{position:absolute;display:block;width:100%;height:100%;object-fit:cover;border-top-left-radius:4px;border-top-right-radius:4px}.election-result-list-item .text-box{padding:10px}.election-result-list-item h3{font-size:28px;line-height:32px;margin:5px 10px 15px 10px;text-decoration:underline;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.election-result-list-item .job-box,.election-result-list-item .city-box{margin-bottom:5px;background:var(--theme-color-primary-dimmed-04);border-radius:4px;padding:4px 0 2px 0}@media(max-width: 567px){.election-result-list-item .job-box,.election-result-list-item .city-box{display:none}}.election-result-list-item .job-box a,.election-result-list-item .job-box span,.election-result-list-item .city-box a,.election-result-list-item .city-box span{display:block;position:relative;width:calc(100% - 8px);margin:0;padding:0 0 0 26px;font-size:16px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.election-result-list-item .job-box a:before,.election-result-list-item .job-box span:before,.election-result-list-item .city-box a:before,.election-result-list-item .city-box span:before{position:absolute;left:4px;top:50%;font-family:"Icons";transform:translate(0, -50%)}',"",{version:3,sources:["webpack://./stories/components/election-result-list-item/election-result-list-item.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,2BACE,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,iBAAA,CACA,kCAAA,CACA,oBAAA,CACA,WAAA,CAEA,yBATF,2BAUI,UAAA,CAAA,CAGF,yBAbF,2BAcI,cAAA,CAAA,CAGF,oCACE,aAAA,CACA,cAAA,CAGF,sCACE,iBAAA,CACA,UAAA,CACA,mBAAA,CACA,0BAAA,CACA,2BAAA,CACA,iDACI,QAAA,CACA,8BAAA,CACA,aAAA,CACA,cAAA,CACA,SAAA,CACA,eAAA,CACA,WAAA,CACA,iBAAA,CACA,yDAAA,CACA,wBAAA,CACA,uBAAA,CACA,SAAA,CACA,SAAA,CAIN,+BACE,iBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,0BAAA,CACA,2BAAA,CAGF,qCACE,YAAA,CAGF,8BACE,cAAA,CACA,gBAAA,CACA,yBAAA,CACA,yBAAA,CCmHF,qBAAA,CACA,oBAAA,CACA,iBAAA,CACA,YAAA,CDlHA,yEAEE,iBAAA,CACA,+CAAA,CACA,iBAAA,CACA,mBAAA,CACA,yBANF,yEAOI,YAAA,CAAA,CAGF,gKAEE,aAAA,CACA,iBAAA,CACA,sBAAA,CACA,QAAA,CACA,kBAAA,CACA,cAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,sBAAA,CACA,cAAA,CAEA,4LACE,iBAAA,CACA,QAAA,CACA,OAAA,CACA,mBAAA,CACA,4BAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.election-result-list-item {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n border-radius: 4px;\n background: var(--theme-grey-light);\n text-decoration: none;\n width: 312px;\n\n @media (max-width: 693px) {\n width: 100%;\n }\n\n @media(max-width: 356px) {\n max-width: none;\n }\n\n .top-box {\n display: block;\n cursor: pointer;\n }\n\n .image-box {\n position: relative;\n width: 100%;\n padding-bottom: 100%;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n .copyright {\n bottom: 0;\n color: var(--theme-color-white);\n display: block;\n font-size: 12px;\n left: 100%;\n line-height: 1.2;\n padding: 8px;\n position: absolute;\n text-shadow: 0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);\n transform: rotate(-90deg);\n transform-origin: 0 100%;\n width: 66%;\n z-index: 2;\n }\n }\n\n img {\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n }\n\n .text-box {\n padding: 10px;\n }\n\n h3 {\n font-size: 28px;\n line-height: 32px;\n margin: 5px 10px 15px 10px;\n text-decoration: underline;\n @include word-wrap();\n }\n\n .job-box,\n .city-box {\n margin-bottom: 5px;\n background: var(--theme-color-primary-dimmed-04);\n border-radius: 4px;\n padding: 4px 0 2px 0;\n @media(max-width: 567px) {\n display: none;\n }\n\n a,\n span {\n display: block;\n position: relative;\n width: calc(100% - 8px);\n margin: 0;\n padding: 0 0 0 26px;\n font-size: 16px;\n line-height: 18px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n\n &:before {\n position: absolute;\n left: 4px;\n top: 50%;\n font-family: \"Icons\";\n transform: translate(0, -50%);\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 +"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[5067],{"./stories/atoms/input-checkbox-radio/InputCheckboxRadioComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>createInputCheckboxRadio});__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),input_checkbox_radio=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/input-checkbox-radio/input-checkbox-radio.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(input_checkbox_radio.Z,options);input_checkbox_radio.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createInputCheckboxRadio=function createInputCheckboxRadio(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"checkbox":_ref$type,_ref$checked=_ref.checked,checked=void 0!==_ref$checked&&_ref$checked,_ref$id=_ref.id,id=void 0===_ref$id?"accepted":_ref$id,_ref$name=_ref.name,name=void 0===_ref$name?"accepted":_ref$name,_ref$isRequired=_ref.isRequired,isRequired=void 0===_ref$isRequired||_ref$isRequired,input=(0,helpers.az)("input",[]);return input.id=id,input.name=name,input.type=type,input.checked=checked,input.required=isRequired,input}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/input-checkbox-radio/input-checkbox-radio.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_check_svg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./stories/assets/img/check.svg"),_assets_img_half_check_svg__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/assets/img/half-check.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_check_svg__WEBPACK_IMPORTED_MODULE_3__),___CSS_LOADER_URL_REPLACEMENT_1___=_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(_assets_img_half_check_svg__WEBPACK_IMPORTED_MODULE_4__);___CSS_LOADER_EXPORT___.push([module.id,"input[type=checkbox].form-control{width:20px;padding:0}input[type=checkbox],input[type=radio]{--input-size: 20px;position:relative;display:inline-block;vertical-align:top;appearance:none;-webkit-appearance:none;background-color:var(--theme-color-white);border:1px solid var(--theme-color-primary);width:var(--input-size);height:var(--input-size);border-radius:var(--border-radius-xs);background-size:20px;background-position:center;background-repeat:no-repeat;transition:.25s ease;margin:0 9px 0 0}input[type=checkbox].focus-visible:focus,input[type=radio].focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}input[type=checkbox]:focus-visible,input[type=checkbox].-moz-focusring,input[type=radio]:focus-visible,input[type=radio].-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}input[type=checkbox]:checked,input[type=radio]:checked{background-image:url("+___CSS_LOADER_URL_REPLACEMENT_0___+");background-color:var(--theme-color-primary)}input[type=checkbox].half-checked,input[type=radio].half-checked{background-image:url("+___CSS_LOADER_URL_REPLACEMENT_1___+");background-color:var(--theme-color-secondary)}input[type=checkbox]~label,input[type=radio]~label{display:inline-block;vertical-align:top;margin-top:0;margin-bottom:0;font-size:var(--font-size-copy);line-height:1.2}@media(max-width: 767px){input[type=checkbox]~label,input[type=radio]~label{margin-top:2px}}input[type=radio]{--input-size: 22px;border-radius:50%;margin:-1px 8px 0 -1px}","",{version:3,sources:["webpack://./stories/atoms/input-checkbox-radio/input-checkbox-radio.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,kCACE,UAAA,CACA,SAAA,CAGF,uCACE,kBAAA,CACA,iBAAA,CACA,oBAAA,CACA,kBAAA,CACA,eAAA,CACA,uBAAA,CACA,yCAAA,CACA,2CAAA,CACA,uBAAA,CACA,wBAAA,CACA,qCAAA,CACA,oBAAA,CACA,0BAAA,CACA,2BAAA,CACA,oBAAA,CACA,gBAAA,CCsJE,+EACE,4GAAA,CACA,SAAA,CAEF,wIACE,4GAAA,CACA,SAAA,CDzJJ,uDACE,wDAAA,CACA,2CAAA,CAGF,iEACE,wDAAA,CACA,6CAAA,CAGF,mDACE,oBAAA,CACA,kBAAA,CAEA,YAAA,CACA,eAAA,CACA,+BAAA,CACA,eAAA,CAEA,yBATF,mDAUI,cAAA,CAAA,CAKN,kBACE,kBAAA,CACA,iBAAA,CACA,sBAAA",sourcesContent:['@import \'../../_global/styles/mixins\';\n@import \'../../_global/styles/vars\';\n\ninput[type="checkbox"].form-control {\n width: 20px;\n padding: 0;\n}\n\ninput[type="checkbox"], input[type="radio"] {\n --input-size: 20px;\n position: relative;\n display: inline-block;\n vertical-align: top;\n appearance: none;\n -webkit-appearance: none;\n background-color: var(--theme-color-white);\n border: 1px solid var(--theme-color-primary);\n width: var(--input-size);\n height: var(--input-size);\n border-radius: var(--border-radius-xs);\n background-size: 20px;\n background-position: center;\n background-repeat: no-repeat;\n transition: 0.25s ease;\n margin: 0 9px 0 0;\n @include focus-visible;\n\n &:checked {\n background-image: url("../../assets/img/check.svg");\n background-color: var(--theme-color-primary);\n }\n\n &.half-checked {\n background-image: url("../../assets/img/half-check.svg");\n background-color: var(--theme-color-secondary);\n }\n\n ~ label {\n display: inline-block;\n vertical-align: top;\n //max-width: calc(100% - 40px);\n margin-top: 0;\n margin-bottom: 0;\n font-size: var(--font-size-copy);\n line-height: 1.2;\n\n @media(max-width: 767px) {\n margin-top: 2px;\n }\n }\n}\n\ninput[type="radio"] {\n --input-size: 22px;\n border-radius: 50%;\n margin: -1px 8px 0 -1px;\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 font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\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/assets/img/check.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/check.559fe281.svg"},"./stories/assets/img/half-check.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/half-check.f520e61d.svg"}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/5295.76417292.iframe.bundle.js b/gfi-ihk-2024/storybook-static/5295.76417292.iframe.bundle.js deleted file mode 100644 index 0166812..0000000 --- a/gfi-ihk-2024/storybook-static/5295.76417292.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[5295],{"./stories/atoms/input-select/InputSelectComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{E:()=>createInputSelect});__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__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),input_select=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/input-select/input-select.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(input_select.Z,options);input_select.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),InputSelectData=__webpack_require__("./stories/atoms/input-select/InputSelectData.js"),createInputSelect=function createInputSelect(_ref){var _ref$classes=_ref.classes,classes=void 0===_ref$classes?"":_ref$classes,_ref$selected=_ref.selected,selected=void 0===_ref$selected?-1:_ref$selected,_ref$options=_ref.options,options=void 0===_ref$options?InputSelectData.A:_ref$options,_ref$id=_ref.id,id=void 0===_ref$id?"username":_ref$id,_ref$name=_ref.name,name=void 0===_ref$name?"username":_ref$name,_ref$isRequired=_ref.isRequired,isRequired=void 0===_ref$isRequired||_ref$isRequired,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"Bitte wählen":_ref$placeholder,select=(0,helpers.az)("select",classes&&classes.length>0?classes.split(" "):[]);if(select.id=id,select.name=name,isRequired&&(select.required=!0),placeholder&&placeholder.length>0){var ph=(0,helpers.az)("option",[],placeholder,select);ph.disabled=!0,ph.selected=!0}return options.map((function(opt,index){var option=(0,helpers.az)("option",[],opt.label,select);option.value=opt.value,index===selected&&(option.selected=!0)})),select}},"./stories/atoms/input-select/InputSelectData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>InputSelectData});var InputSelectData=[{label:"Auswahl 01",value:"1"},{label:"Auswahl 02",value:"2"},{label:"Auswahl 03",value:"3"},{label:"Auswahl 04",value:"4"}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/input-select/input-select.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_dropdown_arrow_svg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./stories/assets/img/dropdown-arrow.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_dropdown_arrow_svg__WEBPACK_IMPORTED_MODULE_3__);___CSS_LOADER_EXPORT___.push([module.id,'select,select.form-control{--input-height: 60px;position:relative;display:block;width:100%;height:var(--input-height);background-color:var(--theme-color-white);border:1px solid var(--theme-color-primary);border-radius:var(--border-radius-xs);padding:10px 15px;font-family:"Source Sans Pro",sans-serif;font-size:var(--font-size-copy);line-height:1.4;transition:.3s ease;color:var(--theme-color-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('+___CSS_LOADER_URL_REPLACEMENT_0___+");background-repeat:no-repeat;background-position:right center;background-size:36px;padding-right:42px}select:focus,select.form-control:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}@media(max-width: 1199px){select,select.form-control{--input-height: 50px}}@media(max-width: 767px){select,select.form-control{--input-height: 44px}}@media(max-width: 1199px){select,select.form-control{background-size:30px;padding-right:34px}}select::-ms-expand{display:none}select[multiple]{background-image:none}select option{font:inherit}","",{version:3,sources:["webpack://./stories/atoms/input-select/input-select.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,2BCmHE,oBAAA,CACA,iBAAA,CACA,aAAA,CACA,UAAA,CACA,0BAAA,CACA,yCAAA,CACA,2CAAA,CACA,qCAAA,CACA,iBAAA,CACA,wCAAA,CACA,+BAAA,CACA,eAAA,CACA,mBAAA,CACA,gCAAA,CD9HA,uBAAA,CACA,oBAAA,CACA,eAAA,CACA,wDAAA,CACA,2BAAA,CACA,gCAAA,CACA,oBAAA,CACA,kBAAA,CCyHA,uCACE,4GAAA,CACA,SAAA,CAGF,0BDvIF,2BCwII,oBAAA,CAAA,CAEF,yBD1IF,2BC2II,oBAAA,CAAA,CDhIF,0BAXF,2BAYI,oBAAA,CACA,kBAAA,CAAA,CAIJ,mBACE,YAAA,CAGF,iBACE,qBAAA,CAGF,cACE,YAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\nselect, select.form-control {\n @include form-field;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-image: url('../../assets/img/dropdown-arrow.svg');\n background-repeat: no-repeat;\n background-position: right center;\n background-size: 36px;\n padding-right: 42px;\n\n @media(max-width: 1199px) {\n background-size: 30px;\n padding-right: 34px;\n }\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n background-image: none;\n}\n\nselect option {\n font: inherit;\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/assets/img/dropdown-arrow.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/dropdown-arrow.2421bdd6.svg"}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/5295.dd30d677.iframe.bundle.js b/gfi-ihk-2024/storybook-static/5295.dd30d677.iframe.bundle.js new file mode 100644 index 0000000..b37946c --- /dev/null +++ b/gfi-ihk-2024/storybook-static/5295.dd30d677.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[5295],{"./stories/atoms/input-select/InputSelectComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{E:()=>createInputSelect});__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__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),input_select=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/input-select/input-select.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(input_select.Z,options);input_select.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),InputSelectData=__webpack_require__("./stories/atoms/input-select/InputSelectData.js"),createInputSelect=function createInputSelect(_ref){var _ref$classes=_ref.classes,classes=void 0===_ref$classes?"":_ref$classes,_ref$selected=_ref.selected,selected=void 0===_ref$selected?-1:_ref$selected,_ref$options=_ref.options,options=void 0===_ref$options?InputSelectData.A:_ref$options,_ref$id=_ref.id,id=void 0===_ref$id?"username":_ref$id,_ref$name=_ref.name,name=void 0===_ref$name?"username":_ref$name,_ref$isRequired=_ref.isRequired,isRequired=void 0===_ref$isRequired||_ref$isRequired,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"Bitte wählen":_ref$placeholder,select=(0,helpers.az)("select",classes&&classes.length>0?classes.split(" "):[]);if(select.id=id,select.name=name,isRequired&&(select.required=!0),placeholder&&placeholder.length>0){var ph=(0,helpers.az)("option",[],placeholder,select);ph.disabled=!0,ph.selected=!0}return options.map((function(opt,index){var option=(0,helpers.az)("option",[],opt.label,select);option.value=opt.value,index===selected&&(option.selected=!0)})),select}},"./stories/atoms/input-select/InputSelectData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>InputSelectData});var InputSelectData=[{label:"Auswahl 01",value:"1"},{label:"Auswahl 02",value:"2"},{label:"Auswahl 03",value:"3"},{label:"Auswahl 04",value:"4"}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/input-select/input-select.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_dropdown_arrow_svg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./stories/assets/img/dropdown-arrow.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_dropdown_arrow_svg__WEBPACK_IMPORTED_MODULE_3__);___CSS_LOADER_EXPORT___.push([module.id,'select,select.form-control{--input-height: 60px;position:relative;display:block;width:100%;height:var(--input-height);background-color:var(--theme-color-white);border:1px solid var(--theme-color-primary);border-radius:var(--border-radius-xs);padding:10px 15px;font-family:"Source Sans Pro",sans-serif;font-size:var(--font-size-copy);line-height:1.4;transition:.3s ease;color:var(--theme-color-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('+___CSS_LOADER_URL_REPLACEMENT_0___+");background-repeat:no-repeat;background-position:right center;background-size:36px;padding-right:42px}select:focus,select.form-control:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}@media(max-width: 1199px){select,select.form-control{--input-height: 50px}}@media(max-width: 767px){select,select.form-control{--input-height: 44px}}@media(max-width: 1199px){select,select.form-control{background-size:30px;padding-right:34px}}select::-ms-expand{display:none}select[multiple]{background-image:none}select option{font:inherit}","",{version:3,sources:["webpack://./stories/atoms/input-select/input-select.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAGA,2BCmIE,oBAAA,CACA,iBAAA,CACA,aAAA,CACA,UAAA,CACA,0BAAA,CACA,yCAAA,CACA,2CAAA,CACA,qCAAA,CACA,iBAAA,CACA,wCAAA,CACA,+BAAA,CACA,eAAA,CACA,mBAAA,CACA,gCAAA,CD9IA,uBAAA,CACA,oBAAA,CACA,eAAA,CACA,wDAAA,CACA,2BAAA,CACA,gCAAA,CACA,oBAAA,CACA,kBAAA,CCyIA,uCACE,4GAAA,CACA,SAAA,CAGF,0BDvJF,2BCwJI,oBAAA,CAAA,CAEF,yBD1JF,2BC2JI,oBAAA,CAAA,CDhJF,0BAXF,2BAYI,oBAAA,CACA,kBAAA,CAAA,CAIJ,mBACE,YAAA,CAGF,iBACE,qBAAA,CAGF,cACE,YAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\nselect, select.form-control {\n @include form-field;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-image: url('../../assets/img/dropdown-arrow.svg');\n background-repeat: no-repeat;\n background-position: right center;\n background-size: 36px;\n padding-right: 42px;\n\n @media(max-width: 1199px) {\n background-size: 30px;\n padding-right: 34px;\n }\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect[multiple] {\n background-image: none;\n}\n\nselect option {\n font: inherit;\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 font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\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/assets/img/dropdown-arrow.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/dropdown-arrow.2421bdd6.svg"}}]); \ No newline at end of file diff --git a/gfi-ihk-2024/storybook-static/5442.d260aac0.iframe.bundle.js b/gfi-ihk-2024/storybook-static/5442.d260aac0.iframe.bundle.js new file mode 100644 index 0000000..044c8fd --- /dev/null +++ b/gfi-ihk-2024/storybook-static/5442.d260aac0.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[5442],{"./stories/sections/eventoverview-stage/eventoverview.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/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var jquery__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_10__);function _defineProperties(target,props){for(var i=0;i
HR-Unternehmen",url:"#"},{icon:"./dummy/tile-grid/tile-14.svg",number:"1,65",unit:"Mrd. €",label:"Gesamterträge
der IHKs",url:"#"},{icon:"./dummy/tile-grid/tile-15.svg",number:"1,5",unit:"Mrd. €",label:"Gesamtaufwendungen
der IHKs",url:"#"},{icon:"./dummy/tile-grid/tile-16.svg",number:"8.851",unit:null,label:"IHK-Mitarbeiterinnen und Mitarbeiter",url:"#"}]}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/tile-grid/tile-grid.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,'.tile-grid{margin:var(--section-margin) auto}.tile-grid h2{margin-bottom:.2em}@media(max-width: 567px){.tile-grid{max-width:340px}}@media(min-width: 768px)and (max-width: 999px){.tile-grid{max-width:88%;padding:0 15px}}.tile-grid .row{margin:0 -5px}.tile-grid .col{flex:1 1 100%;max-width:25%;padding:5px;margin-bottom:200px}@media(max-width: 1000px){.tile-grid .col{max-width:50%}}@media(max-width: 567px){.tile-grid .col{max-width:100%;margin-bottom:100px}}.tile-grid .col:nth-child(odd) .tile .tile-outer{background-color:var(--theme-color-secondary-dimmed);color:var(--theme-color-secondary-intensed)}.tile-grid .col:nth-child(odd) .tile-head-outer{background-color:var(--theme-color-secondary-intensed)}.tile-grid .tile-head{position:sticky;display:block;top:100px;padding:20px 0 10px;z-index:1;background-color:#fff}@media(max-width: 767px){.tile-grid .tile-head{top:75px}}.tile-grid .tile-head .like-h4{min-height:3.6em;margin:5px 0;max-width:10em}.tile-grid .tile-head-outer{position:relative;display:block;color:#fff;background-color:var(--theme-color-primary);transition:.2s ease;border-top-right-radius:30px;border-top-left-radius:30px;padding:5% 16% 5% 7%;text-decoration-color:rgba(255,255,255,0)}.tile-grid .tile-head-outer.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.tile-grid .tile-head-outer:focus-visible,.tile-grid .tile-head-outer.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.tile-grid .tile{padding:0 0 10px}.tile-grid .tile:last-child{margin-bottom:-200px}@media(max-width: 567px){.tile-grid .tile:last-child{margin-bottom:-100px}}.tile-grid .tile .tile-outer{position:relative;display:block;background-color:var(--theme-color-primary-dimmed-04);transition:.2s ease}.tile-grid .tile .tile-outer.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.tile-grid .tile .tile-outer:focus-visible,.tile-grid .tile .tile-outer.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.tile-grid .tile .tile-outer.focus-visible,.tile-grid .tile .tile-outer:focus{z-index:1}.tile-grid .tile .tile-outer::before{content:"";display:block;padding-top:60%;background-color:#fff;opacity:0;transition:.2s ease}@media(max-width: 767px){.tile-grid .tile .tile-outer::before{padding-top:55%}}.tile-grid .tile .tile-outer:hover::before{opacity:.6}.tile-grid .tile span{display:block}.tile-grid .tile .number{font-size:var(--font-size-h1);line-height:1;font-weight:700;font-family:"Korb",sans-serif;margin-left:-0.04em}@media(max-width: 1200px){.tile-grid .tile .number{font-size:56px}}@media(max-width: 999px){.tile-grid .tile .number{font-size:62px}}.tile-grid .tile .number small{font-size:.6em;margin-left:.2em}.tile-grid .tile .icon{position:absolute;top:0;left:0;right:0;bottom:0;text-align:right}.tile-grid .tile .icon img{width:auto;height:100%;float:right}.tile-grid .tile .icon.dynamic-icon{width:100%;height:100%;overflow:hidden}.tile-grid .tile .icon.dynamic-icon:before{display:block;height:100%;width:100%;position:absolute;right:-8px;top:0;font-family:"Pictograms",sans-serif;color:var(--theme-color-white);font-size:calc(var(--icon-height, 1em) + 14px);line-height:1}.tile-grid .tile p{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:6% 16% 6.5% 7%;display:flex;flex-direction:column;justify-content:space-between;line-height:1.2}@media(max-width: 1200px)and (min-width: 1000px){.tile-grid .tile p{font-size:17px;margin-bottom:1%}}.tile-grid .tile-head-outer::after,.tile-grid .tile a::after{content:"";font-family:"Icons",sans-serif;position:absolute;bottom:0;right:0;margin:7% 5%;font-size:var(--icon-size);line-height:1;transition:.2s ease}@media(max-width: 1200px)and (min-width: 1000px){.tile-grid .tile-head-outer::after,.tile-grid .tile a::after{font-size:24px}}.tile-grid .tile-head-outer:hover::after,.tile-grid .tile a:hover::after{transform:translateX(20%)}',"",{version:3,sources:["webpack://./stories/sections/tile-grid/tile-grid.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,WAGA,iCACE,CAAA,cAEA,kBACE,CAAA,yBAGF,WAPF,eAQI,CAAA,CAAA,+CAGF,WAXF,aAYI,CAAA,cACA,CAAA,CAAA,gBAEF,aACE,CAAA,gBAGF,aACE,CAAA,aACA,CAAA,WACA,CAAA,mBACA,CAAA,0BAEA,gBANF,aAOI,CAAA,CAAA,yBAGF,gBAVF,cAWI,CAAA,mBACA,CAAA,CAAA,iDAIA,oDACE,CAAA,2CACA,CAAA,gDAGF,sDACE,CAAA,sBAKN,eACE,CAAA,aACA,CAAA,SACA,CAAA,mBACA,CAAA,SACA,CAAA,qBACA,CAAA,yBAEA,sBARF,QASI,CAAA,CAAA,+BAGF,gBACE,CAAA,YACA,CAAA,cACA,CAAA,4BAIJ,iBACE,CAAA,aACA,CAAA,UACA,CAAA,2CACA,CAAA,mBACA,CAAA,4BACA,CAAA,2BACA,CAAA,oBACA,CAAA,yCACA,CAAA,gDCiGA,4GACE,CAAA,SACA,CAAA,qFAEF,4GACE,CAAA,SACA,CAAA,iBDnGJ,gBACE,CAAA,4BAEA,oBACE,CAAA,yBAEA,4BAHF,oBAII,CAAA,CAAA,6BAIJ,iBACE,CAAA,aACA,CAAA,qDACA,CAAA,mBACA,CAAA,iDC8EF,4GACE,CAAA,SACA,CAAA,uFAEF,4GACE,CAAA,SACA,CAAA,8EDhFA,SACE,CAAA,qCAGF,UACE,CAAA,aACA,CAAA,eACA,CAAA,qBACA,CAAA,SACA,CAAA,mBACA,CAAA,yBAEA,qCARF,eASI,CAAA,CAAA,2CAIJ,UACE,CAAA,sBAIJ,aACE,CAAA,yBAGF,6BACE,CAAA,aACA,CAAA,eACA,CAAA,6BACA,CAAA,mBACA,CAAA,0BAEA,yBAPF,cAQI,CAAA,CAAA,yBAEF,yBAVF,cAWI,CAAA,CAAA,+BAGF,cACE,CAAA,gBACA,CAAA,uBAIJ,iBCpDF,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,gBDkDI,CAAA,2BAEA,UACE,CAAA,WACA,CAAA,WACA,CAAA,oCAEF,UACE,CAAA,WACA,CAAA,eACA,CAAA,2CACA,aACE,CAAA,WACA,CAAA,UACA,CAAA,iBACA,CAAA,UACA,CAAA,KACA,CAAA,mCACA,CAAA,8BACA,CAAA,8CACA,CAAA,aACA,CAAA,mBAKN,iBChFF,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,QD8EI,CAAA,sBACA,CAAA,YACA,CAAA,qBACA,CAAA,6BACA,CAAA,eACA,CAAA,iDAEA,mBATF,cAUI,CAAA,gBACA,CAAA,CAAA,6DAMJ,WC4EmC,CAAA,8BD1EjC,CAAA,iBACA,CAAA,QACA,CAAA,OACA,CAAA,YACA,CAAA,0BACA,CAAA,aACA,CAAA,mBACA,CAAA,iDAEA,6DAXF,cAYI,CAAA,CAAA,yEAIJ,yBACE",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.tile-grid {\n margin: var(--section-margin) auto;\n\n h2 {\n margin-bottom: 0.2em;\n }\n\n @media(max-width: 567px) {\n max-width: 340px;\n }\n\n @media(min-width: 768px) and (max-width: 999px) {\n max-width: 88%;\n padding: 0 15px;\n }\n .row {\n margin: 0 -5px;\n }\n\n .col {\n flex: 1 1 100%;\n max-width: 25%;\n padding: 5px;\n margin-bottom: 200px;\n\n @media(max-width: 1000px) {\n max-width: 50%;\n }\n\n @media(max-width: 567px) {\n max-width: 100%;\n margin-bottom: 100px;\n }\n\n &:nth-child(odd) {\n .tile .tile-outer {\n background-color: var(--theme-color-secondary-dimmed);\n color: var(--theme-color-secondary-intensed);\n }\n\n .tile-head-outer {\n background-color: var(--theme-color-secondary-intensed);\n }\n }\n }\n\n .tile-head {\n position: sticky;\n display: block;\n top: 100px;\n padding: 20px 0 10px;\n z-index: 1;\n background-color: #fff;\n\n @media(max-width: 767px) {\n top: 75px;\n }\n\n .like-h4 {\n min-height: 3.6em;\n margin: 5px 0;\n max-width: 10em;\n }\n }\n\n .tile-head-outer {\n position: relative;\n display: block;\n color: white;\n background-color: var(--theme-color-primary);\n transition: 0.2s ease;\n border-top-right-radius: 30px;\n border-top-left-radius: 30px;\n padding: 5% 16% 5% 7%;\n text-decoration-color: rgba(white, 0);\n @include focus-visible;\n }\n\n .tile {\n padding: 0 0 10px;\n\n &:last-child {\n margin-bottom: -200px;\n\n @media(max-width: 567px) {\n margin-bottom: -100px;\n }\n }\n\n .tile-outer {\n position: relative;\n display: block;\n background-color: var(--theme-color-primary-dimmed-04);\n transition: 0.2s ease;\n @include focus-visible;\n\n\n &.focus-visible, &:focus {\n z-index: 1;\n }\n\n &::before {\n content: '';\n display: block;\n padding-top: 60%;\n background-color: #fff;\n opacity: 0;\n transition: 0.2s ease;\n\n @media(max-width: 767px) {\n padding-top: 55%;\n }\n }\n\n &:hover::before {\n opacity: 0.6;\n }\n }\n\n span {\n display: block;\n }\n\n .number {\n font-size: var(--font-size-h1);\n line-height: 1;\n font-weight: 700;\n font-family: 'Korb', sans-serif;\n margin-left: -0.04em;\n\n @media(max-width: 1200px) {\n font-size: 56px;\n }\n @media(max-width: 999px) {\n font-size: 62px;\n }\n\n small {\n font-size: 0.6em;\n margin-left: 0.2em;\n }\n }\n\n .icon {\n @include full-size;\n text-align: right;\n\n img {\n width: auto;\n height: 100%;\n float: right;\n }\n &.dynamic-icon {\n width: 100%;\n height: 100%;\n overflow: hidden;\n &:before {\n display: block;\n height: 100%;\n width: 100%;\n position: absolute;\n right: -8px;\n top: 0;\n font-family: \"Pictograms\", sans-serif;\n color: var(--theme-color-white);\n font-size: calc(var(--icon-height, 1em) + 14px);\n line-height: 1;\n }\n }\n }\n\n p {\n @include full-size;\n margin: 0;\n padding: 6% 16% 6.5% 7%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n line-height: 1.2;\n\n @media(max-width: 1200px) and (min-width: 1000px) {\n font-size: 17px;\n margin-bottom: 1%;\n }\n }\n }\n\n .tile-head-outer, .tile a {\n &::after {\n @include icon-small-arrow-right-simple;\n font-family: 'Icons', sans-serif;\n position: absolute;\n bottom: 0;\n right: 0;\n margin: 7% 5%;\n font-size: var(--icon-size);\n line-height: 1;\n transition: 0.2s ease;\n\n @media(max-width: 1200px) and (min-width: 1000px) {\n font-size: 24px;\n }\n }\n\n &:hover::after {\n transform: translateX(20%);\n }\n }\n\n // So dass die bilder ins target kopiert werden\n /*\n .fake-class-for-images{\n background-image: url('../../../img/kacheln/tile-01.svg');\n background-image: url('../../../img/kacheln/tile-02.svg');\n background-image: url('../../../img/kacheln/tile-03.svg');\n background-image: url('../../../img/kacheln/tile-04.svg');\n background-image: url('../../../img/kacheln/tile-05.svg');\n background-image: url('../../../img/kacheln/tile-06.svg');\n background-image: url('../../../img/kacheln/tile-07.svg');\n background-image: url('../../../img/kacheln/tile-08.svg');\n background-image: url('../../../img/kacheln/tile-09.svg');\n background-image: url('../../../img/kacheln/tile-10.svg');\n background-image: url('../../../img/kacheln/tile-11.svg');\n background-image: url('../../../img/kacheln/tile-12.svg');\n background-image: url('../../../img/kacheln/tile-13.svg');\n background-image: url('../../../img/kacheln/tile-14.svg');\n background-image: url('../../../img/kacheln/tile-15.svg');\n background-image: url('../../../img/kacheln/tile-16.svg');\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 font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\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/5460.d2821f69.iframe.bundle.js b/gfi-ihk-2024/storybook-static/5460.28a74915.iframe.bundle.js similarity index 59% rename from gfi-ihk-2024/storybook-static/5460.d2821f69.iframe.bundle.js rename to gfi-ihk-2024/storybook-static/5460.28a74915.iframe.bundle.js index aba3186..dedc76a 100644 --- a/gfi-ihk-2024/storybook-static/5460.d2821f69.iframe.bundle.js +++ b/gfi-ihk-2024/storybook-static/5460.28a74915.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[5460],{"./stories/sections/search/SearchComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{m:()=>createSearch});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),search=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/search/search.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(search.Z,options);search.Z.locals;__webpack_require__("./stories/components/artwork/artwork.scss");var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),SearchData=__webpack_require__("./stories/sections/search/SearchData.js"),ArtworkComponent=__webpack_require__("./stories/components/artwork/ArtworkComponent.js"),SearchInputComponent=__webpack_require__("./stories/atoms/search-input/SearchInputComponent.js"),SearchButtonComponent=__webpack_require__("./stories/atoms/search-button/SearchButtonComponent.js"),search_typeahead=__webpack_require__("./stories/sections/search/search-typeahead.js"),createSearch=function createSearch(_ref){var _ref$artworkStyle=_ref.artworkStyle,artworkStyle=void 0===_ref$artworkStyle?"artwork":_ref$artworkStyle,_ref$headline=_ref.headline1,headline1=void 0===_ref$headline?"Willkommen bei Ihrer IHK.":_ref$headline,_ref$headline2=_ref.headline2,headline2=void 0===_ref$headline2?"Wie können wir Ihnen helfen?":_ref$headline2,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?'Tippe "Taxischein" für Autocomplete':_ref$placeholder,_ref$api=_ref.api,api=void 0===_ref$api?"services/search/{SEARCHTERM}.json":_ref$api,_ref$tiles=_ref.tiles,tiles=void 0===_ref$tiles?SearchData.r:_ref$tiles,section=(0,helpers.az)("section",["search"],null),artwork=(0,ArtworkComponent.R)({type:artworkStyle});section.appendChild(artwork),section.dataset.type=artworkStyle;var container=(0,helpers.az)("div",["container","small"],null,section),row=(0,helpers.az)("div",["row"],null,container),col=(0,helpers.az)("div",["col"],null,row);(0,helpers.az)("h1",["like-h2"],headline1+"
"+headline2,col);var form=(0,helpers.az)("form",[],null,col);(0,helpers.az)("label",["visually-hidden"],"IHK durchsuchen",form).for="search-term",form.appendChild((0,SearchInputComponent.K)({api,placeholder})),form.appendChild((0,SearchButtonComponent.K)({})),form.action="#";var tilesContainer=(0,helpers.az)("div",["tiles"],null,col);return tiles.map((function(tile){var div=(0,helpers.az)("div",["tile"],null,tilesContainer);(0,helpers.az)("a",[],tile.title,div).href=tile.link})),api&&new search_typeahead.Z(jquery_default()(form).find("input.typeahead")),section}},"./stories/sections/search/SearchData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{r:()=>searchData});var searchData=[{title:"Beratung und Service",link:"#"},{title:"Interessenvertretung",link:"#"},{title:"Aus- und Weiterbildung",link:"#"},{title:"Unsere Region",link:"#"},{title:"Handelskammer vor Ort",link:"#"},{title:"Veranstaltungen",link:"#"}]},"./stories/sections/search/search-typeahead.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.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.substr.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.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");function _defineProperties(target,props){for(var i=0;i
"+headline2,col);var form=(0,helpers.az)("form",[],null,col);(0,helpers.az)("label",["visually-hidden"],"IHK durchsuchen",form).for="search-term",form.appendChild((0,SearchInputComponent.K)({api,placeholder})),form.appendChild((0,SearchButtonComponent.K)({})),form.action="#";var tilesContainer=(0,helpers.az)("div",["tiles"],null,col);return tiles.map((function(tile){var div=(0,helpers.az)("div",["tile"],null,tilesContainer);(0,helpers.az)("a",[],tile.title,div).href=tile.link})),api&&new search_typeahead.Z(jquery_default()(form).find("input.typeahead")),section}},"./stories/sections/search/SearchData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{r:()=>searchData});var searchData=[{title:"Beratung und Service",link:"#"},{title:"Interessenvertretung",link:"#"},{title:"Aus- und Weiterbildung",link:"#"},{title:"Unsere Region",link:"#"},{title:"Handelskammer vor Ort",link:"#"},{title:"Veranstaltungen",link:"#"}]},"./stories/sections/search/search-typeahead.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.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.substr.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.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");function _defineProperties(target,props){for(var i=0;i
Am Schäferstieg 2
21680 Stade
',mail:"info@stade.ihk.de",phone:"04141/524-0",fax:null,vcard:null}]},"./node_modules/core-js/modules/es.array.concat.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{var $=__webpack_require__("./node_modules/core-js/internals/export.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),isArray=__webpack_require__("./node_modules/core-js/internals/is-array.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),lengthOfArrayLike=__webpack_require__("./node_modules/core-js/internals/length-of-array-like.js"),doesNotExceedSafeInteger=__webpack_require__("./node_modules/core-js/internals/does-not-exceed-safe-integer.js"),createProperty=__webpack_require__("./node_modules/core-js/internals/create-property.js"),arraySpeciesCreate=__webpack_require__("./node_modules/core-js/internals/array-species-create.js"),arrayMethodHasSpeciesSupport=__webpack_require__("./node_modules/core-js/internals/array-method-has-species-support.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),V8_VERSION=__webpack_require__("./node_modules/core-js/internals/engine-v8-version.js"),IS_CONCAT_SPREADABLE=wellKnownSymbol("isConcatSpreadable"),IS_CONCAT_SPREADABLE_SUPPORT=V8_VERSION>=51||!fails((function(){var array=[];return array[IS_CONCAT_SPREADABLE]=!1,array.concat()[0]!==array})),SPECIES_SUPPORT=arrayMethodHasSpeciesSupport("concat"),isConcatSpreadable=function(O){if(!isObject(O))return!1;var spreadable=O[IS_CONCAT_SPREADABLE];return void 0!==spreadable?!!spreadable:isArray(O)};$({target:"Array",proto:!0,arity:1,forced:!IS_CONCAT_SPREADABLE_SUPPORT||!SPECIES_SUPPORT},{concat:function concat(arg){var i,k,length,len,E,O=toObject(this),A=arraySpeciesCreate(O,0),n=0;for(i=-1,length=arguments.length;i21680 Stade
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
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
HR-Unternehmen",url:"#"},{icon:"./dummy/tile-grid/tile-14.svg",number:"1,65",unit:"Mrd. €",label:"Gesamterträge
der IHKs",url:"#"},{icon:"./dummy/tile-grid/tile-15.svg",number:"1,5",unit:"Mrd. €",label:"Gesamtaufwendungen
der IHKs",url:"#"},{icon:"./dummy/tile-grid/tile-16.svg",number:"8.851",unit:null,label:"IHK-Mitarbeiterinnen und Mitarbeiter",url:"#"}]}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/tile-grid/tile-grid.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,'.tile-grid{margin:var(--section-margin) auto}.tile-grid h2{margin-bottom:.2em}@media(max-width: 567px){.tile-grid{max-width:340px}}@media(min-width: 768px)and (max-width: 999px){.tile-grid{max-width:88%;padding:0 15px}}.tile-grid .row{margin:0 -5px}.tile-grid .col{flex:1 1 100%;max-width:25%;padding:5px;margin-bottom:200px}@media(max-width: 1000px){.tile-grid .col{max-width:50%}}@media(max-width: 567px){.tile-grid .col{max-width:100%;margin-bottom:100px}}.tile-grid .col:nth-child(odd) .tile a{background-color:var(--theme-color-secondary-dimmed);color:var(--theme-color-secondary-intensed)}.tile-grid .col:nth-child(odd) .tile-head-outer{background-color:var(--theme-color-secondary-intensed)}.tile-grid .tile-head{position:sticky;display:block;top:100px;padding:20px 0 10px;z-index:1;background-color:#fff}@media(max-width: 767px){.tile-grid .tile-head{top:75px}}.tile-grid .tile-head .like-h4{min-height:3.6em;margin:5px 0;max-width:10em}.tile-grid .tile-head-outer{position:relative;display:block;color:#fff;background-color:var(--theme-color-primary);transition:.2s ease;border-top-right-radius:30px;border-top-left-radius:30px;padding:5% 16% 5% 7%;text-decoration-color:rgba(255,255,255,0)}.tile-grid .tile-head-outer.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.tile-grid .tile-head-outer:focus-visible,.tile-grid .tile-head-outer.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.tile-grid .tile{padding:0 0 10px}.tile-grid .tile:last-child{margin-bottom:-200px}@media(max-width: 567px){.tile-grid .tile:last-child{margin-bottom:-100px}}.tile-grid .tile a{position:relative;display:block;background-color:var(--theme-color-primary-dimmed-04);transition:.2s ease}.tile-grid .tile a.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.tile-grid .tile a:focus-visible,.tile-grid .tile a.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.tile-grid .tile a.focus-visible,.tile-grid .tile a:focus{z-index:1}.tile-grid .tile a::before{content:"";display:block;padding-top:60%;background-color:#fff;opacity:0;transition:.2s ease}@media(max-width: 767px){.tile-grid .tile a::before{padding-top:55%}}.tile-grid .tile a:hover::before{opacity:.6}.tile-grid .tile span{display:block}.tile-grid .tile .number{font-size:var(--font-size-h1);line-height:1;font-weight:700;font-family:"Korb",sans-serif;margin-left:-0.04em}@media(max-width: 1200px){.tile-grid .tile .number{font-size:56px}}@media(max-width: 999px){.tile-grid .tile .number{font-size:62px}}.tile-grid .tile .number small{font-size:.6em;margin-left:.2em}.tile-grid .tile .icon{position:absolute;top:0;left:0;right:0;bottom:0;text-align:right}.tile-grid .tile .icon img{width:auto;height:100%;float:right}.tile-grid .tile p{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:6% 16% 6.5% 7%;display:flex;flex-direction:column;justify-content:space-between;line-height:1.2}@media(max-width: 1200px)and (min-width: 1000px){.tile-grid .tile p{font-size:17px;margin-bottom:1%}}.tile-grid .tile-head-outer::after,.tile-grid .tile a::after{content:"";font-family:"Icons",sans-serif;position:absolute;bottom:0;right:0;margin:7% 5%;font-size:var(--icon-size);line-height:1;transition:.2s ease}@media(max-width: 1200px)and (min-width: 1000px){.tile-grid .tile-head-outer::after,.tile-grid .tile a::after{font-size:24px}}.tile-grid .tile-head-outer:hover::after,.tile-grid .tile a:hover::after{transform:translateX(20%)}',"",{version:3,sources:["webpack://./stories/sections/tile-grid/tile-grid.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,WAGA,iCACE,CAAA,cAEA,kBACE,CAAA,yBAGF,WAPF,eAQI,CAAA,CAAA,+CAGF,WAXF,aAYI,CAAA,cACA,CAAA,CAAA,gBAEF,aACE,CAAA,gBAGF,aACE,CAAA,aACA,CAAA,WACA,CAAA,mBACA,CAAA,0BAEA,gBANF,aAOI,CAAA,CAAA,yBAGF,gBAVF,cAWI,CAAA,mBACA,CAAA,CAAA,uCAIA,oDACE,CAAA,2CACA,CAAA,gDAGF,sDACE,CAAA,sBAKN,eACE,CAAA,aACA,CAAA,SACA,CAAA,mBACA,CAAA,SACA,CAAA,qBACA,CAAA,yBAEA,sBARF,QASI,CAAA,CAAA,+BAGF,gBACE,CAAA,YACA,CAAA,cACA,CAAA,4BAIJ,iBACE,CAAA,aACA,CAAA,UACA,CAAA,2CACA,CAAA,mBACA,CAAA,4BACA,CAAA,2BACA,CAAA,oBACA,CAAA,yCACA,CAAA,gDCiFA,4GACE,CAAA,SACA,CAAA,qFAEF,4GACE,CAAA,SACA,CAAA,iBDnFJ,gBACE,CAAA,4BAEA,oBACE,CAAA,yBAEA,4BAHF,oBAII,CAAA,CAAA,mBAIJ,iBACE,CAAA,aACA,CAAA,qDACA,CAAA,mBACA,CAAA,uCC8DF,4GACE,CAAA,SACA,CAAA,mEAEF,4GACE,CAAA,SACA,CAAA,0DDhEA,SACE,CAAA,2BAGF,UACE,CAAA,aACA,CAAA,eACA,CAAA,qBACA,CAAA,SACA,CAAA,mBACA,CAAA,yBAEA,2BARF,eASI,CAAA,CAAA,iCAIJ,UACE,CAAA,sBAIJ,aACE,CAAA,yBAGF,6BACE,CAAA,aACA,CAAA,eACA,CAAA,6BACA,CAAA,mBACA,CAAA,0BAEA,yBAPF,cAQI,CAAA,CAAA,yBAEF,yBAVF,cAWI,CAAA,CAAA,+BAGF,cACE,CAAA,gBACA,CAAA,uBAIJ,iBCpDF,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,gBDkDI,CAAA,2BAEA,UACE,CAAA,WACA,CAAA,WACA,CAAA,mBAIJ,iBC/DF,CAAA,KACA,CAAA,MACA,CAAA,OACA,CAAA,QACA,CAAA,QD6DI,CAAA,sBACA,CAAA,YACA,CAAA,qBACA,CAAA,6BACA,CAAA,eACA,CAAA,iDAEA,mBATF,cAUI,CAAA,gBACA,CAAA,CAAA,6DAMJ,WC6EmC,CAAA,8BD3EjC,CAAA,iBACA,CAAA,QACA,CAAA,OACA,CAAA,YACA,CAAA,0BACA,CAAA,aACA,CAAA,mBACA,CAAA,iDAEA,6DAXF,cAYI,CAAA,CAAA,yEAIJ,yBACE",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.tile-grid {\n margin: var(--section-margin) auto;\n\n h2 {\n margin-bottom: 0.2em;\n }\n\n @media(max-width: 567px) {\n max-width: 340px;\n }\n\n @media(min-width: 768px) and (max-width: 999px) {\n max-width: 88%;\n padding: 0 15px;\n }\n .row {\n margin: 0 -5px;\n }\n\n .col {\n flex: 1 1 100%;\n max-width: 25%;\n padding: 5px;\n margin-bottom: 200px;\n\n @media(max-width: 1000px) {\n max-width: 50%;\n }\n\n @media(max-width: 567px) {\n max-width: 100%;\n margin-bottom: 100px;\n }\n\n &:nth-child(odd) {\n .tile a {\n background-color: var(--theme-color-secondary-dimmed);\n color: var(--theme-color-secondary-intensed);\n }\n\n .tile-head-outer {\n background-color: var(--theme-color-secondary-intensed);\n }\n }\n }\n\n .tile-head {\n position: sticky;\n display: block;\n top: 100px;\n padding: 20px 0 10px;\n z-index: 1;\n background-color: #fff;\n\n @media(max-width: 767px) {\n top: 75px;\n }\n\n .like-h4 {\n min-height: 3.6em;\n margin: 5px 0;\n max-width: 10em;\n }\n }\n\n .tile-head-outer {\n position: relative;\n display: block;\n color: white;\n background-color: var(--theme-color-primary);\n transition: 0.2s ease;\n border-top-right-radius: 30px;\n border-top-left-radius: 30px;\n padding: 5% 16% 5% 7%;\n text-decoration-color: rgba(white, 0);\n @include focus-visible;\n }\n\n .tile {\n padding: 0 0 10px;\n\n &:last-child {\n margin-bottom: -200px;\n\n @media(max-width: 567px) {\n margin-bottom: -100px;\n }\n }\n\n a {\n position: relative;\n display: block;\n background-color: var(--theme-color-primary-dimmed-04);\n transition: 0.2s ease;\n @include focus-visible;\n\n\n &.focus-visible, &:focus {\n z-index: 1;\n }\n\n &::before {\n content: '';\n display: block;\n padding-top: 60%;\n background-color: #fff;\n opacity: 0;\n transition: 0.2s ease;\n\n @media(max-width: 767px) {\n padding-top: 55%;\n }\n }\n\n &:hover::before {\n opacity: 0.6;\n }\n }\n\n span {\n display: block;\n }\n\n .number {\n font-size: var(--font-size-h1);\n line-height: 1;\n font-weight: 700;\n font-family: 'Korb', sans-serif;\n margin-left: -0.04em;\n\n @media(max-width: 1200px) {\n font-size: 56px;\n }\n @media(max-width: 999px) {\n font-size: 62px;\n }\n\n small {\n font-size: 0.6em;\n margin-left: 0.2em;\n }\n }\n\n .icon {\n @include full-size;\n text-align: right;\n\n img {\n width: auto;\n height: 100%;\n float: right;\n }\n }\n\n p {\n @include full-size;\n margin: 0;\n padding: 6% 16% 6.5% 7%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n line-height: 1.2;\n\n @media(max-width: 1200px) and (min-width: 1000px) {\n font-size: 17px;\n margin-bottom: 1%;\n }\n }\n }\n\n .tile-head-outer, .tile a {\n &::after {\n @include icon-small-arrow-right-simple;\n font-family: 'Icons', sans-serif;\n position: absolute;\n bottom: 0;\n right: 0;\n margin: 7% 5%;\n font-size: var(--icon-size);\n line-height: 1;\n transition: 0.2s ease;\n\n @media(max-width: 1200px) and (min-width: 1000px) {\n font-size: 24px;\n }\n }\n\n &:hover::after {\n transform: translateX(20%);\n }\n }\n\n // So dass die bilder ins target kopiert werden\n /*\n .fake-class-for-images{\n background-image: url('../../../img/kacheln/tile-01.svg');\n background-image: url('../../../img/kacheln/tile-02.svg');\n background-image: url('../../../img/kacheln/tile-03.svg');\n background-image: url('../../../img/kacheln/tile-04.svg');\n background-image: url('../../../img/kacheln/tile-05.svg');\n background-image: url('../../../img/kacheln/tile-06.svg');\n background-image: url('../../../img/kacheln/tile-07.svg');\n background-image: url('../../../img/kacheln/tile-08.svg');\n background-image: url('../../../img/kacheln/tile-09.svg');\n background-image: url('../../../img/kacheln/tile-10.svg');\n background-image: url('../../../img/kacheln/tile-11.svg');\n background-image: url('../../../img/kacheln/tile-12.svg');\n background-image: url('../../../img/kacheln/tile-13.svg');\n background-image: url('../../../img/kacheln/tile-14.svg');\n background-image: url('../../../img/kacheln/tile-15.svg');\n background-image: url('../../../img/kacheln/tile-16.svg');\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/8356.1634baa6.iframe.bundle.js b/gfi-ihk-2024/storybook-static/8356.1634baa6.iframe.bundle.js deleted file mode 100644 index a070dd9..0000000 --- a/gfi-ihk-2024/storybook-static/8356.1634baa6.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[8356],{"./stories/components/accordion/AccordionComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{C:()=>createAccordion});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),accordion=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/accordion/accordion.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(accordion.Z,options);accordion.Z.locals;var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),AccordionData=__webpack_require__("./stories/components/accordion/AccordionData.js"),helpers=__webpack_require__("./stories/_global/scripts/helpers.js");__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.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");function _defineProperties(target,props){for(var i=0;i
Veranstaltungsort
',wrap);var location=(0,helpers.az)("div",["event-content"],null,wrap);(0,helpers.az)("div",["ev-title"],item.location.title,location),item.location.address.split("").map((function(line){(0,helpers.az)("div",["ev-text"],line,location)}))}if(item.speakers&&item.speakers.length>0){var _wrap=(0,helpers.az)("div",["event-details"],null,content);(0,helpers.az)("div",["event-label","icon-referent"],'
Referentinnen / Referenten',_wrap);var speakersWrapper=(0,helpers.az)("div",["event-content"],null,_wrap),speakersList=(0,helpers.az)("ul",["referees"],null,speakersWrapper);item.speakers.map((function(speaker,refIndex){var li=(0,helpers.az)("li",[],null,speakersList);if((0,helpers.az)("a",[],speaker.name,li).href="#referent-"+index+"-"+refIndex,speaker.img||speaker.info){var refDetails=(0,helpers.az)("div",["referee-details"],null,li);if(refDetails.id="referent-"+index+"-"+refIndex,speaker.img){var ib=(0,helpers.az)("div",["image-box"],null,refDetails);(0,helpers.Bi)(speaker.img,360,240,speaker.name,[],ib)}speaker.info&&(0,helpers.az)("div",["text-box"],"
"+speaker.info+"
",refDetails),refDetails.appendChild((0,ButtonComponent.a)({color:"primary-light",label:"Info schließen",size:"small"}))}}))}if(item.duration){var _wrap2=(0,helpers.az)("div",["event-details"],null,content);(0,helpers.az)("div",["event-label","icon-dauer"],'Veranstaltungsdauer',_wrap2),(0,helpers.az)("div",["event-content"],"
"+item.duration+"
",_wrap2)}if(item.prices&&item.prices.length>0){var _wrap3=(0,helpers.az)("div",["event-details"],null,content);(0,helpers.az)("div",["event-label","icon-preis"],'Preis',_wrap3);var pricesWrap=(0,helpers.az)("div",["event-content"],null,_wrap3);item.prices.map((function(price){var priceDiv=(0,helpers.az)("div",["price"],null,pricesWrap);(0,helpers.az)("span",["amount"],price.price,priceDiv),(0,helpers.az)("span",[],price.label,priceDiv)})),item.priceDetails&&(0,helpers.az)("p",[],item.priceDetails,pricesWrap)}var bookingWrap=(0,helpers.az)("div",["event-details","sign-up"],null,content);(0,helpers.az)("div",["event-label","icon-"+item.status.type],item.status.label,bookingWrap),(0,helpers.az)("div",["event-content"],null,bookingWrap).appendChild((0,ButtonComponent.a)({label:"Jetzt anmelden",icon:"small-arrow-right-simple",iconPosition:"icon-right"}))})),jquery_default()(document).ready((function(){new components_accordion_accordion(jquery_default()(accordion))})),accordion}},"./stories/components/accordion/AccordionData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{P:()=>EventAccordionData,l:()=>AccordionData});var AccordionData=[{title:"Vel facere placeat cupiditate odio",id:"accordion-01",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.
"},{title:"Lorem ipsum dolor sit amet",id:"accordion-02",content:"Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
"},{title:"Labore tenetur similique quia, tempore Lorem ipsum dolor sit amet facere placeat cupiditate odio",id:"accordion-03",content:'At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
'}],EventAccordionData=[{date:"27.08.2023",time:"15:00 - 16:30 Uhr",location:{title:"IHK Musterstadt",address:"Hartmut-Wilhelm-Straße 24-2612345 Musterstadt
Telefon: 01234-56789"},speakers:[{name:"Dr. Marianne Musterfrau",img:"./dummy/placeholder-3-2.svg",info:"Coach, Trainerin und Unternehmensberaterin mit Expertise in den Bereichen Handel, Einzelhandel und Dienstleistung. Sie betreut unter anderem kleine und mittelständische Unternehmen in den Bereichen Vertrieb, Marketing und Events."},{name:"Martin Muster",img:null,info:null}],duration:"Vollzeitlehrgang, 64 Unterrichtsstunden",prices:[{price:"90,00 €",label:"inkl. MwSt."},{price:"60,00 €",label:"für IHK Mitglieder, inkl. MwSt."}],priceDetails:"Der Preis gilt pro Veranstaltungsteilnehmer. Bitte geben Sie im Nachrichtenfeld des Anmeldeformulars die Rechnungsadresse Ihrer Begleitung an, wenn Sie sich als Privatperson anmelden.",status:{type:"freie-plaetze",label:"freie Plätze vorhanden"}},{date:"03.09.2023",time:"15:00 - 16:30 Uhr",location:{title:"IHK Musterstadt",address:"Online-Seminar"},speakers:[],duration:"ca. 1 Stunde",prices:[{price:"kostenlos",label:""}],priceDetails:null,status:{type:"geschlossen",label:"Anmeldefrist abgelaufen"}}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/accordion/accordion.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,'.accordion{--accordion-toggler-padding: 14px;--accordion-icon-width: 60px;--accordion-toggler-min-height: 79px;margin:var(--section-margin) 0}@media(max-width: 767px){.accordion{--accordion-toggler-padding: 12px;--accordion-toggler-min-height: 60px}}.accordion>.linklist,.accordion>ul{position:relative;padding:0;list-style:none;border-bottom:1px solid var(--theme-color-primary-dimmed-02)}@media(max-width: 567px){.accordion>.linklist,.accordion>ul{margin:0 calc(var(--container-padding)*-1);--accordion-icon-width: var(--container-padding)}}.accordion>.linklist>li,.accordion>ul>li{padding-left:var(--accordion-icon-width)}.accordion>.linklist>li.inAccordion,.accordion>ul>li.inAccordion{border-top:1px solid var(--theme-color-primary-dimmed-02);margin-bottom:0}.accordion>.linklist>li.inAccordion.open .accordion-toggler,.accordion>ul>li.inAccordion.open .accordion-toggler{background-color:var(--theme-color-secondary-dimmed);color:var(--theme-color-secondary-intensed)}.accordion .linklist>li>a.accordion-toggler,.accordion .accordion-toggler{padding:var(--accordion-toggler-padding) var(--accordion-toggler-padding) calc(var(--accordion-toggler-padding) + 1px) var(--accordion-icon-width);min-height:var(--accordion-toggler-min-height);display:flex;align-items:center;margin:0 0 0 calc(var(--accordion-icon-width)*-1);background-color:#fff;text-decoration:none;position:relative}.accordion .linklist>li>a.accordion-toggler.focus-visible:focus,.accordion .accordion-toggler.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.accordion .linklist>li>a.accordion-toggler:focus-visible,.accordion .linklist>li>a.accordion-toggler.-moz-focusring,.accordion .accordion-toggler:focus-visible,.accordion .accordion-toggler.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}@media(max-width: 567px){.accordion .linklist>li>a.accordion-toggler,.accordion .accordion-toggler{--accordion-icon-width: 46px;margin-left:calc(var(--container-padding)*-1)}}.accordion .linklist>li>a.accordion-toggler::before,.accordion .accordion-toggler::before{content:"";font-family:"Icons",sans-serif;font-size:var(--icon-size);line-height:1;top:50%;left:6px;position:absolute;margin-top:calc(var(--icon-size)/-2);width:var(--accordion-icon-width);text-align:center;padding-right:5px}.accordion .linklist>li>a.accordion-toggler.open::before,.accordion .accordion-toggler.open::before{content:""}.accordion .linklist>li>a.accordion-toggler:hover,.accordion .accordion-toggler:hover{background-color:var(--theme-color-secondary-dimmed)}.accordion .linklist>li>a.accordion-toggler.focus-visible:focus,.accordion .linklist>li>a.accordion-toggler:focus-visible,.accordion .linklist>li>a.accordion-toggler.-moz-focusring,.accordion .accordion-toggler.focus-visible:focus,.accordion .accordion-toggler:focus-visible,.accordion .accordion-toggler.-moz-focusring{z-index:1}.accordion .accordion-content{display:none;padding:1em 0;margin-left:calc(var(--accordion-icon-width)*-1)}.accordion .accordion-content>*:last-child{margin-bottom:.1em}.accordion .accordion-content>*:first-child{margin-top:0}.accordion[data-type=event] .accordion-content[id=js-event-berufs-info]{background-color:inherit}.accordion[data-type=event] .accordion-content[id^=js-event]{background-color:var(--theme-color-secondary-dimmed)}.accordion[data-type=event]>ul{border-bottom:0}.accordion[data-type=event]>ul>li::before{display:none}.accordion[data-type=event]>ul>li.open .accordion-toggler{color:var(--theme-color-primary)}.accordion[data-type=event]>ul>li+li{margin-top:.4em}.accordion[data-type=event] .accordion-toggler{position:relative;box-shadow:0 1px 0 0 var(--theme-color-primary-dimmed-02)}.accordion[data-type=event] .accordion-toggler:hover{color:var(--theme-color-primary)}.accordion[data-type=event] .accordion-toggler::before{position:absolute;left:0;top:0;bottom:0;background-color:var(--theme-color-primary);color:var(--theme-color-white);margin:-1px 0;text-align:center;display:flex;align-items:center;justify-content:center;padding:0;width:calc(var(--accordion-icon-width)*.75)}.accordion[data-type=event] .accordion-content{padding:0;border-top:1px solid var(--theme-color-primary-dimmed-02);border-bottom:1px solid var(--theme-color-primary-dimmed-02)}.accordion[data-type=event] .date-box{display:none}.accordion[data-type=event] .ev-title{font-weight:600}.accordion[data-type=event] .date-wrapper>div{display:inline-block;font-size:var(--font-size-small)}.accordion[data-type=event] .date-wrapper>div.date{font-size:var(--font-size-h4);margin-right:.3em;font-family:"Korb",sans-serif}.accordion[data-type=event] .event-details{display:flex;align-items:flex-start;padding:1em 0 1em calc(var(--accordion-icon-width) - 10px);margin:0 10px}.accordion[data-type=event] .event-details+.event-details{border-top:1px solid var(--theme-color-primary-dimmed-02)}.accordion[data-type=event] .event-details .event-locationlink>a{font-size:var(--font-size-small)}@media(max-width: 567px){.accordion[data-type=event] .event-details{flex-direction:column}}.accordion[data-type=event] .event-details.sign-up{align-items:center;top:1.2em;padding-bottom:1.2em}@media(max-width: 567px){.accordion[data-type=event] .event-details.sign-up{padding-top:1em}}.accordion[data-type=event] .event-details.sign-up .event-label,.accordion[data-type=event] .event-details.sign-up .event-content{width:100%}@media(min-width: 568px){.accordion[data-type=event] .event-details.sign-up .event-label,.accordion[data-type=event] .event-details.sign-up .event-content{flex:1 1 50%;max-width:50%}}.accordion[data-type=event] .event-details.sign-up p,.accordion[data-type=event] .event-details.sign-up .text{margin:0}.accordion[data-type=event] .event-details.sign-up .event-label{padding-top:2px}@media(max-width: 567px){.accordion[data-type=event] .event-details.sign-up .event-label::before{left:-1px}}.accordion[data-type=event] .event-details.sign-up .event-content{margin-top:1em;margin-bottom:.2em}@media(min-width: 568px){.accordion[data-type=event] .event-details.sign-up .event-content{margin:0;text-align:right}.accordion[data-type=event] .event-details.sign-up .event-content .btn{margin-right:10px}}.accordion[data-type=event] .event-label{position:relative;padding-right:20px;flex:1 1 100%}@media(min-width: 568px){.accordion[data-type=event] .event-label{flex:1 1 40%;max-width:40%}}@media(max-width: 767px){.accordion[data-type=event] .event-label{padding-left:30px}}.accordion[data-type=event] .event-label:before{font-family:"Icons",sans-serif;font-size:var(--icon-size);line-height:1;position:absolute;top:50%;margin-top:calc(var(--icon-size)/-2);left:calc(var(--accordion-icon-width)/-2.4 - var(--icon-size)/2)}@media(max-width: 567px){.accordion[data-type=event] .event-label:before{left:-2px}}.accordion[data-type=event] .event-label.icon-freie-plaetze:before{color:#2e8533}.accordion[data-type=event] .event-label.icon-geschlossen:before{color:#ea515a}.accordion[data-type=event] .event-label h4,.accordion[data-type=event] .event-label .like-h4{font-size:var(--font-size-copy);font-weight:700;margin:0}.accordion[data-type=event] .event-content{padding-right:20px;font-size:var(--font-size-small);flex:1 1 100%}@media(min-width: 568px){.accordion[data-type=event] .event-content{flex:1 1 60%;max-width:60%;padding-left:0}}@media(max-width: 767px){.accordion[data-type=event] .event-content{padding-right:10px;margin-top:.6em}}.accordion[data-type=event] .event-content>p:last-child,.accordion[data-type=event] .event-content>.text:last-child{margin-bottom:0}.accordion[data-type=event] .price .amount{font-family:var(--font-korb);font-size:var(--font-size-h2);line-height:1.2;font-weight:400;margin:1.4em -0.05em .6em;line-height:1.2;margin:0 .3em 0 -0.05em}.accordion[data-type=event] .price+p{margin-top:.6em}.accordion[data-type=event] .referees{position:relative;display:block;padding:0;list-style:none}.accordion[data-type=event] .referees.multiple-events>li{margin-bottom:20px}.accordion[data-type=event] .referees.multiple-events .referees{list-style:disc;padding-left:20px;margin-top:10px}.accordion[data-type=event] .referees .image-box{margin:.8em 0 .4em}.accordion[data-type=event] .referees .image-box img{max-width:100%;max-height:300px}.accordion[data-type=event] .referees>li>a{font-weight:600}.accordion[data-type=event] .referees>li>a:last-child{text-decoration:none;pointer-events:none}.accordion[data-type=event] .referees .referee-details{display:none;margin-bottom:1.2em}.accordion[data-type=event] .referees .referee-details:first-child:last-child{display:block}.a-z-content-wrapper .accordion[data-type=contacts],.a-z-content-wrapper .accordion{border-top:0;margin-top:2px;list-style-type:none}.a-z-content-wrapper .accordion>.linklist{margin-top:0}.a-z-content-wrapper .accordion>.linklist>li:first-child{border-top:0}',"",{version:3,sources:["webpack://./stories/components/accordion/accordion.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,WAGA,iCACE,CAAA,4BACA,CAAA,oCACA,CAAA,8BACA,CAAA,yBAEA,WANF,iCAOI,CAAA,oCACA,CAAA,CAAA,mCAGF,iBACE,CAAA,SACA,CAAA,eACA,CAAA,4DACA,CAAA,yBAEA,mCANF,0CAOI,CAAA,gDACA,CAAA,CAAA,yCAGF,wCACE,CAAA,iEAGF,yDACE,CAAA,eACA,CAAA,iHAaE,oDACE,CAAA,2CACA,CAAA,0EAMR,kJACE,CAAA,8CACA,CAAA,YACA,CAAA,kBACA,CAAA,iDACA,CAAA,qBACA,CAAA,oBACA,CAAA,iBACA,CAAA,kHCkGA,4GACE,CAAA,SACA,CAAA,8MAEF,4GACE,CAAA,SACA,CAAA,yBDrGF,0EAXF,4BAYI,CAAA,6CACA,CAAA,CAAA,0FAGF,WC+Je,CAAA,8BD7Jb,CAAA,0BACA,CAAA,aACA,CAAA,OACA,CAAA,QACA,CAAA,iBACA,CAAA,oCACA,CAAA,iCACA,CAAA,iBACA,CAAA,iBACA,CAAA,oGAGA,WCwIc,CAAA,sFDnIhB,oDACE,CAAA,gUAGF,SACE,CAAA,8BAIJ,YACE,CAAA,aAEA,CAAA,gDACA,CAAA,2CAEA,kBACE,CAAA,4CAEF,YACE,CAAA,wEAOJ,wBACE,CAAA,6DAEF,oDACE,CAAA,+BAEF,eACE,CAAA,0CAGE,YACE,CAAA,0DAIA,gCACE,CAAA,qCAIJ,eACE,CAAA,+CAKN,iBACE,CAAA,yDACA,CAAA,qDAEA,gCACE,CAAA,uDAGF,iBACE,CAAA,MACA,CAAA,KACA,CAAA,QACA,CAAA,2CACA,CAAA,8BACA,CAAA,aACA,CAAA,iBACA,CAAA,YACA,CAAA,kBACA,CAAA,sBACA,CAAA,SACA,CAAA,2CACA,CAAA,+CAIJ,SACE,CAAA,yDACA,CAAA,4DACA,CAAA,sCAGF,YACE,CAAA,sCAGF,eACE,CAAA,8CAIA,oBACE,CAAA,gCACA,CAAA,mDAEA,6BACE,CAAA,iBACA,CAAA,6BACA,CAAA,2CAKN,YACE,CAAA,sBACA,CAAA,0DACA,CAAA,aACA,CAAA,0DAEA,yDACE,CAAA,iEAGF,gCACE,CAAA,yBAGF,2CAdF,qBAeI,CAAA,CAAA,mDAGF,kBACE,CAAA,SACA,CAAA,oBACA,CAAA,yBAEA,mDALF,eAMI,CAAA,CAAA,kIAGF,UACE,CAAA,yBAEA,kIAHF,YAII,CAAA,aACA,CAAA,CAAA,8GAIJ,QACE,CAAA,gEAGF,eACE,CAAA,yBAEA,wEACE,SACE,CAAA,CAAA,kEAKN,cACE,CAAA,kBACA,CAAA,yBAEA,kEAJF,QAKI,CAAA,gBACA,CAAA,uEAEA,iBACE,CAAA,CAAA,yCAOV,iBACE,CAAA,kBACA,CAAA,aACA,CAAA,yBAEA,yCALF,YAMI,CAAA,aACA,CAAA,CAAA,yBAGF,yCAVF,iBAWI,CAAA,CAAA,gDAGF,8BACE,CAAA,0BACA,CAAA,aACA,CAAA,iBACA,CAAA,OACA,CAAA,oCACA,CAAA,gEACA,CAAA,yBAEA,gDATF,SAUI,CAAA,CAAA,mEAIJ,aACE,CAAA,iEAEF,aACE,CAAA,8FAGF,+BACE,CAAA,eACA,CAAA,QACA,CAAA,2CAIJ,kBACE,CAAA,gCACA,CAAA,aACA,CAAA,yBAEA,2CALF,YAMI,CAAA,aACA,CAAA,cACA,CAAA,CAAA,yBAGF,2CAXF,kBAYI,CAAA,eACA,CAAA,CAAA,oHAGF,eACE,CAAA,2CAIJ,4BCnTA,CAAA,6BACA,CAAA,eACA,CAAA,eACA,CAAA,yBACA,CAAA,eDiTE,CAAA,uBACA,CAAA,qCAGF,eACE,CAAA,sCAGF,iBACE,CAAA,aACA,CAAA,SACA,CAAA,eACA,CAAA,yDAGE,kBACE,CAAA,gEAEF,eACE,CAAA,iBACA,CAAA,eACA,CAAA,iDAIJ,kBACE,CAAA,qDAEA,cACE,CAAA,gBACA,CAAA,2CAIJ,eACE,CAAA,sDAEA,oBACE,CAAA,mBACA,CAAA,uDAIJ,YACE,CAAA,mBACA,CAAA,8EAEA,aACE,CAAA,oFAON,YACE,CAAA,cACA,CAAA,oBACA,CAAA,0CAIA,YACE,CAAA,yDAEA,YACE",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.accordion {\n --accordion-toggler-padding: 14px;\n --accordion-icon-width: 60px;\n --accordion-toggler-min-height: 79px;\n margin: var(--section-margin) 0;\n\n @media(max-width: 767px) {\n --accordion-toggler-padding: 12px;\n --accordion-toggler-min-height: 60px;\n }\n\n > .linklist, > ul {\n position: relative;\n padding: 0;\n list-style: none;\n border-bottom: 1px solid var(--theme-color-primary-dimmed-02);\n\n @media(max-width: 567px) {\n margin: 0 calc(var(--container-padding) * -1);\n --accordion-icon-width: var(--container-padding);\n }\n\n > li {\n padding-left: var(--accordion-icon-width);\n }\n\n > li.inAccordion {\n border-top: 1px solid var(--theme-color-primary-dimmed-02);\n margin-bottom: 0;\n /*\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 0.4em;\n background-color: var(--theme-color-secondary-dimmed);\n }\n */\n &.open {\n .accordion-toggler {\n background-color: var(--theme-color-secondary-dimmed);\n color: var(--theme-color-secondary-intensed);\n }\n }\n }\n }\n\n .linklist > li > a.accordion-toggler, .accordion-toggler {\n padding: var(--accordion-toggler-padding) var(--accordion-toggler-padding) calc(var(--accordion-toggler-padding) + 1px) var(--accordion-icon-width);\n min-height: var(--accordion-toggler-min-height);\n display: flex;\n align-items: center;\n margin: 0 0 0 calc(var(--accordion-icon-width) * -1);\n background-color: #fff;\n text-decoration: none;\n position: relative;\n @include focus-visible;\n\n @media(max-width: 567px) {\n --accordion-icon-width: 46px;\n margin-left: calc(var(--container-padding) * -1);\n }\n\n &::before {\n @include icon-plus;\n font-family: 'Icons', sans-serif;\n font-size: var(--icon-size);\n line-height: 1;\n top: 50%;\n left: 6px;\n position: absolute;\n margin-top: calc(var(--icon-size) / -2);\n width: var(--accordion-icon-width);\n text-align: center;\n padding-right: 5px;\n }\n &.open {\n &::before {\n @include icon-minus;\n }\n }\n\n &:hover {\n background-color: var(--theme-color-secondary-dimmed);\n }\n\n &.focus-visible:focus, &:focus-visible, &.-moz-focusring {\n z-index: 1;\n }\n }\n\n .accordion-content {\n display: none;\n //padding: 1em 0 1em var(--accordion-icon-width);\n padding: 1em 0;\n margin-left: calc(var(--accordion-icon-width) * -1);\n\n > *:last-child {\n margin-bottom: 0.1em;\n }\n > *:first-child {\n margin-top: 0;\n }\n }\n}\n\n.accordion[data-type='event'] {\n /* nur für antragosuche-details */\n .accordion-content[id=js-event-berufs-info] {\n background-color: inherit;\n }\n .accordion-content[id^=js-event] {\n background-color: var(--theme-color-secondary-dimmed);\n }\n > ul {\n border-bottom: 0;\n\n > li {\n &::before {\n display: none;\n }\n\n &.open {\n .accordion-toggler {\n color: var(--theme-color-primary);\n }\n }\n\n + li {\n margin-top: 0.4em;\n }\n }\n }\n\n .accordion-toggler {\n position: relative;\n box-shadow: 0 1px 0 0 var(--theme-color-primary-dimmed-02);\n\n &:hover {\n color: var(--theme-color-primary);\n }\n\n &::before {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n background-color: var(--theme-color-primary);\n color: var(--theme-color-white);\n margin: -1px 0;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n width: calc(var(--accordion-icon-width) * 0.75);\n }\n }\n\n .accordion-content {\n padding: 0;\n border-top: 1px solid var(--theme-color-primary-dimmed-02);\n border-bottom: 1px solid var(--theme-color-primary-dimmed-02);\n }\n\n .date-box {\n display: none;\n }\n\n .ev-title {\n font-weight: 600;\n }\n\n .date-wrapper {\n > div {\n display: inline-block;\n font-size: var(--font-size-small);\n\n &.date {\n font-size: var(--font-size-h4);\n margin-right: 0.3em;\n font-family: 'Korb', sans-serif;\n }\n }\n }\n\n .event-details {\n display: flex;\n align-items: flex-start;\n padding: 1em 0 1em calc(var(--accordion-icon-width) - 10px);\n margin: 0 10px;\n\n + .event-details {\n border-top: 1px solid var(--theme-color-primary-dimmed-02);\n }\n\n .event-locationlink > a {\n font-size: var(--font-size-small);\n }\n\n @media(max-width: 567px) {\n flex-direction: column;\n }\n\n &.sign-up {\n align-items: center;\n top: 1.2em;\n padding-bottom: 1.2em;\n\n @media(max-width: 567px) {\n padding-top: 1em;\n }\n\n .event-label, .event-content {\n width: 100%;\n\n @media (min-width: 568px) {\n flex: 1 1 50%;\n max-width: 50%;\n }\n }\n\n p, .text {\n margin: 0;\n }\n\n .event-label {\n padding-top: 2px;\n\n @media(max-width: 567px) {\n &::before {\n left: -1px;\n }\n }\n }\n\n .event-content {\n margin-top: 1em;\n margin-bottom: 0.2em;\n\n @media (min-width: 568px) {\n margin: 0;\n text-align: right;\n\n .btn {\n margin-right: 10px;\n }\n }\n }\n }\n }\n\n .event-label {\n position: relative;\n padding-right: 20px;\n flex: 1 1 100%;\n\n @media (min-width: 568px) {\n flex: 1 1 40%;\n max-width: 40%;\n }\n\n @media (max-width: 767px) {\n padding-left: 30px;\n }\n\n &:before {\n font-family: 'Icons', sans-serif;\n font-size: var(--icon-size);\n line-height: 1;\n position: absolute;\n top: 50%;\n margin-top: calc(var(--icon-size) / -2);\n left: calc(var(--accordion-icon-width) / -2.4 - var(--icon-size) / 2);\n\n @media (max-width: 567px) {\n left: -2px;\n }\n }\n\n &.icon-freie-plaetze:before {\n color: #2E8533;\n }\n &.icon-geschlossen:before {\n color: #EA515A;\n }\n\n h4, .like-h4 {\n font-size: var(--font-size-copy);\n font-weight: 700;\n margin: 0;\n }\n }\n\n .event-content {\n padding-right: 20px;\n font-size: var(--font-size-small);\n flex: 1 1 100%;\n\n @media (min-width: 568px) {\n flex: 1 1 60%;\n max-width: 60%;\n padding-left: 0;\n }\n\n @media(max-width: 767px) {\n padding-right: 10px;\n margin-top: 0.6em;\n }\n\n > p:last-child, > .text:last-child {\n margin-bottom: 0;\n }\n }\n\n .price .amount {\n @include h2;\n line-height: 1.2;\n margin: 0 0.3em 0 -0.05em;\n }\n\n .price + p {\n margin-top: 0.6em;\n }\n\n .referees {\n position: relative;\n display: block;\n padding: 0;\n list-style: none;\n\n &.multiple-events {\n > li {\n margin-bottom: 20px;\n }\n .referees {\n list-style: disc;\n padding-left: 20px;\n margin-top: 10px;\n }\n }\n\n .image-box {\n margin: 0.8em 0 0.4em;\n\n img {\n max-width: 100%;\n max-height: 300px;\n }\n }\n\n > li > a {\n font-weight: 600;\n\n &:last-child {\n text-decoration: none;\n pointer-events: none;\n }\n }\n\n .referee-details {\n display: none;\n margin-bottom: 1.2em;\n\n &:first-child:last-child {\n display: block;\n }\n }\n }\n}\n\n.a-z-content-wrapper {\n .accordion[data-type=\"contacts\"], .accordion {\n border-top: 0;\n margin-top: 2px;\n list-style-type: none;\n }\n\n .accordion {\n > .linklist {\n margin-top: 0;\n\n > li:first-child {\n border-top: 0;\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/8356.644dc410.iframe.bundle.js b/gfi-ihk-2024/storybook-static/8356.644dc410.iframe.bundle.js new file mode 100644 index 0000000..da537a7 --- /dev/null +++ b/gfi-ihk-2024/storybook-static/8356.644dc410.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[8356],{"./stories/components/accordion/AccordionComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{C:()=>createAccordion});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),accordion=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/accordion/accordion.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(accordion.Z,options);accordion.Z.locals;var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),AccordionData=__webpack_require__("./stories/components/accordion/AccordionData.js"),helpers=__webpack_require__("./stories/_global/scripts/helpers.js");__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.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");function _defineProperties(target,props){for(var i=0;i
Veranstaltungsort
',wrap);var location=(0,helpers.az)("div",["event-content"],null,wrap);(0,helpers.az)("div",["ev-title"],item.location.title,location),item.location.address.split("").map((function(line){(0,helpers.az)("div",["ev-text"],line,location)}))}if(item.speakers&&item.speakers.length>0){var _wrap=(0,helpers.az)("div",["event-details"],null,content);(0,helpers.az)("div",["event-label","icon-referent"],'
Referentinnen / Referenten',_wrap);var speakersWrapper=(0,helpers.az)("div",["event-content"],null,_wrap),speakersList=(0,helpers.az)("ul",["referees"],null,speakersWrapper);item.speakers.map((function(speaker,refIndex){var li=(0,helpers.az)("li",[],null,speakersList);if((0,helpers.az)("a",[],speaker.name,li).href="#referent-"+index+"-"+refIndex,speaker.img||speaker.info){var refDetails=(0,helpers.az)("div",["referee-details"],null,li);if(refDetails.id="referent-"+index+"-"+refIndex,speaker.img){var ib=(0,helpers.az)("div",["image-box"],null,refDetails);(0,helpers.Bi)(speaker.img,360,240,speaker.name,[],ib)}speaker.info&&(0,helpers.az)("div",["text-box"],"
"+speaker.info+"
",refDetails),refDetails.appendChild((0,ButtonComponent.a)({color:"primary-light",label:"Info schließen",size:"small"}))}}))}if(item.duration){var _wrap2=(0,helpers.az)("div",["event-details"],null,content);(0,helpers.az)("div",["event-label","icon-dauer"],'Veranstaltungsdauer',_wrap2),(0,helpers.az)("div",["event-content"],"
"+item.duration+"
",_wrap2)}if(item.prices&&item.prices.length>0){var _wrap3=(0,helpers.az)("div",["event-details"],null,content);(0,helpers.az)("div",["event-label","icon-preis"],'Preis',_wrap3);var pricesWrap=(0,helpers.az)("div",["event-content"],null,_wrap3);item.prices.map((function(price){var priceDiv=(0,helpers.az)("div",["price"],null,pricesWrap);(0,helpers.az)("span",["amount"],price.price,priceDiv),(0,helpers.az)("span",[],price.label,priceDiv)})),item.priceDetails&&(0,helpers.az)("p",[],item.priceDetails,pricesWrap)}var bookingWrap=(0,helpers.az)("div",["event-details","sign-up"],null,content);(0,helpers.az)("div",["event-label","icon-"+item.status.type],item.status.label,bookingWrap),(0,helpers.az)("div",["event-content"],null,bookingWrap).appendChild((0,ButtonComponent.a)({label:"Jetzt anmelden",icon:"small-arrow-right-simple",iconPosition:"icon-right"}))})),jquery_default()(document).ready((function(){new components_accordion_accordion(jquery_default()(accordion))})),accordion}},"./stories/components/accordion/AccordionData.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{P:()=>EventAccordionData,l:()=>AccordionData});var AccordionData=[{title:"Vel facere placeat cupiditate odio",id:"accordion-01",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.
"},{title:"Lorem ipsum dolor sit amet",id:"accordion-02",content:"Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
"},{title:"Labore tenetur similique quia, tempore Lorem ipsum dolor sit amet facere placeat cupiditate odio",id:"accordion-03",content:'At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
'}],EventAccordionData=[{date:"27.08.2023",time:"15:00 - 16:30 Uhr",location:{title:"IHK Musterstadt",address:"Hartmut-Wilhelm-Straße 24-2612345 Musterstadt
Telefon: 01234-56789"},speakers:[{name:"Dr. Marianne Musterfrau",img:"./dummy/placeholder-3-2.svg",info:"Coach, Trainerin und Unternehmensberaterin mit Expertise in den Bereichen Handel, Einzelhandel und Dienstleistung. Sie betreut unter anderem kleine und mittelständische Unternehmen in den Bereichen Vertrieb, Marketing und Events."},{name:"Martin Muster",img:null,info:null}],duration:"Vollzeitlehrgang, 64 Unterrichtsstunden",prices:[{price:"90,00 €",label:"inkl. MwSt."},{price:"60,00 €",label:"für IHK Mitglieder, inkl. MwSt."}],priceDetails:"Der Preis gilt pro Veranstaltungsteilnehmer. Bitte geben Sie im Nachrichtenfeld des Anmeldeformulars die Rechnungsadresse Ihrer Begleitung an, wenn Sie sich als Privatperson anmelden.",status:{type:"freie-plaetze",label:"freie Plätze vorhanden"}},{date:"03.09.2023",time:"15:00 - 16:30 Uhr",location:{title:"IHK Musterstadt",address:"Online-Seminar"},speakers:[],duration:"ca. 1 Stunde",prices:[{price:"kostenlos",label:""}],priceDetails:null,status:{type:"geschlossen",label:"Anmeldefrist abgelaufen"}}]},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/accordion/accordion.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,'.accordion{--accordion-toggler-padding: 14px;--accordion-icon-width: 60px;--accordion-toggler-min-height: 79px;margin:var(--section-margin) 0}@media(max-width: 767px){.accordion{--accordion-toggler-padding: 12px;--accordion-toggler-min-height: 60px}}.accordion>.linklist,.accordion>ul{position:relative;padding:0;list-style:none;border-bottom:1px solid var(--theme-color-primary-dimmed-02)}.richtext .accordion>.linklist,.richtext .accordion>ul{padding:0;margin:0}@media(max-width: 567px){.accordion>.linklist,.accordion>ul{margin:0 calc(var(--container-padding)*-1);--accordion-icon-width: var(--container-padding)}}.accordion>.linklist>li,.accordion>ul>li{padding-left:var(--accordion-icon-width)}.accordion>.linklist>li.inAccordion,.accordion>ul>li.inAccordion{border-top:1px solid var(--theme-color-primary-dimmed-02);margin-bottom:0}.accordion>.linklist>li.inAccordion.open .accordion-toggler,.accordion>ul>li.inAccordion.open .accordion-toggler{background-color:var(--theme-color-secondary-dimmed);color:var(--theme-color-secondary-intensed)}.accordion .linklist>li>a.accordion-toggler,.accordion .accordion-toggler{padding:var(--accordion-toggler-padding) var(--accordion-toggler-padding) calc(var(--accordion-toggler-padding) + 1px) var(--accordion-icon-width);min-height:var(--accordion-toggler-min-height);display:flex;align-items:center;margin:0 0 0 calc(var(--accordion-icon-width)*-1);background-color:#fff;text-decoration:none;position:relative}.accordion .linklist>li>a.accordion-toggler.focus-visible:focus,.accordion .accordion-toggler.focus-visible:focus{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}.accordion .linklist>li>a.accordion-toggler:focus-visible,.accordion .linklist>li>a.accordion-toggler.-moz-focusring,.accordion .accordion-toggler:focus-visible,.accordion .accordion-toggler.-moz-focusring{box-shadow:0 0 0 2px var(--theme-color-secondary-intensed),0 0 8px 2px var(--theme-color-secondary-intensed);outline:0}@media(max-width: 567px){.accordion .linklist>li>a.accordion-toggler,.accordion .accordion-toggler{--accordion-icon-width: 46px;margin-left:calc(var(--container-padding)*-1)}}.accordion .linklist>li>a.accordion-toggler::before,.accordion .accordion-toggler::before{content:"";font-family:"Icons",sans-serif;font-size:var(--icon-size);line-height:1;top:50%;left:6px;position:absolute;margin-top:calc(var(--icon-size)/-2);width:var(--accordion-icon-width);text-align:center;padding-right:5px}.accordion .linklist>li>a.accordion-toggler.open::before,.accordion .accordion-toggler.open::before{content:""}.accordion .linklist>li>a.accordion-toggler:hover,.accordion .accordion-toggler:hover{background-color:var(--theme-color-secondary-dimmed)}.accordion .linklist>li>a.accordion-toggler.focus-visible:focus,.accordion .linklist>li>a.accordion-toggler:focus-visible,.accordion .linklist>li>a.accordion-toggler.-moz-focusring,.accordion .accordion-toggler.focus-visible:focus,.accordion .accordion-toggler:focus-visible,.accordion .accordion-toggler.-moz-focusring{z-index:1}.accordion .accordion-content{display:none;padding:1em 0;margin-left:calc(var(--accordion-icon-width)*-1)}.accordion .accordion-content>*:last-child{margin-bottom:.1em}.accordion .accordion-content>*:first-child{margin-top:0}.accordion[data-type=event] .accordion-content[id=js-event-berufs-info]{background-color:inherit}.accordion[data-type=event] .accordion-content[id^=js-event]{background-color:var(--theme-color-secondary-dimmed)}.accordion[data-type=event]>ul{border-bottom:0}.accordion[data-type=event]>ul>li::before{display:none}.accordion[data-type=event]>ul>li.open .accordion-toggler{color:var(--theme-color-primary)}.accordion[data-type=event]>ul>li+li{margin-top:.4em}.accordion[data-type=event] .accordion-toggler{position:relative;box-shadow:0 1px 0 0 var(--theme-color-primary-dimmed-02)}.accordion[data-type=event] .accordion-toggler:hover{color:var(--theme-color-primary)}.accordion[data-type=event] .accordion-toggler::before{position:absolute;left:0;top:0;bottom:0;background-color:var(--theme-color-primary);color:var(--theme-color-white);margin:-1px 0;text-align:center;display:flex;align-items:center;justify-content:center;padding:0;width:calc(var(--accordion-icon-width)*.75)}.accordion[data-type=event] .accordion-content{padding:0;border-top:1px solid var(--theme-color-primary-dimmed-02);border-bottom:1px solid var(--theme-color-primary-dimmed-02)}.accordion[data-type=event] .date-box{display:none}.accordion[data-type=event] .ev-title{font-weight:600}.accordion[data-type=event] .date-wrapper>div{display:inline-block;font-size:var(--font-size-small)}.accordion[data-type=event] .date-wrapper>div.date{font-size:var(--font-size-h4);margin-right:.3em;font-family:"Korb",sans-serif}.accordion[data-type=event] .event-details{display:flex;align-items:flex-start;padding:1em 0 1em calc(var(--accordion-icon-width) - 10px);margin:0 10px}.accordion[data-type=event] .event-details+.event-details{border-top:1px solid var(--theme-color-primary-dimmed-02)}.accordion[data-type=event] .event-details .event-locationlink>a{font-size:var(--font-size-small)}@media(max-width: 567px){.accordion[data-type=event] .event-details{flex-direction:column}}.accordion[data-type=event] .event-details.sign-up{align-items:center;top:1.2em;padding-bottom:1.2em}@media(max-width: 567px){.accordion[data-type=event] .event-details.sign-up{padding-top:1em}}.accordion[data-type=event] .event-details.sign-up .event-label,.accordion[data-type=event] .event-details.sign-up .event-content{width:100%}@media(min-width: 568px){.accordion[data-type=event] .event-details.sign-up .event-label,.accordion[data-type=event] .event-details.sign-up .event-content{flex:1 1 50%;max-width:50%}}.accordion[data-type=event] .event-details.sign-up p,.accordion[data-type=event] .event-details.sign-up .text{margin:0}.accordion[data-type=event] .event-details.sign-up .event-label{padding-top:2px}@media(max-width: 567px){.accordion[data-type=event] .event-details.sign-up .event-label::before{left:-1px}}.accordion[data-type=event] .event-details.sign-up .event-content{margin-top:1em;margin-bottom:.2em}@media(min-width: 568px){.accordion[data-type=event] .event-details.sign-up .event-content{margin:0;text-align:right}.accordion[data-type=event] .event-details.sign-up .event-content .btn{margin-right:10px}}.accordion[data-type=event] .event-label{position:relative;padding-right:20px;flex:1 1 100%}@media(min-width: 568px){.accordion[data-type=event] .event-label{flex:1 1 40%;max-width:40%}}@media(max-width: 767px){.accordion[data-type=event] .event-label{padding-left:30px}}.accordion[data-type=event] .event-label:before{font-family:"Icons",sans-serif;font-size:var(--icon-size);line-height:1;position:absolute;top:50%;margin-top:calc(var(--icon-size)/-2);left:calc(var(--accordion-icon-width)/-2.4 - var(--icon-size)/2)}@media(max-width: 567px){.accordion[data-type=event] .event-label:before{left:-2px}}.accordion[data-type=event] .event-label.icon-freie-plaetze:before{color:#2e8533}.accordion[data-type=event] .event-label.icon-geschlossen:before{color:#ea515a}.accordion[data-type=event] .event-label h4,.accordion[data-type=event] .event-label .like-h4{font-size:var(--font-size-copy);font-weight:700;margin:0}.accordion[data-type=event] .event-content{padding-right:20px;font-size:var(--font-size-small);flex:1 1 100%}@media(min-width: 568px){.accordion[data-type=event] .event-content{flex:1 1 60%;max-width:60%;padding-left:0}}@media(max-width: 767px){.accordion[data-type=event] .event-content{padding-right:10px;margin-top:.6em}}.accordion[data-type=event] .event-content>p:last-child,.accordion[data-type=event] .event-content>.text:last-child{margin-bottom:0}.accordion[data-type=event] .price .amount{font-family:var(--font-korb);font-size:var(--font-size-h2);line-height:1.2;font-weight:400;margin:1.4em -0.05em .6em;line-height:1.2;margin:0 .3em 0 -0.05em}.accordion[data-type=event] .price+p{margin-top:.6em}.accordion[data-type=event] .referees{position:relative;display:block;padding:0;list-style:none}.accordion[data-type=event] .referees.multiple-events>li{margin-bottom:20px}.accordion[data-type=event] .referees.multiple-events .referees{list-style:disc;padding-left:20px;margin-top:10px}.accordion[data-type=event] .referees .image-box{margin:.8em 0 .4em}.accordion[data-type=event] .referees .image-box img{max-width:100%;max-height:300px}.accordion[data-type=event] .referees>li>a{font-weight:600}.accordion[data-type=event] .referees>li>a:last-child{text-decoration:none;pointer-events:none}.accordion[data-type=event] .referees .referee-details{display:none;margin-bottom:1.2em}.accordion[data-type=event] .referees .referee-details:first-child:last-child{display:block}.a-z-content-wrapper .accordion[data-type=contacts],.a-z-content-wrapper .accordion{border-top:0;margin-top:2px;list-style-type:none}.a-z-content-wrapper .accordion>.linklist{margin-top:0}.a-z-content-wrapper .accordion>.linklist>li:first-child{border-top:0}',"",{version:3,sources:["webpack://./stories/components/accordion/accordion.scss","webpack://./stories/_global/styles/_mixins.scss"],names:[],mappings:"AAAA,WAGA,iCACE,CAAA,4BACA,CAAA,oCACA,CAAA,8BACA,CAAA,yBAEA,WANF,iCAOI,CAAA,oCACA,CAAA,CAAA,mCAGF,iBACE,CAAA,SACA,CAAA,eACA,CAAA,4DACA,CAAA,uDAEA,SACE,CAAA,QACA,CAAA,yBAGF,mCAXF,0CAYI,CAAA,gDACA,CAAA,CAAA,yCAGF,wCACE,CAAA,iEAGF,yDACE,CAAA,eACA,CAAA,iHAaE,oDACE,CAAA,2CACA,CAAA,0EAMR,kJACE,CAAA,8CACA,CAAA,YACA,CAAA,kBACA,CAAA,iDACA,CAAA,qBACA,CAAA,oBACA,CAAA,iBACA,CAAA,kHC6GA,4GACE,CAAA,SACA,CAAA,8MAEF,4GACE,CAAA,SACA,CAAA,yBDhHF,0EAXF,4BAYI,CAAA,6CACA,CAAA,CAAA,0FAGF,WC0Ke,CAAA,8BDxKb,CAAA,0BACA,CAAA,aACA,CAAA,OACA,CAAA,QACA,CAAA,iBACA,CAAA,oCACA,CAAA,iCACA,CAAA,iBACA,CAAA,iBACA,CAAA,oGAGA,WCmJc,CAAA,sFD9IhB,oDACE,CAAA,gUAGF,SACE,CAAA,8BAIJ,YACE,CAAA,aAEA,CAAA,gDACA,CAAA,2CAEA,kBACE,CAAA,4CAEF,YACE,CAAA,wEAOJ,wBACE,CAAA,6DAEF,oDACE,CAAA,+BAEF,eACE,CAAA,0CAGE,YACE,CAAA,0DAIA,gCACE,CAAA,qCAIJ,eACE,CAAA,+CAKN,iBACE,CAAA,yDACA,CAAA,qDAEA,gCACE,CAAA,uDAGF,iBACE,CAAA,MACA,CAAA,KACA,CAAA,QACA,CAAA,2CACA,CAAA,8BACA,CAAA,aACA,CAAA,iBACA,CAAA,YACA,CAAA,kBACA,CAAA,sBACA,CAAA,SACA,CAAA,2CACA,CAAA,+CAIJ,SACE,CAAA,yDACA,CAAA,4DACA,CAAA,sCAGF,YACE,CAAA,sCAGF,eACE,CAAA,8CAIA,oBACE,CAAA,gCACA,CAAA,mDAEA,6BACE,CAAA,iBACA,CAAA,6BACA,CAAA,2CAKN,YACE,CAAA,sBACA,CAAA,0DACA,CAAA,aACA,CAAA,0DAEA,yDACE,CAAA,iEAGF,gCACE,CAAA,yBAGF,2CAdF,qBAeI,CAAA,CAAA,mDAGF,kBACE,CAAA,SACA,CAAA,oBACA,CAAA,yBAEA,mDALF,eAMI,CAAA,CAAA,kIAGF,UACE,CAAA,yBAEA,kIAHF,YAII,CAAA,aACA,CAAA,CAAA,8GAIJ,QACE,CAAA,gEAGF,eACE,CAAA,yBAEA,wEACE,SACE,CAAA,CAAA,kEAKN,cACE,CAAA,kBACA,CAAA,yBAEA,kEAJF,QAKI,CAAA,gBACA,CAAA,uEAEA,iBACE,CAAA,CAAA,yCAOV,iBACE,CAAA,kBACA,CAAA,aACA,CAAA,yBAEA,yCALF,YAMI,CAAA,aACA,CAAA,CAAA,yBAGF,yCAVF,iBAWI,CAAA,CAAA,gDAGF,8BACE,CAAA,0BACA,CAAA,aACA,CAAA,iBACA,CAAA,OACA,CAAA,oCACA,CAAA,gEACA,CAAA,yBAEA,gDATF,SAUI,CAAA,CAAA,mEAIJ,aACE,CAAA,iEAEF,aACE,CAAA,8FAGF,+BACE,CAAA,eACA,CAAA,QACA,CAAA,2CAIJ,kBACE,CAAA,gCACA,CAAA,aACA,CAAA,yBAEA,2CALF,YAMI,CAAA,aACA,CAAA,cACA,CAAA,CAAA,yBAGF,2CAXF,kBAYI,CAAA,eACA,CAAA,CAAA,oHAGF,eACE,CAAA,2CAIJ,4BCxTA,CAAA,6BACA,CAAA,eACA,CAAA,eACA,CAAA,yBACA,CAAA,eDsTE,CAAA,uBACA,CAAA,qCAGF,eACE,CAAA,sCAGF,iBACE,CAAA,aACA,CAAA,SACA,CAAA,eACA,CAAA,yDAGE,kBACE,CAAA,gEAEF,eACE,CAAA,iBACA,CAAA,eACA,CAAA,iDAIJ,kBACE,CAAA,qDAEA,cACE,CAAA,gBACA,CAAA,2CAIJ,eACE,CAAA,sDAEA,oBACE,CAAA,mBACA,CAAA,uDAIJ,YACE,CAAA,mBACA,CAAA,8EAEA,aACE,CAAA,oFAON,YACE,CAAA,cACA,CAAA,oBACA,CAAA,0CAIA,YACE,CAAA,yDAEA,YACE",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.accordion {\n --accordion-toggler-padding: 14px;\n --accordion-icon-width: 60px;\n --accordion-toggler-min-height: 79px;\n margin: var(--section-margin) 0;\n\n @media(max-width: 767px) {\n --accordion-toggler-padding: 12px;\n --accordion-toggler-min-height: 60px;\n }\n\n > .linklist, > ul {\n position: relative;\n padding: 0;\n list-style: none;\n border-bottom: 1px solid var(--theme-color-primary-dimmed-02);\n\n .richtext & {\n padding: 0;\n margin: 0;\n }\n\n @media(max-width: 567px) {\n margin: 0 calc(var(--container-padding) * -1);\n --accordion-icon-width: var(--container-padding);\n }\n\n > li {\n padding-left: var(--accordion-icon-width);\n }\n\n > li.inAccordion {\n border-top: 1px solid var(--theme-color-primary-dimmed-02);\n margin-bottom: 0;\n /*\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 0.4em;\n background-color: var(--theme-color-secondary-dimmed);\n }\n */\n &.open {\n .accordion-toggler {\n background-color: var(--theme-color-secondary-dimmed);\n color: var(--theme-color-secondary-intensed);\n }\n }\n }\n }\n\n .linklist > li > a.accordion-toggler, .accordion-toggler {\n padding: var(--accordion-toggler-padding) var(--accordion-toggler-padding) calc(var(--accordion-toggler-padding) + 1px) var(--accordion-icon-width);\n min-height: var(--accordion-toggler-min-height);\n display: flex;\n align-items: center;\n margin: 0 0 0 calc(var(--accordion-icon-width) * -1);\n background-color: #fff;\n text-decoration: none;\n position: relative;\n @include focus-visible;\n\n @media(max-width: 567px) {\n --accordion-icon-width: 46px;\n margin-left: calc(var(--container-padding) * -1);\n }\n\n &::before {\n @include icon-plus;\n font-family: 'Icons', sans-serif;\n font-size: var(--icon-size);\n line-height: 1;\n top: 50%;\n left: 6px;\n position: absolute;\n margin-top: calc(var(--icon-size) / -2);\n width: var(--accordion-icon-width);\n text-align: center;\n padding-right: 5px;\n }\n &.open {\n &::before {\n @include icon-minus;\n }\n }\n\n &:hover {\n background-color: var(--theme-color-secondary-dimmed);\n }\n\n &.focus-visible:focus, &:focus-visible, &.-moz-focusring {\n z-index: 1;\n }\n }\n\n .accordion-content {\n display: none;\n //padding: 1em 0 1em var(--accordion-icon-width);\n padding: 1em 0;\n margin-left: calc(var(--accordion-icon-width) * -1);\n\n > *:last-child {\n margin-bottom: 0.1em;\n }\n > *:first-child {\n margin-top: 0;\n }\n }\n}\n\n.accordion[data-type='event'] {\n /* nur für antragosuche-details */\n .accordion-content[id=js-event-berufs-info] {\n background-color: inherit;\n }\n .accordion-content[id^=js-event] {\n background-color: var(--theme-color-secondary-dimmed);\n }\n > ul {\n border-bottom: 0;\n\n > li {\n &::before {\n display: none;\n }\n\n &.open {\n .accordion-toggler {\n color: var(--theme-color-primary);\n }\n }\n\n + li {\n margin-top: 0.4em;\n }\n }\n }\n\n .accordion-toggler {\n position: relative;\n box-shadow: 0 1px 0 0 var(--theme-color-primary-dimmed-02);\n\n &:hover {\n color: var(--theme-color-primary);\n }\n\n &::before {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n background-color: var(--theme-color-primary);\n color: var(--theme-color-white);\n margin: -1px 0;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n width: calc(var(--accordion-icon-width) * 0.75);\n }\n }\n\n .accordion-content {\n padding: 0;\n border-top: 1px solid var(--theme-color-primary-dimmed-02);\n border-bottom: 1px solid var(--theme-color-primary-dimmed-02);\n }\n\n .date-box {\n display: none;\n }\n\n .ev-title {\n font-weight: 600;\n }\n\n .date-wrapper {\n > div {\n display: inline-block;\n font-size: var(--font-size-small);\n\n &.date {\n font-size: var(--font-size-h4);\n margin-right: 0.3em;\n font-family: 'Korb', sans-serif;\n }\n }\n }\n\n .event-details {\n display: flex;\n align-items: flex-start;\n padding: 1em 0 1em calc(var(--accordion-icon-width) - 10px);\n margin: 0 10px;\n\n + .event-details {\n border-top: 1px solid var(--theme-color-primary-dimmed-02);\n }\n\n .event-locationlink > a {\n font-size: var(--font-size-small);\n }\n\n @media(max-width: 567px) {\n flex-direction: column;\n }\n\n &.sign-up {\n align-items: center;\n top: 1.2em;\n padding-bottom: 1.2em;\n\n @media(max-width: 567px) {\n padding-top: 1em;\n }\n\n .event-label, .event-content {\n width: 100%;\n\n @media (min-width: 568px) {\n flex: 1 1 50%;\n max-width: 50%;\n }\n }\n\n p, .text {\n margin: 0;\n }\n\n .event-label {\n padding-top: 2px;\n\n @media(max-width: 567px) {\n &::before {\n left: -1px;\n }\n }\n }\n\n .event-content {\n margin-top: 1em;\n margin-bottom: 0.2em;\n\n @media (min-width: 568px) {\n margin: 0;\n text-align: right;\n\n .btn {\n margin-right: 10px;\n }\n }\n }\n }\n }\n\n .event-label {\n position: relative;\n padding-right: 20px;\n flex: 1 1 100%;\n\n @media (min-width: 568px) {\n flex: 1 1 40%;\n max-width: 40%;\n }\n\n @media (max-width: 767px) {\n padding-left: 30px;\n }\n\n &:before {\n font-family: 'Icons', sans-serif;\n font-size: var(--icon-size);\n line-height: 1;\n position: absolute;\n top: 50%;\n margin-top: calc(var(--icon-size) / -2);\n left: calc(var(--accordion-icon-width) / -2.4 - var(--icon-size) / 2);\n\n @media (max-width: 567px) {\n left: -2px;\n }\n }\n\n &.icon-freie-plaetze:before {\n color: #2E8533;\n }\n &.icon-geschlossen:before {\n color: #EA515A;\n }\n\n h4, .like-h4 {\n font-size: var(--font-size-copy);\n font-weight: 700;\n margin: 0;\n }\n }\n\n .event-content {\n padding-right: 20px;\n font-size: var(--font-size-small);\n flex: 1 1 100%;\n\n @media (min-width: 568px) {\n flex: 1 1 60%;\n max-width: 60%;\n padding-left: 0;\n }\n\n @media(max-width: 767px) {\n padding-right: 10px;\n margin-top: 0.6em;\n }\n\n > p:last-child, > .text:last-child {\n margin-bottom: 0;\n }\n }\n\n .price .amount {\n @include h2;\n line-height: 1.2;\n margin: 0 0.3em 0 -0.05em;\n }\n\n .price + p {\n margin-top: 0.6em;\n }\n\n .referees {\n position: relative;\n display: block;\n padding: 0;\n list-style: none;\n\n &.multiple-events {\n > li {\n margin-bottom: 20px;\n }\n .referees {\n list-style: disc;\n padding-left: 20px;\n margin-top: 10px;\n }\n }\n\n .image-box {\n margin: 0.8em 0 0.4em;\n\n img {\n max-width: 100%;\n max-height: 300px;\n }\n }\n\n > li > a {\n font-weight: 600;\n\n &:last-child {\n text-decoration: none;\n pointer-events: none;\n }\n }\n\n .referee-details {\n display: none;\n margin-bottom: 1.2em;\n\n &:first-child:last-child {\n display: block;\n }\n }\n }\n}\n\n.a-z-content-wrapper {\n .accordion[data-type=\"contacts\"], .accordion {\n border-top: 0;\n margin-top: 2px;\n list-style-type: none;\n }\n\n .accordion {\n > .linklist {\n margin-top: 0;\n\n > li:first-child {\n border-top: 0;\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 font-size: 12px;\n text-align: left;\n line-height: 1.2;\n z-index: 2;\n transform-origin: 0 100%;\n transform: rotate(-90deg);\n transition: 0.3s ease;\n\n color: white;\n text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);\n width: calc(66.6% + 7px);\n padding: 8px 18px;\n\n //color: var(--theme-color-white);\n //text-shadow: -2px 2px 0 #000;\n //padding: 2px 6px 2px 4px;\n //background: #012d59;\n //white-space: nowrap;\n //max-width: calc(66.6% + 7px);\n //overflow: hidden;\n //\n //@media(max-width: 767px) {\n // font-size: 10px;\n // max-width: 100%;\n //}\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/8523.6ada7bf3.iframe.bundle.js b/gfi-ihk-2024/storybook-static/8523.6ada7bf3.iframe.bundle.js deleted file mode 100644 index 8a7b0e3..0000000 --- a/gfi-ihk-2024/storybook-static/8523.6ada7bf3.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[8523],{"./stories/_global/scripts/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{az:()=>createElement,Bi:()=>createImage,Ok:()=>createSidebarPage,uf:()=>formatNumber,eY:()=>getUrlParam,ES:()=>getUrlVars});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.url.js"),__webpack_require__("./node_modules/core-js/modules/web.url-search-params.js");var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),HeaderComponent=__webpack_require__("./stories/components/header/HeaderComponent.js"),FooterComponent=__webpack_require__("./stories/components/footer/FooterComponent.js"),PageDetailsComponent=__webpack_require__("./stories/components/page-details/PageDetailsComponent.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");function _defineProperties(target,props){for(var i=0;i
Musterstraße 12-18
54321 Muster":_ref$address,_ref$mail=_ref.mail,mail=void 0===_ref$mail?"info@musterstadt.ihk.de":_ref$mail,_ref$phone=_ref.phone,phone=void 0===_ref$phone?"12345 / 6789 - 0":_ref$phone,_ref$accessibility=_ref.accessibility,accessibility=void 0===_ref$accessibility?[{name:"Gebärdensprache",link:"#",icon:"icon-gebaerdensprache"},{name:"Leichte Sprache",link:"#",icon:"icon-leichte-sprache"},{name:"Erklärung zur Barrierefreiheit",link:"#",icon:"icon-barrierefreiheit"}]:_ref$accessibility,_ref$legalText=_ref.legalText,legalText=void 0===_ref$legalText?"
© Industrie- und Handelskammer Musterstast
\nFür die Richtigkeit der in dieser Website enthaltenen Angaben können wir trotz sorgfältiger Prüfung keine Gewähr übernehmen. Bei den verlinkten externen Seiten handelt es sich ausschließlich um fremde Inhalte, für die wir keine Haftung übernehmen und deren Inhalt wir uns nicht zu eigen machen.
":_ref$legalText,_ref$legalNav=_ref.legalNav,legalNav=void 0===_ref$legalNav?["Impressum","Datenschutzerklärung","Pflichtinformationen nach der DSGVO"]:_ref$legalNav,footer=(0,helpers.az)("footer",["page-footer"]),container=(0,helpers.az)("div",["container"],null,footer),rowContact=(0,helpers.az)("div",["row","contact"],null,container),rowSocial=(0,helpers.az)("div",["row","social"],null,container),rowAccessibility=(0,helpers.az)("div",["row","barrier-free"],null,container),rowCopyright=(0,helpers.az)("div",["row","copyright"],null,container),rowLegal=(0,helpers.az)("div",["row","legal-nav"],null,container),contactCol1=(0,helpers.az)("div",["col"],null,rowContact);(0,helpers.az)("p",["like-h2"],contactHeadline,contactCol1);var contactCol2=(0,helpers.az)("div",["col"],null,rowContact);(0,helpers.az)("h6",[],"Unsere Anschrift",contactCol2),(0,helpers.az)("p",[],address,contactCol2),contactCol2.appendChild((0,ButtonComponent.a)({color:"white",label:"IHK wechseln",iconPosition:"icon-right",icon:"ihk-wechseln"}));var contactCol3=(0,helpers.az)("div",["col"],null,rowContact);(0,helpers.az)("h6",[],"So erreichen Sie uns",contactCol3);var contactUl=(0,helpers.az)("ul",["contact-list"],null,contactCol3),contacts={mail,phone};for(var property in contacts){var li=(0,helpers.az)("li",[property],null,contactUl);(0,helpers.az)("a","mail"===property?["email"]:["mobile","phone"],contacts[property],li).href="mail"===property?"mailto:"+mail:"tel:"+phone}(0,helpers.az)("div",["col"],null,rowSocial).appendChild((0,SocialIconsComponent.C)({icons:SocialIconsData.W,title:""}));var accCol=(0,helpers.az)("div",["col"],null,rowAccessibility),accList=(0,helpers.az)("ul",[],null,accCol);accessibility.map((function(item){var li=(0,helpers.az)("li",[item.icon],null,accList);(0,helpers.az)("a",[],item.name,li).href=item.link})),(0,helpers.az)("div",["col"],legalText,rowCopyright).id="page-footer-copyright";(0,helpers.az)("div",["col"],null,rowCopyright);var legalCol=(0,helpers.az)("div",["col"],null,rowLegal);legalCol.id="page-footer-legal";var legalNavUl=(0,helpers.az)("ul",[],null,legalCol);return legalNav.map((function(item){var li=(0,helpers.az)("li",[],null,legalNavUl);(0,helpers.az)("a",[],item,li).href="#"})),footer}},"./stories/components/header-search/HeaderSearchComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>createHeaderSearch});__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),header_search=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/header-search/header-search.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(header_search.Z,options);header_search.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),SearchInputComponent=__webpack_require__("./stories/atoms/search-input/SearchInputComponent.js"),SearchButtonComponent=__webpack_require__("./stories/atoms/search-button/SearchButtonComponent.js"),SecondaryMenuComponent=__webpack_require__("./stories/atoms/secondary-menu/SecondaryMenuComponent.js");var createHeaderSearch=function createHeaderSearch(_ref){!function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref);var form=(0,helpers.az)("form",["header-search"]);form.action="#";var container=(0,helpers.az)("div",["container","small"],null,form),outer=(0,helpers.az)("div",["outer"],null,container);(0,helpers.az)("label",["visually-hidden"],"Suchbegriff",outer).for="header-search";var field=(0,SearchInputComponent.K)({typeahead:!1,placeholder:"Hier Ihr Thema finden",id:"header-search"}),button=(0,SearchButtonComponent.K)({});return outer.appendChild(field),outer.appendChild(button),(0,helpers.az)("div",["form-nav"],null,form).appendChild((0,SecondaryMenuComponent.Q)({})),form}},"./stories/components/header/HeaderComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{d:()=>createHeader});__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),header=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/header/header.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(header.Z,options);header.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery);__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.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.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/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.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;iLeider nichts gefunden
'].join("\n"),suggestion:function suggestion(e){return''+e.name+''+(e.zips?e.zips.join(", "):" ")+"
"}}};t.zipInput=t.form.find("#zipSwitchInput"),t.zipInput.typeahead({highlight:!0,ttl_ms:0,minLength:5},src),t.zipInput.bind("typeahead:selected",(function(e,item,sourceName){item&&(t.myLocation||(t.myLocation={}),t.setMyLocationAsObj(item),t.setCookie(),t.initSuccess())})),t.form.on("mouseenter",".tt-suggestion",(function(){$(".marker#ihk-"+$(this).attr("data-id")).addClass("hover").siblings("hover").removeClass("hover")})),t.form.on("mouseleave",".tt-suggestion",(function(){$(".marker#ihk-"+$(this).attr("data-id")).removeClass("hover")}))}},{key:"initForm",value:function initForm(){this.section.attr("data-show-step","form"),this.initTypeahead()}},{key:"initSetCurrentIHK",value:function initSetCurrentIHK(){var _this4=this;this.section.attr("data-show-step","form"),this.section.find(".stay-here").on("click",(function(){_this4.getCurrentIhkAndSetCookie(!1),_this4.hideSwitch()})),this.section.find(".set-session-cookie").on("click",(function(){_this4.setSessionStorageCookie(),_this4.hideSwitch()}))}},{key:"setMyLocationAsObj",value:function setMyLocationAsObj(item){this.myLocation={city:item.city,country:item.country,ihknr:item.ihknr,zip:item.zip,distance:item.distance||0,geodata:item.geodata,homepage:item.homepage,key:item.key,longname:item.longname,name:item.name}}},{key:"initSwitch",value:function initSwitch(){var myIHK,_this5=this,currIHK=parseInt(this.section.find(".current-ihk").attr("data-ihknr")),myihkCookie=Cookies.get("my-ihk");this.myLocation&&this.myLocation.ihknr&&this.ihkList?myIHK=this.ihkList.find((function(ihk){return ihk.ihknr===_this5.myLocation.ihknr})):myihkCookie&&(myIHK=JSON.parse(myihkCookie),this.myLocation=myIHK),myIHK&&myIHK.ihknr&&currIHK!==myIHK.ihknr?(this.section.find(".my-ihk").text(myIHK.longname),this.section.attr("data-show-step","switch")):this.hideSwitch(),this.section.find(".stay-here").on("click",(function(){_this5.getCurrentIhkAndSetCookie(!1),_this5.hideSwitch()})),this.section.find(".set-session-cookie").on("click",(function(){_this5.setSessionStorageCookie(),_this5.hideSwitch()}))}},{key:"setSessionStorageCookie",value:function setSessionStorageCookie(){try{window.sessionStorage.setItem("my-ihk-ignore","true")}catch(e){console.info("Unable to set session Storage cookie, ",e)}}},{key:"getCurrentIhkAndSetCookie",value:function getCurrentIhkAndSetCookie(withReload){var _this6=this;this.getIhkList().then((function(){var myIHK,currIHK=parseInt(_this6.section.find(".current-ihk").attr("data-ihknr"));myIHK=_this6.ihkList.find((function(ihk){return ihk.ihknr===currIHK})),_this6.setMyLocationAsObj(myIHK),_this6.setCookie(),withReload&&window.location.reload()}))}},{key:"initSuccess",value:function initSuccess(){var _this7=this;this.section.attr("data-show-step","success"),this.myLocation&&this.myLocation.homepage&&setTimeout((function(){window.location=_this7.myLocation.homepage}),2e3)}},{key:"initGeolocation",value:function initGeolocation(){var _this8=this,t=this;navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(pos){_this8.getIhkList(pos)}),(function(err){_this8.locationError(err)})),this.section.find(".change-location").on("click",(function(){t.initForm()})),this.section.find(".accept-location").on("click",(function(){t.setCookie()})),this.section.find(".toggle-location-info").on("click",(function(e){e.preventDefault(),t.section.find("#location-info").slideToggle(250,"swing")}))}},{key:"locationError",value:function locationError(){this.section.attr("data-show-step","form"),this.initForm()}},{key:"setCookie",value:function setCookie(){try{this.myLocation&&(Cookies.set("my-ihk",JSON.stringify(this.myLocation).toString(),{expires:365}),Cookies.set("ihknr",this.myLocation.ihknr,{expires:365}))}catch(e){console.log("Unable to set cookie")}this.initSwitch()}},{key:"calculateDistance",value:function calculateDistance(ihk,currentPosition){var p=.017453292519943295,c=Math.cos,a=.5-c((ihk.latitude-currentPosition.latitude)*p)/2+c(currentPosition.latitude*p)*c(ihk.latitude*p)*(1-c((ihk.longitude-currentPosition.longitude)*p))/2;return 12742*Math.asin(Math.sqrt(a))}},{key:"getIhkList",value:function getIhkList(position){var _this9=this;return $.getJSON(this.ihklListUrl,(function(response){response.jsonResponse&&200===response.status&&(_this9.ihkList=response.jsonResponse,position&&_this9.showGeolocationStep(position))}))}},{key:"showGeolocationStep",value:function showGeolocationStep(position){var t=this;t.setNearestIhkFromJson(position),t.section.find(".my-location").text(t.nearestIhk.zip+" "+t.nearestIhk.city),t.setMyLocationAsObj(t.nearestIhk),t.section.find(".my-ihk").text("IHK "+t.nearestIhk.name),t.section.attr("data-show-step","geolocation")}},{key:"setNearestIhkFromJson",value:function setNearestIhkFromJson(position){var t=this;$.each(t.ihkList,(function(index,ihk){var distance=t.calculateDistance(ihk.geodata,position.coords);t.nearestIhk?t.nearestIhk.distance>distance&&(ihk.distance=distance,t.nearestIhk=ihk):(ihk.distance=distance,t.nearestIhk=ihk)}))}}]),IHKSwitch}();const components_ihk_switch_ihk_switch=IHKSwitch;$("body").on("ihk-init",(function(){$(".ihk-switch:not(.initialized)").each((function(el){new IHKSwitch($(el))}))}));var ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),InputTextComponent=__webpack_require__("./stories/atoms/input-text/InputTextComponent.js"),IHKSwitchComponent_Cookies=(__webpack_require__("./stories/atoms/search-button/SearchButtonComponent.js"),__webpack_require__("./node_modules/js-cookie/dist/js.cookie.js")),createIhkSwitch=function createIhkSwitch(_ref){var _ref$currentIHK=_ref.currentIHK,currentIHK=void 0===_ref$currentIHK?"Musterstadt":_ref$currentIHK,_ref$myIHK=_ref.myIHK,myIHK=void 0===_ref$myIHK?"Hamburg":_ref$myIHK,_ref$zip=_ref.zip,zip=void 0!==_ref$zip&&_ref$zip,_ref$zipPlaceholder=_ref.zipPlaceholder,zipPlaceholder=void 0===_ref$zipPlaceholder?"z.B. 20146 Hamburg":_ref$zipPlaceholder,wrap=(0,helpers.az)("div",["ihk-switch"]),step1=(0,helpers.az)("div",["step"],null,wrap);if(zip){(0,helpers.az)("button",["closer"],null,wrap),step1.dataset.step="zip",(0,helpers.az)("p",[],"Geben Sie Ihre Postleitzahl ein, um zu dem Angebot Ihrer IHK zu gelangen:",step1);var inputWrapper=(0,helpers.az)("div",["input-wrapper"],null,step1);inputWrapper.appendChild((0,InputTextComponent.$)({placeholder:zipPlaceholder,isRequired:!0,id:"switch-zip",name:"switch-zip"})),inputWrapper.appendChild((0,ButtonComponent.a)({label:"",link:"#",iconPosition:"icon-inline",icon:"lokalisierung"})),step1.appendChild(buildOKButton())}else{var step2=(0,helpers.az)("div",["step"],null,wrap),step3=(0,helpers.az)("div",["step"],null,wrap),p1='Sie befinden sich auf der Seite der '+currentIHK+". Möchten Sie diese Seite in einem Cookie als Ihre Heimat-IHK setzen?",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?",p3='Sie werden zum Angebot der '+myIHK+" weitergeleitet.";(0,helpers.az)("button",["closer"],null,wrap),step1.dataset.step="form",(0,helpers.az)("p",[],p1,step1),step1.appendChild(buildButtons()),step2.dataset.step="switch",(0,helpers.az)("p",[],p2,step2),step2.appendChild(buildButtons()),step3.dataset.step="success",(0,helpers.az)("p",[],p3,step3),window.sessionStorage.removeItem("my-ihk-ignore"),IHKSwitchComponent_Cookies.remove("my-ihk",{expires:365})}return jquery_default()(document).ready((function(){new components_ihk_switch_ihk_switch(jquery_default()(wrap))})),wrap},buildButtons=function buildButtons(){var buttons=(0,helpers.az)("div",["buttons"]),yes=(0,ButtonComponent.a)({elementType:"button",label:"Ja",color:"primary-extra-light"}),no=(0,ButtonComponent.a)({elementType:"button",label:"Nein",color:"primary-extra-light"});return yes.classList.add("stay-here"),no.classList.add("set-session-cookie"),buttons.appendChild(yes),buttons.appendChild(no),buttons},buildOKButton=function buildOKButton(){var buttons=(0,helpers.az)("div",["buttons","align-right"]),ok=(0,ButtonComponent.a)({elementType:"button",label:"OK",color:"secondary",icon:"check",iconPosition:"icon-right"});return ok.classList.add("stay-here"),buttons.appendChild(ok),buttons}},"./stories/components/nav/NavComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>createNav});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),nav=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/nav/nav.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(nav.Z,options);nav.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");__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.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.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.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;iMusterstraße 12-18
54321 Muster":_ref$address,_ref$mail=_ref.mail,mail=void 0===_ref$mail?"info@musterstadt.ihk.de":_ref$mail,_ref$phone=_ref.phone,phone=void 0===_ref$phone?"12345 / 6789 - 0":_ref$phone,_ref$accessibility=_ref.accessibility,accessibility=void 0===_ref$accessibility?[{name:"Gebärdensprache",link:"#",icon:"icon-gebaerdensprache"},{name:"Leichte Sprache",link:"#",icon:"icon-leichte-sprache"},{name:"Erklärung zur Barrierefreiheit",link:"#",icon:"icon-barrierefreiheit"}]:_ref$accessibility,_ref$legalText=_ref.legalText,legalText=void 0===_ref$legalText?"
© Industrie- und Handelskammer Musterstast
\nFür die Richtigkeit der in dieser Website enthaltenen Angaben können wir trotz sorgfältiger Prüfung keine Gewähr übernehmen. Bei den verlinkten externen Seiten handelt es sich ausschließlich um fremde Inhalte, für die wir keine Haftung übernehmen und deren Inhalt wir uns nicht zu eigen machen.
":_ref$legalText,_ref$legalNav=_ref.legalNav,legalNav=void 0===_ref$legalNav?["Impressum","Datenschutzerklärung","Pflichtinformationen nach der DSGVO"]:_ref$legalNav,footer=(0,helpers.az)("footer",["page-footer"]),container=(0,helpers.az)("div",["container"],null,footer),rowContact=(0,helpers.az)("div",["row","contact"],null,container),rowSocial=(0,helpers.az)("div",["row","social"],null,container),rowAccessibility=(0,helpers.az)("div",["row","barrier-free"],null,container),rowCopyright=(0,helpers.az)("div",["row","copyright"],null,container),rowLegal=(0,helpers.az)("div",["row","legal-nav"],null,container),contactCol1=(0,helpers.az)("div",["col"],null,rowContact);(0,helpers.az)("p",["like-h2"],contactHeadline,contactCol1);var contactCol2=(0,helpers.az)("div",["col"],null,rowContact);(0,helpers.az)("h6",[],"Unsere Anschrift",contactCol2),(0,helpers.az)("p",[],address,contactCol2),contactCol2.appendChild((0,ButtonComponent.a)({color:"white",label:"IHK wechseln",iconPosition:"icon-right",icon:"ihk-wechseln"}));var contactCol3=(0,helpers.az)("div",["col"],null,rowContact);(0,helpers.az)("h6",[],"So erreichen Sie uns",contactCol3);var contactUl=(0,helpers.az)("ul",["contact-list"],null,contactCol3),contacts={mail,phone};for(var property in contacts){var li=(0,helpers.az)("li",[property],null,contactUl);(0,helpers.az)("a","mail"===property?["email"]:["mobile","phone"],contacts[property],li).href="mail"===property?"mailto:"+mail:"tel:"+phone}(0,helpers.az)("div",["col"],null,rowSocial).appendChild((0,SocialIconsComponent.C)({icons:SocialIconsData.W,title:""}));var accCol=(0,helpers.az)("div",["col"],null,rowAccessibility),accList=(0,helpers.az)("ul",[],null,accCol);accessibility.map((function(item){var li=(0,helpers.az)("li",[item.icon],null,accList);(0,helpers.az)("a",[],item.name,li).href=item.link})),(0,helpers.az)("div",["col"],legalText,rowCopyright).id="page-footer-copyright";(0,helpers.az)("div",["col"],null,rowCopyright);var legalCol=(0,helpers.az)("nav",["col"],null,rowLegal);legalCol.id="page-footer-legal",legalCol.ariaLabel="Navigation Fußzeile";var legalNavUl=(0,helpers.az)("ul",[],null,legalCol);return legalNav.map((function(item){var li=(0,helpers.az)("li",[],null,legalNavUl);(0,helpers.az)("a",[],item,li).href="#"})),footer}},"./stories/components/header-search/HeaderSearchComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>createHeaderSearch});__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),header_search=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/header-search/header-search.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(header_search.Z,options);header_search.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),SearchInputComponent=__webpack_require__("./stories/atoms/search-input/SearchInputComponent.js"),SearchButtonComponent=__webpack_require__("./stories/atoms/search-button/SearchButtonComponent.js"),SecondaryMenuComponent=__webpack_require__("./stories/atoms/secondary-menu/SecondaryMenuComponent.js");var createHeaderSearch=function createHeaderSearch(_ref){!function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref);var form=(0,helpers.az)("form",["header-search"]);form.action="#";var container=(0,helpers.az)("div",["container","small"],null,form),outer=(0,helpers.az)("div",["outer"],null,container);(0,helpers.az)("label",["visually-hidden"],"Suchbegriff",outer).for="header-search";var field=(0,SearchInputComponent.K)({typeahead:!1,placeholder:"Hier Ihr Thema finden",id:"header-search"}),button=(0,SearchButtonComponent.K)({});return outer.appendChild(field),outer.appendChild(button),(0,helpers.az)("div",["form-nav"],null,form).appendChild((0,SecondaryMenuComponent.Q)({})),form}},"./stories/components/header/HeaderComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{d:()=>createHeader});__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),header=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/header/header.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(header.Z,options);header.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery);__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.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.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/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.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;iLeider nichts gefunden
'].join("\n"),suggestion:function suggestion(e){return''+e.name+''+(e.zips?e.zips.join(", "):" ")+"
"}}};t.zipInput=t.form.find("#zipSwitchInput"),t.zipInput.typeahead({highlight:!0,ttl_ms:0,minLength:5},src),t.zipInput.bind("typeahead:selected",(function(e,item,sourceName){item&&(t.myLocation||(t.myLocation={}),t.setMyLocationAsObj(item),t.setCookie(),t.initSuccess())})),t.form.on("mouseenter",".tt-suggestion",(function(){$(".marker#ihk-"+$(this).attr("data-id")).addClass("hover").siblings("hover").removeClass("hover")})),t.form.on("mouseleave",".tt-suggestion",(function(){$(".marker#ihk-"+$(this).attr("data-id")).removeClass("hover")}))}},{key:"initForm",value:function initForm(){this.section.attr("data-show-step","form"),this.initTypeahead()}},{key:"initSetCurrentIHK",value:function initSetCurrentIHK(){var _this4=this;this.section.attr("data-show-step","form"),this.section.find(".stay-here").on("click",(function(){_this4.getCurrentIhkAndSetCookie(!1),_this4.hideSwitch()})),this.section.find(".set-session-cookie").on("click",(function(){_this4.setSessionStorageCookie(),_this4.hideSwitch()}))}},{key:"setMyLocationAsObj",value:function setMyLocationAsObj(item){this.myLocation={city:item.city,country:item.country,ihknr:item.ihknr,zip:item.zip,distance:item.distance||0,geodata:item.geodata,homepage:item.homepage,key:item.key,longname:item.longname,name:item.name}}},{key:"initSwitch",value:function initSwitch(){var myIHK,_this5=this,currIHK=parseInt(this.section.find(".current-ihk").attr("data-ihknr")),myihkCookie=Cookies.get("my-ihk");this.myLocation&&this.myLocation.ihknr&&this.ihkList?myIHK=this.ihkList.find((function(ihk){return ihk.ihknr===_this5.myLocation.ihknr})):myihkCookie&&(myIHK=JSON.parse(myihkCookie),this.myLocation=myIHK),myIHK&&myIHK.ihknr&&currIHK!==myIHK.ihknr?(this.section.find(".my-ihk").text(myIHK.longname),this.section.attr("data-show-step","switch")):this.hideSwitch(),this.section.find(".stay-here").on("click",(function(){_this5.getCurrentIhkAndSetCookie(!1),_this5.hideSwitch()})),this.section.find(".set-session-cookie").on("click",(function(){_this5.setSessionStorageCookie(),_this5.hideSwitch()}))}},{key:"setSessionStorageCookie",value:function setSessionStorageCookie(){try{window.sessionStorage.setItem("my-ihk-ignore","true")}catch(e){console.info("Unable to set session Storage cookie, ",e)}}},{key:"getCurrentIhkAndSetCookie",value:function getCurrentIhkAndSetCookie(withReload){var _this6=this;this.getIhkList().then((function(){var myIHK,currIHK=parseInt(_this6.section.find(".current-ihk").attr("data-ihknr"));myIHK=_this6.ihkList.find((function(ihk){return ihk.ihknr===currIHK})),_this6.setMyLocationAsObj(myIHK),_this6.setCookie(),withReload&&window.location.reload()}))}},{key:"initSuccess",value:function initSuccess(){var _this7=this;this.section.attr("data-show-step","success"),this.myLocation&&this.myLocation.homepage&&setTimeout((function(){window.location=_this7.myLocation.homepage}),2e3)}},{key:"initGeolocation",value:function initGeolocation(){var _this8=this,t=this;navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(pos){_this8.getIhkList(pos)}),(function(err){_this8.locationError(err)})),this.section.find(".change-location").on("click",(function(){t.initForm()})),this.section.find(".accept-location").on("click",(function(){t.setCookie()})),this.section.find(".toggle-location-info").on("click",(function(e){e.preventDefault(),t.section.find("#location-info").slideToggle(250,"swing")}))}},{key:"locationError",value:function locationError(){this.section.attr("data-show-step","form"),this.initForm()}},{key:"setCookie",value:function setCookie(){try{this.myLocation&&(Cookies.set("my-ihk",JSON.stringify(this.myLocation).toString(),{expires:365}),Cookies.set("ihknr",this.myLocation.ihknr,{expires:365}))}catch(e){console.log("Unable to set cookie")}this.initSwitch()}},{key:"calculateDistance",value:function calculateDistance(ihk,currentPosition){var p=.017453292519943295,c=Math.cos,a=.5-c((ihk.latitude-currentPosition.latitude)*p)/2+c(currentPosition.latitude*p)*c(ihk.latitude*p)*(1-c((ihk.longitude-currentPosition.longitude)*p))/2;return 12742*Math.asin(Math.sqrt(a))}},{key:"getIhkList",value:function getIhkList(position){var _this9=this;return $.getJSON(this.ihklListUrl,(function(response){response.jsonResponse&&200===response.status&&(_this9.ihkList=response.jsonResponse,position&&_this9.showGeolocationStep(position))}))}},{key:"showGeolocationStep",value:function showGeolocationStep(position){var t=this;t.setNearestIhkFromJson(position),t.section.find(".my-location").text(t.nearestIhk.zip+" "+t.nearestIhk.city),t.setMyLocationAsObj(t.nearestIhk),t.section.find(".my-ihk").text("IHK "+t.nearestIhk.name),t.section.attr("data-show-step","geolocation")}},{key:"setNearestIhkFromJson",value:function setNearestIhkFromJson(position){var t=this;$.each(t.ihkList,(function(index,ihk){var distance=t.calculateDistance(ihk.geodata,position.coords);t.nearestIhk?t.nearestIhk.distance>distance&&(ihk.distance=distance,t.nearestIhk=ihk):(ihk.distance=distance,t.nearestIhk=ihk)}))}}]),IHKSwitch}();const components_ihk_switch_ihk_switch=IHKSwitch;$("body").on("ihk-init",(function(){$(".ihk-switch:not(.initialized)").each((function(el){new IHKSwitch($(el))}))}));var ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),InputTextComponent=__webpack_require__("./stories/atoms/input-text/InputTextComponent.js"),IHKSwitchComponent_Cookies=(__webpack_require__("./stories/atoms/search-button/SearchButtonComponent.js"),__webpack_require__("./node_modules/js-cookie/dist/js.cookie.js")),createIhkSwitch=function createIhkSwitch(_ref){var _ref$currentIHK=_ref.currentIHK,currentIHK=void 0===_ref$currentIHK?"Musterstadt":_ref$currentIHK,_ref$myIHK=_ref.myIHK,myIHK=void 0===_ref$myIHK?"Hamburg":_ref$myIHK,_ref$zip=_ref.zip,zip=void 0!==_ref$zip&&_ref$zip,_ref$zipPlaceholder=_ref.zipPlaceholder,zipPlaceholder=void 0===_ref$zipPlaceholder?"z.B. 20146 Hamburg":_ref$zipPlaceholder,wrap=(0,helpers.az)("div",["ihk-switch"]),step1=(0,helpers.az)("div",["step"],null,wrap);if(zip){(0,helpers.az)("button",["closer"],null,wrap),step1.dataset.step="zip",(0,helpers.az)("p",[],"Geben Sie Ihre Postleitzahl ein, um zu dem Angebot Ihrer IHK zu gelangen:",step1);var inputWrapper=(0,helpers.az)("div",["input-wrapper"],null,step1);inputWrapper.appendChild((0,InputTextComponent.$)({placeholder:zipPlaceholder,isRequired:!0,id:"switch-zip",name:"switch-zip"})),inputWrapper.appendChild((0,ButtonComponent.a)({label:"",link:"#",iconPosition:"icon-inline",icon:"lokalisierung"})),step1.appendChild(buildOKButton())}else{var step2=(0,helpers.az)("div",["step"],null,wrap),step3=(0,helpers.az)("div",["step"],null,wrap),p1='Sie befinden sich auf der Seite der '+currentIHK+". Möchten Sie diese Seite in einem Cookie als Ihre Heimat-IHK setzen?",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?",p3='Sie werden zum Angebot der '+myIHK+" weitergeleitet.";(0,helpers.az)("button",["closer"],null,wrap),step1.dataset.step="form",(0,helpers.az)("p",[],p1,step1),step1.appendChild(buildButtons()),step2.dataset.step="switch",(0,helpers.az)("p",[],p2,step2),step2.appendChild(buildButtons()),step3.dataset.step="success",(0,helpers.az)("p",[],p3,step3),window.sessionStorage.removeItem("my-ihk-ignore"),IHKSwitchComponent_Cookies.remove("my-ihk",{expires:365})}return jquery_default()(document).ready((function(){new components_ihk_switch_ihk_switch(jquery_default()(wrap))})),wrap},buildButtons=function buildButtons(){var buttons=(0,helpers.az)("div",["buttons"]),yes=(0,ButtonComponent.a)({elementType:"button",label:"Ja",color:"primary-extra-light"}),no=(0,ButtonComponent.a)({elementType:"button",label:"Nein",color:"primary-extra-light"});return yes.classList.add("stay-here"),no.classList.add("set-session-cookie"),buttons.appendChild(yes),buttons.appendChild(no),buttons},buildOKButton=function buildOKButton(){var buttons=(0,helpers.az)("div",["buttons","align-right"]),ok=(0,ButtonComponent.a)({elementType:"button",label:"OK",color:"secondary",icon:"check",iconPosition:"icon-right"});return ok.classList.add("stay-here"),buttons.appendChild(ok),buttons}},"./stories/components/nav/NavComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>createNav});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),nav=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/nav/nav.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(nav.Z,options);nav.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");__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.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.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.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;iIhre Daten wurden erfolgreich hochgeladen.
"):$(".mwf-upload").html("Es ist ein Fehler aufgetreten: "+result.errors+"
")})).fail((function(jqXHR,textStatus,errorThrown){$(".mwf-upload").html("Es ist ein Fehler aufgetreten: "+errorThrown+"
")})).always((function(result,textStatus,jqXHR){filelist=[]}))}))}}},{key:"initPrintDialog",value:function initPrintDialog(){-1!==window.location.href.indexOf("print=true")&&-1!==window.location.href.indexOf("printsrc=button")&&void 0!==window.print&&(console.log("print load"),__webpack_require__.g.$("body").trigger("lazyload-gallery-image"),setTimeout((function(){requestAnimationFrame((function(){window.print()}))}),1e3))}},{key:"initEmptyAnchorLinks",value:function initEmptyAnchorLinks(){$(".main-col .richtext .detail-text a[href='']").attr("href","/")}}]),UiUtils}(),es=__webpack_require__("./node_modules/detect-browser/es/index.js"),is_mobile=__webpack_require__("./node_modules/is-mobile/index.js"),is_mobile_default=__webpack_require__.n(is_mobile);__webpack_require__("./node_modules/focus-visible/dist/focus-visible.js");function ihk_defineProperties(target,props){for(var i=0;i"+visitUs+"
":null,wrapper),icons=(0,SocialIconsComponent.C)({title:visitUs});iconWrapper.appendChild(icons);var textBox=(0,helpers.az)("div",["text-box"],null,wrapper);return kicker&&kicker.length>0&&(0,helpers.az)("span",["kicker"],kicker,textBox),headline&&headline.length>0&&(0,helpers.az)("h2",[],headline,textBox),copy&©.length>0&&(0,helpers.az)("p",[],copy,textBox),(0,helpers.az)("div",["social-box"],null,wrapper).innerHTML='',section}},"./stories/sections/topic-teasers/TopicTeasersComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{N:()=>createTopicTeasersSection});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),topic_teasers=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/topic-teasers/topic-teasers.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(topic_teasers.Z,options);topic_teasers.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"),Topics=[{title:"Alles für Gründer",icon:"Foundation"},{title:"Alles Wichtige zum Brexit",icon:"Brexit"},{title:"Schwerpunktthema Digitalisierung",icon:"Roboter"},{title:"Schwerpunktthema Nachfolge",icon:"Uebergabe"},{title:"Alle wichtigen Infos zum Corona-Virus",icon:"Virus"},{title:"Alles für Auszubildende",icon:"Wissen"}],TopicsWithLinklist=[{title:"Alles für Gründer",icon:"Foundation"},{title:"Schwerpunktthema Digitalisierung",icon:"Roboter"},{title:"Schwerpunktthema Nachfolge",icon:"Uebergabe"}],TopicTeaserComponent=__webpack_require__("./stories/components/topic-teaser/TopicTeaserComponent.js");__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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;i"+visitUs+"
":null,wrapper),icons=(0,SocialIconsComponent.C)({title:visitUs});iconWrapper.appendChild(icons);var textBox=(0,helpers.az)("div",["text-box"],null,wrapper);return kicker&&kicker.length>0&&(0,helpers.az)("span",["kicker"],kicker,textBox),headline&&headline.length>0&&(0,helpers.az)("h2",[],headline,textBox),copy&©.length>0&&(0,helpers.az)("p",[],copy,textBox),(0,helpers.az)("div",["social-box"],null,wrapper).innerHTML='',section}},"./stories/sections/topic-teasers/TopicTeasersComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{N:()=>createTopicTeasersSection});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),topic_teasers=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/topic-teasers/topic-teasers.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(topic_teasers.Z,options);topic_teasers.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"),Topics=[{title:"Alles für Gründer",icon:"Foundation"},{title:"Alles Wichtige zum Brexit",icon:"Brexit"},{title:"Schwerpunktthema Digitalisierung",icon:"Roboter"},{title:"Schwerpunktthema Nachfolge",icon:"Uebergabe"},{title:"Alle wichtigen Infos zum Corona-Virus",icon:"Virus"},{title:"Alles für Auszubildende",icon:"Wissen"}],TopicsWithLinklist=[{title:"Alles für Gründer",icon:"Foundation"},{title:"Schwerpunktthema Digitalisierung",icon:"Roboter"},{title:"Schwerpunktthema Nachfolge",icon:"Uebergabe"}],TopicTeaserComponent=__webpack_require__("./stories/components/topic-teaser/TopicTeaserComponent.js");__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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;i"+visitUs+"
":null,wrapper),icons=(0,SocialIconsComponent.C)({title:visitUs});iconWrapper.appendChild(icons);var textBox=(0,helpers.az)("div",["text-box"],null,wrapper);return kicker&&kicker.length>0&&(0,helpers.az)("span",["kicker"],kicker,textBox),headline&&headline.length>0&&(0,helpers.az)("h2",[],headline,textBox),copy&©.length>0&&(0,helpers.az)("p",[],copy,textBox),(0,helpers.az)("div",["social-box"],null,wrapper).innerHTML='',section}},"./stories/sections/topic-teasers/TopicTeasersComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{N:()=>createTopicTeasersSection});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),topic_teasers=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/topic-teasers/topic-teasers.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(topic_teasers.Z,options);topic_teasers.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"),Topics=[{title:"Alles für Gründer",icon:"Foundation"},{title:"Alles Wichtige zum Brexit",icon:"Brexit"},{title:"Schwerpunktthema Digitalisierung",icon:"Roboter"},{title:"Schwerpunktthema Nachfolge",icon:"Uebergabe"},{title:"Alle wichtigen Infos zum Corona-Virus",icon:"Virus"},{title:"Alles für Auszubildende",icon:"Wissen"}],TopicsWithLinklist=[{title:"Alles für Gründer",icon:"Foundation"},{title:"Schwerpunktthema Digitalisierung",icon:"Roboter"},{title:"Schwerpunktthema Nachfolge",icon:"Uebergabe"}],TopicTeaserComponent=__webpack_require__("./stories/components/topic-teaser/TopicTeaserComponent.js");__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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;i"+visitUs+"
":null,wrapper),icons=(0,SocialIconsComponent.C)({title:visitUs});iconWrapper.appendChild(icons);var textBox=(0,helpers.az)("div",["text-box"],null,wrapper);return kicker&&kicker.length>0&&(0,helpers.az)("span",["kicker"],kicker,textBox),headline&&headline.length>0&&(0,helpers.az)("h2",[],headline,textBox),copy&©.length>0&&(0,helpers.az)("p",[],copy,textBox),(0,helpers.az)("div",["social-box"],null,wrapper).innerHTML='',section}},"./stories/sections/topic-teasers/TopicTeasersComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{N:()=>createTopicTeasersSection});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),topic_teasers=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/topic-teasers/topic-teasers.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(topic_teasers.Z,options);topic_teasers.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"),Topics=[{title:"Alles für Gründer",icon:"Foundation"},{title:"Alles Wichtige zum Brexit",icon:"Brexit"},{title:"Schwerpunktthema Digitalisierung",icon:"Roboter"},{title:"Schwerpunktthema Nachfolge",icon:"Uebergabe"},{title:"Alle wichtigen Infos zum Corona-Virus",icon:"Virus"},{title:"Alles für Auszubildende",icon:"Wissen"}],TopicsWithLinklist=[{title:"Alles für Gründer",icon:"Foundation"},{title:"Schwerpunktthema Digitalisierung",icon:"Roboter"},{title:"Schwerpunktthema Nachfolge",icon:"Uebergabe"}],TopicTeaserComponent=__webpack_require__("./stories/components/topic-teaser/TopicTeaserComponent.js");__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.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;i