/**
 * Solo-Shell + globale Elemente an semantische Tokens (--bg, --text, --link, …).
 */

html[data-color-scheme='light'] {
  color-scheme: light;
}

html[data-color-scheme='dark'] {
  color-scheme: dark;
}

#page-wrapper:not(.has-st-page-bg),
.page-wrapper:not(.has-st-page-bg) {
  background-color: var(--bg);
  color: var(--text);
}

.page-wrapper.has-st-page-bg {
  color: var(--text);
}

#page-wrapper a,
.page-wrapper a {
  color: var(--link);
}

#page-wrapper a:hover,
#page-wrapper a:focus-visible,
.page-wrapper a:hover,
.page-wrapper a:focus-visible {
  color: var(--st-link-hover, var(--link));
}

#page-wrapper h1,
#page-wrapper h2,
#page-wrapper h3,
#page-wrapper h4,
#page-wrapper h5,
#page-wrapper h6,
.page-wrapper :is(h1, h2, h3, h4, h5, h6) {
  color: var(--text);
}

#header,
#header-inner,
#st_header,
#st_header .header-inner,
#primary-menu,
#primary-menu-inner,
.region-highlighted,
#highlighted {
  background-color: var(--st-chrome-bg, var(--bg));
  color: var(--st-chrome-text, var(--text));
}

.page-wrapper.has-st-page-bg #primary-menu,
.page-wrapper.has-st-page-bg #primary-menu-inner {
  background-color: transparent !important;
}

#header a,
#primary-menu a {
  color: var(--st-chrome-text, var(--link));
}

#main-container,
#main-container-inner,
.region-inner.main-box-inner,
.sidebar-box-main-inner {
  background-color: var(--st-bg-page, var(--bg));
  color: var(--st-text, var(--text));
}

/* Light Mode: Content-Spalte #main-container immer #fff */
html[data-color-scheme='light'] :is(#main-container, #main-container-inner),
html[data-color-scheme='light'] .page-wrapper.has-st-page-bg :is(#main-container, #main-container-inner) {
  background-color: #fff;
}

@media (prefers-color-scheme: light) {
  :root:not([data-color-scheme='dark']) body:not(.darkmode--activated) :is(#main-container, #main-container-inner),
  :root:not([data-color-scheme='dark']) body:not(.darkmode--activated) .page-wrapper.has-st-page-bg :is(#main-container, #main-container-inner) {
    background-color: #fff;
  }
}

.region-outer.main-box {
  background-color: var(--st-bg-card, var(--card-bg));
  color: var(--st-text, var(--text));
}

.region-outer.main-box-sides {
  background-color: var(--st-bg-card, var(--card-bg));
}

/*
 * Modus Light/Dark: gesamter lesbarer Text #000 bzw. #fff (100 %, unabhängig von Einzel-Overrides).
 */
html[data-color-scheme='light'] :is(#page-wrapper, .page-wrapper),
html[data-color-scheme='light'] :is(#st_body, #st_body_inner, #main-container, #sidebar-box-main) {
  color: #000;
  --text: #000;
  --st-text: #000;
  --st-text-muted: #000;
  --muted-text: #000;
  --link: #000;
  --st-link: #000;
  --r-tx: #000;
  --r-h1: #000;
  --r-h2: #000;
  --r-h3: #000;
  --r-lk: #000;
}

html[data-color-scheme='dark'] :is(#page-wrapper, .page-wrapper),
html[data-color-scheme='dark'] :is(#st_body, #st_body_inner, #main-container, #sidebar-box-main),
body.darkmode--activated :is(#page-wrapper, .page-wrapper),
body.darkmode--activated :is(#st_body, #st_body_inner, #main-container, #sidebar-box-main) {
  color: #fff;
  --text: #fff;
  --st-text: #fff;
  --st-text-muted: #fff;
  --muted-text: #fff;
  --link: #fff;
  --st-link: #fff;
  --r-tx: #fff;
  --r-h1: #fff;
  --r-h2: #fff;
  --r-h3: #fff;
  --r-lk: #fff;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme='light']) :is(#page-wrapper, .page-wrapper),
  :root:not([data-color-scheme='light']) :is(#st_body, #st_body_inner, #main-container, #sidebar-box-main) {
    color: #fff;
    --text: #fff;
    --st-text: #fff;
    --st-text-muted: #fff;
    --muted-text: #fff;
    --link: #fff;
    --st-link: #fff;
    --r-tx: #fff;
    --r-h1: #fff;
    --r-h2: #fff;
    --r-h3: #fff;
    --r-lk: #fff;
  }
}

html[data-color-scheme='light'] :is(#page-wrapper, .page-wrapper) :where(
    p,
    span,
    li,
    dt,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    label,
    legend,
    th,
    td,
    caption,
    blockquote,
    figcaption,
    cite,
    time,
    address,
    a,
    strong,
    em,
    small,
    .field,
    .field__item,
    .field__label,
    .field__content,
    .article-text-block,
    .article-subtitle,
    .category-card__title,
    .category-card__meta,
    .grid-category,
    .node__title,
    .views-field,
    .comment-form,
    .form-item__label
  ) {
  color: #000 !important;
}

html[data-color-scheme='light'] :is(#st_footer, #footer-menu, #footer-container, #copyright, #st_copyright) :where(*) {
  color: #fff !important;
}

html[data-color-scheme='light'] :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) :where(*) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html[data-color-scheme='light'] :is(#primary-menu, #st_menu, #st_chrome #st_menu) :where(*) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html[data-color-scheme='dark'] :is(#page-wrapper, .page-wrapper) :where(
    p,
    span,
    li,
    dt,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    label,
    legend,
    th,
    td,
    caption,
    blockquote,
    figcaption,
    cite,
    time,
    address,
    a,
    strong,
    em,
    small,
    .field,
    .field__item,
    .field__label,
    .field__content,
    .article-text-block,
    .article-subtitle,
    .category-card__title,
    .category-card__meta,
    .grid-category,
    .st-hero__title,
    .st-hero__description,
    .st-hero__editorial,
    .st-hero__copyright-text,
    .breadcrumb-menu,
    .breadcrumb-title,
    .node__title,
    .views-field,
    .comment-form,
    .form-item__label
  ),
html[data-color-scheme='dark'] :is(#st_footer, #footer-menu, #footer-container, #copyright, #st_copyright) :where(*),
body.darkmode--activated :is(#page-wrapper, .page-wrapper) :where(
    p,
    span,
    li,
    dt,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    label,
    legend,
    th,
    td,
    caption,
    blockquote,
    figcaption,
    cite,
    time,
    address,
    a,
    strong,
    em,
    small,
    .field,
    .field__item,
    .field__label,
    .field__content,
    .article-text-block,
    .article-subtitle,
    .category-card__title,
    .category-card__meta,
    .grid-category,
    .st-hero__title,
    .st-hero__description,
    .st-hero__editorial,
    .st-hero__copyright-text,
    .breadcrumb-menu,
    .breadcrumb-title,
    .node__title,
    .views-field,
    .comment-form,
    .form-item__label
  ),
body.darkmode--activated :is(#st_footer, #footer-menu, #footer-container, #copyright, #st_copyright) :where(*) {
  color: #fff !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme='light']) :is(#page-wrapper, .page-wrapper) :where(
      p,
      span,
      li,
      dt,
      dd,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      label,
      legend,
      th,
      td,
      caption,
      blockquote,
      figcaption,
      cite,
      time,
      address,
      a,
      strong,
      em,
      small,
      .field,
      .field__item,
      .field__label,
      .field__content,
      .article-text-block,
      .article-subtitle,
      .category-card__title,
      .category-card__meta,
      .grid-category,
      .st-hero__title,
      .st-hero__description,
      .st-hero__editorial,
      .st-hero__copyright-text,
      .breadcrumb-menu,
      .breadcrumb-title,
      .node__title,
      .views-field,
      .comment-form,
      .form-item__label
    ),
  :root:not([data-color-scheme='light']) :is(#st_footer, #footer-menu, #footer-container, #copyright, #st_copyright) :where(*) {
    color: #fff !important;
  }
}

/*
 * Über Bild/Hero/Page-BG: Texte, Links, Icons immer #fff (unabhängig vom Farbmodus).
 */
:is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) {
  --st-hero-meta-color: #fff;
  --st-hero-meta-muted: rgb(255 255 255 / 75%);
  --st-hero-meta-soft: rgb(255 255 255 / 88%);
  --st-category-hero-meta-color: #fff;
  --st-category-hero-meta-muted: rgb(255 255 255 / 75%);
  --st-category-hero-meta-soft: rgb(255 255 255 / 88%);
  --st-chrome-text: #fff;
  --st-category-icon-color: #fff;
  --wdsb-weather-panel-text: #fff;
  --wdsb-weather-panel-muted: rgb(255 255 255 / 72%);
  --wdsb-weather-panel-icon-fa: #fff;
  --text: #fff;
  --st-text: #fff;
  --link: #fff;
  --st-link: #fff;
  --r-tx: #fff;
  --r-h1: #fff;
  --r-h2: #fff;
  --r-h3: #fff;
  --r-lk: #fff;
  color: #fff;
}

html[data-color-scheme='light'] :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) :where(*),
html[data-color-scheme='dark'] :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) :where(*),
body.darkmode--activated :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) :where(*),
:root:not([data-color-scheme='light']) :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) :where(*) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html[data-color-scheme='light'] :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) a,
html[data-color-scheme='dark'] :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) a,
body.darkmode--activated :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) a,
:root:not([data-color-scheme='light']) :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) a {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html[data-color-scheme='light'] :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) a:hover,
html[data-color-scheme='light'] :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) a:focus-visible,
html[data-color-scheme='dark'] :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) a:hover,
html[data-color-scheme='dark'] :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) a:focus-visible,
body.darkmode--activated :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) a:hover,
body.darkmode--activated :is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) a:focus-visible {
  color: rgb(255 255 255 / 85%) !important;
  -webkit-text-fill-color: rgb(255 255 255 / 85%) !important;
}

:is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) :is(.category-icon, .grid-category::before) {
  --st-category-icon-color: #fff !important;
  background-color: #fff !important;
}

:is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) :is(.category-card__meta.grid-category, .grid-category) {
  background: transparent !important;
  background-color: transparent !important;
}

:is(
    #st_hero:not(.st-hero--solo-shell),
    #st_hero_meta,
    #category_hero_meta,
    #article_hero_meta,
    .st-hero__overlay,
    .category-page__hero-overlay,
    .st-hero__copyright,
    .category-hero__copyright,
    .category-card__media-overlay,
    .page-wrapper.has-st-page-bg > #st_header,
    .page-wrapper.has-st-page-bg > #primary-menu,
    .page-wrapper.has-st-page-bg > #st_headline_1,
    .page-wrapper.has-st-page-bg > #st_headline_2,
    .page-wrapper.has-st-page-bg #st_chrome_weather,
    .page-wrapper.has-st-page-bg #st_chrome_trading,
    .page-wrapper.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg #st_chrome,
    .st-layout-page.has-hero-page-bg > .st-page > #st_headline_1
  ) :is(
    .fa,
    .fas,
    .far,
    .fal,
    .fad,
    .fa-solid,
    .fa-regular,
    .fa-light,
    .fa-duotone,
    .fa-brands,
    .st-offcanvas-trigger__icon,
    .st-menubar-scroller__btn
  ) {
  color: #fff !important;
}

/*
 * Solr-Suchblock: Eingabe/Button behalten lesbaren Kontrast, auch wenn
 * #main-container / #sidebar-box-main im Dark Mode weiße Schrift erzwingen.
 */
.page-wrapper .saarland-article-search__form .saarland-article-search__input,
.page-wrapper .saarland-article-search__form input[type="search"] {
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  background-color: #fff !important;
  border-color: color-mix(in srgb, #172033 22%, #fff) !important;
  color-scheme: light;
}

.page-wrapper .saarland-article-search__form .saarland-article-search__input::placeholder,
.page-wrapper .saarland-article-search__form input[type="search"]::placeholder {
  color: color-mix(in srgb, #172033 55%, transparent) !important;
  -webkit-text-fill-color: color-mix(in srgb, #172033 55%, transparent) !important;
  opacity: 1;
}

.page-wrapper .saarland-article-search__form .saarland-article-search__submit,
.page-wrapper .saarland-article-search__form .form-actions .form-submit {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-color: var(--st-accent, #b0004b) !important;
  border-color: var(--st-accent, #b0004b) !important;
}

.page-wrapper .saarland-article-search__form .saarland-article-search__submit:hover,
.page-wrapper .saarland-article-search__form .saarland-article-search__submit:focus-visible,
.page-wrapper .saarland-article-search__form .form-actions .form-submit:hover,
.page-wrapper .saarland-article-search__form .form-actions .form-submit:focus-visible {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-color: var(--st-link-hover, #ff4f93) !important;
  border-color: var(--st-link-hover, #ff4f93) !important;
}