/* ------------------------------------------------------------------------
 * SIB Wissen Style - BetterDocs Overrides im SIB-Design
 * Geladen nur auf: post-type-archive-docs, tax-doc_category, single-docs
 * (siehe sib-wissen-style.php). Alle Selektoren sind mit Body-Klassen
 * gepraefixt, damit sie die Plugin-CSS und die Inline-Styles von
 * BetterDocs sicher ueberschreiben und nirgendwo sonst greifen.
 * Nur ASCII-Kommentare (WP-Rocket-Minifier).
 * ---------------------------------------------------------------------- */

/* 1) Token ------------------------------------------------------------- */
body.post-type-archive-docs,
body.tax-doc_category,
body.single-docs {
	--sib-red: #D50C2F;
	--sib-text: #4A4D50;
	--sib-grey: #6B6F73;
	--sib-silver: #C4C5C7;
	--sib-light: #F0F0F1;
	--sib-shadow-flat: 0 1px 2px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);
	--sib-focus-ring: 0 0 0 3px rgba(213, 12, 47, .12);
}

/* 2) Basis-Typo in BetterDocs-Flaechen ---------------------------------- */
body.post-type-archive-docs .betterdocs-blocks,
body.tax-doc_category .betterdocs-blocks,
body.single-docs .betterdocs-blocks,
body.tax-doc_category .betterdocs-content-area,
body.single-docs .betterdocs-entry-content {
	font-family: Inter, system-ui, -apple-system, sans-serif;
	color: var(--sib-text);
}

/* 3) Archiv-Titel /wissen/ (Template hat keine eigene H1) --------------- */
body.post-type-archive-docs .betterdocs-search-form-wrapper::before {
	content: "Wissen";
	display: block;
	text-align: center;
	font-family: Inter, system-ui, sans-serif;
	font-weight: 700;
	font-size: clamp(24px, 1.4rem + 1vw, 36px);
	line-height: 1.15;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--sib-text);
}

/* Rote 3px-Akzentlinie (48px) unter dem Archiv-Titel */
body.post-type-archive-docs .betterdocs-search-form-wrapper .betterdocs-live-search::before {
	content: "";
	display: block;
	width: 48px;
	height: 3px;
	background: var(--sib-red);
	margin: 14px auto 26px;
}

/* 4) Suchfeld (alle Wissens-Seiten) ------------------------------------- */
body.post-type-archive-docs .betterdocs-live-search .betterdocs-searchform,
body.tax-doc_category .betterdocs-live-search .betterdocs-searchform,
body.single-docs .betterdocs-live-search .betterdocs-searchform {
	background: #fff;
	border: 1px solid var(--sib-silver);
	border-radius: 4px;
	box-shadow: none;
	padding: 12px 14px;
	transition: border-color .2s ease, box-shadow .2s ease;
}

body.post-type-archive-docs .betterdocs-live-search .betterdocs-searchform:focus-within,
body.tax-doc_category .betterdocs-live-search .betterdocs-searchform:focus-within,
body.single-docs .betterdocs-live-search .betterdocs-searchform:focus-within {
	border-color: var(--sib-red);
	box-shadow: var(--sib-focus-ring);
}

body.post-type-archive-docs .betterdocs-searchform .betterdocs-search-field,
body.tax-doc_category .betterdocs-searchform .betterdocs-search-field,
body.single-docs .betterdocs-searchform .betterdocs-search-field {
	color: var(--sib-text);
	font-size: 16px;
	line-height: 1.5;
}

body.post-type-archive-docs .betterdocs-searchform .betterdocs-search-field::placeholder,
body.tax-doc_category .betterdocs-searchform .betterdocs-search-field::placeholder,
body.single-docs .betterdocs-searchform .betterdocs-search-field::placeholder {
	color: var(--sib-grey);
	opacity: 1;
}

body.post-type-archive-docs .betterdocs-searchform svg.docs-search-icon,
body.tax-doc_category .betterdocs-searchform svg.docs-search-icon,
body.single-docs .betterdocs-searchform svg.docs-search-icon {
	fill: var(--sib-grey);
	opacity: 1;
	height: 22px;
	width: 22px;
	margin-left: 4px;
}

/* Submit-Button der Suche (hier hidden input, Override zur Sicherheit:
   Plugin-Default ist gruen mit blauem Hover) */
body.post-type-archive-docs .betterdocs-searchform .betterdocs-search-submit,
body.tax-doc_category .betterdocs-searchform .betterdocs-search-submit,
body.single-docs .betterdocs-searchform .betterdocs-search-submit {
	background-color: var(--sib-red);
	border-radius: 4px;
	color: #fff;
	letter-spacing: normal;
	text-transform: none;
}

body.post-type-archive-docs .betterdocs-searchform .betterdocs-search-submit:hover,
body.tax-doc_category .betterdocs-searchform .betterdocs-search-submit:hover,
body.single-docs .betterdocs-searchform .betterdocs-search-submit:hover {
	background-color: var(--sib-red);
	color: #fff;
	opacity: .9;
}

/* 5) Live-Suche / Suggest-Dropdown -------------------------------------- */
body.post-type-archive-docs .betterdocs-live-search .docs-search-result,
body.tax-doc_category .betterdocs-live-search .docs-search-result,
body.single-docs .betterdocs-live-search .docs-search-result {
	background-color: #fff;
	border: 1px solid var(--sib-silver);
	border-radius: 8px;
	box-shadow: var(--sib-shadow-flat);
	margin-top: 8px;
	padding: 6px;
	max-width: 100%;
	min-width: 0;
	width: 100%;
}

body.post-type-archive-docs .betterdocs-live-search .docs-search-result li,
body.tax-doc_category .betterdocs-live-search .docs-search-result li,
body.single-docs .betterdocs-live-search .docs-search-result li {
	border-bottom: 1px solid var(--sib-light);
	border-radius: 4px;
}

body.post-type-archive-docs .betterdocs-live-search .docs-search-result li:last-child,
body.tax-doc_category .betterdocs-live-search .docs-search-result li:last-child,
body.single-docs .betterdocs-live-search .docs-search-result li:last-child {
	border-bottom: 0;
}

body.post-type-archive-docs .betterdocs-live-search .docs-search-result li:hover,
body.tax-doc_category .betterdocs-live-search .docs-search-result li:hover,
body.single-docs .betterdocs-live-search .docs-search-result li:hover {
	background: var(--sib-light);
}

body.post-type-archive-docs .betterdocs-live-search .docs-search-result li a,
body.tax-doc_category .betterdocs-live-search .docs-search-result li a,
body.single-docs .betterdocs-live-search .docs-search-result li a {
	color: var(--sib-text);
	font-weight: 500;
	white-space: normal;
}

body.post-type-archive-docs .betterdocs-live-search .docs-search-result li a:hover,
body.tax-doc_category .betterdocs-live-search .docs-search-result li a:hover,
body.single-docs .betterdocs-live-search .docs-search-result li a:hover {
	color: var(--sib-red);
}

body.post-type-archive-docs .betterdocs-live-search .docs-search-result li span,
body.tax-doc_category .betterdocs-live-search .docs-search-result li span,
body.single-docs .betterdocs-live-search .docs-search-result li span {
	color: var(--sib-grey);
}

/* Begriff-Hervorhebung in Treffern, falls vom Plugin markiert */
body.post-type-archive-docs .betterdocs-live-search .docs-search-result li b,
body.post-type-archive-docs .betterdocs-live-search .docs-search-result li strong,
body.post-type-archive-docs .betterdocs-live-search .docs-search-result li mark,
body.tax-doc_category .betterdocs-live-search .docs-search-result li b,
body.tax-doc_category .betterdocs-live-search .docs-search-result li strong,
body.tax-doc_category .betterdocs-live-search .docs-search-result li mark,
body.single-docs .betterdocs-live-search .docs-search-result li b,
body.single-docs .betterdocs-live-search .docs-search-result li strong,
body.single-docs .betterdocs-live-search .docs-search-result li mark {
	color: var(--sib-red);
	background: transparent;
}

/* Beliebte Suchbegriffe als Chips */
body.post-type-archive-docs .betterdocs-popular-search-keyword .popular-keyword,
body.tax-doc_category .betterdocs-popular-search-keyword .popular-keyword,
body.single-docs .betterdocs-popular-search-keyword .popular-keyword {
	background-color: #fff;
	border: 1px solid var(--sib-silver);
	border-radius: 999px;
	color: var(--sib-grey);
	padding: 6px 18px;
}

body.post-type-archive-docs .betterdocs-popular-search-keyword .popular-keyword:hover,
body.tax-doc_category .betterdocs-popular-search-keyword .popular-keyword:hover,
body.single-docs .betterdocs-popular-search-keyword .popular-keyword:hover {
	border-color: var(--sib-red);
	color: var(--sib-red);
}

/* 6) Kategorien-Grid auf /wissen/ --------------------------------------- */
body.post-type-archive-docs .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner {
	background: #fff;
	border: 1px solid var(--sib-silver);
	border-radius: 8px;
	box-shadow: var(--sib-shadow-flat);
	transition: border-color .2s ease;
	height: 100%;
}

body.post-type-archive-docs .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper:hover .betterdocs-single-category-inner {
	border-color: var(--sib-red);
	box-shadow: var(--sib-shadow-flat);
}

/* Blaue 2px-Trennlinie im Kartenkopf -> Silber 1px */
body.post-type-archive-docs .betterdocs-category-grid-inner-wrapper.layout-1 .betterdocs-category-header .betterdocs-category-header-inner,
body.tax-doc_category .betterdocs-category-grid-inner-wrapper.layout-1 .betterdocs-category-header .betterdocs-category-header-inner,
body.single-docs .betterdocs-category-grid-inner-wrapper.layout-1 .betterdocs-category-header .betterdocs-category-header-inner {
	border-bottom: 1px solid var(--sib-silver);
}

/* Standard-Icon (schwarzes SVG-img) auf Anthrazit abmildern */
body.post-type-archive-docs .betterdocs-category-icon img.betterdocs-category-icon-img,
body.tax-doc_category .betterdocs-category-icon img.betterdocs-category-icon-img,
body.single-docs .betterdocs-category-icon img.betterdocs-category-icon-img {
	filter: grayscale(1);
	opacity: .72;
}

body.post-type-archive-docs .betterdocs-category-title,
body.tax-doc_category .betterdocs-category-title,
body.single-docs .betterdocs-category-title {
	color: var(--sib-text);
	font-weight: 600;
}

/* Artikel-Zaehler: blauer Kreis -> hellgrauer Chip */
body.post-type-archive-docs .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper > :not(.betterdocs-grid-top-row-wrapper) .betterdocs-category-items-counts,
body.tax-doc_category .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper > :not(.betterdocs-grid-top-row-wrapper) .betterdocs-category-items-counts,
body.single-docs .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper > :not(.betterdocs-grid-top-row-wrapper) .betterdocs-category-items-counts {
	background-color: transparent;
	border-radius: 999px;
	padding: 0;
}

body.post-type-archive-docs .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper > :not(.betterdocs-grid-top-row-wrapper) .betterdocs-category-items-counts span,
body.tax-doc_category .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper > :not(.betterdocs-grid-top-row-wrapper) .betterdocs-category-items-counts span,
body.single-docs .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper > :not(.betterdocs-grid-top-row-wrapper) .betterdocs-category-items-counts span {
	background-color: var(--sib-light);
	color: var(--sib-grey);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	height: 26px;
	width: auto;
	min-width: 26px;
	padding: 0 9px;
}

body.post-type-archive-docs .betterdocs-single-category-wrapper:hover .betterdocs-category-items-counts span {
	color: var(--sib-red);
}

/* Artikel-Links in den Karten */
body.post-type-archive-docs .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a,
body.tax-doc_category .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a,
body.single-docs .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a {
	color: var(--sib-text);
}

body.post-type-archive-docs .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a:hover,
body.post-type-archive-docs .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a.active,
body.tax-doc_category .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a:hover,
body.tax-doc_category .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a.active,
body.single-docs .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a:hover,
body.single-docs .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a.active,
body.post-type-archive-docs .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-entry-body li a:hover,
body.post-type-archive-docs .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-entry-body li a.active,
body.tax-doc_category .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-entry-body li a:hover,
body.tax-doc_category .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-entry-body li a.active,
body.single-docs .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-entry-body li a:hover,
body.single-docs .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-entry-body li a.active {
	color: var(--sib-red);
}

/* Datei-Icons vor Listenpunkten */
body.post-type-archive-docs .betterdocs-articles-list li > i,
body.tax-doc_category .betterdocs-articles-list li > i,
body.single-docs .betterdocs-articles-list li > i {
	color: var(--sib-silver);
}

body.post-type-archive-docs .betterdocs-articles-list li:hover > i,
body.tax-doc_category .betterdocs-articles-list li:hover > i,
body.single-docs .betterdocs-articles-list li:hover > i {
	color: var(--sib-red);
}

/* Explore-More / Footer-Buttons der Karten: blaue Pille -> rote 4px-Outline */
body.post-type-archive-docs .betterdocs-footer a,
body.post-type-archive-docs .betterdocs-footer button,
body.tax-doc_category .betterdocs-footer a,
body.tax-doc_category .betterdocs-footer button,
body.single-docs .betterdocs-footer a,
body.single-docs .betterdocs-footer button {
	border: 1px solid var(--sib-red);
	border-radius: 4px;
	color: var(--sib-red);
	background-color: #fff;
	font-size: 15px;
}

body.post-type-archive-docs .betterdocs-footer a:hover,
body.post-type-archive-docs .betterdocs-footer a:focus,
body.post-type-archive-docs .betterdocs-footer button:hover,
body.post-type-archive-docs .betterdocs-footer button:focus,
body.tax-doc_category .betterdocs-footer a:hover,
body.tax-doc_category .betterdocs-footer a:focus,
body.tax-doc_category .betterdocs-footer button:hover,
body.tax-doc_category .betterdocs-footer button:focus,
body.single-docs .betterdocs-footer a:hover,
body.single-docs .betterdocs-footer a:focus,
body.single-docs .betterdocs-footer button:hover,
body.single-docs .betterdocs-footer button:focus {
	background-color: var(--sib-red);
	border-color: var(--sib-red);
	color: #fff;
}

/* Aufklapp-Pfeile in Sidebars/Karten */
body.post-type-archive-docs svg.betterdocs-category-collapse,
body.tax-doc_category svg.betterdocs-category-collapse,
body.single-docs svg.betterdocs-category-collapse {
	color: var(--sib-grey);
	fill: var(--sib-grey);
}

/* 7) Kategorie-Seite /wissen-thema/... ---------------------------------- */
/* Plugin-Regel hat 4 Klassen (.betterdocs-content-area .betterdocs-content-inner-area
   .betterdocs-entry-title .betterdocs-entry-heading) - daher hier dieselbe Kette
   plus Body-Klasse fuer hoehere Spezifitaet. */
body.tax-doc_category .betterdocs-entry-title .betterdocs-entry-heading,
body.tax-doc_category .betterdocs-content-area .betterdocs-content-inner-area .betterdocs-entry-title .betterdocs-entry-heading {
	color: var(--sib-text);
	position: relative;
	padding-bottom: 14px;
	margin-bottom: 10px;
}

body.tax-doc_category .betterdocs-entry-title .betterdocs-entry-heading::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 48px;
	height: 3px;
	background: var(--sib-red);
}

body.tax-doc_category .betterdocs-entry-title p,
body.tax-doc_category .betterdocs-content-area .betterdocs-content-inner-area .betterdocs-entry-title p {
	color: var(--sib-grey);
}

body.tax-doc_category .betterdocs-entry-body.betterdocs-taxonomy-doc-category ul li a {
	color: var(--sib-text);
}

body.tax-doc_category .betterdocs-entry-body.betterdocs-taxonomy-doc-category ul li a:hover,
body.tax-doc_category .betterdocs-entry-body.betterdocs-taxonomy-doc-category ul li a.active {
	color: var(--sib-red);
}

/* Aktive Kategorie in der Sidebar: roter Links-Inset + roter Titel.
   Plugin (sidebar.css/single.css) setzt hier blaues rgba(90,148,255)-Hinterlegen
   und blaue border-color mit 6 Klassen Spezifitaet - daher volle Kette. */
body.tax-doc_category .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-category-title,
body.single-docs .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-category-title {
	color: var(--sib-red);
}

body.tax-doc_category .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header,
body.single-docs .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header {
	background-color: var(--sib-light);
	border-color: transparent;
	box-shadow: inset 3px 0 0 0 var(--sib-red);
}

/* 8) Breadcrumb (Kategorie + Einzelartikel) ------------------------------ */
body.tax-doc_category .betterdocs-breadcrumb .betterdocs-breadcrumb-list li a,
body.single-docs .betterdocs-breadcrumb .betterdocs-breadcrumb-list li a {
	color: var(--sib-grey);
}

body.tax-doc_category .betterdocs-breadcrumb .betterdocs-breadcrumb-list li a:hover,
body.tax-doc_category .betterdocs-breadcrumb .betterdocs-breadcrumb-list li a:focus,
body.single-docs .betterdocs-breadcrumb .betterdocs-breadcrumb-list li a:hover,
body.single-docs .betterdocs-breadcrumb .betterdocs-breadcrumb-list li a:focus {
	color: var(--sib-red);
}

body.tax-doc_category .betterdocs-breadcrumb .betterdocs-breadcrumb-item.current span,
body.single-docs .betterdocs-breadcrumb .betterdocs-breadcrumb-item.current span {
	color: var(--sib-text);
	font-weight: 500;
}

body.tax-doc_category .betterdocs-breadcrumb .breadcrumb-delimiter .icon-container svg,
body.single-docs .betterdocs-breadcrumb .breadcrumb-delimiter .icon-container svg {
	color: var(--sib-silver);
	fill: var(--sib-silver);
}

/* 9) Einzelartikel -------------------------------------------------------- */
/* Titel + rote Akzentlinie */
body.single-docs h2.wp-block-post-title {
	color: var(--sib-text);
	position: relative;
	padding-bottom: 16px;
}

body.single-docs h2.wp-block-post-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 48px;
	height: 3px;
	background: var(--sib-red);
}

/* Inhaltsverzeichnis-Box */
body.single-docs .betterdocs-toc {
	background-color: var(--sib-light);
	border-radius: 8px;
	padding: 18px 22px;
}

body.single-docs .betterdocs-toc .toc-title {
	color: var(--sib-text);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}

body.single-docs .betterdocs-toc.collapsible-sm .angle-icon {
	color: var(--sib-grey);
}

body.single-docs .betterdocs-toc .toc-list li a {
	color: var(--sib-grey);
}

body.single-docs .betterdocs-toc .toc-list li a:hover,
body.single-docs .betterdocs-toc .toc-list li a.active {
	color: var(--sib-red);
}

body.single-docs .betterdocs-toc .toc-list li a:before {
	color: var(--sib-red);
}

/* Fliesstext */
body.single-docs .betterdocs-entry-content {
	font-size: 16px;
	line-height: 1.6;
}

body.single-docs .betterdocs-entry-content p,
body.single-docs .betterdocs-entry-content li {
	color: var(--sib-text);
}

body.single-docs .betterdocs-entry-content a {
	color: var(--sib-red);
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.single-docs .betterdocs-entry-content a:hover {
	color: var(--sib-red);
	text-decoration-thickness: 2px;
}

body.single-docs .betterdocs-content-heading {
	color: var(--sib-text);
}

body.single-docs .betterdocs-content-heading a.batterdocs-anchor {
	color: var(--sib-red);
	text-decoration: none;
}

/* Code- und Hinweisboxen */
body.single-docs .betterdocs-entry-content code {
	background: var(--sib-light);
	border-radius: 4px;
	color: var(--sib-text);
	padding: 2px 6px;
}

body.single-docs .betterdocs-entry-content pre {
	background: var(--sib-light);
	border-radius: 8px;
	padding: 16px 18px;
	overflow-x: auto;
}

body.single-docs .betterdocs-entry-content pre code {
	background: transparent;
	padding: 0;
}

body.single-docs .betterdocs-entry-content blockquote {
	background: var(--sib-light);
	border-left: 3px solid var(--sib-red);
	border-radius: 0 8px 8px 0;
	color: var(--sib-text);
	margin-left: 0;
	margin-right: 0;
	padding: 14px 18px;
}

body.single-docs .betterdocs-entry-content table th,
body.single-docs .betterdocs-entry-content table td {
	border-color: var(--sib-silver);
}

/* Navigation vor/zurueck */
body.single-docs .docs-navigation a {
	color: var(--sib-text);
	font-weight: 600;
}

body.single-docs .docs-navigation a:hover {
	color: var(--sib-red);
}

body.single-docs .docs-navigation a svg {
	fill: var(--sib-grey);
}

body.single-docs .docs-navigation a:hover svg {
	fill: var(--sib-red);
}

/* Reactions (War das hilfreich?) */
body.single-docs .betterdocs-article-reactions-heading .betterdocs-reactions-title-tag,
body.single-docs .betterdocs-social-share-heading .betterdocs-social-share-title-tag {
	color: var(--sib-grey);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}

body.single-docs .betterdocs-article-reaction-links a.betterdocs-feelings svg path,
body.single-docs .betterdocs-article-reaction-links a.betterdocs-feelings svg circle {
	fill: var(--sib-grey);
	transition: fill .2s ease;
}

body.single-docs .betterdocs-article-reaction-links a.betterdocs-feelings:hover svg path,
body.single-docs .betterdocs-article-reaction-links a.betterdocs-feelings:hover svg circle,
body.single-docs .betterdocs-article-reaction-links a.betterdocs-feelings.active svg path,
body.single-docs .betterdocs-article-reaction-links a.betterdocs-feelings.active svg circle {
	fill: var(--sib-red);
}

/* Social-Share-Icons dezent, Farbe erst beim Hover */
body.single-docs .betterdocs-social-share-links img {
	filter: grayscale(1);
	opacity: .75;
	transition: filter .2s ease, opacity .2s ease;
}

body.single-docs .betterdocs-social-share-links li:hover img {
	filter: none;
	opacity: 1;
}

/* Print-Icon (mehrfarbige SVG-Illustration) neutralisieren */
body.single-docs .betterdocs-print-pdf .betterdocs-print-btn svg {
	filter: grayscale(1);
	opacity: .65;
	transition: opacity .2s ease;
}

body.single-docs .betterdocs-print-pdf .betterdocs-print-btn:hover svg {
	opacity: 1;
}

/* Aktualisiert-am-Zeile */
body.single-docs .betterdocs-updated-date-wrapper {
	color: var(--sib-grey);
	font-size: 14px;
}

/* 10) Such-Modal (falls aktiv): gruene Akzente -> Rot, Panel 8px --------- */
body.post-type-archive-docs .betterdocs-search-wrapper .betterdocs-search-details,
body.tax-doc_category .betterdocs-search-wrapper .betterdocs-search-details,
body.single-docs .betterdocs-search-wrapper .betterdocs-search-details {
	border-radius: 8px;
}

body.post-type-archive-docs .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active,
body.tax-doc_category .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active,
body.single-docs .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active {
	border-bottom: 2px solid var(--sib-red);
}

body.post-type-archive-docs .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active span,
body.tax-doc_category .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active span,
body.single-docs .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active span {
	color: var(--sib-red);
}

body.post-type-archive-docs .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active span svg path,
body.tax-doc_category .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active span svg path,
body.single-docs .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active span svg path {
	fill: var(--sib-red);
}

/* 11) Pagination / Load-More --------------------------------------------- */
body.post-type-archive-docs .betterdocs-load-more-wrapper .betterdocs-load-more-button,
body.tax-doc_category .betterdocs-load-more-wrapper .betterdocs-load-more-button {
	background: #fff;
	border: 1px solid var(--sib-red);
	border-radius: 4px;
	color: var(--sib-red);
}

body.post-type-archive-docs .betterdocs-load-more-wrapper .betterdocs-load-more-button:hover,
body.tax-doc_category .betterdocs-load-more-wrapper .betterdocs-load-more-button:hover {
	background: var(--sib-red);
	color: #fff;
}

/* 12) Mobile: nichts Fixes brechen ---------------------------------------- */
@media only screen and (max-width: 767px) {
	body.post-type-archive-docs .betterdocs-live-search .docs-search-result,
	body.tax-doc_category .betterdocs-live-search .docs-search-result,
	body.single-docs .betterdocs-live-search .docs-search-result {
		min-width: 0;
		width: 100%;
	}

	body.post-type-archive-docs .betterdocs-search-form-wrapper::before {
		font-size: 24px;
	}
}

/* ========================================================================
 * SIB Wissen Style - AUFWERTUNG 2026-06-10
 * (13) Grosse Live-Suche im Hero-Band  (14) Grid-Whitespace + Hover-Inset
 * (15) Sticky-TOC-Politur              (16) Instant-Answer-Widget SIB-Rot
 * Token aus Abschnitt 1 wiederverwendet. Nur ASCII-Kommentare (WP-Rocket).
 * ====================================================================== */

/* (13) GROSSE LIVE-SUCHE - Hero-Band auf /wissen/ ------------------------ */
/* Die PRO-FSE-Vorlage rendert die Searchbox ganz oben in einem grauen Band
 * (#f7f7f7, 1400px). Wir machen daraus ein grosszuegiges, zentriertes SIB-Hero:
 * weisses Band, viel Weissraum, breites zentriertes Suchfeld. */
body.post-type-archive-docs .betterdocs-search-form-wrapper {
	background-color: #fff !important;
	padding: 56px 20px 48px !important;
	margin: 0 0 8px !important;
	border-bottom: 1px solid var(--sib-light);
}

body.post-type-archive-docs .betterdocs-search-form-wrapper::before {
	margin-bottom: 4px;
}

/* Live-Search-Container zentriert + breit begrenzt */
body.post-type-archive-docs .betterdocs-search-form-wrapper .betterdocs-live-search {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

/* Das eigentliche Eingabefeld gross + prominent */
body.post-type-archive-docs .betterdocs-search-form-wrapper .betterdocs-searchform {
	padding: 16px 20px !important;
	border-radius: 4px;
	border: 1px solid var(--sib-silver);
	box-shadow: var(--sib-shadow-flat);
}

body.post-type-archive-docs .betterdocs-search-form-wrapper .betterdocs-searchform:focus-within {
	border-color: var(--sib-red);
	box-shadow: var(--sib-focus-ring);
}

body.post-type-archive-docs .betterdocs-search-form-wrapper .betterdocs-search-field {
	font-size: 18px !important;
}

body.post-type-archive-docs .betterdocs-search-form-wrapper .docs-search-icon {
	width: 26px;
	height: 26px;
}

/* Untertitel-Zeile unter dem "Wissen"-Titel (informativ, dezent) */
body.post-type-archive-docs .betterdocs-search-form-wrapper .betterdocs-live-search::after {
	content: "Durchsuche unsere Wissensbasis oder waehle unten ein Thema.";
	display: block;
	text-align: center;
	color: var(--sib-grey);
	font-size: 15px;
	line-height: 1.5;
	margin-top: 18px;
}

/* Popular-Keywords zentriert im Hero */
body.post-type-archive-docs .betterdocs-search-form-wrapper .betterdocs-popular-search-keyword {
	justify-content: center;
	text-align: center;
}

/* (14) GRID - Whitespace + sauberes Karten-Grid + Hover-Links-Inset ------- */
/* Gleichmaessiger Abstand und definierte responsive Spalten (kein Masonry-
 * Versatz). Die Karten-Grundoptik (weiss/8px/Silber/Schatten) liegt in Abschn. 6. */
body.post-type-archive-docs .betterdocs-category-grid-wrapper {
	padding: 8px 0 64px;
}

body.post-type-archive-docs .betterdocs-category-grid-inner-wrapper.grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px !important;
	align-items: stretch;
}

@media (max-width: 1024px) {
	body.post-type-archive-docs .betterdocs-category-grid-inner-wrapper.grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	body.post-type-archive-docs .betterdocs-category-grid-inner-wrapper.grid {
		grid-template-columns: 1fr;
		gap: 18px !important;
	}
}

/* Karten fuellen die Grid-Zelle gleich hoch */
body.post-type-archive-docs .betterdocs-single-category-wrapper {
	height: 100%;
}

body.post-type-archive-docs .betterdocs-single-category-wrapper .betterdocs-single-category-inner {
	padding: 26px 26px 22px !important;
}

/* Hover: roter Border + flacher roter Links-Inset, KEIN Schattenwuchs */
body.post-type-archive-docs .betterdocs-single-category-wrapper:hover .betterdocs-single-category-inner {
	border-color: var(--sib-red);
	box-shadow: inset 3px 0 0 0 var(--sib-red), var(--sib-shadow-flat);
}

/* (15) STICKY-TOC-POLITUR auf Einzelartikeln ----------------------------- */
/* TOC-Mechanik ist via Settings aktiv (enable_toc, enable_sticky_toc,
 * toc_hierarchy, toc_list_number, toc_title "Inhalt"). Hier nur Stil/Sticky:
 * Hellgrau-Box, dezente Nummerierung, aktiver/Hover-Eintrag rot. */
body.single-docs .betterdocs-toc.betterdocs-sticky-toc,
body.single-docs .betterdocs-toc {
	position: sticky;
	top: 100px;
	align-self: flex-start;
	border: 1px solid var(--sib-light);
	box-shadow: var(--sib-shadow-flat);
}

/* Aktiver/aktueller Eintrag: roter Links-Inset + rote Schrift */
body.single-docs .betterdocs-toc .toc-list li a.active,
body.single-docs .betterdocs-toc .toc-list li.active > a {
	color: var(--sib-red);
	font-weight: 600;
}

/* Dezente Nummerierung (toc_list_number=1 setzt ::before) */
body.single-docs .betterdocs-toc .toc-list {
	counter-reset: none;
}

body.single-docs .betterdocs-toc .toc-list li a:before {
	font-weight: 600;
	opacity: .85;
}

/* TOC-Eintraege etwas luftiger */
body.single-docs .betterdocs-toc .toc-list li a {
	padding: 4px 0;
	line-height: 1.45;
	transition: color .15s ease;
}

/* (16) INSTANT-ANSWER-WIDGET - SIB-Rot statt Plugin-Gruen/Tuerkis --------
 * BetterDocs Pro faerbt die Bubble/Header/Buttons aus #00b682 (Default) bzw.
 * den ia_*-Settings. Wir ueberschreiben ALLE Marken-Flaechen hart auf SIB-Rot,
 * sodass es egal ist, welchen Default die Plugin-Version mitbringt. Das Widget
 * wird via Setting enable_disable=true + display_ia_* nur auf docs-Kontexten
 * (single/archive/doc_category) gezeigt -> Marketing-Startseite bleibt frei.
 * Die aside#betterdocs-ia + der React-Launcher haengen am <body>, die
 * body.*-Klassen (single-docs/post-type-archive-docs/tax-doc_category) sind
 * weiter gesetzt -> Scoping bleibt sauber. */

/* Launcher-Bubble: Hintergrund Rot, weisses Icon */
body.single-docs .betterdocs-ia-launcher-wrapper .betterdocs-ia-launcher,
body.tax-doc_category .betterdocs-ia-launcher-wrapper .betterdocs-ia-launcher,
body.post-type-archive-docs .betterdocs-ia-launcher-wrapper .betterdocs-ia-launcher {
	background: var(--sib-red) !important;
	box-shadow: 0 4px 14px rgba(213, 12, 47, .28) !important;
}

body.single-docs .betterdocs-ia-launcher-wrapper .betterdocs-ia-launcher:hover,
body.tax-doc_category .betterdocs-ia-launcher-wrapper .betterdocs-ia-launcher:hover,
body.post-type-archive-docs .betterdocs-ia-launcher-wrapper .betterdocs-ia-launcher:hover {
	background: #BD0A29 !important;
}

/* Launcher-Icon (SVG) weiss erzwingen */
body.single-docs .betterdocs-ia-launcher .betterdocs-launch-icon svg,
body.single-docs .betterdocs-ia-launcher .betterdocs-launch-icon svg path,
body.tax-doc_category .betterdocs-ia-launcher .betterdocs-launch-icon svg,
body.tax-doc_category .betterdocs-ia-launcher .betterdocs-launch-icon svg path,
body.post-type-archive-docs .betterdocs-ia-launcher .betterdocs-launch-icon svg,
body.post-type-archive-docs .betterdocs-ia-launcher .betterdocs-launch-icon svg path {
	fill: #fff !important;
	stroke: #fff !important;
}

/* Tastatur-Fokus auf der Bubble sichtbar machen (Plugin setzt outline:none) */
body.single-docs .betterdocs-ia-launcher-wrapper .betterdocs-ia-launcher:focus-visible,
body.tax-doc_category .betterdocs-ia-launcher-wrapper .betterdocs-ia-launcher:focus-visible,
body.post-type-archive-docs .betterdocs-ia-launcher-wrapper .betterdocs-ia-launcher:focus-visible {
	outline: 2px solid var(--sib-red) !important;
	outline-offset: 3px !important;
}

/* Panel-Kopf (Header der Bubble) Rot, weisse Schrift */
body.single-docs .betterdocs-ia-common-header,
body.single-docs .betterdocs-ia-main-content .chat-container .betterdocs-chatbot-header,
body.tax-doc_category .betterdocs-ia-common-header,
body.tax-doc_category .betterdocs-ia-main-content .chat-container .betterdocs-chatbot-header,
body.post-type-archive-docs .betterdocs-ia-common-header,
body.post-type-archive-docs .betterdocs-ia-main-content .chat-container .betterdocs-chatbot-header {
	background: var(--sib-red) !important;
}

body.single-docs .betterdocs-ia-common-header h2,
body.single-docs .betterdocs-ia-common-header .betterdocs-title,
body.single-docs .betterdocs-ia-common-header .betterdocs-info,
body.tax-doc_category .betterdocs-ia-common-header h2,
body.tax-doc_category .betterdocs-ia-common-header .betterdocs-title,
body.tax-doc_category .betterdocs-ia-common-header .betterdocs-info,
body.post-type-archive-docs .betterdocs-ia-common-header h2,
body.post-type-archive-docs .betterdocs-ia-common-header .betterdocs-title,
body.post-type-archive-docs .betterdocs-ia-common-header .betterdocs-info {
	color: #fff !important;
}

/* Panel-Wrapper SIB-clean: weiss, 8px, Silber-Border, flacher Schatten */
body.single-docs .betterdocs-ia-main-wrapper,
body.tax-doc_category .betterdocs-ia-main-wrapper,
body.post-type-archive-docs .betterdocs-ia-main-wrapper {
	border-radius: 8px !important;
	border: 1px solid var(--sib-silver) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, .14) !important;
	overflow: hidden;
	font-family: Inter, system-ui, -apple-system, sans-serif !important;
}

/* Such-Icon im Panel-Kopf weiss */
body.single-docs .betterdocs-ia-common-header .betterdocs-ia-search .betterdocs-ia-search-icon svg,
body.single-docs .betterdocs-ia-common-header .betterdocs-ia-search .betterdocs-ia-search-icon svg path,
body.tax-doc_category .betterdocs-ia-common-header .betterdocs-ia-search .betterdocs-ia-search-icon svg,
body.tax-doc_category .betterdocs-ia-common-header .betterdocs-ia-search .betterdocs-ia-search-icon svg path,
body.post-type-archive-docs .betterdocs-ia-common-header .betterdocs-ia-search .betterdocs-ia-search-icon svg,
body.post-type-archive-docs .betterdocs-ia-common-header .betterdocs-ia-search .betterdocs-ia-search-icon svg path {
	fill: #fff !important;
}

/* Such-Input im Panel (weiss, Silber-Border, roter Fokus wie Hauptsuche) */
body.single-docs .betterdocs-ia-common-header .betterdocs-ia-search .betterdocs-ia-search-field,
body.tax-doc_category .betterdocs-ia-common-header .betterdocs-ia-search .betterdocs-ia-search-field,
body.post-type-archive-docs .betterdocs-ia-common-header .betterdocs-ia-search .betterdocs-ia-search-field {
	background: #fff !important;
	border: 1px solid var(--sib-silver) !important;
	border-radius: 4px !important;
	color: var(--sib-text) !important;
}

body.single-docs .betterdocs-ia-common-header .betterdocs-ia-search .betterdocs-ia-search-field:focus,
body.tax-doc_category .betterdocs-ia-common-header .betterdocs-ia-search .betterdocs-ia-search-field:focus,
body.post-type-archive-docs .betterdocs-ia-common-header .betterdocs-ia-search .betterdocs-ia-search-field:focus {
	border-color: var(--sib-red) !important;
	box-shadow: var(--sib-focus-ring) !important;
	outline: none !important;
}

/* Aktive Tabs / aktive Tab-Pfade Rot */
body.single-docs .betterdocs-ia-tabs .active p,
body.tax-doc_category .betterdocs-ia-tabs .active p,
body.post-type-archive-docs .betterdocs-ia-tabs .active p {
	color: var(--sib-red) !important;
}

body.single-docs .betterdocs-ia-tabs li.active svg g path,
body.single-docs .betterdocs-ia-tabs .betterdocs-ia-chatbot.active .chatbotpath,
body.tax-doc_category .betterdocs-ia-tabs li.active svg g path,
body.tax-doc_category .betterdocs-ia-tabs .betterdocs-ia-chatbot.active .chatbotpath,
body.post-type-archive-docs .betterdocs-ia-tabs li.active svg g path,
body.post-type-archive-docs .betterdocs-ia-tabs .betterdocs-ia-chatbot.active .chatbotpath {
	fill: var(--sib-red) !important;
}

/* Buttons im Panel (Senden, Submit, gesendete Nachricht) Rot */
body.single-docs .betterdocs-ia-tab-message-container .betterdocs-ia-feedback-form .betterdocs-ia-submit button,
body.single-docs .betterdocs-ia-main-content .chat-container .chat-content-wrapper .chat-footer .message-input button,
body.single-docs .betterdocs-ia-main-content .chat-container .chat-content-wrapper .chat-body .message.sent .query,
body.tax-doc_category .betterdocs-ia-tab-message-container .betterdocs-ia-feedback-form .betterdocs-ia-submit button,
body.tax-doc_category .betterdocs-ia-main-content .chat-container .chat-content-wrapper .chat-footer .message-input button,
body.tax-doc_category .betterdocs-ia-main-content .chat-container .chat-content-wrapper .chat-body .message.sent .query,
body.post-type-archive-docs .betterdocs-ia-tab-message-container .betterdocs-ia-feedback-form .betterdocs-ia-submit button,
body.post-type-archive-docs .betterdocs-ia-main-content .chat-container .chat-content-wrapper .chat-footer .message-input button,
body.post-type-archive-docs .betterdocs-ia-main-content .chat-container .chat-content-wrapper .chat-body .message.sent .query {
	background-color: var(--sib-red) !important;
}

/* Doc-Treffer-Titel im Panel: Hover Rot */
body.single-docs .betterdocs-ia-docs-content .content-item .content-title:hover,
body.tax-doc_category .betterdocs-ia-docs-content .content-item .content-title:hover,
body.post-type-archive-docs .betterdocs-ia-docs-content .content-item .content-title:hover {
	color: var(--sib-red) !important;
}