/* ============================================================
   Echo Knowledge Base (Echo Plugins) — Style-Template
   „Schulsozialarbeit ASS".  Getestet gegen KB Core 17.x + Add-ons
   (Elegante Layouts, Erweiterte Suche, Artikelbewertung, Widgets).
   Nutzt die Theme-Preset-Variablen -> Light/Dark automatisch.
   Alle Selektoren tragen epkb-/eckb-/elay-/asea-Präfixe (kein Leak).
   ============================================================ */

:root { --epkb-radius: var(--wp--custom--radius--lg, 18px); }

/* ---------- Suchbereich (Main Page) ---------- */
#epkb-main-page-container .epkb-search-container,
.epkb-search-box-md,
.epkb-doc-search-container {
  background: var(--wp--preset--color--brand-subtle, #eef3f5);
  border: 1px solid var(--wp--preset--color--border, #e2ded7);
  border-radius: var(--epkb-radius);
  padding: 2rem;
}
.epkb-search-box__title,
.epkb-search-box-md__title {
  font-family: var(--wp--preset--font-family--display, inherit);
  font-weight: 800;
  color: var(--wp--preset--color--ink, #19171a);
}
#epkb-search-kb,
.epkb-search-box input[type="text"],
.epkb-search-box-md input[type="text"] {
  min-height: 52px;
  padding: .7rem 1.1rem;
  font-size: 1rem;
  color: var(--wp--preset--color--ink, #19171a);
  background: var(--wp--preset--color--card, #fff);
  border: 1.5px solid var(--wp--preset--color--border, #e2ded7);
  border-radius: var(--wp--custom--radius--md, 12px) 0 0 var(--wp--custom--radius--md, 12px);
}
#epkb-search-kb:focus,
.epkb-search-box input[type="text"]:focus {
  outline: none;
  border-color: var(--wp--preset--color--brand, #3e6478);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--brand, #3e6478) 20%, transparent);
}
.epkb-search-box button,
.epkb-search-kb-button,
#epkb_search_button {
  min-height: 52px; padding: 0 1.5rem;
  color: var(--wp--preset--color--on-brand, #fff) !important;
  background: var(--wp--preset--color--brand, #3e6478) !important;
  border: 0; border-radius: 0 var(--wp--custom--radius--md, 12px) var(--wp--custom--radius--md, 12px) 0;
  font-weight: 600; cursor: pointer;
}
.epkb-search-box button:hover { background: var(--wp--preset--color--brand-strong, #2b4553) !important; }

/* ---------- Erweiterte Suche (asea-) ---------- */
.asea-search-box input[type="text"],
.asea-search-input {
  min-height: 52px; padding: .7rem 1.1rem;
  border: 1.5px solid var(--wp--preset--color--border, #e2ded7);
  border-radius: var(--wp--custom--radius--md, 12px);
  background: var(--wp--preset--color--card, #fff);
  color: var(--wp--preset--color--ink, #19171a);
}
.asea-search-result,
.asea-results-list a { color: var(--wp--preset--color--brand, #3e6478); }
.asea-results-box {
  background: var(--wp--preset--color--card, #fff);
  border: 1px solid var(--wp--preset--color--border, #e2ded7);
  border-radius: var(--wp--custom--radius--md, 12px);
  box-shadow: var(--wp--custom--shadow--md, 0 8px 22px rgba(24,40,49,.09));
}

/* ---------- Kategorie-Boxen (Basic / Grid / Tabs) ---------- */
.epkb-category-level-1,
.epkb-content-box,
.epkb-category-container .epkb-category-level-1-box,
.elay-grid-item,
.epkb_top_categories {
  background: var(--wp--preset--color--card, #fff);
  border: 1px solid var(--wp--preset--color--border, #e2ded7);
  border-radius: var(--epkb-radius);
  box-shadow: var(--wp--custom--shadow--sm, 0 2px 6px rgba(24,40,49,.07));
  transition: transform .24s ease, box-shadow .24s ease;
}
.epkb-category-level-1:hover,
.elay-grid-item:hover { transform: translateY(-2px); box-shadow: var(--wp--custom--shadow--md, 0 8px 22px rgba(24,40,49,.09)); }

.epkb-category-name,
.epkb-category-level-1 .epkb-category-name__text,
.eckb-category-name {
  font-family: var(--wp--preset--font-family--display, inherit);
  font-weight: 700;
  color: var(--wp--preset--color--ink, #19171a);
}
.epkb-category-level-1-icon,
.epkb-category-icon,
.eckb-category-icon,
.epkb-cat-icon { color: var(--wp--preset--color--brand, #3e6478) !important; }

/* Artikel-Zeilen in Kategorien */
.epkb-articles li a,
.epkb-article-inner a,
a.epkb-article,
.eckb-articles-list a {
  color: var(--wp--preset--color--brand, #3e6478);
  text-decoration: none;
}
.epkb-articles li a:hover { text-decoration: underline; text-underline-offset: 2px; }
.epkb-articles .epkb-article-icon,
.epkb-article__icon { color: var(--wp--preset--color--muted, #6b6a6d); }
.epkb-show-all-articles a,
.epkb-category-level-1 .epkb-show-articles-btn { color: var(--wp--preset--color--brand, #3e6478); font-weight: 600; }

/* ---------- Tabs-Layout ---------- */
.epkb-tab-title,
.epkb-nav-tabs .epkb-tab {
  color: var(--wp--preset--color--text, #2c2a2d);
  border-radius: var(--wp--custom--radius--md, 12px) var(--wp--custom--radius--md, 12px) 0 0;
}
.epkb-tab-title.epkb-active-tab,
.epkb-nav-tabs .epkb-tab.active {
  color: var(--wp--preset--color--brand, #3e6478);
  background: var(--wp--preset--color--brand-subtle, #eef3f5);
  border-bottom: 3px solid var(--wp--preset--color--brand, #3e6478);
}

/* ---------- Sidebar-Layout (Elegant Layouts) ---------- */
.elay-sidebar,
#elay-sidebar,
.eckb-nav-sidebar-container,
#eckb-nav-sidebar {
  background: var(--wp--preset--color--card, #fff);
  border: 1px solid var(--wp--preset--color--border, #e2ded7);
  border-radius: var(--epkb-radius);
  padding: 1.25rem;
}
.elay-sidebar a,
.eckb-nav-sidebar a { color: var(--wp--preset--color--text, #2c2a2d); text-decoration: none; }
.elay-sidebar .elay-active-article > a,
.eckb-nav-sidebar .eckb-nav-sidebar__active > a,
.eckb-nav-sidebar li.active > a {
  color: var(--wp--preset--color--brand, #3e6478);
  background: var(--wp--preset--color--brand-subtle, #eef3f5);
  border-radius: var(--wp--custom--radius--sm, 8px);
  font-weight: 600;
}
.elay-sidebar__heading,
.eckb-nav-sidebar__cat-name {
  font-family: var(--wp--preset--font-family--display, inherit);
  font-weight: 700; color: var(--wp--preset--color--ink, #19171a);
}

/* ---------- Breadcrumb ---------- */
.epkb-breadcrumb,
#epkb-breadcrumb,
.eckb-breadcrumb { color: var(--wp--preset--color--muted, #6b6a6d); font-size: .9rem; }
.epkb-breadcrumb a,
.eckb-breadcrumb a { color: var(--wp--preset--color--brand, #3e6478); text-decoration: none; }
.epkb-breadcrumb a:hover { text-decoration: underline; }

/* ---------- Artikelseite ---------- */
.eckb-article-title,
#eckb-article-header .eckb-article-title,
.epkb-article-title {
  font-family: var(--wp--preset--font-family--display, inherit);
  font-weight: 800; letter-spacing: -0.01em;
  color: var(--wp--preset--color--ink, #19171a);
}
/* Schriftgröße und Zeilenhöhe erbt der Artikeltext vom Designschema (theme.json:
   styles.typography 1rem / 1.6) — wie der Glossarbegriff. Bis 1.1.56 stand hier eine
   Abweichung (1.05rem / 1.75), SSA-56. */
#eckb-article-content,
.eckb-article-content {
  color: var(--wp--preset--color--text, #2c2a2d);
}
.eckb-article-content :where(h1,h2,h3,h4) {
  font-family: var(--wp--preset--font-family--display, inherit);
  color: var(--wp--preset--color--ink, #19171a);
}
.eckb-article-content a { color: var(--wp--preset--color--brand, #3e6478); text-underline-offset: 2px; }
.eckb-article-content blockquote,
.eckb-article-content .epkb-callout {
  border-left: 4px solid var(--wp--preset--color--brand, #3e6478);
  background: var(--wp--preset--color--brand-subtle, #eef3f5);
  border-radius: var(--wp--custom--radius--md, 12px);
  padding: 1rem 1.25rem;
}

/* Inhalts-TOC (rechts) */
.eckb-article-toc,
.eckb-article-content-toc,
#eckb-article-right-sidebar {
  background: var(--wp--preset--color--card, #fff);
  border: 1px solid var(--wp--preset--color--border, #e2ded7);
  border-radius: var(--wp--custom--radius--md, 12px);
  padding: 1rem 1.25rem;
}
.eckb-article-toc__header,
.eckb-article-content-toc__header {
  font-family: var(--wp--preset--font-family--display, inherit);
  font-weight: 700; color: var(--wp--preset--color--ink, #19171a);
}
.eckb-article-toc a { color: var(--wp--preset--color--text, #2c2a2d); text-decoration: none; }
.eckb-article-toc a:hover,
.eckb-article-toc .eckb-active-toc > a { color: var(--wp--preset--color--brand, #3e6478); }

/* ---------- Artikelbewertung / Feedback ---------- */
.epkb-article-ratings,
#epkb-ratings,
.eckb-article-feedback,
.epkb-article-content-footer {
  background: var(--wp--preset--color--sunken, #eeece7);
  border: 1px solid var(--wp--preset--color--border, #e2ded7);
  border-radius: var(--epkb-radius);
  padding: 1.5rem;
}
.epkb-article-ratings__title,
.eckb-article-feedback__title {
  font-family: var(--wp--preset--font-family--display, inherit);
  font-weight: 700; color: var(--wp--preset--color--ink, #19171a);
}
.epkb-article-ratings .epkb-star,
.epkb-rating-stars .epkb-star-full { color: var(--wp--preset--color--accent, #ea9a00) !important; }
.epkb-article-content__meta button,
.eckb-article-feedback button,
.epkb-article-ratings button {
  border-radius: var(--wp--custom--radius--md, 12px);
  border: 1.5px solid var(--wp--preset--color--brand, #3e6478);
  background: transparent;
  color: var(--wp--preset--color--brand, #3e6478);
  padding: .55rem 1.25rem; font-weight: 600; cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.epkb-article-content__meta button:hover,
.eckb-article-feedback button.eckb-active,
.epkb-article-content__meta button.epkb-active {
  background: var(--wp--preset--color--brand, #3e6478);
  color: var(--wp--preset--color--on-brand, #fff);
}

/* ---------- KB-Widgets ---------- */
.epkb-widget-container,
.widget_epkb_widget,
[class*="epkb-widget"] {
  border-radius: var(--wp--custom--radius--md, 12px);
}
[class*="epkb-widget"] a { color: var(--wp--preset--color--brand, #3e6478); }
[class*="epkb-widget"] .epkb-widget__title {
  font-family: var(--wp--preset--font-family--display, inherit);
  font-weight: 700; color: var(--wp--preset--color--ink, #19171a);
}

/* ---------- Responsive ---------- */
@media (max-width: 782px) {
  #epkb-main-page-container .epkb-search-container,
  .epkb-search-box-md { padding: 1.25rem; }
}


/* ============================================================
   PRÄZISE HOOKS aus dem echten Markup (KB 17.211 + Add-ons)
   Überschreibt die Plugin-eigenen Inline-Einstellungsfarben.
   ============================================================ */

/* ---- Modulare Hauptseite: Suche ---- */
#epkb-ml__module-search { background-color: var(--wp--preset--color--brand-subtle,#eef3f5) !important; }
#epkb-ml__module-search .epkb-ml-search-title { color: var(--wp--preset--color--ink,#19171a) !important; font-family: var(--wp--preset--font-family--display,inherit) !important; }
#epkb-ml__module-search .epkb-ml-search-box__input { background-color: var(--wp--preset--color--card,#fff) !important; border:1.5px solid var(--wp--preset--color--border,#e2ded7) !important; border-radius: var(--wp--custom--radius--md,12px) 0 0 var(--wp--custom--radius--md,12px) !important; color: var(--wp--preset--color--ink,#19171a) !important; }
#epkb-ml__module-search .epkb-ml-search-box__btn,
#epkb-ml__module-search #epkb-ml-search-modern-layout #epkb-ml-search-form #epkb-ml-search-box { background-color: var(--wp--preset--color--brand,#3e6478) !important; color: var(--wp--preset--color--on-brand,#fff) !important; border-radius: 0 var(--wp--custom--radius--md,12px) var(--wp--custom--radius--md,12px) 0 !important; }

/* ---- Erweiterte Suche (asea) ---- */
#asea-doc-search-container #asea-search-title { color: var(--wp--preset--color--ink,#19171a) !important; font-family: var(--wp--preset--font-family--display,inherit) !important; }
#asea-doc-search-container .asea-search-box input[type=search] { border:1.5px solid var(--wp--preset--color--border,#e2ded7) !important; border-radius: var(--wp--custom--radius--md,12px) !important; background: var(--wp--preset--color--card,#fff) !important; color: var(--wp--preset--color--ink,#19171a) !important; }
#asea-doc-search-container .asea-ai-search-button { background-color: var(--wp--preset--color--brand,#3e6478) !important; color: var(--wp--preset--color--on-brand,#fff) !important; border-radius: var(--wp--custom--radius--md,12px) !important; }
#asea-doc-search-container .asea-ai-search-button:hover { background-color: var(--wp--preset--color--brand-strong,#2b4553) !important; }
#asea_search_results ul li a .eckb-article-title-text { color: var(--wp--preset--color--ink,#19171a) !important; }
#asea_search_results ul li a:hover .eckb-article-title-text { color: var(--wp--preset--color--brand,#3e6478) !important; }

/* ---- Modulare Hauptseite: Kategorien & Artikel ---- */
#epkb-ml__module-categories-articles .epkb-category-level-1 .epkb-cat-name,
#epkb-ml-cat-article-sidebar .epkb-ml-article-section__head { color: var(--wp--preset--color--ink,#19171a) !important; font-family: var(--wp--preset--font-family--display,inherit) !important; }
#epkb-ml__module-categories-articles .epkb-cat-desc { color: var(--wp--preset--color--muted,#6b6a6d) !important; }
#epkb-ml__module-categories-articles .epkb-category-level-1 .epkb-cat-icon,
#epkb-ml__module-categories-articles .eckb-article-title__icon,
#epkb-ml__module-categories-articles .epkb-article__icon,
#epkb-ml-cat-article-sidebar .epkb-article__icon { color: var(--wp--preset--color--brand,#3e6478) !important; }
#epkb-ml__module-categories-articles .epkb-article__text,
#epkb-ml__module-categories-articles .eckb-article-title__text { color: var(--wp--preset--color--text,#2c2a2d) !important; }
#epkb-ml__module-categories-articles .epkb-show-all-articles span { color: var(--wp--preset--color--brand,#3e6478) !important; font-weight:600 !important; }

/* ---- Featured-Artikel-Modul ---- */
#epkb-ml__module-articles-list .epkb-ml-article-list-container .epkb-ml-article-section { border-color: var(--wp--preset--color--brand,#3e6478) !important; border-radius: var(--wp--custom--radius--lg,18px) !important; background-color: var(--wp--preset--color--brand-subtle,#eef3f5) !important; }
#epkb-ml__module-articles-list .epkb-ml-articles-list__title span,
#epkb-ml__module-articles-list .epkb-ml-article-section__head { color: var(--wp--preset--color--ink,#19171a) !important; font-family: var(--wp--preset--font-family--display,inherit) !important; }
#epkb-ml__module-articles-list .epkb-article-inner .epkb-article__icon { color: var(--wp--preset--color--brand,#3e6478) !important; }
#epkb-ml__module-articles-list .epkb-article-inner .epkb-article__text { color: var(--wp--preset--color--text,#2c2a2d) !important; }

/* ---- Archiv-/Kategorie-Seite ---- */
#eckb-archive-page-container .eckb-category-archive-title-container,
#eckb-archive-page-container .eckb-category-archive-title-icon,
#eckb-archive-page-container .eckb-category-archive-arrow { color: var(--wp--preset--color--ink,#19171a) !important; }
#eckb-archive-page-container .eckb-category-archive-description,
#eckb-archive-page-container .eckb-sub-category-description { color: var(--wp--preset--color--muted,#6b6a6d) !important; }
#eckb-archive-page-container .eckb-category-archive-articles-list-title,
#eckb-archive-page-container .eckb-category-archive-sub-category-list-title,
#eckb-archive-page-container .eckb-sub-category-title { color: var(--wp--preset--color--ink,#19171a) !important; font-family: var(--wp--preset--font-family--display,inherit) !important; }
#eckb-archive-page-container #eckb-archive-header #epkb-ml__module-search { background-color: var(--wp--preset--color--brand-subtle,#eef3f5) !important; }
#eckb-archive-page-container .eckb-sub-category-container,
#eckb-archive-page-container #eckb-archive-content,
#eckb-archive-page-container #eckb-archive-left-sidebar { background-color: var(--wp--preset--color--card,#fff) !important; }
#eckb-archive-page-container .eckb-article-list-container .epkb-article__icon { color: var(--wp--preset--color--brand,#3e6478) !important; }

/* ---- Artikelseite v2 (3-Spalten) ---- */
#eckb-article-page-container-v2 #eckb-article-content,
#eckb-article-page-container-v2 #eckb-article-left-sidebar,
#eckb-article-page-container-v2 #eckb-article-right-sidebar { background-color: var(--wp--preset--color--card,#fff) !important; }
#eckb-article-page-container-v2 .eckb-breadcrumb-nav a { color: var(--wp--preset--color--brand-text,#3e6478) !important; }
#eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__title { color: var(--wp--preset--color--ink,#19171a) !important; font-family: var(--wp--preset--font-family--display,inherit) !important; }
#eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__level a { color: var(--wp--preset--color--text,#2c2a2d) !important; }
#eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__level a:hover { color: var(--wp--preset--color--brand-text,#3e6478) !important; }
.eckb-ach__article-meta__date-created,.eckb-ach__article-meta__author,.eckb-ach__article-meta__views_counter,.eckb-ach__article-meta__date-updated,
.eckb-article-content-created-date-container,.eckb-article-content-last-updated-date-container,.eckb-article-content-author-container { color: var(--wp--preset--color--muted,#6b6a6d) !important; }

/* ---- Sidebars (KB + Elegant Layouts) ---- */
#epkb-sidebar-container-v2, #elay-sidebar-container-v2,
#epkb-ml-sidebar-layout #epkb-ml-sidebar-layout-inner { background-color: var(--wp--preset--color--card,#fff) !important; border-color: var(--wp--preset--color--border,#e2ded7) !important; border-radius: var(--wp--custom--radius--md,12px) !important; }
#epkb-sidebar-container-v2 .epkb-sidebar__cat__top-cat__heading-container,
#elay-sidebar-container-v2 .elay-sidebar__cat__top-cat__heading-container,
#epkb-ml-sidebar-layout #epkb-ml-sidebar-layout-inner .elay-sidebar__cat__top-cat__heading-container { background-color: var(--wp--preset--color--brand-subtle,#eef3f5) !important; border-bottom-color: var(--wp--preset--color--border,#e2ded7) !important; }
#epkb-sidebar-container-v2 .epkb-sidebar__heading__inner__name,
#epkb-sidebar-container-v2 .epkb-sidebar__heading__inner__cat-name,
#epkb-sidebar-container-v2 .epkb-sidebar__heading__inner__name>a,
#elay-sidebar-container-v2 .elay-sidebar__heading__inner__name,
#elay-sidebar-container-v2 .elay-sidebar__heading__inner__name>a { color: var(--wp--preset--color--ink,#19171a) !important; font-family: var(--wp--preset--font-family--display,inherit) !important; }
.epkb-sidebar__cat__top-cat__body-container .epkb-articles .active,
.elay-sidebar__cat__top-cat__body-container .elay-articles .active,
#elay-content-container .elay-articles .active { background-color: var(--wp--preset--color--brand-subtle,#eef3f5) !important; border-radius: var(--wp--custom--radius--sm,8px) !important; }
.epkb-sidebar__cat__top-cat__body-container .epkb-articles .active .eckb-article-title,
.elay-sidebar__cat__top-cat__body-container .elay-articles .active .elay-article-title,
#elay-content-container .elay-articles .active span,
#elay-content-container .elay-articles .active i { color: var(--wp--preset--color--brand,#3e6478) !important; }

/* ---- Artikel-Bewertung & Feedback (eprf) ---- */
.eprf-container, #eprf-article-feedback, .eprf-feedback-form { background-color: var(--wp--preset--color--sunken,#eeece7) !important; border-color: var(--wp--preset--color--border,#e2ded7) !important; border-radius: var(--wp--custom--radius--lg,18px) !important; }
.eprf-rating-stars .eprf-star, .eprf-star--full, .eprf-rating .epkb-star { color: var(--wp--preset--color--accent,#ea9a00) !important; }
.eprf-btn, .eprf-feedback-form button, .eprf-container button { background-color: var(--wp--preset--color--brand,#3e6478) !important; color: var(--wp--preset--color--on-brand,#fff) !important; border-radius: var(--wp--custom--radius--md,12px) !important; border:0 !important; }
.eprf-btn:hover, .eprf-container button:hover { background-color: var(--wp--preset--color--brand-strong,#2b4553) !important; }


/* ---- FAQ-Modul (epkb-faqs) ---- */
#epkb-ml__module-faqs .epkb-faqs-title,
#epkb-ml__module-faqs .epkb-faqs__cat-header__title { color: var(--wp--preset--color--ink,#19171a) !important; font-family: var(--wp--preset--font-family--display,inherit) !important; }
#epkb-ml__module-faqs .epkb-faqs__item__question { background-color: var(--wp--preset--color--card,#fff) !important; color: var(--wp--preset--color--ink,#19171a) !important; }
#epkb-ml__module-faqs .epkb-faqs__item__question .epkb-faqs__item__question__text { color: var(--wp--preset--color--ink,#19171a) !important; font-family: var(--wp--preset--font-family--display,inherit) !important; font-weight:700 !important; }
#epkb-ml__module-faqs .epkb-faqs__item__question__icon { color: var(--wp--preset--color--brand,#3e6478) !important; }
#epkb-ml__module-faqs .epkb-faqs__item-container,
#epkb-ml__module-faqs .epkb-faqs-border-separator .epkb-faqs__item__question,
#epkb-ml__module-faqs .epkb-faqs__item-container--active .epkb-faqs__item__question { border-color: var(--wp--preset--color--border,#e2ded7) !important; }
#epkb-ml__module-faqs .epkb-faqs__item-container--active .epkb-faqs__item__question .epkb-faqs__item__question__text { color: var(--wp--preset--color--brand,#3e6478) !important; }
#epkb-ml__module-faqs .epkb-faqs__item__answer { background-color: var(--wp--preset--color--card,#fff) !important; }
#epkb-ml__module-faqs .epkb-faqs__item__answer .epkb-faqs__item__answer__text { color: var(--wp--preset--color--text,#2c2a2d) !important; }


/* ============================================================
   VOLLABDECKUNG gegen das ECHTE Markup (KB-Basic-Layout-Block, Artikel v2,
   Archiv v3) — Ziel: optisch UNUNTERSCHEIDBAR vom Theme, in Hell UND Dunkel.
   EKB nutzt KEINE CSS-Variablen: Farben kommen aus (a) Inline-`style=""` am
   Element und (b) ID-gescopten `!important`-Regeln, teils als spätes <style>
   im Body. Wir schlagen (a) mit `!important` (schlägt Inline ohne !important)
   und (b) mit höherer Spezifität (`html body …`) + `!important`. Alle Farben
   über die Theme-Tokens → Dark/Light automatisch.
   ============================================================ */

/* ---------- Basic-Layout-Hauptseite: Kategorie-Boxen (Inline-styles) ---------- */
.epkb-top-category-box,
#epkb-content-container .epkb-top-category-box {
  background-color: var(--wp--preset--color--card) !important;
  border: 1px solid var(--wp--preset--color--border) !important;
  border-radius: var(--epkb-radius) !important;
  box-shadow: var(--wp--custom--shadow--sm, 0 2px 6px rgba(24,40,49,.07)) !important;
  transition: transform .24s ease, box-shadow .24s ease;
}
.epkb-top-category-box:hover { transform: translateY(-2px); box-shadow: var(--wp--custom--shadow--md, 0 8px 22px rgba(24,40,49,.12)) !important; }
.epkb-top-category-box .section-head {
  background-color: var(--wp--preset--color--brand-subtle) !important;
  border-bottom: 1px solid var(--wp--preset--color--border) !important;
}
.epkb-top-category-box .epkb-section-body { background-color: var(--wp--preset--color--card) !important; }
.epkb-top-category-box .epkb-cat-name,
.epkb-top-category-box .epkb-cat-name > a {
  color: var(--wp--preset--color--ink) !important;
  font-family: var(--wp--preset--font-family--display, inherit) !important;
}
.epkb-top-category-box .epkb-cat-desc { color: var(--wp--preset--color--muted) !important; }
.epkb-top-category-box .epkb-cat-icon,
.epkb-top-category-box .epkb-category-level-1 .epkb-cat-icon { color: var(--wp--preset--color--brand) !important; }
.epkb-category-level-2-3__cat-name,
.epkb-category-level-2-3 h3 { color: var(--wp--preset--color--ink) !important; }

/* Artikel-Zeilen in Boxen / Featured-Modul / Sidebar-Modul */
.epkb-articles li a,
.epkb-articles li a .eckb-article-title__text,
.epkb-ml-articles-list li a,
.epkb-ml-articles-list li a .eckb-article-title__text { color: var(--wp--preset--color--text) !important; text-decoration: none; }
.epkb-articles li a:hover .eckb-article-title__text,
.epkb-ml-articles-list li a:hover .eckb-article-title__text { color: var(--wp--preset--color--brand) !important; }
.epkb-articles .eckb-article-title__icon,
.epkb-articles .epkb-article__icon,
.epkb-ml-articles-list .epkb-article__icon,
.epkb-ml-articles-list .eckb-article-title__icon { color: var(--wp--preset--color--brand) !important; }
.epkb-show-all-articles span { color: var(--wp--preset--color--brand) !important; font-weight: 600 !important; }
.epkb-articles-coming-soon { color: var(--wp--preset--color--muted) !important; }

/* „Hervorgehobene Artikel" (Featured) + Basic-Layout-Sidebar */
#epkb-ml__module-articles-list .epkb-ml-article-section,
#epkb-ml-cat-article-sidebar .epkb-ml-article-section {
  background-color: var(--wp--preset--color--card) !important;
  border: 1px solid var(--wp--preset--color--border) !important;
  border-radius: var(--epkb-radius) !important;
}
#epkb-ml__module-articles-list .epkb-ml-articles-list__title span,
#epkb-ml__module-articles-list .epkb-ml-article-section__head,
#epkb-ml-cat-article-sidebar .epkb-ml-article-section__head {
  color: var(--wp--preset--color--ink) !important;
  font-family: var(--wp--preset--font-family--display, inherit) !important;
}

/* ---------- Such-Banner: das ORANGE überall neutralisieren ---------- */
html body #epkb-ml__module-search {
  background-color: var(--wp--preset--color--brand-subtle) !important;
  border-radius: var(--epkb-radius) !important;
}
html body #epkb-ml__module-search .epkb-ml-search-title,
html body #epkb-ml__module-search .epkb-ml-search-box__title { color: var(--wp--preset--color--ink) !important; font-family: var(--wp--preset--font-family--display, inherit) !important; }
html body #epkb-ml__module-search .epkb-ml-search-box__input { background-color: var(--wp--preset--color--card) !important; color: var(--wp--preset--color--ink) !important; border: 1.5px solid var(--wp--preset--color--border) !important; }
html body #epkb-ml__module-search .epkb-ml-search-box__btn { background-color: var(--wp--preset--color--brand) !important; color: var(--wp--preset--color--on-brand) !important; }
html body #eckb-article-header,
html body #eckb-article-page-container-v2 #eckb-article-header { background-color: var(--wp--preset--color--brand-subtle) !important; }
html body #eckb-article-header #epkb-ml__module-search { background-color: transparent !important; }
html body #eckb-archive-header,
html body #eckb-archive-page-container #eckb-archive-header { background-color: var(--wp--preset--color--brand-subtle) !important; }
html body #eckb-archive-header #epkb-ml__module-search { background-color: transparent !important; }

/* ---------- Artikelseite (v2): Flächen + Text ---------- */
html body #eckb-article-page-container-v2 #eckb-article-content,
html body #eckb-article-page-container-v2 #eckb-article-left-sidebar,
html body #eckb-article-page-container-v2 #eckb-article-right-sidebar {
  background-color: var(--wp--preset--color--card) !important;
  border-color: var(--wp--preset--color--border) !important;
}
html body #eckb-article-content,
html body #eckb-article-content p,
html body #eckb-article-content li { color: var(--wp--preset--color--text) !important; }
html body .eckb-article-title,
html body #eckb-article-content :where(h1,h2,h3,h4,h5,h6) { color: var(--wp--preset--color--ink) !important; }
html body #eckb-article-content a { color: var(--wp--preset--color--brand-text) !important; }
html body #eckb-article-content [class*="content-author"],
html body #eckb-article-content [class*="content-created"],
html body #eckb-article-content [class*="content-last-updated"],
html body .eckb-ach__article-meta__text,
html body .eckb-ach__article-meta__date,
html body .eckb-ach__article-meta__name { color: var(--wp--preset--color--muted) !important; }
html body #eckb-article-content-breadcrumb-container { color: var(--wp--preset--color--muted) !important; }
html body #eckb-article-content-breadcrumb-container a { color: var(--wp--preset--color--brand-text) !important; text-decoration: none; }
html body .eckb-print-button-container,
html body #eckb-article-content-toolbar-container button { color: var(--wp--preset--color--brand) !important; }

/* Inhaltsverzeichnis (TOC) */
html body .eckb-article-toc,
html body .eckb-article-toc__inner {
  background-color: var(--wp--preset--color--card) !important;
  border: 1px solid var(--wp--preset--color--border) !important;
  border-radius: var(--wp--custom--radius--md, 12px) !important;
}
html body .eckb-article-toc__title { color: var(--wp--preset--color--ink) !important; font-family: var(--wp--preset--font-family--display, inherit) !important; }
html body .eckb-article-toc__level a,
html body .eckb-article-toc a { color: var(--wp--preset--color--text) !important; text-decoration: none; }
html body .eckb-article-toc__level a:hover,
html body .eckb-article-toc .eckb-active-toc a { color: var(--wp--preset--color--brand) !important; }

/* Linke Navigations-Sidebar (Artikel/Archiv) */
html body #eckb-article-left-sidebar a,
html body #eckb-archive-left-sidebar a { color: var(--wp--preset--color--text) !important; text-decoration: none; }
html body #eckb-article-left-sidebar a:hover,
html body #eckb-archive-left-sidebar a:hover { color: var(--wp--preset--color--brand) !important; }

/* ---------- Kategorie-Archiv (v3 + v2): Flächen + Text ---------- */
html body #eckb-archive-page-container #eckb-archive-content,
html body #eckb-archive-page-container #eckb-archive-left-sidebar,
html body #eckb-archive-page-container #eckb-archive-right-sidebar,
html body #eckb-categories-archive-container-v2 {
  background-color: var(--wp--preset--color--card) !important;
  border-color: var(--wp--preset--color--border) !important;
}
html body .eckb-category-archive-title-name,
html body .eckb-category-archive-title h1,
html body .eckb-category-archive-title-icon { color: var(--wp--preset--color--ink) !important; font-family: var(--wp--preset--font-family--display, inherit) !important; }
html body .eckb-category-archive-title-description,
html body .eckb-sub-category-description { color: var(--wp--preset--color--muted) !important; }
html body .eckb-article-container {
  background-color: var(--wp--preset--color--card) !important;
  border: 1px solid var(--wp--preset--color--border) !important;
  border-radius: var(--epkb-radius) !important;
}
html body .eckb-article-container .eckb-article-title a { color: var(--wp--preset--color--ink) !important; }
html body #eckb-archive-content .epkb-article__icon,
html body .eckb-article-container .epkb-article__icon { color: var(--wp--preset--color--brand) !important; }


/* ============================================================
   VERBLEIBENDE HELLE ELEMENTE (aus dem echten Seitenquelltext KB 17.211
   + Advanced Search 3.6 + Elegant Layouts 3.4 + Article Rating 2.4).
   Diese Plugins spritzen späte Inline-<style>-Blöcke mit `!important` und
   Inline-`style`-Attribute ein — deshalb überall `html body`-Präfix, um in
   der Spezifität zu gewinnen. Alle Farben über Theme-Tokens (Dark + Light).
   ============================================================ */

/* ---- Oranger Such-Banner = Echo ADVANCED SEARCH (#asea-*) ---- */
html body #asea-doc-search-container section[id^="asea-section-"],
html body #asea-doc-search-container #asea-section-1 {
  background-color: var(--wp--preset--color--brand-subtle) !important;
  background-image: none !important;
}
html body #asea-doc-search-container #asea-search-title { color: var(--wp--preset--color--ink) !important; }
html body #asea-doc-search-container p[id^="asea-search-description"] { color: var(--wp--preset--color--muted) !important; }
html body #asea-doc-search-container #asea-section-1 a,
html body #asea-doc-search-container #asea-search-description-2 a { color: var(--wp--preset--color--brand-text) !important; }
html body #asea-doc-search-container .asea-search-box,
html body #asea-doc-search-container #asea_advanced_search_terms {
  background-color: var(--wp--preset--color--card) !important;
  color: var(--wp--preset--color--ink) !important;
  border-color: var(--wp--preset--color--border) !important;
}
html body #asea-doc-search-container #asea_advanced_search_terms::placeholder { color: var(--wp--preset--color--muted) !important; }

/* ---- Linke Navigations-Sidebar = ELEGANT LAYOUTS (#elay-sidebar-container-v2) ---- */
html body #elay-sidebar-container-v2,
html body #eckb-article-left-sidebar #elay-sidebar-container-v2 {
  background-color: var(--wp--preset--color--card) !important;
  border-color: var(--wp--preset--color--border) !important;
}
html body #elay-sidebar-container-v2 .elay-sidebar__cat__top-cat__heading-container {
  background-color: var(--wp--preset--color--brand-subtle) !important;
  border-bottom-color: var(--wp--preset--color--border) !important;
}
html body #elay-sidebar-container-v2 .elay-sidebar__heading__inner__cat-name,
html body #elay-sidebar-container-v2 .elay-sidebar__heading__inner__name,
html body #elay-sidebar-container-v2 .elay-sidebar__heading__inner__name > a {
  color: var(--wp--preset--color--ink) !important;
  font-family: var(--wp--preset--font-family--display, inherit) !important;
}
html body #elay-sidebar-container-v2 .elay-article-title__text,
html body #elay-sidebar-container-v2 .elay-article-title { color: var(--wp--preset--color--text) !important; }
html body #elay-sidebar-container-v2 .elay-article-title__icon,
html body #elay-sidebar-container-v2 .elay_sidebar_expand_category_icon { color: var(--wp--preset--color--brand) !important; }
html body #elay-sidebar-container-v2 .elay-category-level-2-3__cat-name,
html body #elay-sidebar-container-v2 .elay-category-level-2-3 h3 { color: var(--wp--preset--color--ink) !important; }
html body #elay-sidebar-container-v2 .elay-articles .active,
html body #elay-content-container .elay-articles .active { background-color: var(--wp--preset--color--brand-subtle) !important; border-radius: var(--wp--custom--radius--sm, 8px) !important; }
html body #elay-sidebar-container-v2 .elay-articles .active .elay-article-title,
html body #elay-content-container .elay-articles .active span,
html body #elay-content-container .elay-articles .active i { color: var(--wp--preset--color--brand) !important; }

/* ---- KB-Sidebar (#epkb-sidebar-container-v2) — analog, gegen !important ---- */
html body #epkb-sidebar-container-v2 { background-color: var(--wp--preset--color--card) !important; border-color: var(--wp--preset--color--border) !important; }
html body #epkb-sidebar-container-v2 .epkb-sidebar__cat__top-cat__heading-container { background-color: var(--wp--preset--color--brand-subtle) !important; border-bottom-color: var(--wp--preset--color--border) !important; }
html body #epkb-sidebar-container-v2 .epkb-articles .eckb-article-title,
html body .epkb-sidebar__cat__top-cat__body-container .epkb-articles .eckb-article-title { color: var(--wp--preset--color--text) !important; }
html body #epkb-sidebar-container-v2 .epkb-articles .active .eckb-article-title { color: var(--wp--preset--color--brand) !important; }
html body #epkb-sidebar-container-v2 .epkb-category-level-2-3 .epkb-category-level-2-3__cat-name { color: var(--wp--preset--color--ink) !important; }

/* ---- Brotkrumen + „< Alle Themen"-Button (Inline-color:#000) ---- */
html body #eckb-article-content-breadcrumb-container .eckb-breadcrumb-link a span,
html body .eckb-breadcrumb-nav .eckb-breadcrumb-link a span { color: var(--wp--preset--color--brand-text) !important; }
html body .eckb-breadcrumb-nav .eckb-breadcrumb-link span[aria-current] { color: var(--wp--preset--color--muted) !important; }
html body .eckb-breadcrumb-link-icon { color: var(--wp--preset--color--muted) !important; }
html body .eckb-navigation-button a {
  background-color: var(--wp--preset--color--card) !important;
  color: var(--wp--preset--color--brand-text) !important;
  border-color: var(--wp--preset--color--border) !important;
}

/* ---- Meta (Datum/Autor) — Inline color:#000 ---- */
html body .eckb-article-content-created-date-container,
html body .eckb-article-content-last-updated-date-container,
html body .eckb-article-content-author-container,
html body .eckb-article-content-article-views-counter-container,
html body .eckb-meta-data-feature-text,
html body .eckb-meta-data-feature-value,
html body .eckb-meta-data-feature-icon { color: var(--wp--preset--color--muted) !important; }

/* ---- Toolbar / Drucken-Button (Inline bg:#fff) ---- */
html body .eckb-article-content-toolbar-button-container { background-color: var(--wp--preset--color--card) !important; border-color: var(--wp--preset--color--border) !important; }
html body .eckb-toolbar-button-text,
html body .eckb-toolbar-button-icon { color: var(--wp--preset--color--brand-text) !important; }

/* ---- Prev/Next-Navigation (Inline bg:#f7f7f7) ---- */
html body .epkb-article-navigation-container a { background-color: var(--wp--preset--color--sunken) !important; color: var(--wp--preset--color--brand-text) !important; }
html body .epkb-article-navigation-container a:hover { background-color: var(--wp--preset--color--brand-subtle) !important; }
html body .epkb-article-navigation__label,
html body .epkb-article-navigation-article__title { color: var(--wp--preset--color--brand-text) !important; }

/* ---- Bewertung & Feedback = ARTICLE RATING (eprf-) ---- */
html body #eprf-article-buttons-container,
html body #eprf-article-feedback-container {
  background-color: var(--wp--preset--color--sunken) !important;
  border-color: var(--wp--preset--color--border) !important;
  border-radius: var(--epkb-radius) !important;
}
html body .eprf-stars-module__text,
html body #eprf-current-rating,
html body .eprf-article-feedback__title h5,
html body .eprf-article-feedback__required-title h5 { color: var(--wp--preset--color--ink) !important; }
html body .eprf-stars-container,
html body .eprf-article-meta__star-rating,
html body .eprf-stars-module .epkbfa { color: var(--wp--preset--color--accent) !important; }
html body .eprf-leave-feedback-form label { color: var(--wp--preset--color--text) !important; }
html body .eprf-leave-feedback-form input,
html body .eprf-leave-feedback-form textarea {
  background-color: var(--wp--preset--color--card) !important;
  color: var(--wp--preset--color--ink) !important;
  border: 1px solid var(--wp--preset--color--border) !important;
}
html body .eprf-article-feedback__submit button { background-color: var(--wp--preset--color--brand) !important; color: var(--wp--preset--color--on-brand) !important; }
html body .eprf-stars-module__statistics { background-color: var(--wp--preset--color--card) !important; border: 1px solid var(--wp--preset--color--border) !important; }
html body .eprf-stars-module__statistics h6,
html body .eprf-stars-module__statistics td { color: var(--wp--preset--color--text) !important; }

/* ---- EKB-Demo-Artikelinhalt (wird ersetzt, aber sichtbar → lesbar machen) ---- */
html body .epkb-demo-content p,
html body .epkb-demo-content li { color: var(--wp--preset--color--text) !important; }
html body .epkb-demo-content h2,
html body .epkb-demo-content h3 { color: var(--wp--preset--color--ink) !important; border-bottom-color: var(--wp--preset--color--border) !important; }
html body .epkb-demo-content strong { color: var(--wp--preset--color--ink) !important; }
html body .epkb-demo-notice { background-color: var(--wp--preset--color--brand-subtle) !important; color: var(--wp--preset--color--text) !important; }
html body .epkb-demo-feature-card { background: var(--wp--preset--color--card) !important; box-shadow: var(--wp--custom--shadow--sm, 0 2px 6px rgba(24,40,49,.07)) !important; }
html body .epkb-demo-feature-card strong { color: var(--wp--preset--color--ink) !important; }
html body .epkb-demo-feature-card span { color: var(--wp--preset--color--muted) !important; }
html body .epkb-demo-help-box { background: var(--wp--preset--color--sunken) !important; border-color: var(--wp--preset--color--border) !important; }

/* ============================================================
   Echo KB 17.214 + Elegant Layouts 3.4 — gemessen am 23.09.2026
   an /wissen/ und den Artikelseiten (Mobil 390 px, Desktop 1280 px,
   hell und dunkel). Echo schreibt Farben, Größen und Radien als
   Inline-Stil in jede Kachel und legt eigene ID-Regeln nach
   (#eckb-article-body …) — deshalb hier gezielt !important, und nur
   mit Design-Token: der Dunkelmodus folgt von selbst.
   ============================================================ */

/* ---------- Hauptseite /wissen/: Grid-Layout ---------- */
/* Echo rendert drei feste Spalten auch auf dem Handy (Kacheln ~70 px breit,
   Wörter mitten im Wort umbrochen). Mobile-first: eine Spalte, ab 36em zwei,
   ab 64em drei. */
/* Echo setzt dem Raster 17,5 px und −10 px Seitenrand — es soll bündig mit dem Text stehen. */
.eckb-kb-block-grid-layout .epkb-block-main-page-container,
.eckb-kb-block-grid-layout #epkb-ml__module-categories-articles,
.eckb-kb-block-grid-layout #epkb-ml-grid-layout,
.eckb-kb-block-grid-layout .epkb-section-container {
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
/* Echo setzt die Breite mit zwei IDs — dieselbe Kombination hier, sonst bleiben 90 %. */
.eckb-kb-block-grid-layout #epkb-ml__module-categories-articles #epkb-ml-grid-layout {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.eckb-kb-block-grid-layout .eckb-categories-list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--wp--preset--spacing--30, 1rem);
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (min-width: 36em) {
  .eckb-kb-block-grid-layout .eckb-categories-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 64em) {
  .eckb-kb-block-grid-layout .eckb-categories-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* Jede Kachel ist ein Link: ganze Fläche klickbar, Fokus deutlich sichtbar. */
.eckb-kb-block-grid-layout .eckb-categories-list > a {
  display: flex !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  color: var(--wp--preset--color--text) !important;
  text-decoration: none !important;
  border-radius: var(--epkb-radius);
}
.eckb-kb-block-grid-layout .eckb-categories-list > a:focus-visible {
  outline: 3px solid var(--wp--preset--color--brand);
  outline-offset: 3px;
}
.eckb-kb-block-grid-layout .elay-top-category-box {
  display: flex !important;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: var(--wp--preset--color--card) !important;
  border: 1px solid var(--wp--preset--color--border) !important;
  border-radius: var(--epkb-radius) !important;
  box-shadow: var(--wp--custom--shadow--sm, 0 2px 6px rgba(24,40,49,.07)) !important;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.eckb-kb-block-grid-layout .eckb-categories-list > a:hover .elay-top-category-box,
.eckb-kb-block-grid-layout .eckb-categories-list > a:focus-visible .elay-top-category-box {
  border-color: var(--wp--preset--color--brand) !important;
  box-shadow: var(--wp--custom--shadow--md, 0 8px 22px rgba(24,40,49,.09)) !important;
  transform: translateY(-2px);
}
/* Kopf: Symbol links, Name daneben — kompakt, lesbar, Silbentrennung statt Umbruch mitten im Wort. */
.eckb-kb-block-grid-layout .elay-top-category-box .section-head {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: var(--wp--preset--spacing--30, 1.25rem) var(--wp--preset--spacing--30, 1.25rem) .25rem !important;
  min-height: 0 !important;
  text-align: left !important;
}
/* Echo legt für „Symbol oben, mittig" flex-direction: column und Zentrierung fest. */
.eckb-kb-block-grid-layout .elay-grid-category-title-icon-container {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .85rem;
  text-align: left !important;
}
.eckb-kb-block-grid-layout .elay-icon-elem {
  flex: 0 0 auto;
  padding: 0 !important;
  font-size: 1.75rem !important;
  line-height: 1;
  color: var(--wp--preset--color--brand-text) !important;
}
.eckb-kb-block-grid-layout .elay-grid-category-name {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  font-family: var(--wp--preset--font-family--display, inherit) !important;
  font-size: var(--wp--preset--font-size--large, 1.25rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--wp--preset--color--ink) !important;
  hyphens: auto;
  overflow-wrap: break-word;
  word-break: normal;
}
.eckb-kb-block-grid-layout .elay-grid-category-desc {
  color: var(--wp--preset--color--text) !important;
  text-align: left !important;
}
/* Fuß: Artikelzahl, ruhig, bündig unter dem Namen. */
.eckb-kb-block-grid-layout .elay-section-body {
  margin-top: auto;
  padding: .25rem var(--wp--preset--spacing--30, 1.25rem) var(--wp--preset--spacing--30, 1.25rem) calc(var(--wp--preset--spacing--30, 1.25rem) + 1.75rem + .85rem) !important;
  text-align: left !important;
  background: transparent !important;
}
.eckb-kb-block-grid-layout .elay-section-body p {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: var(--wp--preset--font-size--small, .9rem) !important;
  color: var(--wp--preset--color--muted) !important;
}
.eckb-kb-block-grid-layout .elay-section-body p:empty { display: none; }

/* ---------- Artikelseite: Breite ---------- */
/* Die Vorlage single-epkb_post_type_1 gibt dem Inhalt ab 1.1.56 die weite Breite; Echos
   Dreispalter (Navigation · Text · Inhaltsverzeichnis) braucht sie. Auf dem Handy doppelt
   Echo den Seitenabstand des Themes — der innere entfällt. */
#eckb-article-page-container-v2 { width: 100%; max-width: 100%; box-sizing: border-box; }
@media (max-width: 767px) {
  /* Ohne eigenen Innenabstand auch ohne eigene Fläche — sonst klebt der Text am Kartenrand. */
  html body #eckb-article-page-container-v2 #eckb-article-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent !important;
  }
}

/* ---------- Artikelseite: Textfluss wie im Block-Inhalt ---------- */
/* Echos Artikeltext steht in keinem WordPress-Layout-Container: Absätze hätten 1em Abstand,
   Überschriften und Literaturliste die Vorgaben von Browser und mm-references. Hier dieselbe
   Regel wie im Glossarbegriff (is-layout-constrained): Blockabstand des Schemas
   (styles.spacing.blockGap) vor jedem Block außer dem ersten, kein Abstand danach. SSA-56. */
html body #eckb-article-content-body > * {
  margin-block-start: var(--wp--style--block-gap, 1.5rem);
  margin-block-end: 0;
}
html body #eckb-article-content-body > :first-child { margin-block-start: 0; }
/* Seitlich wie im Block-Inhalt bündig (Zitat, Abbildung: sonst 40 px Browser-Einzug);
   mittig ausgerichtete Blöcke (.aligncenter) mittig wie im Layout-Container des Glossars. */
html body #eckb-article-content-body > :where(:not(.alignleft):not(.alignright):not(.aligncenter)) { margin-inline: 0; }
html body #eckb-article-content-body > .aligncenter { margin-inline: auto; }

/* ---------- Artikelseite: Kopfzeile, Werkzeuge, Metadaten ---------- */
/* „Alle Themen": Der Knopf ist der Link selbst (Inline-Stil von Echo) — nur er bekommt
   Rahmen und 44 px Höhe, der Behälter bleibt ohne Rahmen (sonst doppelte Box).
   Gegenstück in der Glossar-Vorlage: .ssa-back-link in theme.css — Werte gleich halten. */
/* Abstände aus den Token statt aus Echos Einstellungen (4 px ringsum): Titel → Knopf
   = Blockabstand (24 px, unter dem Titel) + 24 px Innenabstand = 3rem wie in der
   Glossar-Vorlage (spacing|60); Knopf → Brotkrumen = spacing|20. SSA-56. */
html body #eckb-article-page-container-v2 #eckb-article-content { padding-top: var(--wp--preset--spacing--40, 1.5rem); }
html body #eckb-article-page-container-v2 .eckb-navigation-back { margin: 0 0 var(--wp--preset--spacing--20, .5rem) !important; }
html body #eckb-article-page-container-v2 .eckb-navigation-button {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
html body #eckb-article-page-container-v2 .eckb-navigation-button a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 .9rem !important;
  color: var(--wp--preset--color--brand-text) !important;
  background: transparent !important;
  border: 1px solid var(--wp--preset--color--border) !important;
  border-radius: var(--wp--custom--radius--sm, 8px) !important;
  font-family: var(--wp--preset--font-family--body) !important;
  font-size: var(--wp--preset--font-size--small, .875rem) !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

/* Brotkrumen: dasselbe Schriftbild wie .ssa-breadcrumbs (theme.css) — Größe „small",
   Links brand-text ohne Unterstreichung, Trenner „›" statt Echos Symbolschrift, je
   .35rem Abstand, aktuelle Seite gedämpft; bündig mit dem Knopf. SSA-56. */
html body #eckb-article-page-container-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb {
  padding: 0 !important;
  margin: 0 !important;
  font-family: var(--wp--preset--font-family--body) !important;
  font-size: var(--wp--preset--font-size--small, .875rem) !important;
  line-height: 1.6 !important;
}
/* Echo setzt den Brotkrumen line-height: 1 (Sammelregel für .eckb-navigation-back …) —
   umbrechende Titel standen zu eng; alles erbt die Zeilenhöhe von .eckb-breadcrumb. */
html body #eckb-article-page-container-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-outline {
  font-size: inherit !important;
  line-height: inherit !important;
}
/* Echos Markup hat Tabulatoren zwischen Link, Trenner und Eintrag; sie ergaben hinter dem
   Trenner ein zusätzliches Leerzeichen (5 px davor, 9 px danach). Schriftgröße 0 für die
   Hüllen macht den Leerraum breitenlos (Umbruchstelle bleibt), Text und Trenner bekommen die
   Größe zurück. Abstand je .35rem vor und hinter dem Trenner wie in der Glossar-Vorlage;
   der Trenner bleibt am Zeilenende. SSA-56. */
html body #eckb-article-page-container-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-nav,
html body #eckb-article-page-container-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-nav li,
html body #eckb-article-page-container-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-nav .eckb-breadcrumb-link {
  font-size: 0 !important;
  line-height: inherit !important;
}
html body #eckb-article-page-container-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-nav .eckb-breadcrumb-link > * {
  font-size: var(--wp--preset--font-size--small, .875rem) !important;
  line-height: inherit !important;
}
html body #eckb-article-page-container-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-nav .eckb-breadcrumb-link > * * {
  font-size: inherit !important;
  line-height: inherit !important;
}
html body #eckb-article-page-container-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-nav li { padding: 0 !important; }
/* inline statt Echos inline-block: Vor einem inline-block darf die Zeile umbrechen — der
   Trenner rutschte sonst an den Anfang der nächsten Zeile. Die Schrift des Themes auch am
   Element selbst, nicht nur am Zeichen: Die Maße von Echos Symbolschrift machten die
   Brotkrumen bei zwei bzw. drei Zeilen 1 bzw. 2 px höher als in der Glossar-Vorlage. */
html body #eckb-article-page-container-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-link-icon {
  display: inline !important;
  vertical-align: baseline !important;
  margin: 0 .35rem !important;
  font-family: var(--wp--preset--font-family--body) !important;
}
html body #eckb-article-page-container-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-link-icon::before {
  content: "›" !important;
  content: "›" / "" !important;
  font-family: var(--wp--preset--font-family--body) !important;
}
html body #eckb-article-page-container-v2 #eckb-article-content-breadcrumb-container a:hover,
html body #eckb-article-page-container-v2 #eckb-article-content-breadcrumb-container a:focus-visible {
  text-decoration: underline !important;
  text-underline-offset: 2px;
}
html body #eckb-article-page-container-v2 .eckb-navigation-button a:hover,
html body #eckb-article-page-container-v2 .eckb-navigation-button a:focus-visible {
  border-color: var(--wp--preset--color--brand) !important;
}
/* Tastatur-Fokus wie im Glossarbegriff (.ssa-back-link, .ssa-breadcrumbs in theme.css) und
   wie sonst im Theme: 3 px Rahmenlinie in brand statt Echos Blau bzw. gar keiner. SSA-56. */
html body #eckb-article-page-container-v2 .eckb-navigation-button a:focus-visible,
html body #eckb-article-page-container-v2 #eckb-article-content-breadcrumb-container a:focus-visible {
  outline: 3px solid var(--wp--preset--color--brand) !important;
  outline-offset: 2px !important;
}
html body .eckb-article-content-toolbar-button-container,
html body .eckb-article-content-toolbar-button-container:hover {
  background: transparent !important;
  border-color: transparent !important;
}
html body .eckb-article-content-toolbar-button-container .eckb-toolbar-button-text,
html body .eckb-article-content-toolbar-button-container .eckb-toolbar-button-icon {
  color: var(--wp--preset--color--brand-text) !important;
}
html body #eckb-article-content .eckb-meta-data-feature-icon { color: var(--wp--preset--color--muted) !important; }

/* ---------- Artikelseite: Inhaltsverzeichnis ---------- */
/* Eine Karte statt zwei ineinander; kein Überstand nach rechts; aktiver Abschnitt in
   Markenfarbe statt Echo-Blau (#1e73be). */
html body #eckb-article-right-sidebar,
html body #eckb-article-left-sidebar { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html body #eckb-article-body .eckb-article-toc {
  box-sizing: border-box;
  max-width: 100%;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html body #eckb-article-body .eckb-article-toc__inner {
  box-sizing: border-box;
  max-width: 100%;
  background: var(--wp--preset--color--card) !important;
  border: 1px solid var(--wp--preset--color--border) !important;
  border-radius: var(--wp--custom--radius--md, 12px) !important;
  font-size: var(--wp--preset--font-size--small, .9rem) !important;
}
html body #eckb-article-body .eckb-article-toc__title {
  color: var(--wp--preset--color--ink) !important;
  font-size: var(--wp--preset--font-size--small, .9rem) !important;
  font-weight: 700;
  text-decoration: none !important;
  border-bottom-color: var(--wp--preset--color--border) !important;
}
html body #eckb-article-body .eckb-article-toc__inner a {
  color: var(--wp--preset--color--text) !important;
  font-size: var(--wp--preset--font-size--small, .9rem) !important;
  border-radius: var(--wp--custom--radius--sm, 8px);
}
html body #eckb-article-body .eckb-article-toc ul a:hover {
  background-color: var(--wp--preset--color--sunken) !important;
  color: var(--wp--preset--color--ink) !important;
}
html body #eckb-article-body .eckb-article-toc ul a.active {
  background-color: var(--wp--preset--color--brand-subtle) !important;
  color: var(--wp--preset--color--brand-text) !important;
  font-weight: 600;
}

/* ---------- Artikelseite: Kategorie-Navigation (Elegant Layouts) ---------- */
html body #elay-sidebar-container-v2 {
  box-sizing: border-box;
  max-width: 100%;
  background: var(--wp--preset--color--card) !important;
  border: 1px solid var(--wp--preset--color--border) !important;
  border-radius: var(--wp--custom--radius--md, 12px) !important;
  box-shadow: none !important;
}
html body #elay-sidebar-container-v2 .elay-sidebar__cat__top-cat__heading-container {
  background: transparent !important;
  border-bottom: 1px solid var(--wp--preset--color--border) !important;
}
html body #elay-sidebar-container-v2 .elay-sidebar__heading__inner__cat-name {
  font-family: var(--wp--preset--font-family--display, inherit) !important;
  font-size: var(--wp--preset--font-size--medium, 1rem) !important;
  font-weight: 700 !important;
  color: var(--wp--preset--color--ink) !important;
  hyphens: auto;
}
html body #elay-sidebar-container-v2 .elay-article-title__text { color: var(--wp--preset--color--text) !important; }
html body #elay-sidebar-container-v2 .elay-article-title__icon { color: var(--wp--preset--color--muted) !important; }
html body #elay-sidebar-container-v2 .elay-sidebar-article {
  min-height: 44px;
  display: flex;
  align-items: center;
}

/* ---------- Artikelseite: Vor/Zurück ---------- */
html body #eckb-article-content-footer .epkb-article-navigation-container a {
  background-color: var(--wp--preset--color--card) !important;
  color: var(--wp--preset--color--brand-text) !important;
  border: 1px solid var(--wp--preset--color--border) !important;
  border-radius: var(--wp--custom--radius--md, 12px) !important;
}
html body #eckb-article-content-footer .epkb-article-navigation-container a:hover {
  background-color: var(--wp--preset--color--sunken) !important;
  color: var(--wp--preset--color--ink) !important;
}

/* ---------- Bewertung: Sterne in Akzentfarbe statt Echo-Blau ---------- */
html body .eprf-stars-container,
html body .eprf-stars-container .epkbfa,
html body .eprf-show-statistics-toggle,
html body .eprf-article-meta__statistics-toggle { color: var(--wp--preset--color--accent-text) !important; }
html body .eprf-stars-module__text { color: var(--wp--preset--color--text) !important; }
html body .eprf-stars-module__statistics__stat-wrap__stat-inside { background-color: var(--wp--preset--color--brand) !important; }

@media (prefers-reduced-motion: reduce) {
  .eckb-kb-block-grid-layout .elay-top-category-box { transition: none; }
  .eckb-kb-block-grid-layout .eckb-categories-list > a:hover .elay-top-category-box,
  .eckb-kb-block-grid-layout .eckb-categories-list > a:focus-visible .elay-top-category-box { transform: none; }
}