july fixes

gfi-ihk-2024/public/dummy/placeholder-1-1.svg

@@ -0,0 +1,13 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="500" height="500" fill="#E3EBF5"/>
+<rect width="500" height="500" fill="url(#paint0_linear_938_1530)" fill-opacity="0.2"/>
+<g opacity="0.2">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M190 194C181.163 194 174 201.163 174 210V291C174 299.837 181.163 307 190 307H309C317.837 307 325 299.837 325 291V210C325 201.163 317.837 194 309 194H190ZM242 222.5C242 229.404 236.404 235 229.5 235C222.596 235 217 229.404 217 222.5C217 215.596 222.596 210 229.5 210C236.404 210 242 215.596 242 222.5ZM272.432 230.995C270.445 228.105 266.177 228.105 264.19 230.995L236.954 270.622L222.609 249.928C220.621 247.059 216.379 247.059 214.391 249.928L193.44 280.152C191.142 283.467 193.515 288 197.55 288H225.01H249H302.109C306.134 288 308.509 283.485 306.229 280.168L272.432 230.995Z" fill="#003366"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_938_1530" x1="250" y1="0" x2="250" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#003366" stop-opacity="0.5"/>
+<stop offset="1" stop-color="#003366"/>
+</linearGradient>
+</defs>
+</svg>

gfi-ihk-2024/public/dummy/placeholder-2-3.svg

@@ -0,0 +1,13 @@
+<svg width="500" height="667" viewBox="0 0 500 667" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="500" height="667" fill="#E3EBF5"/>
+<rect width="500" height="667" fill="url(#paint0_linear_938_1567)" fill-opacity="0.2"/>
+<g opacity="0.2">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M190 278C181.163 278 174 285.163 174 294V375C174 383.837 181.163 391 190 391H309C317.837 391 325 383.837 325 375V294C325 285.163 317.837 278 309 278H190ZM242 306.5C242 313.404 236.404 319 229.5 319C222.596 319 217 313.404 217 306.5C217 299.596 222.596 294 229.5 294C236.404 294 242 299.596 242 306.5ZM272.432 314.995C270.445 312.105 266.177 312.105 264.19 314.995L236.954 354.622L222.609 333.928C220.621 331.059 216.379 331.059 214.391 333.928L193.44 364.152C191.142 367.467 193.515 372 197.55 372H225.01H249H302.108C306.134 372 308.509 367.485 306.229 364.168L272.432 314.995Z" fill="#003366"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_938_1567" x1="250" y1="0" x2="250" y2="667" gradientUnits="userSpaceOnUse">
+<stop stop-color="#003366" stop-opacity="0.5"/>
+<stop offset="1" stop-color="#003366"/>
+</linearGradient>
+</defs>
+</svg>

gfi-ihk-2024/public/dummy/placeholder-3-2.svg

@@ -0,0 +1,13 @@
+<svg width="667" height="500" viewBox="0 0 667 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="667" height="500" fill="#E3EBF5"/>
+<rect width="667" height="500" fill="url(#paint0_linear_938_1549)" fill-opacity="0.2"/>
+<g opacity="0.2">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M274 194C265.163 194 258 201.163 258 210V291C258 299.837 265.163 307 274 307H393C401.837 307 409 299.837 409 291V210C409 201.163 401.837 194 393 194H274ZM326 222.5C326 229.404 320.404 235 313.5 235C306.596 235 301 229.404 301 222.5C301 215.596 306.596 210 313.5 210C320.404 210 326 215.596 326 222.5ZM356.432 230.995C354.445 228.105 350.177 228.105 348.19 230.995L320.954 270.622L306.609 249.928C304.621 247.059 300.379 247.059 298.391 249.928L277.44 280.152C275.142 283.467 277.515 288 281.55 288H309.01H333H386.108C390.134 288 392.509 283.485 390.229 280.168L356.432 230.995Z" fill="#003366"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_938_1549" x1="333.5" y1="0" x2="333.5" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#003366" stop-opacity="0.5"/>
+<stop offset="1" stop-color="#003366"/>
+</linearGradient>
+</defs>
+</svg>

gfi-ihk-2024/public/dummy/placeholder-3-4.svg

@@ -0,0 +1,13 @@
+<svg width="500" height="667" viewBox="0 0 500 667" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="500" height="667" fill="#E3EBF5"/>
+<rect width="500" height="667" fill="url(#paint0_linear_938_1558)" fill-opacity="0.2"/>
+<g opacity="0.2">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M190 278C181.163 278 174 285.163 174 294V375C174 383.837 181.163 391 190 391H309C317.837 391 325 383.837 325 375V294C325 285.163 317.837 278 309 278H190ZM242 306.5C242 313.404 236.404 319 229.5 319C222.596 319 217 313.404 217 306.5C217 299.596 222.596 294 229.5 294C236.404 294 242 299.596 242 306.5ZM272.432 314.995C270.445 312.105 266.177 312.105 264.19 314.995L236.954 354.622L222.609 333.928C220.621 331.059 216.379 331.059 214.391 333.928L193.44 364.152C191.142 367.467 193.515 372 197.55 372H225.01H249H302.108C306.134 372 308.509 367.485 306.229 364.168L272.432 314.995Z" fill="#003366"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_938_1558" x1="250" y1="0" x2="250" y2="667" gradientUnits="userSpaceOnUse">
+<stop stop-color="#003366" stop-opacity="0.5"/>
+<stop offset="1" stop-color="#003366"/>
+</linearGradient>
+</defs>
+</svg>

gfi-ihk-2024/public/dummy/placeholder-4-3.svg

@@ -0,0 +1,13 @@
+<svg width="667" height="500" viewBox="0 0 667 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="667" height="500" fill="#E3EBF5"/>
+<rect width="667" height="500" fill="url(#paint0_linear_938_1540)" fill-opacity="0.2"/>
+<g opacity="0.2">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M274 194C265.163 194 258 201.163 258 210V291C258 299.837 265.163 307 274 307H393C401.837 307 409 299.837 409 291V210C409 201.163 401.837 194 393 194H274ZM326 222.5C326 229.404 320.404 235 313.5 235C306.596 235 301 229.404 301 222.5C301 215.596 306.596 210 313.5 210C320.404 210 326 215.596 326 222.5ZM356.432 230.995C354.445 228.105 350.177 228.105 348.19 230.995L320.954 270.622L306.609 249.928C304.621 247.059 300.379 247.059 298.391 249.928L277.44 280.152C275.142 283.467 277.515 288 281.55 288H309.01H333H386.108C390.134 288 392.509 283.485 390.229 280.168L356.432 230.995Z" fill="#003366"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_938_1540" x1="333.5" y1="0" x2="333.5" y2="500" gradientUnits="userSpaceOnUse">
+<stop stop-color="#003366" stop-opacity="0.5"/>
+<stop offset="1" stop-color="#003366"/>
+</linearGradient>
+</defs>
+</svg>

gfi-ihk-2024/stories/_global/gfi-styles/_richtext.scss

@@ -99,7 +99,10 @@
     opacity: 1;
     -webkit-box-decoration-break: clone;
     box-decoration-break: clone;
-
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    word-break: break-word;
+    hyphens: auto;
 
     &:hover {
       color: $color-link-hover;

gfi-ihk-2024/stories/components/accordion/AccordionData.js

@@ -29,7 +29,7 @@ export const EventAccordionData = [
     speakers: [
       {
         name: 'Dr. Marianne Musterfrau',
-        img: 'https://source.unsplash.com/j5almO1E8rU/360x240',
+        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.',
       },
       {

gfi-ihk-2024/stories/components/accordion/accordion.scss

@@ -23,10 +23,13 @@
       --accordion-icon-width: var(--container-padding);
     }
 
+    > li {
+      padding-left: var(--accordion-icon-width);
+    }
+
     > li.inAccordion {
       border-top: 1px solid var(--theme-color-primary-dimmed-02);
       margin-bottom: 0;
-      padding-left: var(--accordion-icon-width);
       /*
       &::before {
         content: '';
@@ -42,10 +45,6 @@
         .accordion-toggler {
           background-color: var(--theme-color-secondary-dimmed);
           color: var(--theme-color-secondary-intensed);
-
-          &::before {
-            @include icon-minus;
-          }
         }
       }
     }
@@ -59,6 +58,7 @@
     margin: 0 0 0 calc(var(--accordion-icon-width) * -1);
     background-color: #fff;
     text-decoration: none;
+    position: relative;
     @include focus-visible;
 
     @media(max-width: 567px) {
@@ -73,11 +73,17 @@
       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;
     }
+    &.open {
+      &::before {
+        @include icon-minus;
+      }
+    }
 
     &:hover {
       background-color: var(--theme-color-secondary-dimmed);

gfi-ihk-2024/stories/components/artwork/ArtworkComponent.js

@@ -6,7 +6,7 @@ export const createArtwork =
     type = 'artwork-image',
     image = 'Berlin',
   }) => {
-    let imageId, imageWidth, imageHeight;
+    let imageId, imageWidth, imageHeight, imageSize;
     const artworkWrapper = createElement('div', ['artwork-wrapper'], null);
     artworkWrapper.dataset.type = type;
     if (type === 'artwork-both-sides' ){
@@ -25,15 +25,18 @@ export const createArtwork =
     if (type === 'artwork-image') {
       imageWidth = 800;
       imageHeight = 800;
+      imageSize = '1-1';
     } else {
       imageWidth = 1920;
       imageHeight = 1080;
+      imageSize = '3-2';
     }
 
     if (type === 'artwork-image' || type === 'background-image' || type === 'artwork-background-image') {
       const imageBox = createElement('div', ['image-box'], null, artworkWrapper);
       const picture = createElement('picture', [], null, imageBox);
-      createImage('https://source.unsplash.com/' + imageId + '/' + imageWidth + 'x' + imageHeight, imageWidth, imageHeight, 'Artwork Image', [], picture);
+      //createImage('https://source.unsplash.com/' + imageId + '/' + imageWidth + 'x' + imageHeight, imageWidth, imageHeight, 'Artwork Image', [], picture);
+      createImage('./dummy/placeholder-' + imageSize + '.svg', imageWidth, imageHeight, 'Artwork Image', [], picture);
     }
 
 

gfi-ihk-2024/stories/components/contact/ContactData.js

@@ -1,7 +1,7 @@
 export const ContactData = [
   {
     name: 'Max Mustermann',
-    image: 'https://source.unsplash.com/2x3vfVxwR7o/360x240',
+    image: './dummy/placeholder-3-2.svg',
     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.',
     mail: 'mm@ihk.de',
     phone: '+49 (0) 12 345678-90',
@@ -10,7 +10,7 @@ export const ContactData = [
   },
   {
     name: 'Erika Musterfrau',
-    image: 'https://source.unsplash.com/KucgBMFc4JU/360x240',
+    image: './dummy/placeholder-3-2.svg',
     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.',
     mail: 'aa@ihk.de',
     phone: '+49 (0) 12 345678-94',
@@ -19,7 +19,7 @@ export const ContactData = [
   },
   {
     name: 'Bernd Beispiel',
-    image: 'https://source.unsplash.com/mw4u9Qm6CHQ/360x240',
+    image: './dummy/placeholder-3-2.svg',
     copy: null,
     mail: 'mm@ihk.de',
     phone: '+49 (0) 12 345678-90',
@@ -31,7 +31,7 @@ export const ContactData = [
 export const SingleContactData = [
   {
     name: 'Max Mustermann',
-    image: 'https://source.unsplash.com/2x3vfVxwR7o/360x240',
+    image: './dummy/placeholder-3-2.svg',
     copy: 'Bereiche: Aus- und Weiterbildung, Kaufmännische Weiterbildung',
     mail: 'mm@ihk.de',
     phone: '+49 (0) 12 345678-90',

gfi-ihk-2024/stories/components/document-list/DocumentListData.js

@@ -2,7 +2,7 @@ export const DocumentListData = [
   {
     link: '#',
     icon: 'icon-small-download',
-    imageSrc: 'https://source.unsplash.com/dIMJWLx1YbE/210x140',
+    imageSrc: './dummy/placeholder-3-2.svg',
     chartTitle: '',
     kicker: 'Positionen',
     title: 'Gipfel zur Digitalen Bildung 2019',
@@ -32,7 +32,7 @@ export const DocumentListData = [
   {
     link: '#',
     icon: 'icon-small-download',
-    imageSrc: 'https://source.unsplash.com/GJNT3tqQW8I/210x140',
+    imageSrc: './dummy/placeholder-3-2.svg',
     chartTitle: '',
     kicker: 'Positionen',
     title: 'Gipfel zur Digitalen Bildung 2019',
@@ -52,7 +52,7 @@ export const DocumentListData = [
   {
     link: '#',
     icon: 'icon-small-download',
-    imageSrc: 'https://source.unsplash.com/5fNmWej4tAA/210x140',
+    imageSrc: './dummy/placeholder-3-2.svg',
     chartTitle: null,
     kicker: 'Positionen',
     title: 'Gipfel zur Digitalen Bildung 2019',

gfi-ihk-2024/stories/components/event-teaser-large/EventTeaserLargeData.js

@@ -46,5 +46,5 @@ export const EventTeaserLargeImageData = {
   },
   icon: 'Roboter',
   category: 'Gründung und Nachfolge',
-  bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648',
+  bgimage: './dummy/placeholder-4-3.svg',
 }

gfi-ihk-2024/stories/components/gallery/GalleryData.js

@@ -1,86 +1,86 @@
 export const galleryData = [
   {
-    src: 'https://source.unsplash.com/aKij95Mmus8/1470x980',
+    src: './dummy/placeholder-3-2.svg',
     width: 1470,
     height: 980,
   },
   {
-    src: 'https://source.unsplash.com/dIMJWLx1YbE/736x981',
+    src: './dummy/placeholder-2-3.svg',
     width: 736,
     height: 981,
   },
   {
-    src: 'https://source.unsplash.com/QBpZGqEMsKg/1470x980',
+    src: './dummy/placeholder-3-2.svg',
     width: 1470,
     height: 980,
   },
   {
-    src: 'https://source.unsplash.com/v9FQR4tbIq8/1200x980',
+    src: './dummy/placeholder-4-3.svg',
     width: 1200,
     height: 980,
   },
   {
-    src: 'https://source.unsplash.com/lB9ylP8e9Sg/880x1200',
+    src: './dummy/placeholder-3-4.svg',
     width: 880,
     height: 1200,
   },
   {
-    src: 'https://source.unsplash.com/eF7HN40WbAQ/1470x980',
+    src: './dummy/placeholder-3-2.svg',
     width: 1470,
     height: 980,
   },
   {
-    src: 'https://source.unsplash.com/fIq0tET6llw/800x1100',
+    src: './dummy/placeholder-3-4.svg',
     width: 800,
     height: 1100,
   },
   {
-    src: 'https://source.unsplash.com/muOHbrFGEQY/900x1200',
+    src: './dummy/placeholder-3-4.svg',
     width: 900,
     height: 1200,
   },
   {
-    src: 'https://source.unsplash.com/PhYq704ffdA/1470x980',
+    src: './dummy/placeholder-3-2.svg',
     width: 1470,
     height: 980,
   },
   {
-    src: 'https://source.unsplash.com/6VhPY27jdps/1200x1200',
+    src: './dummy/placeholder-1-1.svg',
     width: 1200,
     height: 1200,
   },
   {
-    src: 'https://source.unsplash.com/lB9ylP8e9Sg/880x1200',
+    src: './dummy/placeholder-3-4.svg',
     width: 880,
     height: 1200,
   },
   {
-    src: 'https://source.unsplash.com/PhYq704ffdA/1470x980',
+    src: './dummy/placeholder-3-2.svg',
     width: 1470,
     height: 980,
   },
   {
-    src: 'https://source.unsplash.com/fIq0tET6llw/800x1100',
+    src: './dummy/placeholder-3-4.svg',
     width: 800,
     height: 1100,
   },
   {
-    src: 'https://source.unsplash.com/muOHbrFGEQY/900x1200',
+    src: './dummy/placeholder-3-4.svg',
     width: 900,
     height: 1200,
   },
   {
-    src: 'https://source.unsplash.com/QBpZGqEMsKg/1470x980',
+    src: './dummy/placeholder-3-2.svg',
     width: 1470,
     height: 980,
   },
   {
-    src: 'https://source.unsplash.com/v9FQR4tbIq8/1200x980',
+    src: './dummy/placeholder-4-3.svg',
     width: 1200,
     height: 980,
   },
   {
-    src: 'https://source.unsplash.com/6VhPY27jdps/1200x1200',
+    src: './dummy/placeholder-1-1.svg',
     width: 1200,
     height: 1200,
   },

gfi-ihk-2024/stories/components/image-text/ImageTextComponent.js

@@ -17,7 +17,7 @@ export const createImageText =
     const div = createElement('div', ['image-text', colored, switched], null);
     const div2 = createElement('div', ['image-text--image'], null, div);
     const div3 = createElement('div', ['image-text--text'], null, div);
-    createImage(image, 400, 400, '', [], div2);
+    createImage(image, 1280, 1280, '', [], div2);
     if (smallheadline){
     createElement('h3', [], headline, div3);
     }

gfi-ihk-2024/stories/components/magazine-article/MagazineArticleComponent.js

@@ -27,7 +27,7 @@ export const createMagazineArticle = ({
     article.appendChild(createGallery({galleryType: 'masonry'}));
     article.appendChild(createInfobox({content: lorem2}));
     const imageBox = createElement('figure', ['image-box', 'off-grid'], null, article);
-    createImage('https://source.unsplash.com/TamMbr4okv4/420x280', 420, 280, 'Image off grid', [], imageBox);
+    createImage('./dummy/placeholder-3-2.svg', 420, 280, 'Image off grid', [], imageBox);
     createElement('figcaption', [], 'Bildunterschrift lorem ipsum dolor sit amet ipsum', imageBox);
     createElement('p', [], lorem2 + ' ' + lorem1 + ' ' + lorem2, article);
     createElement('p', [], lorem2, article);

gfi-ihk-2024/stories/components/magazine-cover/MagazineCover.stories.js

@@ -6,7 +6,7 @@ export default {
     layout: 'fullscreen',
   },
   args: {
-    imageSrc: 'https://source.unsplash.com/OD9EOzfSOh0/1110x440',
+    imageSrc: './dummy/placeholder-4-3.svg',
   }
 }
 

gfi-ihk-2024/stories/components/magazine-cover/MagazineCoverComponent.js

@@ -3,7 +3,7 @@ import {createElement, createImage} from "../../_global/scripts/helpers";
 import {createReadingTime} from "../../atoms/reading-time/ReadingTimeComponent";
 
 export const createMagazineCover = ({
-  imageSrc = 'https://source.unsplash.com/OD9EOzfSOh0/1110x440',
+  imageSrc = './dummy/placeholder-4-3.svg',
   showReadingTime = true,
 }) => {
   const section = createElement('section', ['magazine-cover']);

gfi-ihk-2024/stories/components/mini-teaser/MiniTeaser.stories.js

@@ -47,4 +47,4 @@ export const infobannerWithoutIcon = MiniTeaser.bind({});
 infobannerWithoutIcon.args = {type:'infoteaser', icon: null};
 
 export const infobannerBackground = MiniTeaser.bind({});
-infobannerBackground.args = {type:'infoteaser', backgroundImage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648'};
+infobannerBackground.args = {type:'infoteaser', backgroundImage: './dummy/placeholder-4-3.svg'};

gfi-ihk-2024/stories/components/teaser/Teaser.stories.js

@@ -7,7 +7,7 @@ export default {
     kicker: 'Fachkräfte',
     headline: 'Anteil der Frauen im Bereich Engineering steigt',
     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. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita, no sea takimata sanctus est.',
-    imageSrc: 'https://source.unsplash.com/-uHVRvDr7pg/420x280',
+    imageSrc: './dummy/placeholder-3-2.svg',
     copyright: '@ shutterstock.com',
     showReadingTime: false,
     link: '#',

gfi-ihk-2024/stories/components/teaser/TeaserComponent.js

@@ -5,7 +5,7 @@ import {createReadingTime} from "../../atoms/reading-time/ReadingTimeComponent";
 export const createTeaser = ({
   type = 'regular',
   link = '#',
-  imageSrc = 'https://api.unsplash.com/-uHVRvDr7pg/420x280',
+  imageSrc = './dummy/placeholder-3-2.svg',
   copyright = '@ shutterstock.com',
   kicker = 'Fachkräfte',
   headline = 'Anteil der Frauen im Bereich Engineering steigt',

gfi-ihk-2024/stories/components/video/Video.stories.js

@@ -4,7 +4,7 @@ export default {
   title: 'Components/Video',
   args: {
     videoSrc: 'https://cdn.jsdelivr.net/npm/big-buck-bunny-1080p@0.0.6/video.mp4',
-    posterSrc: 'https://source.unsplash.com/T5nXYXCf50I/880x495',
+    posterSrc: './dummy/placeholder-3-2.svg',
     caption: 'Lorem ipsum dolor sit amet consetetur',
     copyright: '© Marco Mustermann für Mustervideos',
   }

gfi-ihk-2024/stories/components/video/VideoComponent.js

@@ -3,7 +3,7 @@ import {createElement} from "../../_global/scripts/helpers";
 
 export const createVideo = ({
   videoSrc = 'https://cdn.jsdelivr.net/npm/big-buck-bunny-1080p@0.0.6/video.mp4',
-  posterSrc = 'https://source.unsplash.com/T5nXYXCf50I/880x495',
+  posterSrc = './dummy/placeholder-4-3.svg',
   caption = 'Lorem ipsum dolor sit amet consetetur',
   copyright = '© Marco Mustermann für Mustervideos',
 }) => {

gfi-ihk-2024/stories/pages/participation-start/ParticipationStartPage.js

@@ -17,7 +17,7 @@ export const createParticipationStartPage = ({
   const pageContent = createElement('div', ['page-content'], null, wrapper);
 
   pageContent.appendChild(createParticipationStage({
-    imageSrc: stageWithImage ? 'https://source.unsplash.com/2vCqH34PqWs/1080x648' : null,
+    imageSrc: stageWithImage ? './dummy/placeholder-4-3.svg' : null,
   }));
 
   pageContent.appendChild(createParticipationTeasers({}));

gfi-ihk-2024/stories/pages/tile-grid/TileGridPage.js

@@ -18,7 +18,7 @@ export const createTileGridPage = ({
 
   pageContent.appendChild(createMagazineCover({
     showReadingTime: false,
-    imageSrc: 'https://source.unsplash.com/g_DTWgRypfE/1110x440',
+    imageSrc: './dummy/placeholder-3-2.svg',
   }));
 
   const container = createElement('div', ['container'], null, pageContent);

gfi-ihk-2024/stories/sections/event-teaser-large-slider/EventTeaserLargeSliderData.js

@@ -57,7 +57,7 @@ export const sliderData = [
     },
     icon: 'Roboter',
     category: 'Aus- und Weiterbildung',
-    bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648',
+    bgimage: './dummy/placeholder-4-3.svg',
   }
 ]
 
@@ -73,7 +73,7 @@ export const sliderImageData = [
     },
     icon: 'Roboter',
     category: 'Aus- und Weiterbildung',
-    bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648',
+    bgimage: './dummy/placeholder-4-3.svg',
   },
   {
     date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' },
@@ -86,7 +86,7 @@ export const sliderImageData = [
     },
     icon: 'Roboter',
     category: 'Gründung und Nachfolge',
-    bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648',
+    bgimage: './dummy/placeholder-4-3.svg',
   },
   {
     date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' },
@@ -99,6 +99,6 @@ export const sliderImageData = [
     },
     icon: 'Roboter',
     category: 'Innovation und Umwelt',
-    bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648',
+    bgimage: './dummy/placeholder-4-3.svg',
   }
 ]

gfi-ihk-2024/stories/sections/event-teasers-large/EventTeasersLargeData.js

@@ -88,7 +88,7 @@
       },
       icon: 'Stadt',
       category: 'Gründung und Nachfolge',
-      bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648',
+      bgimage: './dummy/placeholder-4-3.svg',
     },
     {
       date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' },
@@ -101,7 +101,7 @@
       },
       icon: 'Treppe',
       category: 'Gründung und Nachfolge',
-      bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648',
+      bgimage: './dummy/placeholder-4-3.svg',
     },
     {
       date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' },
@@ -114,7 +114,7 @@
       },
       icon: 'Virus',
       category: 'Gründung und Nachfolge',
-      bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648',
+      bgimage: './dummy/placeholder-4-3.svg',
     }
   ]
 

gfi-ihk-2024/stories/sections/infobanner/InfoBanner.stories.js

@@ -29,12 +29,12 @@ export default {
     imageSrc: {
       name: 'Bild-Url',
       control: 'text',
-      defaultValue: 'https://source.unsplash.com/nPz8akkUmDI/1340x240',
+      defaultValue: './dummy/placeholder-4-3.svg',
     },
     imageSrcMobile: {
       name: 'Bild-Url mobil',
       control: 'text',
-      defaultValue: 'https://source.unsplash.com/nPz8akkUmDI/600x400',
+      defaultValue: './dummy/placeholder-3-2.svg',
     },
     isCommercial: {
       name: 'Ist externe Werbung?',

gfi-ihk-2024/stories/sections/infobanner/InfoBannerComponent.js

@@ -9,8 +9,8 @@ export const createInfoBanner =
     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.',
     buttonText = 'Call to action',
     link = '#',
-    imageSrc = 'https://source.unsplash.com/e8e4YY65sOk/1340x240',
-    imageSrcMobile = 'https://source.unsplash.com/e8e4YY65sOk/600x600',
+    imageSrc = './dummy/placeholder-4-3.svg',
+    imageSrcMobile = './dummy/placeholder-1-1.svg',
     isCommercial = true,
   }) => {
     const section = createElement('section', ['infobanner'], null);

gfi-ihk-2024/stories/sections/marketingheader/MarketingHeader.stories.js

@@ -50,7 +50,7 @@ export const MarketingHeader = Template.bind({});
 MarketingHeader.args = {};
 
 export const MarketingHeaderSearchBackground = Template.bind({});
-MarketingHeaderSearchBackground.args = {backgroundImage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648'};
+MarketingHeaderSearchBackground.args = {backgroundImage: './dummy/placeholder-4-3.svg'};
 
 export const MarketingHeaderInfoBanner = Template.bind({});
 MarketingHeaderInfoBanner.args = {teasers : infoTeaserData};

gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderData.js

@@ -72,7 +72,7 @@ export const sliderData = [
     kicker: 'Lorem Ipsum dolor',
     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: 'https://source.unsplash.com/9_bDrvW7bA8/900x600',
+    imageSrc: './dummy/placeholder-3-2.svg',
     cta: 'Mehr erfahren',
     link: '#',
     contextImg: './logos/wirtschaftsdialoge.svg',
@@ -90,7 +90,7 @@ export const sliderData = [
     kicker: 'Lorem Ipsum dolor 2',
     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: 'https://source.unsplash.com/Ff2oZ_xbKL0/900x600',
+    imageSrc: './dummy/placeholder-3-2.svg',
     cta: 'Mehr erfahren',
     link: '#',
   }
@@ -100,7 +100,7 @@ export const singleSlideData = [
     kicker: 'Lorem Ipsum dolor',
     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: 'https://source.unsplash.com/9_bDrvW7bA8/900x600',
+    imageSrc: './dummy/placeholder-3-2.svg',
     cta: 'Mehr erfahren',
     link: '#',
     contextImg: './logos/wirtschaftsdialoge.svg',

gfi-ihk-2024/stories/sections/participation-stage/ParticipationStage.stories.js

@@ -6,7 +6,7 @@ export default {
     layout: 'fullscreen',
   },
   args: {
-    imageSrc: 'https://source.unsplash.com/2vCqH34PqWs/1080x648',
+    imageSrc: './dummy/placeholder-4-3.svg',
     kicker: 'Noch 7 Tage offen',
     headline: 'Jetzt und digital mitreden',
     copy: 'Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.',

gfi-ihk-2024/stories/sections/participation-stage/ParticipationStageComponent.js

@@ -4,7 +4,7 @@ import {createProgressBar} from "../../atoms/progress-bar/ProgressBarComponent";
 import {createButton} from "../../atoms/button/ButtonComponent";
 
 export const createParticipationStage = ({
-  imageSrc = 'https://source.unsplash.com/2vCqH34PqWs/1080x648',
+  imageSrc = './dummy/placeholder-4-3.svg',
   kicker = 'Noch 7 Tage offen',
   headline = 'Jetzt und digital mitreden',
   copy = 'Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.',

gfi-ihk-2024/stories/sections/slider/SliderData.js

@@ -3,7 +3,7 @@ export const sliderData = [
     kicker: 'Lorem Ipsum dolor',
     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: 'https://source.unsplash.com/9_bDrvW7bA8/900x600',
+    imageSrc: './dummy/placeholder-3-2.svg',
     cta: 'Mehr erfahren',
     link: '#',
     contextImg: './logos/wirtschaftsdialoge.svg',
@@ -21,7 +21,7 @@ export const sliderData = [
     kicker: 'Lorem Ipsum dolor 2',
     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: 'https://source.unsplash.com/Ff2oZ_xbKL0/900x600',
+    imageSrc: './dummy/placeholder-3-2.svg',
     cta: 'Mehr erfahren',
     link: '#',
   }

gfi-ihk-2024/stories/sections/teasers/TeasersComponent.js

@@ -22,7 +22,7 @@ export const createTeasersSection = ({
     kicker: 'Fachkräfte',
     headline: 'Anteil der Frauen im Bereich Engineering steigt',
     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. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita, no sea takimata sanctus est.',
-    imageSrc: 'https://source.unsplash.com/0K7GgiA8lVE/600x400',
+    imageSrc: './dummy/placeholder-3-2.svg',
     copyright: '@ shutterstock.com',
     showReadingTime: false,
     link: '#',

gfi-ihk-2024/stories/sections/teasers/TeasersData.js

@@ -1,50 +1,50 @@
 export const teasersData = [
   {
-    imageSrc: 'https://source.unsplash.com/-uHVRvDr7pg/420x280',
+    imageSrc: './dummy/placeholder-3-2.svg',
   },
   {
-    imageSrc: 'https://source.unsplash.com/DwqAVvG3iFU/420x280',
+    imageSrc: './dummy/placeholder-3-2.svg',
     headline: 'Ausgeglichenheit ist der erste Schritt aus der Krise',
     copy: 'Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus.',
   },
   {
     kicker: 'Corona',
-    imageSrc: 'https://source.unsplash.com/uN8TV9Pw2ik/420x280',
+    imageSrc: './dummy/placeholder-3-2.svg',
     headline: 'Wirtschaftsverbände bieten Unterstützung bei Impfkampagne an',
     copy: 'Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.',
   },
   {
     kicker: 'Betriebsklima',
-    imageSrc: 'https://source.unsplash.com/uzP2t_kkMDM/420x280',
+    imageSrc: './dummy/placeholder-3-2.svg',
     headline: 'Fördert Duzen das Betriebsklima?',
     copy: 'Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.',
   },
   {
     kicker: 'Hygiene',
-    imageSrc: 'https://source.unsplash.com/-9gPKrsbGmc/420x280',
+    imageSrc: './dummy/placeholder-3-2.svg',
     headline: 'Hygiene am Arbeitsplatz',
     copy: 'Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores sed diam nonumy eirmod tempor invidunt et ea rebum.',
   },
   {
     kicker: 'Bildung',
-    imageSrc: 'https://source.unsplash.com/YRMWVcdyhmI/420x280',
+    imageSrc: './dummy/placeholder-3-2.svg',
     headline: 'Bachelor und Master Professional kommen',
     copy: 'Nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. At vero eos et accusam et justo duo dolores et ea rebum.',
   },
   {
     kicker: 'Integration',
-    imageSrc: 'https://source.unsplash.com/jJFrkJP_-RA/420x280',
+    imageSrc: './dummy/placeholder-3-2.svg',
     headline: 'Weniger Hürden für Fachkräfte aus dem Ausland',
   },
   {
     kicker: 'Bildung',
-    imageSrc: 'https://source.unsplash.com/vrbZVyX2k4I/420x280',
+    imageSrc: './dummy/placeholder-3-2.svg',
     headline: '5 Beispiele, wie sich Unternehmen für ihr Umfeld engagieren',
     copy: 'Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.',
   },
   {
     kicker: 'Aktuelles',
-    imageSrc: 'https://source.unsplash.com/o78TVMMyfAk/420x280',
+    imageSrc: './dummy/placeholder-3-2.svg',
     headline: 'Das Neuste aus der Wirtschaft',
     copy: 'Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.',
   },

gfi-ihk-2024/stories/sections/video-stage/VideoStage.stories.js

@@ -6,7 +6,7 @@ export default {
     layout: 'fullscreen',
   },
   args: {
-    imageSrc: 'https://source.unsplash.com/2vCqH34PqWs/1080x648',
+    imageSrc: './dummy/placeholder-4-3.svg',
     kicker: 'Noch 7 Tage offen',
     headline: 'Jetzt und digital mitreden',
     copy: 'Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.',

gfi-ihk-2024/stories/sections/video-stage/VideoStageComponent.js

@@ -5,8 +5,8 @@ import {createElement} from "../../_global/scripts/helpers";
 import {createButton} from "../../atoms/button/ButtonComponent";
 
 export const createVideoStage = ({
-  videoSrc = 'https://source.unsplash.com/2vCqH34PqWs/1080x648',
-  imageSrc = 'https://source.unsplash.com/2vCqH34PqWs/1080x648',
+  videoSrc = './dummy/placeholder-4-3.svg',
+  imageSrc = './dummy/placeholder-4-3.svg',
   kicker = 'Noch 7 Tage offen',
   headline = 'Jetzt und digital mitreden',
   copy = 'Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.',