/* =====================================================================
   Seitenlayout /qa_tool/: PDF links (split-left), KI-Chat rechts (split-right)
   Klassen im Gutenberg-Editor:
     Spalten-Block  -> split-container
     linke Spalte   -> split-left
     rechte Spalte  -> split-right
   ===================================================================== */

/* Basis */
.split-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  width: 100%;
  align-items: stretch !important;   /* Höhe bestimmt die PDF-Spalte links */
}
.split-left  { min-width: 0; overflow: hidden; }

/* KI-Spalte rechts: ihr Inhalt erzwingt keine Höhe, sie wird auf die PDF-Höhe gestreckt */
.split-right {
  min-width: 0;
  display: flex;
  flex-direction: column;
  contain: size;
  min-height: 420px;                 /* Notanker, solange das PDF noch lädt */
}
.split-right > * { flex: 1 1 auto; min-height: 0; }
/* Falls der Chat in einem Wrapper (z. B. Shortcode-Block) liegt */
.split-right > :not(.neos-qnova-chat) { display: flex; flex-direction: column; }
.split-right > :not(.neos-qnova-chat) > .neos-qnova-chat { flex: 1 1 auto; }

/* Der Chat füllt die Spalte statt fester Höhe aus dem PHP-Admin */
.split-right .neos-qnova-chat {
  flex: 1 1 auto;
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  max-height: 85vh !important;
  max-height: 85dvh !important;   /* berücksichtigt auf Smartphones die ein-/ausfahrende Browserleiste */
}

/* Trenner */
.split-divider {
  flex: 0 0 10px; cursor: col-resize; background: #fff; position: relative;
  touch-action: none; user-select: none; transition: background .15s;
}
.split-divider::after {
  content: ""; position: absolute; top: 50%; left: 3px; width: 4px; height: 40px;
  transform: translateY(-50%); background: #ffdd00; border-radius: 2px; transition: background .15s;
}
.split-divider:hover, .split-divider:focus, .split-container.is-dragging .split-divider {
  background: #ffdd00; outline: none;
}
.split-divider:hover::after, .split-divider:focus::after, .split-container.is-dragging .split-divider::after {
  background: #999;
}

/* Beim Ziehen: iframes (PDF-Viewer) dürfen die Maus nicht abfangen */
.split-container.is-dragging iframe,
.split-container.is-dragging embed,
.split-container.is-dragging object { pointer-events: none; }
.split-container.is-dragging { user-select: none; cursor: col-resize; }

/* Schalter "KI-Assistent" */
.split-toolbar { display: flex; justify-content: flex-end; margin: 20px 0 20px 0 ; } /* Abstand nach oben / unten: 20px */
.ai-toggle {
  display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px;
  border: 1px solid #ddd; border-radius: 999px; background: #fff; color: #333;
  font: inherit; font-size: 14px; cursor: pointer;
}
.ai-toggle:hover, .ai-toggle:focus-visible { border-color: #ffdd00; outline: none; }
.ai-toggle .sw { position: relative; width: 30px; height: 16px; border-radius: 8px; background: #ccc; transition: background .15s; }
.ai-toggle .sw::after {
  content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px;
  border-radius: 50%; background: #fff; transition: transform .15s;
}
.ai-toggle[aria-pressed="true"] .sw { background: #ffdd00; }
.ai-toggle[aria-pressed="true"] .sw::after { transform: translateX(14px); }
/* Theme-Hover-Effekte (Vergrößerung etc.) unterbinden */
.ai-toggle, .ai-toggle:hover, .ai-toggle:focus, .ai-toggle:focus-visible, .ai-toggle:active {
  transform: none !important; scale: none !important; zoom: 1 !important;
  padding: 6px 12px !important; font-size: 14px !important; line-height: 1.2 !important;
  border-width: 1px !important; box-shadow: none !important; margin: 0 !important;
}

	/* Toolbar: zwei Buttons nebeneinander */
.split-toolbar { gap: 8px; }
.ai-dock[aria-pressed="true"] { border-color: #ffdd00; }

/* Schwebender Modus */
.split-container.ai-float > .split-right {
  position: fixed !important;
  z-index: 99990;                    /* über Theme-Header; bei Bedarf anpassen */
  flex: none !important;
  min-width: 630px !important;
  min-height: 320px !important;
  max-width: none !important;
  margin: 0 !important;
}
.split-container.ai-float > .split-divider { display: none !important; }
.split-container.ai-float .neos-qnova-chat {
  max-height: none !important;
  box-shadow: 0 14px 44px rgba(0,0,0,.35);
}
.split-container.ai-float .neos-qnova-header { cursor: move; touch-action: none; user-select: none; }
.split-container.ai-float.is-moving { user-select: none; }

/* Steuerung in der Chat-Kopfzeile (nur im Float-Modus sichtbar) */
.split-container .split-right .split-header-ctl { display: none; align-items: center; gap: 8px; }
.split-container.ai-float .split-right .split-header-ctl { display: inline-flex; }
.split-container .split-right .split-header-ctl.is-overlay { position: absolute; top: 10px; right: 10px; z-index: 6; }
.split-container .split-right .split-header-ctl .ai-toggle { padding: 5px 10px !important; font-size: 13px !important; }

/* Kippschalter im schwarzen Kopfzeilen-Knopf */
.split-header-ctl .split-ai-btn .sw {
  position: relative; flex: 0 0 auto; width: 30px; height: 16px;
  border-radius: 8px; background: #595959; transition: background .15s;
}
.split-header-ctl .split-ai-btn .sw::after {
  content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px;
  border-radius: 50%; background: #fff; transition: transform .15s;
}
.split-header-ctl .split-ai-btn[aria-pressed="true"] .sw { background: #ffdd00; }
.split-header-ctl .split-ai-btn[aria-pressed="true"] .sw::after { transform: translateX(14px); }

/* Kleiner Schalter, wenn die KI im Float-Modus ausgeschaltet ist */
body > .split-launcher.ai-toggle {
  position: fixed; z-index: 99991;
  transform: translateX(-100%) !important;
  border: 2px solid #ffdd00 !important;
  box-shadow: 0 0 0 3px rgba(255,221,0,.35), 0 6px 20px rgba(0,0,0,.25) !important;
  touch-action: none;      /* Ziehen per Finger, ohne dass die Seite scrollt */
  cursor: grab;
  user-select: none;
}

/* Skalier-Griffe (nur im Float-Modus sichtbar) */
.split-container .split-right > .split-grip {
  display: none; position: absolute; bottom: 2px; width: 22px; height: 22px;
  z-index: 5; touch-action: none;
}
.split-container.ai-float > .split-right > .split-grip { display: block; }
.split-grip-se { right: 2px; cursor: nwse-resize;
  background: linear-gradient(135deg, transparent 50%, #8a8a8a 50% 58%, transparent 58% 70%, #8a8a8a 70% 78%, transparent 78%); }
.split-grip-sw { left: 2px; cursor: nesw-resize;
  background: linear-gradient(225deg, transparent 50%, #8a8a8a 50% 58%, transparent 58% 70%, #8a8a8a 70% 78%, transparent 78%); }

/* KI-Spalte ausgeblendet */
.split-container.ai-hidden .split-right,
.split-container.ai-hidden .split-divider { display: none !important; }

/* Toolbar: Navigation links, Werkzeuge rechts */
.split-toolbar { flex-wrap: wrap; align-items: center; }
.split-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-right: auto; }
.split-nav .ai-toggle[aria-pressed="true"] { background: #ffdd00; border-color: #ffdd00; color: #111; }

/* Ansichten der linken Spalte */
.split-left { position: relative; }
/* Startzustand vor dem Script: Kapitel & Videos sichtbar, Workbook unsichtbar, aber im Layout */
.split-left .view-workbook:not(.is-on) {
  display: block; visibility: hidden; position: absolute; left: 0; top: 0;
  width: 100%; height: 0; overflow: hidden; pointer-events: none;
}
.split-left .view-media { display: none; }
.split-left .split-view.is-on  { display: block !important; }
.split-left .split-view.is-off { display: none !important; }

/* Workbook bleibt im Layout (nur unsichtbar), damit das Flipbook seine Größe behält */
.split-left .view-workbook.is-off {
  display: block !important; visibility: hidden; position: absolute; left: 0; top: 0;
  width: 100%; height: 0; overflow: hidden; pointer-events: none;
}

.split-left .view-media h2 {
  font-size: 22px;      /* 70 % der Theme-H2 */
  line-height: 1.25;
  margin-top: 1.4em;    /* Abstand zum vorherigen Eintrag nach Bedarf */
  margin-bottom: .5em;
}
.split-left .view-media h3 {
  font-size: 18px;      /* 70 % der Theme-H3 */
  line-height: 1.1;
  margin-top: 1.2em;    /* Abstand zum vorherigen Eintrag nach Bedarf */
  margin-bottom: .5em;
}

/* Viewer für interne Seiten in der linken Spalte */
.split-left .view-viewer.is-on { display: flex !important; flex-direction: column; overflow: hidden; }
.split-viewer-bar { display: flex; align-items: center; gap: 8px; padding: 6px 0 8px; flex: 0 0 auto; }
.split-viewer-title { flex: 1 1 auto; min-width: 0; font-size: 13px; line-height: 1.4; color: #666; }
.split-viewer-title a.crumb { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.split-viewer-title a.crumb:hover { color: #000; }
.split-viewer-title .crumb-sep { margin: 0 .2em; color: #aaa; }
.split-viewer-title .crumb-current { color: #222; font-weight: 600; }
.split-viewer-version { flex: 0 0 auto; font-size: 12px; line-height: 1.4; color: #999; white-space: nowrap; text-align: right; }
.split-viewer-version:empty { display: none; }
.split-copy-btn { flex: 0 0 auto; width: 26px; height: 26px; padding: 0; font-size: 15px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }
.split-viewer-bar .split-copy-btn.ai-toggle { padding: 0 !important; width: 26px; height: 26px; justify-content: center; flex: 0 0 auto; }
.split-viewer-bar .split-search-btn.ai-toggle { font-weight: 700; font-size: 14px; line-height: 1; }
.split-viewer-bar .split-search-btn.ai-toggle[aria-expanded="true"] { border-color: #ffdd00; }
.split-viewer-bar .split-search-form { display: none; flex: 0 1 auto; margin: 0; }
.split-viewer-bar .split-search-form.is-open { display: flex; }
.split-viewer-bar .split-search-form input { width: 190px; max-width: 42vw; height: 26px; box-sizing: border-box; padding: 0 8px; font-size: 13px; border: 1px solid #ccc; border-radius: 13px; background: #fff; color: #222; }
.split-viewer-bar .split-search-form .split-word-btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; margin-left: 4px; width: 26px; height: 26px; padding: 0; box-sizing: border-box; border: 1px solid #ccc; border-radius: 13px; background: #fff; color: #666; font-family: inherit; font-weight: 600; font-size: 11px; line-height: 1; cursor: pointer; } .split-viewer-bar .split-search-form .split-word-btn[aria-pressed="true"] { background: #ffdd00; border-color: #ffdd00; color: #111; } .split-viewer-bar .split-search-form .split-word-btn span { border-bottom: 2px solid currentColor; padding-bottom: 1px; } .split-viewer-bar .split-search-form input:focus { outline: none; border-color: #ffdd00; }
.split-copy-btn svg { display: block; flex: 0 0 auto; }
/* Brotkrumenleiste: Menü-Gruppe (breit: Knöpfe nebeneinander) */
.split-viewer-bar { position: relative; }
.split-bar-menu { display: contents; }
.split-btn-label, .split-more-btn, .split-viewer-version .v-short { display: none; }
.split-viewer-title.is-short .crumb:not(.crumb-current) { display: inline-block; max-width: var(--crumb-max, 12em); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.split-viewer-bar.is-narrow { flex-wrap: wrap; row-gap: 2px; padding: 4px 0 6px; }
.split-viewer-bar.is-narrow .split-back-btn.ai-toggle { order: 1; }
.split-viewer-bar.is-narrow .split-viewer-title { order: 2; flex: 1 1 calc(100% - 44px); min-width: 0; font-size: 12.5px; }
.split-viewer-bar.is-narrow .split-viewer-version { order: 3; flex: 0 0 auto; margin-left: auto; text-align: right; font-size: 12px; }
.split-viewer-bar.is-narrow .split-more-btn { display: inline-flex; order: 4; }
.split-viewer-bar.is-narrow .split-viewer-version .v-long { display: none; }
.split-viewer-bar.is-narrow .split-viewer-version .v-short { display: inline; }
.split-viewer-bar.is-narrow .split-search-form { order: 5; flex: 1 1 100%; }
.split-viewer-bar.is-narrow .split-search-form input { flex: 1 1 auto; width: auto; max-width: none; }
.split-viewer-bar.is-narrow .split-viewer-title .crumb:not(.crumb-current) { display: inline-block; max-width: var(--crumb-max, 6.5em); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.split-viewer-bar.is-narrow .split-viewer-title .crumb-current { display: inline; white-space: normal; overflow-wrap: anywhere; }
.split-viewer-bar.is-narrow .split-bar-menu { display: none; position: absolute; top: 100%; right: 0; z-index: 20; flex-direction: column; gap: 2px; padding: 6px; background: #fff; border: 1px solid #ddd; border-radius: 14px; box-shadow: 0 6px 18px rgba(0,0,0,.15); }
.split-viewer-bar.is-narrow.menu-open .split-bar-menu { display: flex; }
.split-viewer-bar.is-narrow .split-bar-menu .split-copy-btn.ai-toggle { width: auto !important; height: auto !important; min-height: 36px; padding: 6px 12px !important; justify-content: flex-start; gap: 10px; border: 0 !important; border-radius: 10px; background: transparent; white-space: nowrap; }
.split-viewer-bar.is-narrow .split-bar-menu .split-btn-label { display: inline; font-size: 14px; font-weight: 400; }
.split-overview-bar { margin-bottom: 0; }
.split-overview-bar:not(.is-narrow) { min-height: 46px; box-sizing: border-box; }   /* gleiche Höhe wie die Leiste mit Zurück-Pfeil (6 + 32 + 8 px) */
.view-videos a.wx-main-link { color: inherit; text-decoration: none; cursor: pointer; }
.view-videos a.wx-main-link:hover { text-decoration: underline; text-underline-offset: 3px; }
/* Viewer: Inhalt und Ladeanzeige */
.split-viewer-body { position: relative; flex: 1 1 auto; min-height: 0; }
.split-viewer-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #fff; }
.split-viewer-loading {
  position: absolute; inset: 0; z-index: 2; display: none; align-items: center; justify-content: center;
  gap: 10px; background: rgba(255,255,255,.72); color: #444; font-size: 14px; cursor: wait;
}
.view-viewer.is-loading .split-viewer-loading { display: flex; }
.split-spinner {
  width: 22px; height: 22px; border-radius: 50%;
  border: 3px solid #ddd; border-top-color: #ffdd00;
  animation: split-spin .8s linear infinite;
}
@keyframes split-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .split-spinner { animation-duration: 2s; } }

.split-nav .split-results-btn[hidden] { display: none !important; }   /* erscheint erst nach der ersten Suche */
.split-nav .split-results-btn { gap: 6px; max-width: 220px; white-space: nowrap; }
.split-nav .split-results-btn svg { flex: 0 0 auto; display: block; }
.split-viewer-bar .split-search-field { position: relative; display: inline-flex; align-items: center; flex: 0 1 auto; }
.split-viewer-bar.is-narrow .split-search-field { flex: 1 1 auto; }
.split-viewer-bar .split-search-form input[type="search"]::-webkit-search-cancel-button { display: none; }
.split-viewer-bar .split-search-form input { padding-right: 24px; }
.split-viewer-bar .split-search-form input::selection { background: #ffdd00; color: #222; }   /* markierter Text dunkel auf Gelb */
.split-viewer-bar .split-search-x { display: none; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: #e2e2e2; color: #444; font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1; cursor: pointer; }
.split-viewer-bar .split-search-x:hover, .split-viewer-bar .split-search-x:focus-visible { background: #ccc; color: #111; }
.split-viewer-bar .split-search-field input:not(:placeholder-shown) ~ .split-search-x { display: inline-flex; }
.split-nav .split-results-x { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; margin-left: 6px; width: 16px; height: 16px; border-radius: 50%; background: rgba(0,0,0,.14); font-size: 13px; font-weight: 700; line-height: 1; cursor: pointer; }
.split-nav .split-results-x:hover, .split-nav .split-results-x:focus-visible { background: rgba(0,0,0,.32); color: #fff; }
/* Abdeckung "Workbook wird geladen …" beim Wechsel in das Workbook */
.split-left > .split-busy {
  position: absolute; inset: 0; z-index: 30; display: flex; align-items: center; justify-content: center;
  gap: 10px; background: rgba(255,255,255,.88); color: #444; font-size: 14px; cursor: wait;
}
.split-left > .split-busy[hidden] { display: none; }

/* Wartezeiger auf der ganzen Seite, solange geladen wird */
html.wx-busy, html.wx-busy * { cursor: wait !important; }

/* Videos/Downloads: Höhe wie das Workbook, scrollen intern */
.split-left .view-videos.is-on, .split-left .view-media.is-on { overflow-y: auto; }

/* Toolbar: Abdocken/Andocken und Tipps nur als Symbol */
.split-toolbar .ai-dock.ai-toggle, .split-toolbar .split-nav .split-tips-btn.ai-toggle { padding: 0 !important; width: 32px; height: 32px; justify-content: center; flex: 0 0 auto; }
.split-toolbar .split-tips-btn > span:last-child { display: none; }
.split-toolbar .split-tips-btn .split-help-ico { border: 0 !important; background: none !important; width: auto !important; height: auto !important; font-size: 16px; font-weight: 700; line-height: 1; }
.split-toolbar .split-tips-btn[aria-expanded="true"] { background: #ffdd00; border-color: #ffdd00; }
.lbl-short { display: none; }
.split-toolbar.short-media .split-nav .lbl-long { display: none; } .split-toolbar.short-media .split-nav .lbl-short { display: inline; }
.split-toolbar.short-bot > .ai-toggle:not(.ai-dock) .lbl-long { display: none; } .split-toolbar.short-bot > .ai-toggle:not(.ai-dock) .lbl-short { display: inline; }
.split-viewer-bar .split-back-btn.ai-toggle { padding: 0 !important; width: 32px; height: 32px; justify-content: center; flex: 0 0 auto; }
/* Ansichts-Knöpfe und WynX-Schalter mit Symbol: breit Symbol + Text; enger nur Text (no-ico); noch enger nur Symbol (ico-only, Knopf doppelt so breit wie "?") */
.split-toolbar .nav-ico { display: block; flex: 0 0 auto; width: 18px; height: 18px; }
.split-toolbar.no-ico .nav-ico { display: none; }
.split-toolbar.ico-only .nav-ico { display: block; }
.split-toolbar.ico-only > .ai-toggle:not(.ai-dock) .lbl-long, .split-toolbar.ico-only > .ai-toggle:not(.ai-dock) .lbl-short { display: none !important; }
.split-toolbar.ico-only .split-nav .nav-btn .lbl-long, .split-toolbar.ico-only .split-nav .nav-btn .lbl-short { display: none !important; }
.split-toolbar.ico-only .split-nav .nav-btn.ai-toggle { padding: 0 !important; width: 64px; height: 32px; justify-content: center; flex: 0 0 auto; }
/* Textgröße in Kapitel & Videos: Doppelknopf A− | A | A+ */
.split-font-grp { display: inline-flex; flex: 0 0 auto; align-items: stretch; height: 26px; border: 1px solid #ddd; border-radius: 13px; overflow: hidden; background: #fff; }
.split-font-grp:hover, .split-font-grp:focus-within { border-color: #ffdd00; }
.split-font-grp .split-font-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; margin: 0 !important; padding: 0 7px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #fff; color: #333; font-family: inherit; font-weight: 600; line-height: 1 !important; cursor: pointer; transform: none !important; }
.split-font-grp .split-font-btn + .split-font-btn { border-left: 1px solid #ddd !important; }
.split-font-grp .split-font-btn:hover, .split-font-grp .split-font-btn:focus-visible, .split-font-grp .split-font-btn:active { background: #ffdd00; color: #111; outline: none; }
.split-font-grp .split-font-btn[aria-pressed="true"] { background: #ffdd00; color: #111; }
.split-font-grp .split-font-btn:disabled { color: #bbb; cursor: default; background: #fff !important; }
.split-viewer-bar:not(.is-narrow) > .split-font-row { display: flex; margin-left: 6px; }   /* ganz rechts, etwas abgesetzt */
.split-font-grp .f-dn { font-size: 11px !important; } .split-font-grp .f-0 { font-size: 13px !important; } .split-font-grp .f-up { font-size: 15px !important; }
.split-viewer-bar.is-narrow .split-bar-menu .split-font-row { display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 2px 12px; white-space: nowrap; font-size: 14px; color: #333; }
.split-font-row .split-btn-label { display: none; }
.split-viewer-bar.is-narrow:has(.split-viewer-version:empty) .split-more-btn { margin-left: auto !important; }   /* ohne Versionsangabe: Menü trotzdem rechts */
.split-viewer-bar.is-narrow .split-bar-menu .split-font-row .split-btn-label { display: inline; }

/* Burger-Menü-Breakpoint des Themes: untereinander, kein Trenner.
   Wert hier anpassen (991px), falls Menü und Spalten nicht gleichzeitig umschalten. */
@media (max-width: 991px) {
  .split-container { flex-direction: column !important; }
  .split-left, .split-right { flex: 1 1 auto !important; width: 100% !important; }
  .split-divider { display: none; }
  .split-toolbar { margin-bottom: 12px !important; }

  .split-right { contain: none; min-height: 0; }
  .split-right .neos-qnova-chat { height: 70vh !important; min-height: 480px !important; }
	/* Gestapelte Ansicht: normale Höhe, kein verschachteltes Scrollen */
  .split-left .view-videos.is-on, .split-left .view-media.is-on { height: auto !important; overflow: visible; }
  .split-left .view-viewer.is-on { height: 80vh !important; }
}

@media (min-width: 991px) {
  .split-right { min-width: 370px; }
}

.split-toolbar .split-nav .split-tips-btn { margin-left: 16px !important; }   /* 8px Abstand der Knöpfe + 16px = 24px */
@media (max-width: 991px) { .split-toolbar .split-nav .split-tips-btn { margin-left: 0 !important; } }.split-help-ico {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  width: 18px; height: 18px; border: 1.5px solid currentColor; border-radius: 50%;
  font-size: 12px; font-weight: 700; line-height: 1;
}
.split-nav .split-tips-btn[aria-expanded="true"] .split-help-ico { background: #ffdd00; border-color: #ffdd00; color: #111; }
@media (max-width: 991px) { .split-nav .split-tips-btn { margin-left: 0; } }   /* gestapelt: kein Extra-Abstand */
.split-nav .split-tips-btn[aria-expanded="true"] { border-color: #ffdd00; }

.split-tips { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease; }
.split-tips.is-open { grid-template-rows: 1fr; }
.split-tips-inner { overflow: hidden; min-height: 0; visibility: hidden; transition: visibility 0s .25s; }
.split-tips.is-open .split-tips-inner { visibility: visible; transition-delay: 0s; }
.split-tips-box {
  margin: 0 0 20px; padding: 14px 18px; background: #fff8d5; border-left: 4px solid #ffdd00;
  border-radius: 8px; font-size: 14px; line-height: 1.55; color: #222;
}
.split-tips-box p { margin: 0 !important; }
.split-tips-box .tip-sec[hidden] { display: none; }
.split-tips-box .tip-sec + .tip-sec { margin-top: 14px; }
.split-tips-box .tip-h { font-weight: 700; margin: 0 0 6px !important; }
.split-tips-box .tip-h2 { margin-top: 10px !important; font-weight: 600; color: #555; font-size: .95em; }
.split-tips-box ul.tip-list { list-style: none; margin: 0; padding: 0; }
.split-tips-box ul.tip-list > li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0 0 8px; padding: 0; }
.split-tips-box .tip-ico { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid #ddd; border-radius: 50%; background: #fff; color: #333; font-size: 15px; font-weight: 700; line-height: 1; }
.split-tips-box .tip-ico svg { width: 16px; height: 16px; display: block; }
.split-tips-box .tip-pill { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; padding: 3px 10px; border: 1px solid #ddd; border-radius: 999px; background: #fff; color: #333; font-size: 13px; white-space: nowrap; }
.split-tips-box .tip-sw { position: relative; width: 26px; height: 14px; border-radius: 7px; background: #ffdd00; }
.split-tips-box .tip-sw::after { content: ""; position: absolute; top: 2px; left: 14px; width: 10px; height: 10px; border-radius: 50%; background: #fff; }
.split-tips-box .tip-box { display: block; width: 12px; height: 14px; border-radius: 3px; }
.split-tips-box .tip-grey { background: #d9d9d9; } .split-tips-box .tip-yellow { background: #ffdd00; }
.split-tips-box ul.tip-list > li > span:not(.tip-ico):not(.tip-pill) { flex: 1 1 260px; min-width: 0; }
.split-tips-box .tip-pill svg { display: block; flex: 0 0 auto; }
.split-tips-box p + p {
  margin-top: .5em !important;                 /* Rückfall für ältere Browser */
  margin-top: calc(1lh / 3) !important;        /* genau ein Drittel der Zeilenhöhe */
}

/* Anheften-Knopf (nur Symbol), ganz links in der Toolbar */
.split-toolbar .split-pin-btn.ai-toggle { padding: 0 !important; width: 32px; height: 32px; justify-content: center; flex: 0 0 auto; }
.split-pin-btn svg { display: block; transform: rotate(45deg); transition: transform .15s; }
.split-pin-btn[aria-pressed="true"] { background: #ffdd00; border-color: #ffdd00; color: #111; }
.split-pin-btn[aria-pressed="true"] svg { transform: rotate(0); }

/* Scrollen im Chatverlauf soll die äußere Seite nicht mitziehen */
.neos-qnova-messages { overscroll-behavior: contain; }

	/* Eingabefeld anpassen als kleines Feld welches dynamisch wächst */
.neos-qnova-chat .neos-qnova-input {
  height: 68px;       /* Startwert im leeren Zustand */
  min-height: 68px;   /* nie kleiner als der Startwert */
}

	/* Buttons beim Klicken / drüberfahren nicht vergößern */
.neos-qnova-chat .neos-qnova-send,
.neos-qnova-chat .neos-qnova-send:hover,
.neos-qnova-chat .neos-qnova-send:focus,
.neos-qnova-chat .neos-qnova-send:focus-visible,
.neos-qnova-chat .neos-qnova-send:active {
  transform: none !important;
  scale: none !important;
  zoom: 1 !important;
  padding: 10px 17px !important;   /* Werte aus der Plugin-CSS */
  font-size: 14px !important;
  line-height: 1.2 !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  transition: filter .15s ease !important;   /* nur die Helligkeit wird animiert */
}

.neos-qnova-chat .neos-qnova-header-button,
.neos-qnova-chat .neos-qnova-header-button:is(:hover, :focus, :focus-visible, :active) {
  transform: none !important;
  scale: none !important;
  zoom: 1 !important;
  padding: 8px 13px !important;
  font-size: inherit !important;
  line-height: inherit !important;
  border-width: 1px !important;
  box-shadow: none !important;
  margin: 0 !important;
}
@media (max-width: 700px) {
  .neos-qnova-chat .neos-qnova-header-button,
  .neos-qnova-chat .neos-qnova-header-button:is(:hover, :focus, :focus-visible, :active) {
    padding: 7px 10px !important;
    font-size: 12px !important;
  }
}

.neos-qnova-chat .neos-qnova-message-actions button,
.neos-qnova-chat .neos-qnova-message-actions button:is(:hover, :focus, :focus-visible, :active) {
  transform: none !important;
  scale: none !important;
  zoom: 1 !important;
  padding: 2px 8px !important;      /* in allen Zuständen gleich, damit die gelbe Fläche etwas Luft hat */
  margin: 0 0 0 -8px !important;    /* gleicht den Einzug aus, der Text bleibt bündig */
  min-width: 0 !important;
  min-height: 0 !important;
  font-size: 12px !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
  border-width: 0 !important;
  box-shadow: none !important;
  transition: background-color .15s ease, color .15s ease !important;
}

/* ===== aus dem Custom CSS der WordPress-Seite hierher verlegt ===== */
/* Abschnitt auf volle Browserbreite strecken */
.full-width-section {
    width: 98vw !important;
    max-width: none !important;
    position: relative;
    left: 50%;
    margin-left: -49vw !important;
    margin-right: -49vw !important;
    box-sizing: border-box;
}

/* Kinder im Abschnitt dürfen ebenfalls die volle Breite nutzen */
.full-width-section > *,
.full-width-section .split-container {
    max-width: none !important;
}

/* Style der Tipps im Workbook KI Fenster zum aufklappen */
.wp-block-details summary {
  list-style: none;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  padding-left: 1.5em;
}
.wp-block-details[open] > summary {
  margin-bottom: 10px;
}
.wp-block-details summary::-webkit-details-marker {
  display: none;
}
.wp-block-details summary::before {
  content: "▶";
  color: #ffdd00;
  position: absolute;
  left: 0;
  font-size: 0.8em;
  line-height: inherit;
  transition: transform 0.2s ease;
}
.wp-block-details[open] > summary::before {
  transform: rotate(90deg);
}
.wp-block-details > *:not(summary) {
  margin-left: 1.5em;
}

/* wedocs-Übersicht (Shortcode) in der Ansicht "Kapitel & Videos" */
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single .wedocs-doc-link {
    border-top: 0px;
}

.wedocs-shortcode-wrap:before,
.wedocs-shortcode-wrap:after {
  border: 0;
}

.wedocs-shortcode-wrap ul.wedocs-docs-list:before,
.wedocs-shortcode-wrap ul.wedocs-docs-list:after {
  border: 0;
}

.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single {
 border: 0px solid #e5e5e5;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.04);
}
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single a {
   text-decoration: none;
}
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single h3 {
  font-size: 22px;
  color: #4f4f4f;
}
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single h3 a {
  text-decoration: none;
  color: #4f4f4f;
}
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single h3 a:hover {
  color: #ffdd00;
}

.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single .wedocs-doc-link a {
  text-decoration: none;
}
.top-scroll { display: none !important; }   /* Portal: Knopf top-scroll ausgeblendet */
.neos-qnova-status.is-loading .neos-qnova-status-text { font-weight: 700; }   /* Denkt-Text fett (Nova-Chat) */