/**
* Colors
*/
/* Signal colors */
/* Old colors (TODO: cleanup when not needed anymore) */
/**
 * Base
 */
/**
 * Selection
 */
/**
 * Flyingfocus
 */
/**
 * Icons
 */
/**
 * Link
 */
/**
 * Text
 */
/**
 * Section
 */
/**
 * Header
 */
/**
 * Footer
 */
/**
 * Fieldset
 */
/**
 * Stepper
 */
/**
 * Loader
 */
/**
 * Table
 */
/**
 * Heading
 */
/**
 * Text
 */
/**
 * Menu (Item)
 */
/**
 * Form Elements (Input / Checkbox / Radio / Select / Datepicker)
 */
/**
 * Popover
 */
/**
 * Tooltips
 */
/**
 * Dialogs / Popover
 */
/**
 * Overlays
 */
/**
 * Accordions
 */
/**
 * Timeline
 */
/**
 * Buttons
 */
/**
 * Ratios
 */
/**
 * Pagetitle
 */
/**
 * TopnewsMostsearched
 */
/**
 * Calendar
 */
/**
 * Cta
 */
/**
 * Toasts
 */
/**
 * Uploads
 */
/**
 * Box Shadows
 */
/**
 * Z-Indexes
 * Inspired by https://www.duetds.com/tokens/#z-index
 */
/**
 * Icon sizes
 */
/**
 * Grid
 */
/**
 * Container
 */
/**
 * Breakpoints
 */
/**
 * Ratios
 */
/**
 * Spaces
 */
/**
 * Fonts
 */
:host {
  font-family: var(--stzh-font-family-medium);
  font-weight: var(--stzh-font-weight-medium);
  font-style: var(--stzh-font-style-medium);
  color: var(--stzh-base-color);
  box-sizing: border-box;
  display: block;
}
:host[hidden], :host[stzh-hidden] {
  display: none;
}
:host::selection {
  color: var(--stzh-selection-color);
  background-color: var(--stzh-selection-background-color);
}
:host *,
:host *::before,
:host *::after {
  box-sizing: border-box;
  text-underline-offset: var(--stzh-link-text-underline-offset);
  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);
  -webkit-text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);
          text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);
}
:host {
  /* default outline value, which will be applied to all elements receiving focus
  the .has-focus class is used by the focus target */
}
:host .has-focus {
  outline: var(--stzh-flyingfocus-color) solid 0.125rem;
  outline-offset: 0.125rem;
}
:host .stzh-fylingfocus-focused {
  outline-style: none !important;
}
:host .stzh-fylingfocus-focused::-moz-focus-inner {
  border: 0 !important;
}

:host ::slotted([slot=primary]),
:host ::slotted([slot=secondary]),
:host ::slotted([slot=tertiary]) {
  flex-grow: 1;
  margin: calc(var(--stzh-space-medium, 16px) / 2);
}
@media screen and (min-width: 600px) {
  :host[space-between=true] ::slotted([slot=tertiary]) {
    flex-grow: inherit;
  }
}

.stzh-actions__actions {
  display: flex;
  flex-direction: column-reverse;
  margin: calc(var(--stzh-space-medium, 16px) / -2);
}
@media screen and (min-width: 600px) {
  .stzh-actions__actions {
    flex-direction: row;
  }
}
.stzh-actions__primary-actions, .stzh-actions__secondary-actions, .stzh-actions__tertiary-actions {
  display: flex;
}
.stzh-actions__wrapper {
  display: contents;
}
@media screen and (max-width: 599px) {
  .stzh-actions--process .stzh-actions__wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}
.stzh-actions--process .stzh-actions__actions {
  justify-content: flex-end;
}
@media screen and (max-width: 599px) {
  .stzh-actions--process .stzh-actions__primary-actions, .stzh-actions--process .stzh-actions__secondary-actions {
    flex-grow: 1;
  }
}
@media screen and (min-width: 600px) {
  .stzh-actions--process .stzh-actions__tertiary-actions {
    margin-right: auto;
  }
}
.stzh-actions--search .stzh-actions__actions {
  justify-content: flex-end;
}
.stzh-actions {
  /* space between */
}
.stzh-actions--space-between .stzh-actions__actions {
  justify-content: space-between;
}
@media screen and (min-width: 600px) {
  .stzh-actions--space-between .stzh-actions__actions {
    flex-direction: column;
  }
}
@media screen and (min-width: 900px) {
  .stzh-actions--space-between .stzh-actions__actions {
    flex-direction: row;
  }
}
@media screen and (min-width: 600px) {
  .stzh-actions--space-between .stzh-actions__wrapper {
    display: flex;
    justify-content: flex-end;
  }
}