.link-tooltip__wrapper[data-v-1d639190] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.link-tooltip__wrapper:hover .link-tooltip__icon[data-v-1d639190], .link-tooltip__wrapper:focus-visible .link-tooltip__icon[data-v-1d639190] {
  color: var(--onyx-color-base-primary-500);
}
.link-tooltip__icon[data-v-1d639190] {
  color: var(--onyx-color-base-neutral-500);
  transition: color 0.2s ease;
  pointer-events: none;
}/**
 * Styleguide conform variables, mostly provided by CoreUI.
 * A comprehensive list can be found here: https://core-ui.schwarz/design-guidelines/colors
 */
[data-v-ae343fdd]:root {
  /* grey scales */
  --sit-color-eggshell: #f8f8f8;
  --sit-color-lightgrey: #ededed;
  --sit-color-grey: #d2d2d2;
  --sit-color-darkgrey: #a9a9a9;
  --sit-color-lightblack: #464646;
  /** spaces */
  /* xs base: 8px */
  --sit-space-xs: 0.5rem;
  /* s base: 16px */
  --sit-space-s: 1rem;
  /* m base: 24px */
  --sit-space-m: 1.5rem;
  /* l base: 32px */
  --sit-space-l: 2rem;
  /* xl base: 64px */
  --sit-space-xl: 4rem;
  /* xxl base: 128px */
  --sit-space-xxl: 8rem;
  --honeywell-width: 320px;
}
:root [scu-theme=kaufland][data-v-ae343fdd] {
  --background-image: url("/assets/frau_vorm_regal-Bvq-G5QV.png");
}

/**
/* The CSS variables below are mapped to specific core ui variables for easier usage.
/* Since they are depending on the current scu-theme the selector must not be [scu-theme] instead
/* of :root. Otherwise they values would not update accordingly.
*/
[scu-theme][data-v-ae343fdd] {
  /* main theme color */
  --sit-color-primary: var(--brand-primary-5);
  /* status colors */
  --sit-color-green: var(--green-5);
  --sit-color-orange: var(--orange-5);
  --sit-color-red: var(--red-5);
}

/** Shorthand for applying horizontal margins */
/** Shorthand for applying vertical margins */
/**
 * Breakpoints might be consistently applied via the defined breakpoints (s, m or l)
 * @param {string} $breakpoint - the (globally defined) breakpoint
 * @param {string} $min-max - Whether the breakpoint should be considered as min or max width. Default: max
 *
 * @example breakpoint(m)
 * @example breakpoint(m, min)
 * @see https://vue-blueprint.schwarz/advanced/folders.html#styles
 */
.article-info-card[data-v-ae343fdd] {
  margin-top: var(--onyx-spacing-md);
}
.article-info-card__card[data-v-ae343fdd] {
  height: 100%;
}
.article-info-card__card.is-success[data-v-ae343fdd] {
  background-color: var(--onyx-color-base-success-100);
  border: 1px solid var(--onyx-color-base-success-500);
}
.article-info-card__card.is-danger[data-v-ae343fdd] {
  background-color: var(--onyx-color-base-danger-100);
  border: 1px solid var(--onyx-color-base-danger-500);
}
.article-info-card__header[data-v-ae343fdd] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--onyx-spacing-sm);
}
.article-info-card__title[data-v-ae343fdd] {
  margin-bottom: 0;
}
.fields-grid[data-v-ae343fdd] {
  display: grid;
  grid-template-columns: repeat(var(--v122890d1), minmax(0, 1fr));
  gap: var(--onyx-spacing-md) var(--onyx-spacing-lg);
  margin-top: var(--onyx-spacing-xs);
}
@media (max-width: 960px) {
.fields-grid[data-v-ae343fdd] {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
}
@media (max-width: 600px) {
.fields-grid[data-v-ae343fdd] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.field[data-v-ae343fdd] {
  display: flex;
  flex-direction: column;
  gap: var(--onyx-spacing-4xs);
}
.field__label[data-v-ae343fdd] {
  font-size: var(--onyx-font-size-sm);
  color: var(--onyx-color-base-neutral-500);
  line-height: 1.2;
}
.field__value-wrapper[data-v-ae343fdd] {
  display: flex;
  align-items: center;
  gap: var(--onyx-spacing-2xs);
}
.field__value[data-v-ae343fdd] {
  font-size: var(--onyx-font-size-md);
  color: var(--onyx-color-text-icons-neutral-intense);
  line-height: 1.4;
}.article-info-template[data-v-1c3ecbe6] {
  margin-top: var(--onyx-spacing-md);
}
.article-info-template .table-header[data-v-1c3ecbe6] {
  display: flex;
  gap: var(--onyx-spacing-sm);
  margin-bottom: var(--onyx-spacing-sm);
}
.article-info-template .table-header .count-indicator[data-v-1c3ecbe6] {
  color: var(--onyx-color-base-primary-500);
}
.article-info-template .article-info-table .table-scroll-wrapper[data-v-1c3ecbe6] {
  width: 100%;
  overflow-x: auto;
}
.article-info-template .article-info-table .nowrap-cell[data-v-1c3ecbe6] {
  white-space: nowrap;
}.identifier-copy[data-v-323ebdfa] {
  display: flex;
  align-items: center;
  gap: var(--onyx-spacing-2xs);
}.copyable-table-section[data-v-99156998] {
  min-width: 0;
}
.copyable-table-section .table-header[data-v-99156998] {
  display: flex;
  gap: var(--onyx-spacing-sm);
  margin-bottom: var(--onyx-spacing-sm);
}
.copyable-table-section .table-header .count-indicator[data-v-99156998] {
  color: var(--onyx-color-base-primary-500);
}
.copyable-table-section .nowrap-cell[data-v-99156998] {
  white-space: nowrap;
}.material-group-tooltip-icon[data-v-200dbdb9] {
  cursor: help;
  color: var(--onyx-color-base-neutral-500);
}/**
 * Styleguide conform variables, mostly provided by CoreUI.
 * A comprehensive list can be found here: https://core-ui.schwarz/design-guidelines/colors
 */
[data-v-c979715e]:root {
  /* grey scales */
  --sit-color-eggshell: #f8f8f8;
  --sit-color-lightgrey: #ededed;
  --sit-color-grey: #d2d2d2;
  --sit-color-darkgrey: #a9a9a9;
  --sit-color-lightblack: #464646;
  /** spaces */
  /* xs base: 8px */
  --sit-space-xs: 0.5rem;
  /* s base: 16px */
  --sit-space-s: 1rem;
  /* m base: 24px */
  --sit-space-m: 1.5rem;
  /* l base: 32px */
  --sit-space-l: 2rem;
  /* xl base: 64px */
  --sit-space-xl: 4rem;
  /* xxl base: 128px */
  --sit-space-xxl: 8rem;
  --honeywell-width: 320px;
}
:root [scu-theme=kaufland][data-v-c979715e] {
  --background-image: url("/assets/frau_vorm_regal-Bvq-G5QV.png");
}

/**
/* The CSS variables below are mapped to specific core ui variables for easier usage.
/* Since they are depending on the current scu-theme the selector must not be [scu-theme] instead
/* of :root. Otherwise they values would not update accordingly.
*/
[scu-theme][data-v-c979715e] {
  /* main theme color */
  --sit-color-primary: var(--brand-primary-5);
  /* status colors */
  --sit-color-green: var(--green-5);
  --sit-color-orange: var(--orange-5);
  --sit-color-red: var(--red-5);
}

/** Shorthand for applying horizontal margins */
/** Shorthand for applying vertical margins */
/**
 * Breakpoints might be consistently applied via the defined breakpoints (s, m or l)
 * @param {string} $breakpoint - the (globally defined) breakpoint
 * @param {string} $min-max - Whether the breakpoint should be considered as min or max width. Default: max
 *
 * @example breakpoint(m)
 * @example breakpoint(m, min)
 * @see https://vue-blueprint.schwarz/advanced/folders.html#styles
 */
.article-timeline-data-wrapper[data-v-c979715e] {
  padding-bottom: var(--onyx-spacing-xl);
}
.listing-and-suppression[data-v-c979715e] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--onyx-spacing-md);
  margin-top: var(--onyx-spacing-md);
}
@media (max-width: 960px) {
.listing-and-suppression[data-v-c979715e] {
    grid-template-columns: minmax(0, 1fr);
}
}
.card-suppression[data-v-c979715e] {
  grid-column: 1;
  grid-row: 1;
}
@media (max-width: 960px) {
.card-suppression[data-v-c979715e] {
    grid-column: auto;
    grid-row: auto;
}
}
.card-listing[data-v-c979715e] {
  grid-column: 1;
  grid-row: 2;
}
@media (max-width: 960px) {
.card-listing[data-v-c979715e] {
    grid-column: auto;
    grid-row: auto;
}
}
.card-first-linking[data-v-c979715e] {
  grid-column: 2;
  grid-row: 2;
}
@media (max-width: 960px) {
.card-first-linking[data-v-c979715e] {
    grid-column: auto;
    grid-row: auto;
}
}
.identifiers[data-v-c979715e] {
  margin-top: var(--onyx-spacing-md);
}
.identifiers__grid[data-v-c979715e] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--onyx-spacing-md);
  align-items: stretch;
}
@media (max-width: 960px) {
.identifiers__grid[data-v-c979715e] {
    grid-template-columns: minmax(0, 1fr);
}
}
.identifiers__grid[data-v-c979715e] > * {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.identifiers__grid[data-v-c979715e] > * .copyable-table-card,
.identifiers__grid[data-v-c979715e] > * .onyx-card {
  flex: 1;
  height: 100%;
}
.material-group-table[data-v-c979715e] {
  max-width: 100%;
  margin-top: var(--onyx-spacing-md);
}
@media (max-width: 960px) {
.material-group-table[data-v-c979715e] {
    max-width: 100%;
}
}
.article-texts-section[data-v-c979715e] {
  margin-top: var(--onyx-spacing-xl);
}
.section-headline[data-v-c979715e] {
  margin-bottom: var(--onyx-spacing-md);
}
.article-texts-grid[data-v-c979715e] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--onyx-spacing-md);
  margin-top: var(--onyx-spacing-sm);
  align-items: stretch;
}
@media (max-width: 960px) {
.article-texts-grid[data-v-c979715e] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
.article-texts-grid[data-v-c979715e] {
    grid-template-columns: minmax(0, 1fr);
}
}
.article-texts-grid[data-v-c979715e] > * {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.article-texts-grid[data-v-c979715e] > * .onyx-card,
.article-texts-grid[data-v-c979715e] > * .onyx-table-wrapper {
  flex: 1;
  height: 100%;
}
.additional-information-section[data-v-c979715e] {
  margin-top: var(--onyx-spacing-xl);
}
.additional-information-table[data-v-c979715e] {
  width: 100%;
}
.article-details-section[data-v-c979715e] {
  margin-top: var(--onyx-spacing-xl);
}
.article-details-grid[data-v-c979715e] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--onyx-spacing-md);
}
@media (max-width: 960px) {
.article-details-grid[data-v-c979715e] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
.article-details-grid[data-v-c979715e] {
    grid-template-columns: minmax(0, 1fr);
}
}.price-wrapper {
  margin-top: 1em;
  display: flex;
  flex-direction: column;
  gap: 3em;
}
.price-wrapper.sticky {
  margin-top: 200px;
}
.price-wrapper .grid .onyx-table-wrapper__top div h3 {
  font-size: var(--onyx-font-size-lg);
}[data-v-04c71665] .onyx-basic-dialog__content {
  width: 100%;
}
.modal[data-v-04c71665] {
  border-radius: 5px;
  overflow: hidden;
  min-width: 600px;
  align-items: center;
}
.modal .trimple[data-v-04c71665] {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.modal .trimple .grid-elements[data-v-04c71665] {
  gap: 20px;
  display: flex;
  width: 100%;
}
.modal .grid-elements p span[data-v-04c71665] {
  color: #ddd;
}
.modal .body[data-v-04c71665] {
  padding: var(--onyx-density-xl) var(--onyx-modal-padding-inline);
  display: flex;
  flex-direction: column;
  gap: var(--onyx-density-xl);
}
.modal .body__description[data-v-04c71665] {
  color: var(--onyx-color-text-icons-info-intense);
  white-space: pre-line;
}
.modal .body .grid-element[data-v-04c71665] {
  border: var(--onyx-1px-in-rem) solid var(--onyx-color-base-neutral-400);
  padding: var(--onyx-spacing-xs);
  border-radius: var(--onyx-radius-sm);
  display: flex;
  justify-content: center;
}.card-sticky[data-v-5a93ab4a] {
  top: 180px;
  z-index: 100;
  position: fixed;
  width: 330px;
}
.timeline[data-v-5a93ab4a] {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: var(--onyx-density-md);
}
.timeline.sticky[data-v-5a93ab4a] {
  margin-top: 0;
}
.timeline__header[data-v-5a93ab4a] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
}
.timeline__headline[data-v-5a93ab4a] {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: var(--onyx-density-sm);
  white-space: nowrap;
  min-width: 0;
  flex-shrink: 1;
  overflow: hidden;
}
.timeline__headline[data-v-5a93ab4a] .onyx-headline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline__date-range[data-v-5a93ab4a] {
  color: var(--onyx-color-text-icons-neutral-medium);
  font: var(--onyx-text-small-regular);
  white-space: nowrap;
  flex-shrink: 0;
}
.timeline__header__right[data-v-5a93ab4a] {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--onyx-density-sm);
  align-items: center;
  flex-shrink: 0;
}
.timeline__search-date[data-v-5a93ab4a] {
  width: max-content;
}
.timeline__legend-trigger[data-v-5a93ab4a] {
  padding: 0;
  border: none;
  background: none;
  cursor: default;
  white-space: nowrap;
  color: var(--onyx-color-text-icons-neutral-medium);
  font: var(--onyx-text-small-regular);
}
.timeline__legend-popup[data-v-5a93ab4a] {
  display: flex;
  flex-direction: column;
  gap: var(--onyx-density-2xs);
  padding: var(--onyx-density-xs);
}
.timeline__legend-item[data-v-5a93ab4a] {
  display: flex;
  align-items: center;
  gap: var(--onyx-density-2xs);
  white-space: nowrap;
}
.timeline__nav[data-v-5a93ab4a] {
  display: flex;
  gap: var(--onyx-density-2xs);
  align-items: center;
}
.timeline__rows[data-v-5a93ab4a] {
  display: flex;
  flex-direction: column;
  gap: var(--onyx-density-md);
}
.timeline__dates[data-v-5a93ab4a] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  overflow: hidden;
}
.timeline__date[data-v-5a93ab4a] {
  flex-shrink: 0;
  min-width: 172px;
  justify-content: center;
  border-radius: var(--onyx-radius-xl);
  white-space: nowrap;
}
.timeline__separator[data-v-5a93ab4a] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--onyx-spacing-2xl);
  flex-shrink: 0;
}
.timeline__separator__line[data-v-5a93ab4a] {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid var(--onyx-color-base-neutral-500);
}
.timeline__times[data-v-5a93ab4a] {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--onyx-density-sm);
  align-items: center;
}
.timeline__time-entry[data-v-5a93ab4a] {
  display: flex;
  align-items: center;
}
.skeleton[data-v-5a93ab4a] {
  width: 100%;
  height: 200px;
  z-index: 1;
}
.loading[data-v-5a93ab4a] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}.article-info-header[data-v-e95b287a] {
  display: flex;
  flex-direction: column;
  gap: var(--onyx-spacing-sm);
  margin-bottom: var(--onyx-spacing-xl);
}
.article-info-header__title-row[data-v-e95b287a] {
  display: flex;
  align-items: center;
  gap: var(--onyx-spacing-sm);
}
.article-info-header__tags-row[data-v-e95b287a] {
  display: flex;
  gap: var(--onyx-spacing-sm);
}