/* 0.95.0: Hier stand bis zuletzt
     --ks-primary:var(--ksd-primary,#253d54); --ks-hover:var(--ksd-accent,#326569)
   — ein Rest der Kopplung ans alte Dashboard-Plugin (--ksd-*, liegt seit
   Langem in _archiv\ und setzt nichts mehr). Ersatzlos entfernt:
   · KEIN Cockpit-CSS liest diese Variablen noch (alle Farben sind seit
     0.80–0.82 literal), der Wert war also ohnehin folgenlos.
   · Der Kalender definiert --ks-primary seit 1.44.0/1.49.0 selbst literal auf
     .ks-home-events-calendar-style — DERSELBEN Klasse, die dieses Widget mit
     trägt. Beide Regeln hatten gleiche Spezifität auf demselben Element, es
     entschied die Ladereihenfolge. Solange beide #253d54 ergaben, war das
     unsichtbar; sobald jemand --ksd-primary gesetzt hätte, hätte das Cockpit
     den Kalender-Skin im Widget umgefärbt.
   · CLAUDE.md/SCHNITTSTELLEN.md verlangen literale CI-Werte, NIE --ksd-*.
   ▶ Nicht wieder einführen. Plugin-eigene Variablen mit klarem Präfix
     (--ksc3-*) sind unbedenklich, generische (--ks-*, --ksd-*) nicht. */
.ks-dashboard-tabs-widget{width:100%;max-width:100%;color:var(--ks-text, #173650)}
/* Pill-Standard in den Menü-Dropdowns (Mockup 19.07.2026): WEISSER Container
   (setzt sich vom beigen Dropdown-Grund ab, CLAUDE.md-Regel), aktiv fest
   CI-Blau. Bewusst literale CI-Werte statt var(--ks-primary) — Kalender/Alt-
   Dashboard definieren --ks*-Variablen anders und haben die Pille umgefärbt.
   WICHTIG (0.81.0): Selektoren mit .ks-dashboard-tabs-widget-Prefix (3 Klassen),
   weil unsere Buttons zusätzlich .ks-events-tab im Wrapper
   .ks-home-events-calendar-style tragen und der KALENDER-Skin
   (.ks-home-events-calendar-style .ks-events-tab, var(--ks-primary)!important)
   bei gleicher Spezifität je nach Ladereihenfolge gewann → Tabs unsichtbar. */
.ks-dashboard-tabs-nav{display:flex;flex-wrap:wrap;align-items:center;width:fit-content;max-width:100%;gap:6px;margin:0 0 22px;padding:5px;background:var(--ks-surface, #fff)!important;border-radius:11px}
.ks-dashboard-tabs-widget .ks-dashboard-tabs-nav{background:var(--ks-surface, #fff)!important}
.ks-dashboard-tabs-nav .ks-tab-btn,
.ks-dashboard-tabs-widget .ks-dashboard-tabs-nav .ks-tab-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:0!important;margin:0;padding:8px 18px!important;border:none!important;border-radius:8px!important;background:transparent!important;color:var(--ks-text-muted, #6f7c86)!important;font-family:'Yantramanav Light','Yantramanav Regular','Yantramanav',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer;transition:background-color .25s,color .25s}
.ks-dashboard-tabs-nav .ks-tab-btn:hover,
.ks-dashboard-tabs-widget .ks-dashboard-tabs-nav .ks-tab-btn:hover{background:rgba(50,101,105,.10)!important;color:var(--ks-link, #326569)!important}
.ks-dashboard-tabs-nav .ks-tab-btn.is-active,.ks-dashboard-tabs-nav .ks-tab-btn.is-active:hover,.ks-dashboard-tabs-nav .ks-tab-btn.is-active:focus,
.ks-dashboard-tabs-widget .ks-dashboard-tabs-nav .ks-tab-btn.is-active,.ks-dashboard-tabs-widget .ks-dashboard-tabs-nav .ks-tab-btn.is-active:hover,.ks-dashboard-tabs-widget .ks-dashboard-tabs-nav .ks-tab-btn.is-active:focus{background:var(--ks-button, #253d54)!important;color:var(--ks-inverse-text, #fff)!important}
.ks-dashboard-tabs-nav .ks-tab-btn:focus{outline:none;box-shadow:0 0 0 2px rgba(50,101,105,.25)}
.ks-tab-panel[hidden]{display:none!important}.ks-tab-panel{width:100%}
/* ============================================================
   0.96.0 — ÜBERSCHRIFTEN NIE FETT (CI-Regel, Frank 20.07.2026)
   ============================================================
   Die gemeldete fette Cinzel-Optik entsteht HIER, nicht im Cockpit-Shell:
   · Die Kartentitel in den Dropdowns Kreise/Angebote/Kategorien sind <h3>
     (`.ks-dashboard-item-title`, header-dropdowns.php:379/417/443).
   · Die Termin-Titel sind <strong> (`.ks-dashboard-event-content>strong`).
   Beide rendert das Browser-UA-Stylesheet von Haus aus FETT, und im CSS stand
   an keiner der Stellen ein font-weight. Die Regel `.ksc3-shell h2,h3{400}`
   aus cockpit.css greift nicht — die Menü-Widgets liegen AUSSERHALB von
   .ksc3-shell, und cockpit.css wird im Menü-Kontext gar nicht geladen.
   Da es weder von Cinzel noch von Yantramanav einen fetten Schnitt gibt (alle
   Yantramanav-Faces sind weight 100), verfettet der Browser synthetisch —
   genau das, was die CI-Regel verbietet. Gewicht gehört über die
   Familienwahl gesteuert, nicht über font-weight. */
.ks-dashboard-item-title,.ks-dashboard-item-title a,
.ks-dashboard-event-content>strong,.ks-dashboard-event-day,
.ks-dashboard-event-month{font-weight:400!important}
/* Sicherheitsnetz für alle künftigen Überschriften in den Menü-Bausteinen. */
.ks-dashboard-tabs-widget h1,.ks-dashboard-tabs-widget h2,.ks-dashboard-tabs-widget h3,
.ks-dashboard-tabs-widget h4,.ks-dashboard-tabs-widget h5,.ks-dashboard-tabs-widget h6,
.ksc3-menu-welcome h1,.ksc3-menu-welcome h2,.ksc3-menu-welcome h3,
.ksc3-menu-welcome h4,.ksc3-menu-welcome h5,.ksc3-menu-welcome h6{font-weight:400!important}
.ks-dashboard-items{display:grid;gap:16px}.ks-dashboard-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px;background:var(--ks-surface, #fff);border:1px solid var(--ks-border, #cfcfcf);border-radius:9px}
.ks-dashboard-item-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}.ks-dashboard-item-title{margin:0 0 3px!important;font-size:16px!important}.ks-dashboard-item-meta,.ks-dashboard-item-text{font-size:13px}/* 0.96.0: font-weight von 700 auf 400 — es gibt keinen fetten Yantramanav-
   Schnitt, 700 wurde synthetisch gerechnet. Die Hervorhebung trägt das
   CI-Grün, nicht die Strichstärke. */
.ks-dashboard-small-link{display:inline-block;margin-top:5px;color:var(--ks-link, #326569)!important;font-size:13px!important;font-weight:400}
/* BuddyPress rendert in der Meta-Zeile eigene Links/Spans („vor 4 Wochen",
   Namen) mit Theme-Größen — alles auf die Meta-Größe zwingen (0.85.0). */
.ks-dashboard-item-meta a,.ks-dashboard-item-meta span,.ks-dashboard-item-meta time{font-size:13px!important;font-weight:inherit!important;line-height:inherit!important}
/* Hinweis (0.86.0): Die 0.85.0-Brücke für die Kalender-Dropdown-Tabbar wurde
   entfernt — Kalender ≥ 1.42.0 setzt den Megamenu-Pill-Standard (weißer
   Container, Yantramanav 15/400) nativ um. Cockpit 0.86.0 daher nur zusammen
   mit Kalender ≥ 1.42.0 ausrollen. */
.ks-dashboard-event-list{display:grid;gap:10px}.ks-dashboard-event-item{display:grid;grid-template-columns:62px minmax(0,1fr) 100px;align-items:center;gap:12px;padding:12px;background:var(--ks-surface, #fff);border:1px solid rgba(37,61,84,.16);border-radius:9px;color:var(--ks-text, #173650)!important;text-decoration:none}
.ks-dashboard-event-date{text-align:center}.ks-dashboard-event-month,.ks-dashboard-event-day{display:block}.ks-dashboard-event-day{font-family:Cinzel,Georgia,serif;font-size:27px}.ks-dashboard-event-content{display:grid;gap:4px}.ks-dashboard-event-time{font-size:12px}.ks-dashboard-event-thumb img{display:block;width:100px;height:70px;object-fit:cover;border-radius:7px}
.ks-dashboard-event-thumb{display:flex;align-self:center;align-items:center;justify-content:center}.ks-dashboard-event-thumb img{object-position:center center}
.ks-home-events-calendar-style.ks-events--compact .ks-home-event-image{display:flex!important;align-self:center;align-items:center;justify-content:center}.ks-home-events-calendar-style.ks-events--compact .ks-home-event-image img{margin:auto;object-position:center center}
@media(max-width:600px){.ks-dashboard-event-item{grid-template-columns:52px minmax(0,1fr)}.ks-dashboard-event-thumb{display:none}}

/* Kurse-Übersicht kompakt im Megamenu-Dropdown (seit 0.64.0): Hero/Suche/Sortier-
   Toolbar aus, nur Pill-Tabs + Kachel-Grid – identisch zur neuen Kursseite. */
.ksc3-kurse-embed .ks-kurse-hero{display:none!important}
.ksc3-kurse-embed .ks-kurse-container{max-width:100%!important;width:100%!important;margin:0!important;padding:0!important}
.ksc3-kurse-embed .ks-kurse-toolbar-right{display:none!important}
.ksc3-kurse-embed .ks-kurse-toolbar{margin:0 0 14px!important}
.ksc3-kurse-embed .ks-kurse-preview-note{margin:0 0 12px}
.ksc3-kurse-embed{max-height:74vh;overflow-y:auto}

/* Kurse-Embed-Tabs auf die Cockpit-Lounge-Pille angleichen (seit 0.65.0):
   überschreibt die plugin-eigenen .ks-tabs/.ks-tab NUR im Megamenu-Dropdown. */
.ksc3-kurse-embed .ks-tabs{display:inline-flex!important;gap:6px!important;padding:5px!important;background:var(--ks-surface, #fff)!important;border:0!important;border-radius:11px!important;box-shadow:none!important}
/* Keine „weiße Box um beige Pille": die Toolbar-Hülle des Kurse-Plugins im
   Dropdown auf transparent, die Pille selbst ist der weiße Container. */
.ksc3-kurse-embed .ks-kurse-toolbar{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 14px!important;border-radius:0!important}
.ksc3-kurse-embed .ks-tab{padding:8px 18px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--ks-text-muted, #6f7c86)!important;box-shadow:none!important;font-weight:400!important;min-height:0!important}
/* 🔴 Touch-Ziele im Dropdown (1.46.1, Mobil-Prüfung 25.08.2026).
 *
 * Die Regel darüber setzt `padding:8px 18px!important`, das ergibt rund 32px Höhe. Der
 * Projektstandard verlangt unter 768px mindestens 44px, und CLAUDE.md sieht dafür eine Regel auf
 * `.ks-tab` vor.
 *
 * **Das Problem war nicht die Höhe allein, sondern das `!important`:** Es hätte die Standardregel
 * überstimmt, sobald jemand sie im Kurse-Plugin ergänzt. Ich hätte hier also die Lösung blockiert,
 * die für alle gedacht ist - und niemand hätte gesehen, warum sie ausgerechnet im Cockpit-Dropdown
 * nicht greift.
 *
 * Deshalb wird das `padding` unter 768px hier selbst zurückgenommen, mit derselben Waffe. */
@media (max-width:768px){
	.ksc3-kurse-embed .ks-tab{min-height:44px!important;padding-block:12px!important}
}
.ksc3-kurse-embed .ks-tab:hover{background:rgba(37,61,84,.07)!important;color:var(--ks-text, #253d54)!important}
.ksc3-kurse-embed .ks-tab.is-active{background:var(--ks-button, #253d54)!important;color:var(--ks-inverse-text, #fff)!important}

/* Hinweis (0.77.0): Die frühere dunkle Kontrast-Variante der Pillen im mobilen
   Mega-Menü wurde entfernt — die aufgeklappten Dropdown-Flächen sind hell/beige,
   dort gilt jetzt überall die Standard-Pille (beige Container, aktiv CI-Blau),
   identisch zur Desktop-Ansicht. */

/* Einheitliche CI-Body-Schrift für alle Menü-Bausteine — explizit gesetzt, weil
   Theme/MMM je nach Viewport unterschiedliche Fonts vererben (0.77.0). Cinzel-
   Elemente (Gruß, Avatar-Name) behalten ihre eigene Regel. Seit 0.78.0 mit
   erhöhter Spezifität via [id^="mega-menu-wrap"]-Prefix gegen die MMM-Reset-
   Selektoren; der Font selbst wird zusätzlich über den Handle ksc3-yantramanav
   garantiert geladen (Hauptursache: @font-face fehlte auf manchen Seiten). */
.ksc3-menu-konto-link,.ksc3-menu-konto-group>summary,.ksc3-menu-konto-child,.ksc3-menu-konto-grouphead,
.ksc3-menu-nav-link,.ksc3-menu-lbl,.ksc3-menu-welcome-btn,.ksc3-menu-welcome-copy span,
.ksc3-menu-avatar-link,
[id^="mega-menu-wrap"] li.mega-menu-item .ksc3-menu-konto-link,
[id^="mega-menu-wrap"] li.mega-menu-item .ksc3-menu-konto-group>summary,
[id^="mega-menu-wrap"] li.mega-menu-item .ksc3-menu-konto-child,
[id^="mega-menu-wrap"] li.mega-menu-item .ksc3-menu-konto-grouphead,
[id^="mega-menu-wrap"] li.mega-menu-item .ksc3-menu-nav-link,
[id^="mega-menu-wrap"] li.mega-menu-item .ksc3-menu-lbl,
[id^="mega-menu-wrap"] li.mega-menu-item .ksc3-menu-welcome-btn,
[id^="mega-menu-wrap"] li.mega-menu-item .ksc3-menu-welcome-copy span{font-family:'Yantramanav Light','Yantramanav Regular','Yantramanav',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}

/* Avatar-Haupt-Kachel fürs mobile Mega-Menü (dunkler Grund, weiße Schrift). */
.ksc3-menu-avatar{text-align:center;padding:8px 0 4px;color:var(--ks-inverse-text, #fff)}
.ksc3-menu-avatar-pic{display:inline-block}
.ksc3-menu-avatar-img,.ksc3-menu-avatar-pic img{width:84px!important;height:84px!important;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.25)}
.ksc3-menu-avatar-name{display:block;font-family:Cinzel,Georgia,serif;font-weight:400;font-size:24px;color:var(--ks-inverse-text, #fff)!important;text-decoration:none;margin:12px 0 0}
.ksc3-menu-avatar-name:hover,.ksc3-menu-avatar-name:focus{color:var(--ks-inverse-text, #fff)!important;opacity:.85}
.ksc3-menu-avatar-sep{display:block;height:1px;background:rgba(255,255,255,.18);margin:16px 0}
.ksc3-menu-avatar-link{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ks-inverse-text, #fff)!important;font-size:18px;text-decoration:none;padding:6px 0;transition:background-color .25s,color .25s}
.ksc3-menu-avatar-link .fa-solid{font-size:19px;color:var(--ks-inverse-text, #fff)!important}
.ksc3-menu-avatar-link.is-button{background:var(--ks-surface, #fff);color:var(--ks-text, #253d54)!important;border-radius:8px;padding:12px 18px;font-weight:500}
.ksc3-menu-avatar-link.is-button .fa-solid{color:var(--ks-text, #253d54)!important}
.ksc3-menu-avatar-link.is-button:hover,.ksc3-menu-avatar-link.is-button:focus{background:var(--ks-accent, #326569);color:var(--ks-inverse-text, #fff)!important}
.ksc3-menu-avatar-link.is-button:hover .fa-solid,.ksc3-menu-avatar-link.is-button:focus .fa-solid{color:var(--ks-inverse-text, #fff)!important}

/* [ks_menu_avatar variant="welcome"] – Willkommenskarten-Optik im Menü (weiße Karte). */
.ksc3-menu-welcome{background:var(--ks-surface, #fff);border-radius:14px;padding:18px;margin:4px 0}
.ksc3-menu-welcome-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.ksc3-menu-welcome-avatar{flex:0 0 auto;display:inline-block}
.ksc3-menu-welcome-avatar img{width:60px!important;height:60px!important;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px rgba(50,101,105,.12)}
.ksc3-menu-welcome-copy{display:flex;flex-direction:column;min-width:0;text-align:left}
.ksc3-menu-welcome-copy strong{font-family:Cinzel,Georgia,serif;font-weight:400;font-size:20px;color:var(--ks-heading, #253d54);line-height:1.15}
.ksc3-menu-welcome-copy span{color:var(--ks-text-muted, #697887);font-size:13px;margin-top:3px}
.ksc3-menu-welcome-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ks-button, #253d54);color:var(--ks-inverse-text, #fff)!important;border-radius:8px;padding:12px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .25s}
.ksc3-menu-welcome-btn .fa-solid{font-size:17px;color:var(--ks-inverse-text, #fff)!important}
.ksc3-menu-welcome-btn:hover,.ksc3-menu-welcome-btn:focus{background:var(--ks-accent, #326569);color:var(--ks-inverse-text, #fff)!important}
.ksc3-menu-welcome-btn:hover .fa-solid,.ksc3-menu-welcome-btn:focus .fa-solid{color:var(--ks-inverse-text, #fff)!important}

/* Aktiv-Zustand des Dashboard-Buttons (seit 0.69.0): dauerhaft CI-Grün auf Konto-Seiten. */
.ksc3-menu-avatar-link.is-active{color:var(--ks-link, #8fd3bf)!important}
.ksc3-menu-avatar-link.is-button.is-active{background:var(--ks-accent, #326569)!important;color:var(--ks-inverse-text, #fff)!important}
.ksc3-menu-avatar-link.is-button.is-active .fa-solid{color:var(--ks-inverse-text, #fff)!important}
.ksc3-menu-welcome-btn.is-active{background:var(--ks-accent, #326569)!important}

/* „Variante A" (seit 0.72.0): weiße Konto-Karte mit heller, flacher Navigation. */
.ksc3-menu-welcome-nav{margin-top:12px;padding-top:10px;border-top:0.5px solid var(--ks-border, #e1ddd4)}
.ksc3-menu-konto--light .ksc3-menu-konto-link{color:var(--ks-text, #253d54)!important}
.ksc3-menu-konto--light .ksc3-menu-konto-link .fa-solid{color:var(--ks-link, #326569)!important}
.ksc3-menu-konto--light .ksc3-menu-konto-link:hover,.ksc3-menu-konto--light .ksc3-menu-konto-link:focus{background:var(--ks-surface-raised, #f2efe8)}
.ksc3-menu-konto--light .ksc3-menu-konto-link.is-active,.ksc3-menu-konto--light .ksc3-menu-konto-child.is-active{background:var(--ks-accent, #326569)!important;color:var(--ks-inverse-text, #fff)!important}
.ksc3-menu-konto--light .ksc3-menu-konto-link.is-active .fa-solid,.ksc3-menu-konto--light .ksc3-menu-konto-child.is-active .fa-solid{color:var(--ks-inverse-text, #fff)!important}
.ksc3-menu-konto--light .ksc3-menu-konto-child{color:var(--ks-text, #3a4c5c)!important}
.ksc3-menu-konto--light .ksc3-menu-konto-child .fa-solid{color:var(--ks-text-muted, #8a97a1)!important}
.ksc3-menu-konto--light .ksc3-menu-konto-child:hover,.ksc3-menu-konto--light .ksc3-menu-konto-child:focus{background:var(--ks-surface-raised, #f2efe8)}
/* Helle Akkordeon-Kopfzeilen (Gruppen aufklappbar in der weißen Karte). */
.ksc3-menu-konto--light .ksc3-menu-konto-group>summary{color:var(--ks-text, #253d54)}
.ksc3-menu-konto--light .ksc3-menu-konto-group>summary .fa-solid{color:var(--ks-link, #326569)!important}
.ksc3-menu-konto--light .ksc3-menu-konto-group>summary:hover{background:var(--ks-surface-raised, #f2efe8)}
/* Flacher Gruppenkopf (keine Klapp-Mechanik, alle Punkte direkt sichtbar). */
.ksc3-menu-konto-grouphead{display:flex;align-items:center;gap:11px;padding:12px 12px 4px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ks-text-muted, #8a97a1);font-weight:500}
.ksc3-menu-konto--light .ksc3-menu-konto-grouphead .fa-solid{font-size:14px!important;color:var(--ks-text-muted, #8a97a1)!important}
.ksc3-menu-konto--flat .ksc3-menu-konto-children{padding:0 0 2px}
.ksc3-menu-konto--flat .ksc3-menu-konto-child{padding-left:34px}
/* Schnellzugriff-Block im Menü (0.94.0, Attribut quick="1"). Nutzt bewusst die
   vorhandenen .ksc3-menu-konto-Klassen, damit Schrift, Icon-Spalte und Hover
   identisch zur Konto-Navigation sind — hier nur die Abtrennung nach oben. */
.ksc3-menu-quick{margin-top:10px;padding-top:8px;border-top:0.5px solid var(--ks-border, #e1ddd4)}
.ksc3-menu-quick .ksc3-menu-konto-grouphead{padding-top:4px}
/* Breitbild-Variante: Karte links, „Entdecken"-Kachelraster rechts (Grid via
   scoped <style> pro Instanz ab wide-Breakpoint). Schmal = gestapelt. */
.ksc3-konto-karte--wide .ksc3-kk-discover .ksc3-menu-lbl{margin-top:14px}

/* CI-Menüliste unter der Avatar-Kachel (mobiles Mega-Menü, dunkler Grund). */
.ksc3-menu-nav{display:flex;flex-direction:column;gap:4px;margin-top:16px}
.ksc3-menu-nav-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;color:var(--ks-inverse-text, #fff)!important;font-size:16px;text-decoration:none;transition:background-color .2s}
.ksc3-menu-nav-link:hover,.ksc3-menu-nav-link:focus{background:rgba(255,255,255,.10)}
.ksc3-menu-nav-link.is-active{background:var(--ks-accent, #326569)!important;color:var(--ks-inverse-text, #fff)!important}

/* [ks_menu_konto] / [ks_menu_mobil] – Konto-Menü fürs mobile Mega-Menü (seit 0.70.0, dunkler Grund). */
.ksc3-menu-mobil{color:var(--ks-inverse-text, #fff)}
.ksc3-menu-lbl{font-size:12px;letter-spacing:.12em;color:rgba(255,255,255,.5);margin:18px 0 6px 4px}
.ksc3-menu-konto{display:flex;flex-direction:column;gap:2px}
.ksc3-menu-konto-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:var(--ks-inverse-text, #fff)!important;font-size:16px;text-decoration:none;transition:background-color .2s}
.ksc3-menu-konto-link:hover,.ksc3-menu-konto-link:focus{background:rgba(255,255,255,.08)}
.ksc3-menu-konto-link.is-active{background:var(--ks-accent, #326569)!important}
/* Feste Icon-Spalte (0.91.0): Vorher stand hier width:auto!important — dadurch
   bekam jede Font-Awesome-Glyphe ihre EIGENE Breite (fa-tag schmal,
   fa-users-gear breit), der gap:12px setzte erst danach an und die Textkante
   sprang von Zeile zu Zeile. Eine eigene feste Breite schlägt sowohl die
   FA-Eigenbreite als auch fremde Vorgaben und macht den Textanfang bündig.
   Der Chevron ist ausgenommen — der sitzt per margin-left:auto rechts. */
.ksc3-menu-konto .fa-solid:not(.ksc3-menu-konto-chev),
.ksc3-menu-konto-group>summary .fa-solid:not(.ksc3-menu-konto-chev),
.ksc3-menu-konto-grouphead .fa-solid,
.ksc3-menu-nav-link .fa-solid{flex:0 0 22px;width:22px!important;min-width:22px!important;max-width:22px!important;text-align:center}
.ksc3-menu-konto .fa-solid,.ksc3-menu-konto-group>summary .fa-solid{color:var(--ks-inverse-text, #fff)!important;font-size:18px}
.ksc3-menu-konto-group>summary{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:var(--ks-inverse-text, #fff);font-size:16px;cursor:pointer;list-style:none;transition:background-color .2s}
.ksc3-menu-konto-group>summary::-webkit-details-marker{display:none}
.ksc3-menu-konto-group>summary:hover{background:rgba(255,255,255,.08)}
.ksc3-menu-konto-chev{margin-left:auto;font-size:15px!important;opacity:.7;transition:transform .2s}
.ksc3-menu-konto-group[open]>summary .ksc3-menu-konto-chev{transform:rotate(180deg)}
.ksc3-menu-konto-children{display:flex;flex-direction:column;gap:2px;padding:2px 0 6px}
.ksc3-menu-konto-child{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 44px;border-radius:8px;color:rgba(255,255,255,.82)!important;font-size:15px;text-decoration:none;transition:background-color .2s}
.ksc3-menu-konto-child:hover,.ksc3-menu-konto-child:focus{background:rgba(255,255,255,.06)}
.ksc3-menu-konto-child.is-active{background:var(--ks-accent, #326569)!important;color:var(--ks-inverse-text, #fff)!important}
.ksc3-menu-konto-child .fa-solid{font-size:15px!important;color:rgba(255,255,255,.82)!important}
/* Verschachtelte Variante: alles unter ausklappbarem „Dashboard". */
.ksc3-menu-konto-root>summary{font-weight:400} /* 0.96.0: war 600 (synthetisch) */
.ksc3-menu-konto-root>.ksc3-menu-konto-children{gap:2px;padding:2px 0 4px;margin:2px 0 0 8px;border-left:1px solid rgba(255,255,255,.14)}
.ksc3-menu-konto-root>.ksc3-menu-konto-children>.ksc3-menu-konto-link{padding-left:16px}
.ksc3-menu-konto-root>.ksc3-menu-konto-children>.ksc3-menu-konto-group>summary{padding-left:16px}