import instead of use

пре 13 часа · 33d2b32831
--- a/gfi-ihk-2024/stories/_global/gfi-styles/_magazine.scss
+++ b/gfi-ihk-2024/stories/_global/gfi-styles/_magazine.scss
@@ -3,7 +3,7 @@
 //@import "../../variables/variables";

 //@import "../components/mixins";
@use "../styles/mixins" as *;
@import "../styles/mixins";


 .magazine-article {
--- a/gfi-ihk-2024/stories/_global/gfi-styles/_verteiler.scss
+++ b/gfi-ihk-2024/stories/_global/gfi-styles/_verteiler.scss
@@ -1,4 +1,4 @@
@use "ihk-finder-form" as *;
@import "ihk-finder-form";

 .ihk-landing {
  overflow: hidden;
--- a/gfi-ihk-2024/stories/_global/gfi-styles/_video.scss
+++ b/gfi-ihk-2024/stories/_global/gfi-styles/_video.scss
@@ -1,4 +1,4 @@
@use '../../_global/styles/mixins' as *;
@import '../../_global/styles/mixins';

 .video-box {
  position: relative;
--- a/gfi-ihk-2024/stories/_global/styles/_svg-vars.scss
+++ b/gfi-ihk-2024/stories/_global/styles/_svg-vars.scss
@@ -1,7 +1,5 @@
@use 'sass:string';

@function encode-color($color) {
  @return '%23' + string.slice('#{$color}', 2);
  @return '%23' + str-slice('#{$color}', 2);
 }

 $svg-color: #003366; // = --swatches-primary-500 im standard theme
--- a/gfi-ihk-2024/stories/_global/styles/grid.scss
+++ b/gfi-ihk-2024/stories/_global/styles/grid.scss
@@ -1,4 +1,4 @@
@use './mixins' as *;
@import './mixins';

 .page-wrapper {
  display: block;
--- a/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss
+++ b/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss
@@ -1,4 +1,4 @@
@use 'mixins' as *;
@import 'mixins';

 .pictogram-topic-aeskulapstab:before { @include pictogram-aeskulapstab; }
 .pictogram-topic-anker:before { @include pictogram-anker; }
--- a/gfi-ihk-2024/stories/_global/styles/themes.scss
+++ b/gfi-ihk-2024/stories/_global/styles/themes.scss
@@ -1,19 +1,19 @@
 // All themes registered in `themes.config.js` must be imported here so their
 // `[data-theme="..."]` rules are present in the bundle and can be switched at
 // runtime by toggling the `data-theme` attribute on <html> (see preview.js).
@use '../../_global/styles/theme-standard' as *;
@use '../../_global/styles/theme-digitalblue' as *;
@use '../../_global/styles/theme-colorvariant-10' as *;
@use '../../_global/styles/theme-colorvariant-11' as *;
@use '../../_global/styles/theme-colorvariant-12' as *;
@use '../../_global/styles/theme-colorvariant-13' as *;
@use '../../_global/styles/theme-colorvariant-14' as *;
@use '../../_global/styles/theme-colorvariant-02' as *;
@use '../../_global/styles/theme-colorvariant-03' as *;
@use '../../_global/styles/theme-colorvariant-04' as *;
@use '../../_global/styles/theme-colorvariant-05' as *;
@use '../../_global/styles/theme-colorvariant-06' as *;
 //@use '../../_global/styles/theme-colorvariant-07' as *;
 //@use '../../_global/styles/theme-colorvariant-08' as *;
@use '../../_global/styles/theme-colorvariant-09' as *;
@use '../../_global/styles/theme-colorvariant-15' as *;
@import '../../_global/styles/theme-standard';
@import '../../_global/styles/theme-digitalblue';
@import '../../_global/styles/theme-colorvariant-10';
@import '../../_global/styles/theme-colorvariant-11';
@import '../../_global/styles/theme-colorvariant-12';
@import '../../_global/styles/theme-colorvariant-13';
@import '../../_global/styles/theme-colorvariant-14';
@import '../../_global/styles/theme-colorvariant-02';
@import '../../_global/styles/theme-colorvariant-03';
@import '../../_global/styles/theme-colorvariant-04';
@import '../../_global/styles/theme-colorvariant-05';
@import '../../_global/styles/theme-colorvariant-06';
 //@import '../../_global/styles/theme-colorvariant-07';
 //@import '../../_global/styles/theme-colorvariant-08';
@import '../../_global/styles/theme-colorvariant-09';
@import '../../_global/styles/theme-colorvariant-15';
--- a/gfi-ihk-2024/stories/_global/styles/typography.scss
+++ b/gfi-ihk-2024/stories/_global/styles/typography.scss
@@ -1,4 +1,4 @@
@use 'mixins' as *;
@import 'mixins';

 html {
  --font-size-copy: 22px;
--- a/gfi-ihk-2024/stories/atoms/badge/badge.scss
+++ b/gfi-ihk-2024/stories/atoms/badge/badge.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .badge {
  position: relative;
--- a/gfi-ihk-2024/stories/atoms/button/button.scss
+++ b/gfi-ihk-2024/stories/atoms/button/button.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .btn {
  --button-bg-color: var(--color-button-primary-background);
--- a/gfi-ihk-2024/stories/atoms/event-teaser/event-teaser.scss
+++ b/gfi-ihk-2024/stories/atoms/event-teaser/event-teaser.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .event-teaser {
  background-color: var(--color-background);
--- a/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss
+++ b/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 input[type="checkbox"].form-control {
  width: 20px;
--- a/gfi-ihk-2024/stories/atoms/input-select/input-select.scss
+++ b/gfi-ihk-2024/stories/atoms/input-select/input-select.scss
@@ -1,6 +1,6 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@use '../../_global/styles/svg-vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';
@import '../../_global/styles/svg-vars';

 select, select.form-control {
  @include form-field;
--- a/gfi-ihk-2024/stories/atoms/input-text/input-text.scss
+++ b/gfi-ihk-2024/stories/atoms/input-text/input-text.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="datetime"], input[type="tel"], textarea, textarea.form-control {
  @include form-field;
--- a/gfi-ihk-2024/stories/atoms/interview-item/interview-item.scss
+++ b/gfi-ihk-2024/stories/atoms/interview-item/interview-item.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .interview-item {
  margin: 40px 50px 20px 0;
--- a/gfi-ihk-2024/stories/atoms/pagination/pagination.scss
+++ b/gfi-ihk-2024/stories/atoms/pagination/pagination.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .pagination {
  --pagination-button-margin: 5px;
--- a/gfi-ihk-2024/stories/atoms/progress-bar/progress-bar.scss
+++ b/gfi-ihk-2024/stories/atoms/progress-bar/progress-bar.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .progress {
  --color-fg: var(--color-text);
--- a/gfi-ihk-2024/stories/atoms/reading-time/rading-time.scss
+++ b/gfi-ihk-2024/stories/atoms/reading-time/rading-time.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .reading-time {
  display: block;
--- a/gfi-ihk-2024/stories/atoms/search-button/search-button.scss
+++ b/gfi-ihk-2024/stories/atoms/search-button/search-button.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 button.search-submit {
  position: absolute;
--- a/gfi-ihk-2024/stories/atoms/search-input/search-input.scss
+++ b/gfi-ihk-2024/stories/atoms/search-input/search-input.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 input.search-field {
  position: relative;
--- a/gfi-ihk-2024/stories/atoms/secondary-menu/secondary-menu.scss
+++ b/gfi-ihk-2024/stories/atoms/secondary-menu/secondary-menu.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .secondary-menu {
  position: relative;
--- a/gfi-ihk-2024/stories/atoms/skip-button/skip-button.scss
+++ b/gfi-ihk-2024/stories/atoms/skip-button/skip-button.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .skip-btn {
  position: absolute;
--- a/gfi-ihk-2024/stories/atoms/slider-tabs/slider-tabs.scss
+++ b/gfi-ihk-2024/stories/atoms/slider-tabs/slider-tabs.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .card-slider, .eventteaserlargeslider, .quick-facts, #storybook-root > .controls {
  .count {
--- a/gfi-ihk-2024/stories/atoms/social-icons/social-icons.scss
+++ b/gfi-ihk-2024/stories/atoms/social-icons/social-icons.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .social-icons {
  --color-twitter: #101419;
--- a/gfi-ihk-2024/stories/atoms/tabs/tabs.scss
+++ b/gfi-ihk-2024/stories/atoms/tabs/tabs.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .tabs {
  margin: calc(10px + 1%) -0.25em;
--- a/gfi-ihk-2024/stories/components/a-z/a-z.scss
+++ b/gfi-ihk-2024/stories/components/a-z/a-z.scss
@@ -1,6 +1,6 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@use '../linklist/linklist';
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';
@import '../linklist/linklist';

 h1 + .a-z {
  margin-top: 30px;
--- a/gfi-ihk-2024/stories/components/accordion/accordion.scss
+++ b/gfi-ihk-2024/stories/components/accordion/accordion.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .accordion {
  --accordion-toggler-padding: 14px;
--- a/gfi-ihk-2024/stories/components/anchor-links/anchor-links.scss
+++ b/gfi-ihk-2024/stories/components/anchor-links/anchor-links.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .anchor-links {
  position: relative;
--- a/gfi-ihk-2024/stories/components/artwork/artwork.scss
+++ b/gfi-ihk-2024/stories/components/artwork/artwork.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .artwork-wrapper {
  position: relative;
--- a/gfi-ihk-2024/stories/components/card/card.scss
+++ b/gfi-ihk-2024/stories/components/card/card.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .card {
  &-inner {
--- a/gfi-ihk-2024/stories/components/checkbox-group/checkbox-group.scss
+++ b/gfi-ihk-2024/stories/components/checkbox-group/checkbox-group.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .checkbox-group {
  input[type='checkbox'] ~ label {
--- a/gfi-ihk-2024/stories/components/common-content-article/commonContent-article.scss
+++ b/gfi-ihk-2024/stories/components/common-content-article/commonContent-article.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .magazine-article article.col, .magazine-article.col {
  position: relative;
--- a/gfi-ihk-2024/stories/components/common-content/commonContent.scss
+++ b/gfi-ihk-2024/stories/components/common-content/commonContent.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .common-content {
  margin-top: var(--section-margin);
--- a/gfi-ihk-2024/stories/components/contact/contact.scss
+++ b/gfi-ihk-2024/stories/components/contact/contact.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .contact-wrapper {
  position: relative;
--- a/gfi-ihk-2024/stories/components/document-list/document-list.scss
+++ b/gfi-ihk-2024/stories/components/document-list/document-list.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .document-list {
  position: relative;
--- a/gfi-ihk-2024/stories/components/election-form/election-form.scss
+++ b/gfi-ihk-2024/stories/components/election-form/election-form.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 *:has(> .election-form) {
  container-type: inline-size;
--- a/gfi-ihk-2024/stories/components/election-result-list-badge/election-result-list-badge.scss
+++ b/gfi-ihk-2024/stories/components/election-result-list-badge/election-result-list-badge.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .election-result-list-badge {
  .badge-inner {
--- a/gfi-ihk-2024/stories/components/election-result-list-item/election-result-list-item.scss
+++ b/gfi-ihk-2024/stories/components/election-result-list-item/election-result-list-item.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .election-result-list-item {
  display: flex;
--- a/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss
+++ b/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .event-teaser-large {
  background-color: var(--color-background);
--- a/gfi-ihk-2024/stories/components/footer/footer.scss
+++ b/gfi-ihk-2024/stories/components/footer/footer.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .page-footer {
  padding: var(--section-padding) 0;
--- a/gfi-ihk-2024/stories/components/form-element-form-centric/form-element-form-centric.scss
+++ b/gfi-ihk-2024/stories/components/form-element-form-centric/form-element-form-centric.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .mwf-layout {
  display: flex;
--- a/gfi-ihk-2024/stories/components/gallery/gallery.scss
+++ b/gfi-ihk-2024/stories/components/gallery/gallery.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .gallery {
  --gallery-spacing: 8px;
--- a/gfi-ihk-2024/stories/components/global-message/global-message.scss
+++ b/gfi-ihk-2024/stories/components/global-message/global-message.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .global-message {
  position: sticky;
--- a/gfi-ihk-2024/stories/components/header-search/header-search.scss
+++ b/gfi-ihk-2024/stories/components/header-search/header-search.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .header-search {
  @media(min-width: 768px) {
--- a/gfi-ihk-2024/stories/components/header/header.scss
+++ b/gfi-ihk-2024/stories/components/header/header.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

@media(min-width: 1200px) {
  .magazine-start, .magazine-article, .header-collapsed {
--- a/gfi-ihk-2024/stories/components/howto-list/howto-list.scss
+++ b/gfi-ihk-2024/stories/components/howto-list/howto-list.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .howto-list {
  display: flex;
--- a/gfi-ihk-2024/stories/components/ihk-switch/ihk-switch.scss
+++ b/gfi-ihk-2024/stories/components/ihk-switch/ihk-switch.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .ihk-switch {
  position: absolute;
--- a/gfi-ihk-2024/stories/components/image-text/image-text.scss
+++ b/gfi-ihk-2024/stories/components/image-text/image-text.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .image-text {
  max-width: 1340px;
--- a/gfi-ihk-2024/stories/components/infobox/infobox.scss
+++ b/gfi-ihk-2024/stories/components/infobox/infobox.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .infobox,
 .richtext div.strong,
--- a/gfi-ihk-2024/stories/components/linklist/linklist.scss
+++ b/gfi-ihk-2024/stories/components/linklist/linklist.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .linklist {
  --linklist-icon-padding: 38px;
--- a/gfi-ihk-2024/stories/components/login/login.scss
+++ b/gfi-ihk-2024/stories/components/login/login.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .login-form {
  position: relative;
--- a/gfi-ihk-2024/stories/components/logo-wall/logo-wall.scss
+++ b/gfi-ihk-2024/stories/components/logo-wall/logo-wall.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .logo-wall {
  margin: 0 0 1em 0;
--- a/gfi-ihk-2024/stories/components/magazine-article/magazine-article.scss
+++ b/gfi-ihk-2024/stories/components/magazine-article/magazine-article.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .magazine-article article.col, .magazine-article.col {
  position: relative;
--- a/gfi-ihk-2024/stories/components/magazine-cover/magazine-cover.scss
+++ b/gfi-ihk-2024/stories/components/magazine-cover/magazine-cover.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .magazine-cover {
  @media(min-width: 768px) {
--- a/gfi-ihk-2024/stories/components/magazine-header/magazine-header.scss
+++ b/gfi-ihk-2024/stories/components/magazine-header/magazine-header.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .magazine-header {
  --magazine-header-height: 90px;
--- a/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss
+++ b/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 *:has(> .mini-teaser) {
  container-type: inline-size;
--- a/gfi-ihk-2024/stories/components/nav/nav.scss
+++ b/gfi-ihk-2024/stories/components/nav/nav.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .page-header.dummy nav {
  z-index: 0;
--- a/gfi-ihk-2024/stories/components/newsletter-teaser/newsletter-teaser.scss
+++ b/gfi-ihk-2024/stories/components/newsletter-teaser/newsletter-teaser.scss
@@ -1,4 +1,4 @@
@use '../../_global/styles/mixins' as *;
@import '../../_global/styles/mixins';

 *:has(> .newsletter-teaser) {
  container-type: inline-size;
--- a/gfi-ihk-2024/stories/components/page-details/page-details.scss
+++ b/gfi-ihk-2024/stories/components/page-details/page-details.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .page-details {
  margin: 0 0 48px;
--- a/gfi-ihk-2024/stories/components/participation-list-item/participation-list-item.scss
+++ b/gfi-ihk-2024/stories/components/participation-list-item/participation-list-item.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .participation-list {
  margin: calc(20px + 2%) 0;
--- a/gfi-ihk-2024/stories/components/participation-teaser/participation-teaser.scss
+++ b/gfi-ihk-2024/stories/components/participation-teaser/participation-teaser.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .participation-teaser {
  position: relative;
--- a/gfi-ihk-2024/stories/components/print-share/print-share.scss
+++ b/gfi-ihk-2024/stories/components/print-share/print-share.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .print-share {
  margin: var(--section-margin) 0;
--- a/gfi-ihk-2024/stories/components/search-form/search-form.scss
+++ b/gfi-ihk-2024/stories/components/search-form/search-form.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .search-filter-form {
  --search-padding: 28px;
--- a/gfi-ihk-2024/stories/components/search-results/search-results.scss
+++ b/gfi-ihk-2024/stories/components/search-results/search-results.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .search-results {
  .results-wrapper {
--- a/gfi-ihk-2024/stories/components/steps/steps.scss
+++ b/gfi-ihk-2024/stories/components/steps/steps.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .richtext .steps {
  .text a, .rte--list a {
--- a/gfi-ihk-2024/stories/components/superlist-entry/superlist-entry.scss
+++ b/gfi-ihk-2024/stories/components/superlist-entry/superlist-entry.scss
@@ -1,6 +1,6 @@
@use '../../_global/styles/mixins';
@use '../../_global/styles/vars';
@use '../../sections/superlist/superlist';
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';
@import '../../sections/superlist/superlist';

 .superlist-entry {
  position: relative;
--- a/gfi-ihk-2024/stories/components/teaser-social/teaser-social.scss
+++ b/gfi-ihk-2024/stories/components/teaser-social/teaser-social.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .teaser .social-box {
  position: relative;
--- a/gfi-ihk-2024/stories/components/teaser/teaser.scss
+++ b/gfi-ihk-2024/stories/components/teaser/teaser.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .teaser {
  //--hero-background: var(--swatches-neutrals-white);
--- a/gfi-ihk-2024/stories/components/testimonial/testimonial.scss
+++ b/gfi-ihk-2024/stories/components/testimonial/testimonial.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .image-text.is-blockquote {
  max-width: 1340px;
--- a/gfi-ihk-2024/stories/components/text-with-headline/text-with-headline.scss
+++ b/gfi-ihk-2024/stories/components/text-with-headline/text-with-headline.scss
@@ -1,4 +1,4 @@
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/vars';

 .text-with-headline {
  margin-top: 0;
--- a/gfi-ihk-2024/stories/components/topic-teaser/topic-teaser.scss
+++ b/gfi-ihk-2024/stories/components/topic-teaser/topic-teaser.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .topic-teaser, .topics .tile {
  --topic-tile-padding: 24px;
--- a/gfi-ihk-2024/stories/components/video/video.scss
+++ b/gfi-ihk-2024/stories/components/video/video.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .video:not(.card-slider .video):not(.teaser.video):not(.col.video) {
  width: 100%;
--- a/gfi-ihk-2024/stories/sections/card-slider/card-slider.scss
+++ b/gfi-ihk-2024/stories/sections/card-slider/card-slider.scss
@@ -1,6 +1,6 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@use '../../atoms/slider-tabs/slider-tabs';
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';
@import '../../atoms/slider-tabs/slider-tabs';

 .card-slider {
  margin: var(--section-margin) 0 var(--section-margin) 0;
--- a/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss
+++ b/gfi-ihk-2024/stories/sections/election-detail/election-detail.scss
@@ -1,6 +1,6 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@use '../../components/contact/contact' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';
@import '../../components/contact/contact';

 .election-detail {
  margin: 0 0 80px 0;
--- a/gfi-ihk-2024/stories/sections/election-result-list/election-result-list.scss
+++ b/gfi-ihk-2024/stories/sections/election-result-list/election-result-list.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .election-result-list {
  .election-result-list--header {
--- a/gfi-ihk-2024/stories/sections/event-teaser-large-slider/eventteaserlargeslider.scss
+++ b/gfi-ihk-2024/stories/sections/event-teaser-large-slider/eventteaserlargeslider.scss
@@ -1,7 +1,7 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@use '../../components/event-teaser-large/event-teaser-large.scss' as *;
@use '../../atoms/slider-tabs/slider-tabs';
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';
@import '../../components/event-teaser-large/event-teaser-large.scss';
@import '../../atoms/slider-tabs/slider-tabs';

 .right-open-container {
  @media (min-width: 400px) {
--- a/gfi-ihk-2024/stories/sections/event-teasers-large/event-teasers-large.scss
+++ b/gfi-ihk-2024/stories/sections/event-teasers-large/event-teasers-large.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .event-teasers-large {
  position: relative;
--- a/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview-stage.scss
+++ b/gfi-ihk-2024/stories/sections/eventoverview-stage/eventoverview-stage.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';
 .eventoverview-section{
  margin: 0;
  .tilescontainer{
--- a/gfi-ihk-2024/stories/sections/events/events.scss
+++ b/gfi-ihk-2024/stories/sections/events/events.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .events {
  padding: var(--section-padding) 0;
--- a/gfi-ihk-2024/stories/sections/feature/feature.scss
+++ b/gfi-ihk-2024/stories/sections/feature/feature.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .feature {
  //--theme-color-link: var(--color-text);
--- a/gfi-ihk-2024/stories/sections/infobanner/infobanner.scss
+++ b/gfi-ihk-2024/stories/sections/infobanner/infobanner.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .infobanner {
  margin: var(--section-margin) auto;
--- a/gfi-ihk-2024/stories/sections/interview/interview.scss
+++ b/gfi-ihk-2024/stories/sections/interview/interview.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .interview {

--- a/gfi-ihk-2024/stories/sections/intro/intro.scss
+++ b/gfi-ihk-2024/stories/sections/intro/intro.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .intro {
  padding: 0;
--- a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
+++ b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 section.marketingheader {
  margin-top: 0;
--- a/gfi-ihk-2024/stories/sections/participation-map/participation-map.scss
+++ b/gfi-ihk-2024/stories/sections/participation-map/participation-map.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .participation-map {
  padding: var(--section-padding) 0;
--- a/gfi-ihk-2024/stories/sections/participation-stage/participation-stage.scss
+++ b/gfi-ihk-2024/stories/sections/participation-stage/participation-stage.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .participation-stage {
  background-image: url('./beteiligung-cover.jpg');
--- a/gfi-ihk-2024/stories/sections/participation-teasers/participation-teasers.scss
+++ b/gfi-ihk-2024/stories/sections/participation-teasers/participation-teasers.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .participation-teasers {
  position: relative;
--- a/gfi-ihk-2024/stories/sections/quick-facts/quick-facts.scss
+++ b/gfi-ihk-2024/stories/sections/quick-facts/quick-facts.scss
@@ -1,6 +1,6 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@use '../../atoms/slider-tabs/slider-tabs';
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';
@import '../../atoms/slider-tabs/slider-tabs';

 .quick-facts {
  position: relative;
--- a/gfi-ihk-2024/stories/sections/search/search.scss
+++ b/gfi-ihk-2024/stories/sections/search/search.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 section.search {
  position: relative;
--- a/gfi-ihk-2024/stories/sections/slider/slider.scss
+++ b/gfi-ihk-2024/stories/sections/slider/slider.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .slider {
  opacity: 0;
--- a/gfi-ihk-2024/stories/sections/social/social.scss
+++ b/gfi-ihk-2024/stories/sections/social/social.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 section.social {
  @media(max-width: 767px) {
--- a/gfi-ihk-2024/stories/sections/superlist/superlist.scss
+++ b/gfi-ihk-2024/stories/sections/superlist/superlist.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .superlist {
  padding-top: 20px;
--- a/gfi-ihk-2024/stories/sections/survey/survey.scss
+++ b/gfi-ihk-2024/stories/sections/survey/survey.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .richtext {
  .detail-text:has(.survey) {
--- a/gfi-ihk-2024/stories/sections/teasers/teasers.scss
+++ b/gfi-ihk-2024/stories/sections/teasers/teasers.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .teasers:not([data-items="1"]) {
  position: relative;
--- a/gfi-ihk-2024/stories/sections/tile-grid-wood/tile-grid-wood.scss
+++ b/gfi-ihk-2024/stories/sections/tile-grid-wood/tile-grid-wood.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .tile-grid {
  margin: var(--section-margin) auto;
--- a/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.scss
+++ b/gfi-ihk-2024/stories/sections/tile-grid/tile-grid.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .tile-grid {
  margin: var(--section-margin) auto;
--- a/gfi-ihk-2024/stories/sections/timeline/timeline.scss
+++ b/gfi-ihk-2024/stories/sections/timeline/timeline.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .timeline-tabs {
  position: relative;
--- a/gfi-ihk-2024/stories/sections/video-stage/video-stage.scss
+++ b/gfi-ihk-2024/stories/sections/video-stage/video-stage.scss
@@ -1,5 +1,5 @@
@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;
@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

 .video-stage {
  background: var(--color-background);