/**
 * SciLMi Wiki/LP-Embed auf Duda/Checkdomain: Mutterseiten-Styles neutralisieren.
 * Nach demo-router.css / bridge-outline.css einbinden.
 */

/* Duda-Zeile um #outline-slot (padding 200px / text-align center von pagestyleDevice) */
*#dm *.dmBody div.dmRespRow.scilmi-wiki-embed-host,
*#dm *.dmBody div.dmRespRow:has(#outline-slot),
*#dm *.dmBody div.dmRespRow:has(#scilmi-lp-embed) {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
}

*#dm *.dmBody div.dmRespCol.scilmi-wiki-embed-col,
*#dm *.dmBody div.dmRespCol:has(#outline-slot),
*#dm *.dmBody div.dmRespCol:has(#scilmi-lp-embed) {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
}

*#dm *.dmBody #outline-slot,
*#dm *.dmBody #outline-slot.scilmi-outline-embed,
*#dm *.dmBody #scilmi-lp-embed {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

/*
 * Wiki-Embed: Breite per Toggle (demo-router.js → scilmi-embed-full-bleed / scilmi-embed-contained).
 * Ohne Klasse: volle Breite (bis JS lädt), danach Einstellung aus router-settings.
 */
#outline-slot:not(.scilmi-embed-contained) .scilmi-router-shell,
#outline-slot.scilmi-embed-full-bleed .scilmi-router-shell,
*#dm div.dmContent #outline-slot:not(.scilmi-embed-contained) .scilmi-router-shell {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

#outline-slot:not(.scilmi-embed-contained) .scilmi-router-layout,
#outline-slot.scilmi-embed-full-bleed .scilmi-router-layout,
*#dm div.dmContent #outline-slot:not(.scilmi-embed-contained) .scilmi-router-layout {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

#outline-slot.scilmi-embed-contained .scilmi-router-layout,
*#dm div.dmContent #outline-slot.scilmi-embed-contained .scilmi-router-layout {
    width: 100% !important;
    max-width: 1650px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

#outline-slot:not(.scilmi-embed-contained) .scilmi-router-content .scilmi-outline-content,
#outline-slot:not(.scilmi-embed-contained) .scilmi-router-content .scilmi-outline-content.container,
*#dm div.dmContent #outline-slot:not(.scilmi-embed-contained) .scilmi-router-content .scilmi-outline-content.container {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Breadcrumb-Leiste scrollt mit Inhalt (kein sticky in der Content-Spalte) */
#outline-slot .scilmi-content-width-toggle-bar,
*#dm div.dmContent #outline-slot .scilmi-content-width-toggle-bar {
    background: transparent !important;
}

#outline-slot .scilmi-content-top-bar,
*#dm div.dmContent #outline-slot .scilmi-content-top-bar {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    background: #ffffff !important;
}

#outline-slot .scilmi-router-layout {
    display: grid !important;
}

/*
 * site-theme.css: *#dm div.dmContent h2 { … } — auch im Wiki. Ausnahme nur unter #outline-slot.
 * rem-Basis + !important; Selector mit div#outline-slot schlägt Theme (1 ID) zuverlässig.
 */
*#dm div.dmContent div#outline-slot.scilmi-outline-embed,
*#dm div.dmContent div#outline-slot,
*#dm *.dmBody div.dmContent div#outline-slot {
    --scilmi-h1-size: 2.25rem;
    --scilmi-h2-size: 1.65rem;
    --scilmi-h3-size: 1.35rem;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

*#dm div.dmContent div#outline-slot .scilmi-router-content h1,
*#dm div.dmContent div#outline-slot .scilmi-outline-content h1 {
    font-size: 2.25rem !important;
    font-size: var(--scilmi-h1-size) !important;
    line-height: 1.25 !important;
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

/* Router-Seitentitel größer als Inhalts-H1 */
*#dm div.dmContent div#outline-slot .scilmi-outline-content h1.scilmi-outline-title {
    font-size: calc(var(--scilmi-h1-size, 2.25rem) * 1.12) !important;
    line-height: 1.18 !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-outline-title + h1 {
    font-size: var(--scilmi-h2-size, 1.65rem) !important;
    line-height: 1.35 !important;
}

*#dm div.dmContent div#outline-slot .scilmi-router-content h2,
*#dm div.dmContent div#outline-slot .scilmi-outline-content h2 {
    font-size: 1.65rem !important;
    font-size: var(--scilmi-h2-size) !important;
    line-height: 1.35 !important;
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

*#dm div.dmContent div#outline-slot .scilmi-router-content h3,
*#dm div.dmContent div#outline-slot .scilmi-outline-content h3 {
    font-size: 1.35rem !important;
    font-size: var(--scilmi-h3-size) !important;
    line-height: 1.35 !important;
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

*#dm div.dmContent div#outline-slot .scilmi-router-content h4,
*#dm div.dmContent div#outline-slot .scilmi-outline-content h4 {
    font-size: 1.15rem !important;
    line-height: 1.35 !important;
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

*#dm div.dmContent div#outline-slot .scilmi-router-content h5,
*#dm div.dmContent div#outline-slot .scilmi-router-content h6,
*#dm div.dmContent div#outline-slot .scilmi-outline-content h5,
*#dm div.dmContent div#outline-slot .scilmi-outline-content h6 {
    font-size: 1rem !important;
    line-height: 1.35 !important;
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content p,
*#dm div.dmContent div#outline-slot .scilmi-outline-content li {
    font-size: 1rem !important;
    line-height: 1.55 !important;
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-weight: 400 !important;
    color: #1e293b !important;
}

/*
 * Duda site-theme: *#dm div.dmContent a / strong / table — höhere Spezifität als bridge-outline.css.
 * Nur Wiki-Inhalt (#outline-slot), nicht Site-Navigation außerhalb.
 */
*#dm div.dmContent div#outline-slot .scilmi-outline-content,
*#dm div.dmContent div#outline-slot .scilmi-router-content .scilmi-search-view {
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    color: #1e293b !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content a,
*#dm div.dmContent div#outline-slot .scilmi-outline-content a.scilmi-glossary-link,
*#dm div.dmContent div#outline-slot .scilmi-router-content .scilmi-search-view a:not(.btn) {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    font-style: normal !important;
    text-decoration: none !important;
    color: #556790 !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content a:hover,
*#dm div.dmContent div#outline-slot .scilmi-outline-content a.scilmi-glossary-link:hover,
*#dm div.dmContent div#outline-slot .scilmi-router-content .scilmi-search-view a:not(.btn):hover {
    color: #eb9929 !important;
    text-decoration: none !important;
}

*#dm div.dmContent div#outline-slot .scilmi-content-top-bar .scilmi-breadcrumb a {
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    color: #334155 !important;
}

*#dm div.dmContent div#outline-slot .scilmi-content-top-bar .scilmi-breadcrumb a:hover {
    color: #334155 !important;
    text-decoration: underline !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content strong,
*#dm div.dmContent div#outline-slot .scilmi-outline-content b {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 600 !important;
    color: inherit !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 0 1em !important;
    font-size: 0.96em !important;
    font-family: inherit !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    color: #1e293b !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content th,
*#dm div.dmContent div#outline-slot .scilmi-outline-content td {
    border: 1px solid #e5e7eb !important;
    padding: 0.55em 0.7em !important;
    text-align: left !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    color: #1e293b !important;
    vertical-align: top !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content th {
    background: #f9fafb !important;
    font-weight: 600 !important;
}

/* Tabellen: kein Duda-Heebo-Heading in Zellen (Outline-Export, Glossary-Zeilen) */
*#dm div.dmContent div#outline-slot .scilmi-outline-content td h1,
*#dm div.dmContent div#outline-slot .scilmi-outline-content td h2,
*#dm div.dmContent div#outline-slot .scilmi-outline-content td h3,
*#dm div.dmContent div#outline-slot .scilmi-outline-content td h4,
*#dm div.dmContent div#outline-slot .scilmi-outline-content td h5,
*#dm div.dmContent div#outline-slot .scilmi-outline-content td h6,
*#dm div.dmContent div#outline-slot .scilmi-outline-content th h1,
*#dm div.dmContent div#outline-slot .scilmi-outline-content th h2,
*#dm div.dmContent div#outline-slot .scilmi-outline-content th h3,
*#dm div.dmContent div#outline-slot .scilmi-outline-content th h4,
*#dm div.dmContent div#outline-slot .scilmi-outline-content th h5,
*#dm div.dmContent div#outline-slot .scilmi-outline-content th h6,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .heading-content {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    margin: 0 !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    font-size: 0.9em !important;
    font-weight: 400 !important;
    color: inherit !important;
}

/* Duda site-theme: list-style-position inside + Outline <li><p> → Bullet-Zeile getrennt vom Text */
*#dm div.dmContent div#outline-slot .scilmi-outline-content ul,
*#dm div.dmContent div#outline-slot .scilmi-outline-content ol,
#outline-slot .scilmi-outline-content ul,
#outline-slot .scilmi-outline-content ol {
    list-style-position: outside !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content li,
#outline-slot .scilmi-outline-content li {
    display: list-item !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content li > p,
#outline-slot .scilmi-outline-content li > p {
    display: inline !important;
    margin: 0 !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content li > ul,
*#dm div.dmContent div#outline-slot .scilmi-outline-content li > ol,
#outline-slot .scilmi-outline-content li > ul,
#outline-slot .scilmi-outline-content li > ol {
    display: block !important;
}

/* Duda site-theme: Callout-Row als Block → Icon über Text; Flex wiederherstellen */
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-callout-row,
#outline-slot .scilmi-outline-content .scilmi-callout-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-callout-icon,
#outline-slot .scilmi-outline-content .scilmi-callout-icon {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-callout-body,
#outline-slot .scilmi-outline-content .scilmi-callout-body {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
}

/* Outline documents.export: .notice-block.info > .icon + .content (nicht scilmi-callout-*) */
*#dm div.dmContent div#outline-slot .scilmi-outline-content .notice-block,
#outline-slot .scilmi-outline-content .notice-block {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .notice-block .icon,
#outline-slot .scilmi-outline-content .notice-block .icon {
    display: block !important;
    flex: 0 0 auto !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .notice-block .content,
#outline-slot .scilmi-outline-content .notice-block .content {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .notice-block .content h1,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .notice-block .content h2,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .notice-block .content h3,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .notice-block .content h4,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .notice-block .content .heading-content,
#outline-slot .scilmi-outline-content .notice-block .content h1,
#outline-slot .scilmi-outline-content .notice-block .content h2,
#outline-slot .scilmi-outline-content .notice-block .content h3,
#outline-slot .scilmi-outline-content .notice-block .content h4,
#outline-slot .scilmi-outline-content .notice-block .content .heading-content {
    margin-top: 0 !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-domain-section > .scilmi-comp-collapsible-header > h1.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-domain-section > .scilmi-comp-collapsible-header > h2.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-domain-section > .scilmi-comp-collapsible-header > h3.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h2.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h3.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h4.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h5.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h6.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h2,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h3,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h4,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h5,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h6 {
    font-size: 1.65rem !important;
    font-size: var(--scilmi-h2-size) !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h1.scilmi-goal-highlight-row,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h2.scilmi-goal-highlight-row,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h3.scilmi-goal-highlight-row,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h4.scilmi-goal-highlight-row,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h5.scilmi-goal-highlight-row,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h6.scilmi-goal-highlight-row {
    font-size: 1.65rem !important;
    font-size: var(--scilmi-h2-size) !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-domain-section > .scilmi-comp-collapsible-header mark,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-domain-section > .scilmi-comp-collapsible-header .scilmi-highlight {
    font-size: 1em !important;
}

/* Duda/Bootstrap: mark in Überschriften nicht als Block-Riesenbanner */
#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h1.scilmi-goal-highlight-row,
#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h2.scilmi-goal-highlight-row,
#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h3.scilmi-goal-highlight-row,
#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h4.scilmi-goal-highlight-row,
#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h5.scilmi-goal-highlight-row,
#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h6.scilmi-goal-highlight-row {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
}

#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header mark,
#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header .scilmi-highlight,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header mark,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header .scilmi-highlight {
    font-size: 1em !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    padding: 0.12em 0.35em !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#outline-slot .scilmi-router-content {
    min-width: 0 !important;
    text-align: left !important;
}

/*
 * Wiki-Embed: wie demo-router.cfm — linke/mittlere Spalte sticky + eigener Scroll,
 * rechte Spalte (.scilmi-router-content) scrollt unabhängig.
 * Höhe per --scilmi-router-panel-max-height (demo-router.js misst Offset unter Duda-Header).
 */
#outline-slot.scilmi-outline-embed,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed {
    --scilmi-router-sticky-top: 0.75rem;
    /* Fallback bis syncRouterPanelHeights(); nicht als Mindesthöhe erzwingen */
    --scilmi-router-panel-max-height: min(calc(100dvh - 12rem), calc(100svh - 8rem));
    min-height: 0 !important;
    overflow: visible !important;
}

#outline-slot.scilmi-outline-embed .scilmi-router-layout,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-layout {
    min-height: 0 !important;
    align-items: start !important;
}

#outline-slot.scilmi-outline-embed .scilmi-router-content,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-content {
    min-height: 0 !important;
    max-height: var(--scilmi-router-panel-max-height) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scroll-behavior: smooth;
    padding-bottom: 60px !important;
    box-sizing: border-box !important;
}

#outline-slot.scilmi-outline-embed .scilmi-router-menu,
#outline-slot.scilmi-outline-embed .scilmi-router-toc,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-menu,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-toc {
    position: sticky !important;
    top: var(--scilmi-router-sticky-top) !important;
    align-self: start !important;
    max-height: var(--scilmi-router-panel-max-height) !important;
    z-index: 1 !important;
}

#outline-slot.scilmi-outline-embed .scilmi-router-menu:not(.menu-collapsed),
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-menu:not(.menu-collapsed) {
    min-height: 0 !important;
}

#outline-slot.scilmi-outline-embed .scilmi-router-toc,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-toc {
    overflow: auto !important;
}

#outline-slot.scilmi-outline-embed .scilmi-router-menu:not(.menu-collapsed),
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-menu:not(.menu-collapsed) {
    overflow: hidden !important;
}

/* Eingeklappt: Flyout beim Hover darf über TOC/Inhalt ragen (sonst Flimmern / kein Peek) */
#outline-slot.scilmi-outline-embed .scilmi-router-menu.menu-collapsed,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-menu.menu-collapsed {
    overflow: visible !important;
    align-self: stretch !important;
    z-index: 100 !important;
    min-height: 0 !important;
    max-height: none !important;
}

#outline-slot.scilmi-outline-embed .scilmi-router-menu.menu-collapsed.menu-peek-open .scilmi-menu-panel,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-menu.menu-collapsed.menu-peek-open .scilmi-menu-panel {
    z-index: 101 !important;
}

/* Wiki: unterer Puffer im linken Menü (volles Durchscrollen, kein doppelter Scroll-Eindruck) */
#outline-slot.scilmi-outline-embed .scilmi-router-menu .scilmi-menu-panel,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-menu .scilmi-menu-panel {
    padding-bottom: 60px !important;
    box-sizing: border-box !important;
}

#outline-slot .scilmi-router-toc,
#outline-slot .scilmi-router-menu {
    text-align: left !important;
}

/*
 * Lesson Plans Embed: Breite per Toggle (lessonplans-embed.js → scilmi-embed-full-bleed / scilmi-embed-contained).
 * Standard: contained (1650px), bis JS lädt ebenfalls contained-Klasse setzen.
 */
#scilmi-lp-embed.scilmi-embed-contained .lp-home-layout,
#scilmi-lp-embed.scilmi-embed-contained .scilmi-router-layout,
*#dm div.dmContent #scilmi-lp-embed.scilmi-embed-contained .lp-home-layout,
*#dm div.dmContent #scilmi-lp-embed.scilmi-embed-contained .scilmi-router-layout {
    width: 100% !important;
    max-width: 1650px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

#scilmi-lp-embed.scilmi-embed-full-bleed .scilmi-router-shell,
#scilmi-lp-embed.scilmi-embed-full-bleed .lp-home-shell,
#scilmi-lp-embed.scilmi-embed-full-bleed .lp-embed-shell,
#scilmi-lp-embed.scilmi-embed-full-bleed .lp-detail-shell,
#scilmi-lp-embed.scilmi-embed-full-bleed .lp-embed-detail-body,
#scilmi-lp-embed:not(.scilmi-embed-contained):not(.scilmi-embed-full-bleed) .scilmi-router-shell,
*#dm div.dmContent #scilmi-lp-embed.scilmi-embed-full-bleed .scilmi-router-shell {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

#scilmi-lp-embed.scilmi-embed-full-bleed .lp-home-layout,
#scilmi-lp-embed.scilmi-embed-full-bleed .scilmi-router-layout,
#scilmi-lp-embed:not(.scilmi-embed-contained):not(.scilmi-embed-full-bleed) .lp-home-layout,
#scilmi-lp-embed:not(.scilmi-embed-contained):not(.scilmi-embed-full-bleed) .scilmi-router-layout {
    width: 100% !important;
    max-width: none !important;
}

#scilmi-lp-embed.scilmi-embed-full-bleed .scilmi-router-content,
#scilmi-lp-embed:not(.scilmi-embed-contained):not(.scilmi-embed-full-bleed) .scilmi-router-content {
    max-width: none !important;
    width: 100% !important;
}

#scilmi-lp-embed.scilmi-embed-contained .scilmi-router-content {
    max-width: 100% !important;
    width: 100% !important;
}

/* LP-Übersicht: Scroll bis unter die letzte Karte (Duda-Mutterseite) */
#scilmi-lp-embed .lp-home-shell .scilmi-router-content,
*#dm div.dmContent #scilmi-lp-embed .lp-home-shell .scilmi-router-content {
    padding-bottom: 90px !important;
}

/* LP-Detail: unterer Puffer im Embed (volles Durchscrollen) */
#scilmi-lp-embed .lp-detail-page .lp-detail-shell,
#scilmi-lp-embed .lp-embed-detail-body,
*#dm div.dmContent #scilmi-lp-embed .lp-detail-page .lp-detail-shell,
*#dm div.dmContent #scilmi-lp-embed .lp-embed-detail-body {
    padding-bottom: 40px !important;
    box-sizing: border-box !important;
}

#scilmi-lp-embed .lp-new-root,
#scilmi-lp-embed .lp-embed-detail .lp-new-root {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
}

/*
 * Lesson Plans: site-theme *#dm div.dmContent h2 { … Heebo, große Schrift } überschreibt
 * .lp-card-title (h2). Wie Standalone lessonplans-home.css — nur unter #scilmi-lp-embed.
 */
*#dm div.dmContent div#scilmi-lp-embed,
*#dm div.dmContent div#scilmi-lp-embed .lp-home-shell,
*#dm div.dmContent div#scilmi-lp-embed .scilmi-router-shell,
*#dm div.dmContent div#scilmi-lp-embed .lp-detail-page {
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #1e293b !important;
    text-align: left !important;
}

*#dm div.dmContent div#scilmi-lp-embed h1,
*#dm div.dmContent div#scilmi-lp-embed h2,
*#dm div.dmContent div#scilmi-lp-embed h3,
*#dm div.dmContent div#scilmi-lp-embed h4,
*#dm div.dmContent div#scilmi-lp-embed h5,
*#dm div.dmContent div#scilmi-lp-embed h6 {
    font-family: inherit !important;
    text-align: left !important;
    text-decoration: none !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

*#dm div.dmContent div#scilmi-lp-embed h2.lp-card-title {
    --lp-card-title-fs: 1.05rem;
    --lp-card-title-lh: 1.4;
    --lp-card-title-lines: 3;
    font-size: var(--lp-card-title-fs) !important;
    line-height: var(--lp-card-title-lh) !important;
    font-weight: 700 !important;
    margin: 0 0 0.45rem !important;
    padding: 0 !important;
    min-height: calc(var(--lp-card-title-fs) * var(--lp-card-title-lh) * var(--lp-card-title-lines)) !important;
    max-height: none !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

*#dm div.dmContent div#scilmi-lp-embed h2.lp-card-title .lp-card-title-text {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

@media (max-width: 1100px) {
    *#dm div.dmContent div#scilmi-lp-embed h2.lp-card-title {
        --lp-card-title-lh: 1.45;
        min-height: calc(var(--lp-card-title-fs) * var(--lp-card-title-lh) * var(--lp-card-title-lines) + 0.2rem) !important;
    }
}

*#dm div.dmContent div#scilmi-lp-embed .lp-card--multi-subject .lp-card-title {
    color: #005575 !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-card-desc {
    font-size: 0.88rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    color: #475569 !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-card-top {
    font-size: 0.76rem !important;
    font-weight: 600 !important;
    color: #64748b !important;
}

*#dm div.dmContent div#outline-slot .scilmi-how-subjects {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    gap: 0.35rem !important;
    margin: 0.4rem 0 0.15rem !important;
    padding-left: 92px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    clear: both !important;
    text-indent: 0 !important;
}

*#dm div.dmContent div#outline-slot li.scilmi-code-list-item .scilmi-how-subjects {
    padding-left: calc(84px + 0.55rem) !important;
}

*#dm div.dmContent div#outline-slot li.scilmi-code-list-line > .scilmi-how-subjects,
*#dm div.dmContent div#outline-slot li.scilmi-how-item > .scilmi-how-subjects {
    text-indent: 0 !important;
}

*#dm div.dmContent div#outline-slot li.scilmi-code-list-line > .scilmi-how-subjects {
    padding-left: 92px !important;
}

*#dm div.dmContent div#outline-slot .scilmi-how-subject-label {
    display: inline-block !important;
    flex: 0 0 auto !important;
    position: relative !important;
    text-indent: 0 !important;
    font-size: 0.72rem !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    color: #475569 !important;
    background: #e2e8f0 !important;
    border-radius: 3px !important;
    padding: 0.14rem 0.45rem !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-outcome-lp-menu-toggle {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 1.35rem !important;
    height: 1.35rem !important;
    min-width: 1.35rem !important;
    min-height: 1.35rem !important;
    padding: 0 !important;
    margin: 0.42rem 0.12rem 0 0 !important;
    border: none !important;
    background: transparent !important;
    color: #0f172a !important;
    cursor: pointer !important;
    line-height: 1 !important;
    overflow: visible !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-outcome-lp-menu-chevron {
    display: inline-block !important;
    font-size: 0.95rem !important;
    line-height: 1 !important;
    color: #0f172a !important;
    opacity: 1 !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content h3.scilmi-code-heading .scilmi-outcome-lp-menu,
*#dm div.dmContent div#outline-slot .scilmi-outline-content h4.scilmi-code-heading .scilmi-outcome-lp-menu {
    text-indent: 0 !important;
    display: inline-flex !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-sort label span,
*#dm div.dmContent div#scilmi-lp-embed .lp-filter-toggle,
*#dm div.dmContent div#scilmi-lp-embed .lp-filter-option {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
}

*#dm div.dmContent div#scilmi-lp-embed .scilmi-router-menu-title {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-card-subject {
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-card-link,
*#dm div.dmContent div#scilmi-lp-embed .lp-card-link:hover {
    color: inherit !important;
    text-decoration: none !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-card-lp-link {
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    color: #64748b !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-empty {
    font-size: 0.95rem !important;
    color: #64748b !important;
}

*#dm div.dmContent div#scilmi-lp-embed .btn,
*#dm div.dmContent div#scilmi-lp-embed .form-select {
    font-family: inherit !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
}

/* Domain-Kästen: Duda list/li/text-align nicht auf Outcome-Zeilen anwenden */
*#dm div.dmContent div#scilmi-lp-embed .lp-new-domain-goal-title {
    font-size: 0.9rem !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    text-align: left !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-new-domain-outcome-item {
    display: flex !important;
    list-style: none !important;
    font-size: 0.8125rem !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    text-align: left !important;
    color: #334155 !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-new-domain-outcome-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

#outline-slot.scilmi-outline-embed .scilmi-router-menu ul ul,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-menu ul ul {
    margin-top: 0.08rem !important;
    padding-left: 0.9rem !important;
    border-left: 1px solid rgba(148, 163, 184, 0.45) !important;
}

#outline-slot.scilmi-outline-embed .scilmi-router-menu .scilmi-menu-outline > ul,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-menu .scilmi-menu-outline > ul {
    padding-left: 0 !important;
    border-left: 0 !important;
}

#outline-slot.scilmi-outline-embed .scilmi-menu-header-bar .scilmi-router-menu-title--top,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-menu-header-bar .scilmi-router-menu-title--top {
    margin: 0 !important;
    min-height: 2rem !important;
    line-height: 2rem !important;
    display: flex !important;
    align-items: center !important;
}

#outline-slot.scilmi-outline-embed .scilmi-router-menu .scilmi-menu-prominent,
#outline-slot.scilmi-outline-embed .scilmi-router-menu a.scilmi-menu-link--featured,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-menu .scilmi-menu-prominent,
*#dm div.dmContent div#outline-slot.scilmi-outline-embed .scilmi-router-menu a.scilmi-menu-link--featured {
    padding: 0.25rem 0.45rem !important;
    border-radius: 6px !important;
    background: #dbeafe !important;
    color: #1e3a8a !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    border: 1px solid #bfdbfe !important;
}