/**
 * Saarland Today – Typografie (Inter Body, Manrope Headlines & Navigation).
 *
 * Nur Schriftfamilien, -gewichte und Letter-Spacing – keine Layout-/Farbänderungen.
 */

:root {
  --font-body: 'Inter', sans-serif;
  --font-heading: 'Manrope', sans-serif;
  --font-menu: 'Manrope', sans-serif;

  /* Solo-Basis überschreiben (Helvetica → SaarlandToday-Fonts) */
  --solo-font: var(--font-body);
  --solo-font-s: var(--font-body);
  --solo-h1: var(--font-heading);
}

/* ── Body / Fließtext ─────────────────────────────────────────── */
html {
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
.page-wrapper {
  font-family: var(--font-body);
  font-weight: 400;
  font-style: normal;
}

.page-wrapper input,
.page-wrapper textarea,
.page-wrapper select,
.page-wrapper button:not(.nav__menu-button):not(.st-menubar-scroller__btn):not(.article-header__toggle),
.page-wrapper label,
.page-wrapper .form-item,
.page-wrapper .field,
.page-wrapper p,
.page-wrapper li,
.page-wrapper dd,
.page-wrapper dt,
.page-wrapper blockquote,
.page-wrapper figcaption,
.page-wrapper .field--type-text-with-summary,
.page-wrapper .field--type-text-long {
  font-family: var(--font-body);
  font-weight: 400;
}

/* Artikel- & Kategorie-Content */
#Article_body,
#category_body,
#category_body .category-inner,
#article_content,
#article_content_1,
#article_teaser,
#article_editorial_staff,
#article_source,
#article_bradcrumb,
.category-description,
.category-empty,
.category-card__teaser,
.category-card__meta,
#artikel_share {
  font-family: var(--font-body);
  font-weight: 400;
}

/* Footer */
.page-wrapper footer,
.page-wrapper .region-footer,
.page-wrapper #footer,
.page-wrapper #footer-content {
  font-family: var(--font-body);
  font-weight: 400;
}

/* ── Headlines (Manrope 700) ────────────────────────────────── */
.page-wrapper h1,
.page-wrapper h2,
.page-wrapper h3,
.page-wrapper h4,
.page-wrapper h5,
.page-wrapper h6,
.page-wrapper .site-name,
.page-wrapper .site-slogan,
#article_title,
#article_subtitle,
#article_subtitle_2,
.category-hero__title,
.category-title,
.category-card__title,
.category-card__kicker,
.page-wrapper .page-title {
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: normal;
  text-transform: none;
}

/* ── Navigation / Menü (Manrope 600) ────────────────────────── */
.page-wrapper nav,
.page-wrapper .navigation,
.page-wrapper .navigation__menubar,
.page-wrapper .navigation__menubar-main,
.page-wrapper [id^="main-menubar"],
.page-wrapper .nav__menu-item,
.page-wrapper .nav__menu-link,
.page-wrapper .nav__menu-button,
.page-wrapper .breadcrumb-menu,
.page-wrapper .breadcrumb-nav,
.page-wrapper .breadcrumb-title,
#article_menu,
#category_menu,
#category_submenu,
#category_chrome nav,
.st-menubar-scroller,
.st-menubar-scroller__btn,
.article-header__toggle,
#offCanvasLeft,
#offCanvasRight,
#offCanvasLeft .menu,
#offCanvasRight .menu,
.offCanvasSidebarInner nav,
.offCanvasSidebarInner .navigation__menubar {
  font-family: var(--font-menu);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}

/* Nav-Buttons / Toggles behalten Menü-Schrift */
.page-wrapper .article-header__toggle,
.st-menubar-scroller__btn {
  font-family: var(--font-menu);
  font-weight: 600;
  letter-spacing: 0.03em;
}

/* UI-Buttons ohne Nav-Charakter: Body-Schrift */
.page-wrapper .button:not(.nav__menu-link),
.page-wrapper input.button,
.page-wrapper .btn,
.category-pagination .pager__item a {
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: normal;
}

/* Kennzeichnungen (Werbung etc.): dezentes Tracking, Body-Familie */
#Article_body .ad-indicator,
#Article_body .article-ad-indicator,
#article_advertising_top .ad-indicator,
#article_advertising_bottom .ad-indicator,
#article_advertising_left .ad-indicator,
#article_advertising_right .ad-indicator,
#category_advertising_left .ad-indicator,
#category_advertising_right .ad-indicator {
  font-family: var(--font-body);
  font-weight: 600;
  letter-spacing: 0.04em;
}