fixes

gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss

@@ -1,4 +1,4 @@
-@import 'mixins';
+@use 'mixins' as *;
 
 .pictogram-topic-aeskulapstab:before { @include pictogram-aeskulapstab; }
 .pictogram-topic-anker:before { @include pictogram-anker; }

gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss

@@ -11,6 +11,7 @@ input[type="checkbox"], input[type="radio"] {
   position: relative;
   display: inline-block;
   vertical-align: top;
+  flex-shrink: 0;
   appearance: none;
   -webkit-appearance: none;
   background-color: var(--swatches-neutrals-white);

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

@@ -132,7 +132,7 @@ class IHKGallery {
 
   initLoading() {
     const imagesPerPage = this.section.data('per-page');
-    const buttonWrapper = $('<div class="button-wrapper" />').appendTo(this.section);
+    const buttonWrapper = $('<div class="button-wrapper variant-base" />').appendTo(this.section);
     const buttonText = window.ihk.translations.loadMoreImages;
     if (this.items.length > imagesPerPage) {
       this.moreButton = $('<button href="#" class="btn primary-light btn-regular icon-right icon-laden" />').text(buttonText).appendTo(buttonWrapper);

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

@@ -258,6 +258,8 @@
 
     .btn {
       margin: 40px 0 0;
+      background-color: var(--color-button-tertiary-background);
+      color: var(--color-button-tertiary-text);
 
       @media(max-width: 767px) {
         margin-top: 24px;

gfi-ihk-2024/stories/components/login/LoginComponent.js

@@ -63,13 +63,15 @@ export const createLoginForm = ({
   */
 
   const buttonWrapper = createElement('div', ['btn-wrapper'], null, form);
-  buttonWrapper.appendChild(createButton({
+  const submitBtn = createButton({
     elementType: 'button',
     iconPosition: 'icon-right',
     label: 'Einloggen',
     icon: 'login',
     color: 'secondary',
-  }))
+  });
+  submitBtn.classList.add('submit');
+  buttonWrapper.appendChild(submitBtn);
 
   return form;
 }

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

@@ -36,6 +36,9 @@
         max-width: 100%;
         flex: 1 1 100%;
         margin-top: 0.3em;
+        display: flex;
+        align-items: flex-start;
+        gap: 0.5em;
       }
     }
   }
@@ -65,7 +68,7 @@
     }
 
     &:before {
-      @include icon-login;
+      @include icon-login-flyout;
       font-size: 30px;
       line-height: 1;
     }

gfi-ihk-2024/stories/components/logo-wall/LogoWall.stories.js

@@ -11,7 +11,7 @@ const Template = ({...args}) => {
 
 export const LogoWall = Template.bind({});
 LogoWall.args = {
-  kicker: 'WIRTSCHAFT VERBINDEN. ZUKUNFT GESTALTEN.',
+  kicker: 'Wirtschaft verbiinden. Zukunft gestalten.',
   headline: 'Starke Partner für eine starke Region',
   copy: 'Von Global Playern bis zu Hidden Champions - unsere Region steht für wirtschaftliche Vielfalt und Innovation. Als Ihre IHK vernetzen wir Unternehmen, fördern Kompetenzen und setzen uns für optimale Rahmenbedingungen ein.',
   logos: [

gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss

@@ -95,7 +95,7 @@
         padding-left: 0;
         min-height: 0;
         + .btn{
-          margin-left: 0;
+          margin-left: auto;
         }
       }
     }
@@ -108,7 +108,7 @@
     .btn{
       background-color: transparent;
       border: 1px solid var(--color-button-primary-background);
-      margin-left: 0;
+      margin-left: auto;
       align-self: flex-end;
       display: inline-block;
       padding:8px 10px;