/**
 * Assistenten-Shell (Overlay besitzt die Fenster-Chrome). CI-Farben literal,
 * Cinzel-Titel mit explizitem Gewicht, Yantramanav-Fließtext. Self-contained
 * (lädt unabhängig vom Header-Overlay).
 */

/* ---- Utility-Dock (Pill: Barrierefreiheit · Cookies · KI · Dark-Mode · Nach-oben) ---- */
.ksom-dock {
	position: fixed !important;
	left: 50% !important;
	right: auto !important;
	top: auto !important;
	transform: translateX(-50%) !important;
	-webkit-transform: translateX(-50%) !important;
	bottom: var(--ksai-offset-bottom, 24px) !important;
	margin: 0 !important;
	z-index: 610;
	display: flex;
	align-items: center;
	gap: var(--ksom-qa-gap, 6px);
	padding: var(--ksom-qa-pad, 6px);
	border-radius: var(--ksom-qa-radius, 16px);
	max-width: calc(100vw - 20px);
	background: var(--ksom-qa-bg, #fff);
	border: 1px solid rgba(37, 61, 84, .08);
	box-shadow: 0 8px 26px rgba(37, 61, 84, .22);
}
/* Panel offen: Dock wird über den Scrim gehoben und bleibt sichtbar/bedienbar — in BEIDEN Varianten
   (KI ist Toggle zum Schließen). */
html.ksom-assistant-open .ksom-dock { z-index: 630; }
/* Variante A ('fold'): Dock klappt auf den KI-Button zusammen — weißer Pill-Hintergrund/Schatten weg,
   die 4 Werkzeuge stehen jetzt oben im Panel. Variante B ('keep', Standard) lässt den Dock unverändert. */
html.ksom-assistant-open .ksom-dock[data-ksom-dock-mode="fold"] { gap: 0; background: transparent !important; border-color: transparent !important; box-shadow: none !important; padding: 0 !important; }
html.ksom-assistant-open .ksom-dock[data-ksom-dock-mode="fold"] .ksom-dock__action { max-width: 0; min-width: 0; width: 0; padding: 0; margin: 0; border: 0; opacity: 0; pointer-events: none; overflow: hidden; }
/* Beim geöffneten Ausklappmenü liegt der Dock darunter (Menü deckt ihn zu). */
html.ksom-menu-open .ksom-dock { display: none; }
html.ksom-external-tool-open .ksom-dock {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
/* Auf dem Handy kein Schatten am KI-Dock (Frank). Desktop behält ihn. */
@media (max-width: 767px) {
	.ksom-dock { box-shadow: none; }
}

.ksom-dock__action {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--ksom-qa-size, 40px);
	height: var(--ksom-qa-size, 40px);
	padding: 0;
	border: 0;
	border-radius: calc(var(--ksom-qa-radius, 16px) - 5px);
	background: transparent;
	color: var(--ksom-qa-icon, #253d54);
	font-size: 17px;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, max-width .28s ease, opacity .18s ease, padding .28s ease, margin .28s ease;
}
.ksom-dock__action:hover,
.ksom-dock__action:focus-visible { background: var(--ksom-qa-hover-bg, rgba(50, 101, 105, .12)); color: var(--ksom-qa-hover-icon, #326569); }
.ksom-dock__action[aria-disabled="true"] { display: none; }

/* KI-Kachel (Mitte, hervorgehoben) — ersetzt den früheren Solo-Launcher. */
.ksom-assistant-launcher.ksom-dock__launcher {
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--ksom-qa-size, 40px);
	height: var(--ksom-qa-size, 40px);
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #253d54;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(37, 61, 84, .3);
	transition: background-color .18s ease, transform .18s ease;
}
.ksom-assistant-launcher.ksom-dock__launcher:hover,
.ksom-assistant-launcher.ksom-dock__launcher:focus-visible { background: #326569; transform: translateY(-1px); }
/* Eigenes KI-Icon (Bild) statt Glyphe */
.ksom-dock__launcher--img { background: var(--ksom-qa-bg, #fff); border: 1px solid rgba(37, 61, 84, .12); }
.ksom-dock__launcher--img:hover,
.ksom-dock__launcher--img:focus-visible { background: var(--ksom-qa-bg, #fff); }
/* Größe in Prozent des Knopfes statt fester 30px (24.08.2026), damit das Symbol beim
   Vergrößern des Knopfes mitwächst und im Backend einstellbar bleibt. */
.ksom-dock__launcher-img { width: var(--ksom-ai-img-dock, 65%); height: var(--ksom-ai-img-dock, 65%); object-fit: contain; display: block; }

/* Dark-Mode-Toggle-Glyphen */
.ksom-dock__action--theme .ksom-dock__sun { display: none; }
html.ksom-dark-mode .ksom-dock__action--theme .ksom-dock__moon { display: none; }
html.ksom-dark-mode .ksom-dock__action--theme .ksom-dock__sun { display: inline; }
html[data-ksom-theme="dark"] .ksom-dock__action--theme .ksom-dock__moon { display: none; }
html[data-ksom-theme="dark"] .ksom-dock__action--theme .ksom-dock__sun { display: inline; }

/* Tooltip über dem Icon */
.ksom-dock__tip {
	position: absolute;
	bottom: calc(100% + 10px);
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	padding: 6px 11px;
	border-radius: 8px;
	background: #253d54;
	color: #fff;
	font-family: 'Yantramanav Regular', 'Yantramanav Light', 'Yantramanav', sans-serif;
	font-size: 13px;
	line-height: 1;
	box-shadow: 0 6px 18px rgba(37, 61, 84, .28);
	opacity: 0;
	pointer-events: none;
	transition: opacity .15s ease;
}
.ksom-dock__action:hover .ksom-dock__tip,
.ksom-dock__action:focus-visible .ksom-dock__tip { opacity: 1; }
.ksom-dock__tip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 5px solid transparent;
	border-top-color: #253d54;
}

/* Dark-Mode-Dock */
html.ksom-dark-mode .ksom-dock { background: #16222c; border-color: #2a3b48; }
html.ksom-dark-mode .ksom-dock__action { color: #cfe0da; }
html.ksom-dark-mode .ksom-dock__action:hover,
html.ksom-dark-mode .ksom-dock__action:focus-visible,
html[data-ksom-theme="dark"] .ksom-dock__action:hover,
html[data-ksom-theme="dark"] .ksom-dock__action:focus-visible { background: #326569; color: #fff; }
html[data-ksom-theme="dark"] .ksom-dock { background: #16222c; border-color: #2a3b48; }
html[data-ksom-theme="dark"] .ksom-dock__action { color: #cfe0da; }

/* ---- Overlay / Scrim ---- */
.ksom-assistant {
	position: fixed;
	top: var(--ksom-viewport-top, 0px);
	right: 0;
	bottom: auto;
	left: 0;
	z-index: 620;
	display: flex;
	width: 100%;
	height: var(--ksom-viewport-height, 100dvh);
	max-height: var(--ksom-viewport-height, 100dvh);
	overflow: hidden;
	overscroll-behavior: contain;
	box-sizing: border-box;
	align-items: flex-end;
	justify-content: center;
	padding: 12px 12px calc(var(--ksai-offset-bottom, 24px) + var(--ksom-qa-size, 40px) + var(--ksom-qa-pad, 6px) * 2 + 14px);
}
.ksom-assistant[hidden] { display: none !important; }
/* 🔒 Bulletproof: koppelt das Verstecken an die JS-Klasse — falls WP Rocket „Used CSS" die
   [hidden]-Regel als „unused" strippt, bleibt der bildschirmfüllende Dialog trotzdem verborgen
   (sonst fängt sein inset:0-Scrim ALLE Klicks der Seite ab). */
html:not(.ksom-assistant-open) .ksom-assistant { display: none !important; }
html.ksom-assistant-open,
html.ksom-assistant-open body { overflow: hidden !important; overscroll-behavior: none; }
/* Scrim identisch zum Hauptmenü: solide CI-Farbe + separate Opacity (aus denselben Optionen). */
.ksom-assistant__scrim { position: absolute; inset: 0; border: 0; background: var(--ksom-scrim-color, #0c1c28); opacity: var(--ksom-scrim-opacity, .72); cursor: pointer; }

/* ---- Fenster: Popover mittig ÜBER dem Dock (auf allen Geräten gleich) ---- */
.ksom-assistant__window {
	position: relative;
	margin: 0;
	display: flex;
	flex-direction: column;
	width: min(var(--ksom-aw-width, 420px), 100%);
	max-height: min(var(--ksom-aw-height, 78vh), calc(var(--ksom-viewport-height, 100dvh) - var(--ksai-offset-bottom, 24px) - var(--ksom-qa-size, 40px) - var(--ksom-qa-pad, 6px) * 2 - 30px));
	border-radius: var(--ksom-qa-radius, 16px);
	background: #fff;
	color: #253d54;
	box-shadow: 0 18px 50px rgba(37, 61, 84, .32);
	overflow: hidden;
	font-family: 'Yantramanav Light', 'Yantramanav Regular', 'Yantramanav', sans-serif;
}
/* Ausrichtung (Default mittig = passend zum bottom-center-Dock). */
.ksom-assistant[data-ksom-align="right"] { justify-content: flex-end; }
.ksom-assistant[data-ksom-align="left"] { justify-content: flex-start; }
@media (max-width: 767px) {
	.ksom-assistant__window { width: 100%; }
	/* Auf dem Handy immer mittig über dem Dock — identisch auf allen Geräten. */
	.ksom-assistant[data-ksom-align="right"],
	.ksom-assistant[data-ksom-align="left"] { justify-content: center; }
}

/* ---- Kopf ---- */
.ksom-assistant__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; background: #253d54; color: #fff; }
.ksom-assistant__title h2 { margin: 0; font-family: 'Cinzel', Georgia, serif; font-weight: 500; font-size: 17px; letter-spacing: .02em; }
.ksom-assistant__title small { display: block; margin-top: 2px; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
.ksom-assistant__close { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .12); color: #fff; font-size: 15px; cursor: pointer; transition: background-color .15s ease; }
.ksom-assistant__close:hover,
.ksom-assistant__close:focus-visible { background: rgba(255, 255, 255, .22); }

/* ---- Reiter (kanonische Pill-Optik) ---- */
.ksom-assistant .ksom-assistant__tabs { display: flex; gap: 6px; margin: 12px 14px 0; padding: 5px; background: #e9e4d9; border-radius: 11px; }
/* `min-height: 44px` ist die Touch-Zielgröße aus der Mobil-Vorgabe (24.08.2026). Vorher ergaben
   14px Schrift plus 8px Innenabstand nur rund 30px, auf dem Handy zu klein zum sicheren Treffen. */
.ksom-assistant__tabs .ks-tab { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 44px; border: 0; background: transparent; color: #6f7c86; font-family: 'Yantramanav Regular', 'Yantramanav Light', 'Yantramanav', sans-serif; font-size: 14px; line-height: 1.2; padding: 8px 10px; border-radius: 8px; cursor: pointer; transition: background-color .2s ease, color .2s ease; }
.ksom-assistant__tabs .ks-tab:hover { background: #326569; color: #fff; }
.ksom-assistant__tabs .ks-tab.is-active { background: #253d54; color: #fff; }

/* ---- Inhalt (scrollbar — behebt abgeschnittenen Kalender) ---- */
.ksom-assistant__body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	padding: 14px 14px calc(14px + env(safe-area-inset-bottom, 0px));
	scroll-padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}
.ksom-assistant__panel[hidden] { display: none !important; }
.ksom-assistant__intro { margin: 2px 2px 12px; font-size: 15px; color: #3a444e; }
.ksom-assistant__nudge { margin: 12px 2px 0; font-size: 12.5px; color: #6f7c86; }
.ksom-assistant__nudge a { color: #326569; }
.ksom-assistant__ai { margin-top: 14px; }

/* ---- Chips ---- */
.ksom-assistant__chips { display: flex; flex-direction: column; gap: 9px; }
.ksom-assistant__chip { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border: 1px solid #e2ddd3; border-radius: 11px; background: #fbfaf7; color: #2c3640; font-family: inherit; font-size: 14.5px; text-align: left; text-decoration: none; cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.ksom-assistant__chip:hover,
.ksom-assistant__chip:focus-visible { border-color: #326569; background: #f2f6f4; }
.ksom-assistant__chip-ic { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 9px; background: #eef1f0; color: #253d54; font-size: 15px; }
.ksom-assistant__chip.is-action .ksom-assistant__chip-ic,
.ksom-assistant__chip.is-primary .ksom-assistant__chip-ic { background: #253d54; color: #fff; }
.ksom-assistant__chip-go { margin-left: auto; color: #6f7c86; font-size: 13px; }
.ksom-assistant__chip.is-primary { border-color: #253d54; background: #253d54; color: #fff; }
.ksom-assistant__chip.is-primary .ksom-assistant__chip-ic { background: rgba(255, 255, 255, .16); }
.ksom-assistant__chip.is-primary .ksom-assistant__chip-go { color: rgba(255, 255, 255, .7); }

/* ---- Dark Mode (gemeinsamer Vertrag html.ksom-dark-mode) ---- */
html.ksom-dark-mode .ksom-assistant__window { background: #16222c; color: #e7ecf0; }
html[data-ksom-theme="dark"] .ksom-assistant__window { background: #16222c; color: #e7ecf0; }
html.ksom-dark-mode .ksom-assistant__tabs { background: #1e2c38; }
html[data-ksom-theme="dark"] .ksom-assistant__tabs { background: #1e2c38; }
html.ksom-dark-mode .ksom-assistant__tabs .ks-tab { color: #9fb0bd; }
html.ksom-dark-mode .ksom-assistant__intro { color: #cdd8e0; }
html.ksom-dark-mode .ksom-assistant__nudge,
html.ksom-dark-mode .ksom-assistant__body { color: #cdd8e0; }
html.ksom-dark-mode .ksom-assistant__nudge a { color: #76bfc3; }
html.ksom-dark-mode .ksom-assistant__chip { background: #1c2a35; border-color: #2a3b48; color: #e7ecf0; }
html.ksom-dark-mode .ksom-assistant__chip-ic { background: #25384a; color: #cfe0da; }
html.ksom-dark-mode .ksom-assistant__chip:hover { background: #24404a; }
html[data-ksom-theme="dark"] .ksom-assistant__intro,
html[data-ksom-theme="dark"] .ksom-assistant__nudge,
html[data-ksom-theme="dark"] .ksom-assistant__body { color: #cdd8e0; }
html[data-ksom-theme="dark"] .ksom-assistant__chip { background: #1c2a35; border-color: #2a3b48; color: #e7ecf0; }
html[data-ksom-theme="dark"] .ksom-assistant__chip-ic { background: #25384a; color: #cfe0da; }

/* ---- KI-Hub: Footer-Reihen (Schnellzugriff + Werkzeuge) ---- */
.ksom-assistant__hub { flex: 0 0 auto; border-top: 1px solid rgba(37, 61, 84, .12); background: #fbfaf7; padding: 12px 14px calc(12px + env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; gap: 12px; }
.ksom-hub-block__label { display: block; margin: 0 2px 8px; font-family: 'Yantramanav Regular', 'Yantramanav Light', 'Yantramanav', sans-serif; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #6f7c86; }
.ksom-hub-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.ksom-hub-tile { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 6px; min-height: 62px; padding: 10px 6px; border: 1px solid rgba(37, 61, 84, .12); border-radius: 12px; background: #fff; color: #253d54; text-decoration: none; cursor: pointer; font-family: 'Yantramanav Light', 'Yantramanav Regular', 'Yantramanav', sans-serif; transition: background-color .18s ease, border-color .18s ease, color .18s ease; }
.ksom-hub-tile:hover,
.ksom-hub-tile:focus-visible { background: #253d54; border-color: #253d54; color: #fff; }
.ksom-hub-tile__ic { display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 1; }
.ksom-hub-tile__tx { font-size: 11px; line-height: 1.2; text-align: center; }
/* [hidden] hart absichern (WP-Rocket „Used CSS" / Autoren-Regel schlägt sonst das UA-Stylesheet). */
.ksom-hub-tile[hidden] { display: none !important; }

/* KI-Hub Dark Mode (gemeinsamer Vertrag html.ksom-dark-mode / [data-ksom-theme="dark"]) */
html.ksom-dark-mode .ksom-assistant__hub,
html[data-ksom-theme="dark"] .ksom-assistant__hub { background: #1a2732; border-top-color: #2a3b48; }
html.ksom-dark-mode .ksom-hub-block__label,
html[data-ksom-theme="dark"] .ksom-hub-block__label { color: #9fb0bd; }
html.ksom-dark-mode .ksom-hub-tile,
html[data-ksom-theme="dark"] .ksom-hub-tile { background: #1c2a35; border-color: #2a3b48; color: #e7ecf0; }
html.ksom-dark-mode .ksom-hub-tile:hover,
html.ksom-dark-mode .ksom-hub-tile:focus-visible,
html[data-ksom-theme="dark"] .ksom-hub-tile:hover,
html[data-ksom-theme="dark"] .ksom-hub-tile:focus-visible { background: #326569; border-color: #326569; color: #fff; }

/* ============================================================================
   Stil-Varianten der Werkzeugleiste (Option `ksom_dock_style`, Frank 19.08.2026)
   `classic` = bisheriges Aussehen. Alle anderen Werte nutzen dieselbe schlanke
   Grundform: Die Fläche ist exakt so hoch wie die kleinen Symbole, der KI-Knopf
   ist größer und ragt oben und unten heraus. Dadurch wirkt die Leiste leicht,
   während der Einstieg zur KI der Blickfang bleibt.
   Die Größen kommen weiter aus den vorhandenen Optik-Reglern (`--ksom-qa-*`),
   die Stile ändern nur Fläche, Farbe und Abstände.
   ========================================================================= */
.ksom-dock:not([data-ksom-dock-style="classic"]) {
	gap: 2px;
	padding: 0 7px;
	height: var(--ksom-qa-size, 40px);
	border-radius: calc(var(--ksom-qa-size, 40px) * .5 + 5px);
	border-color: rgba(37, 61, 84, .07);
	box-shadow: 0 4px 14px rgba(37, 61, 84, .12);
}
/* Hover und Fokus als Kreis statt abgerundetem Quadrat (Frank 20.08.2026). Die Symbole sind
   quadratisch, `50%` ergibt deshalb einen exakten Kreis. Das passt zur runden Form des
   KI-Knopfs und wirkt in der schmalen Leiste ruhiger als eine eckige Fläche. */
.ksom-dock:not([data-ksom-dock-style="classic"]) .ksom-dock__action { border-radius: 50%; }

.ksom-dock:not([data-ksom-dock-style="classic"]) .ksom-assistant-launcher.ksom-dock__launcher {
	width: calc(var(--ksom-qa-size, 40px) + 12px);
	height: calc(var(--ksom-qa-size, 40px) + 12px);
	margin: 0 3px;
	box-shadow: 0 4px 12px rgba(37, 61, 84, .26);
}

/* A „Leichtes Glas": heller, fast durchscheinender Streifen. */
.ksom-dock[data-ksom-dock-style="glas"] { background: rgba(255, 255, 255, .92); }

/* B „Ohne Fläche": kein Streifen, nur einzelne schwebende Symbole. */
.ksom-dock[data-ksom-dock-style="randlos"] {
	height: auto;
	gap: 10px;
	padding: 0;
	background: transparent !important;
	border-color: transparent;
	box-shadow: none;
}
.ksom-dock[data-ksom-dock-style="randlos"] .ksom-dock__action {
	border-radius: 50%;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 2px 8px rgba(37, 61, 84, .10);
}

/* C „CI-Blau gefüllt": dunkler Streifen, helle Symbole. Der KI-Knopf ist deckend
   in CI-Grün, weil er über den Streifen hinausragt und dort sonst durchsichtig wäre. */
.ksom-dock[data-ksom-dock-style="blau"] { background: #253d54; border-color: rgba(255, 255, 255, .10); }
.ksom-dock[data-ksom-dock-style="blau"] .ksom-dock__action { color: rgba(255, 255, 255, .82); }
.ksom-dock[data-ksom-dock-style="blau"] .ksom-dock__action:hover,
.ksom-dock[data-ksom-dock-style="blau"] .ksom-dock__action:focus-visible { background: rgba(255, 255, 255, .14); color: #fff; }
.ksom-dock[data-ksom-dock-style="blau"] .ksom-assistant-launcher.ksom-dock__launcher { background: #326569; }

/* D „Beige mit Grün": nimmt die Neutralfläche der Seite auf. */
.ksom-dock[data-ksom-dock-style="beige"] { background: #e1ddd4; border-color: rgba(37, 61, 84, .10); }
.ksom-dock[data-ksom-dock-style="beige"] .ksom-dock__action { color: #326569; }
.ksom-dock[data-ksom-dock-style="beige"] .ksom-assistant-launcher.ksom-dock__launcher { background: #326569; }

/* Dunkelmodus: die hellen Stile werden dunkel, Akzent im aufgehellten CI-Grün. */
html.ksom-dark-mode .ksom-dock[data-ksom-dock-style="glas"],
html.ksom-dark-mode .ksom-dock[data-ksom-dock-style="beige"] {
	background: #1b2b38;
	border-color: #2a3b47;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .45);
}
html.ksom-dark-mode .ksom-dock[data-ksom-dock-style="glas"] .ksom-dock__action,
html.ksom-dark-mode .ksom-dock[data-ksom-dock-style="beige"] .ksom-dock__action { color: #8fb6ba; }
html.ksom-dark-mode .ksom-dock[data-ksom-dock-style="randlos"] .ksom-dock__action {
	background: #1b2b38;
	color: #8fb6ba;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
}
html.ksom-dark-mode .ksom-dock:not([data-ksom-dock-style="classic"]) .ksom-assistant-launcher.ksom-dock__launcher { background: #407d82; }

/* KI-Kennzeichnung im Chat-Reiter (Art. 50 EU-KI-Verordnung). Dezent, aber dauerhaft
   sichtbar: Sie steht als erste Zeile im Reiter, nicht als wegklickbarer Hinweis. */
.ksom-assistant__ki-hinweis {
	margin: 0 0 10px;
	padding: 0 2px;
	font-size: 12px;
	line-height: 1.45;
	color: rgba(37, 61, 84, .62);
}
html.ksom-dark-mode .ksom-assistant__ki-hinweis { color: #8ea0ad; }

/* Wegweiser im Support-Reiter für Gäste (24.08.2026). */
.ksom-assistant__actions { margin: 12px 0 10px; }
.ksom-assistant__actions .ksom-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }

/* Ansprechpartner je Reiter (Frank 20.08.2026). Zwei Anordnungen, umschaltbar im Backend:
   „center" mittig über dem Inhalt, „row" als Zeile über dem Text. Das Bild ist reine
   Anzeige, nicht verlinkt und für Screenreader ausgeblendet. */
.ksom-assistant__partner { display: flex; align-items: center; gap: 11px; margin: 0 0 12px; }
.ksom-assistant__partner--center { flex-direction: column; gap: 7px; margin: 2px 0 14px; text-align: center; }
.ksom-assistant__partner-img { flex: 0 0 auto; line-height: 0; }
.ksom-assistant__partner-img img {
	display: block;
	/* Fertige Pixelgröße aus dem Backend (25.08.2026). Bewusst KEIN calc mit Prozent:
	   `calc(48px * 100% / 100%)` ist ungültig, der Browser verwirft die Regel und das Bild
	   fällt auf seine natürliche Größe zurück - genau das passierte in 0.23.0. */
	width: var(--ksom-ai-avatar-row, 48px);
	height: var(--ksom-ai-avatar-row, 48px);
	border-radius: 50%;
	object-fit: cover;
	background: #e1ddd4;
}
.ksom-assistant__partner--center .ksom-assistant__partner-img img {
	width: var(--ksom-ai-avatar-center, 56px);
	height: var(--ksom-ai-avatar-center, 56px);
}
.ksom-assistant__partner-name {
	font-family: 'Yantramanav Regular', 'Yantramanav Light', 'Yantramanav', sans-serif;
	font-size: 14.5px;
	line-height: 1.3;
	color: #253d54;
}
html.ksom-dark-mode .ksom-assistant__partner-name { color: #e7f0f2; }