/* AuxData-Look für die Designschicht der Akademie-Lektionen (seit 23.09.2026).
   Lädt NACH kurs.css (gemeinsame Designschicht mit den FL-Selbstlernkursen) und stellt
   sie auf AuxData um: Auxi statt FL-Badge und statt Gehirn, Lime als Leitfarbe der Knöpfe.
   --cat (Track-Farbe) setzt der Importer je Lektion.
   Quelle: dieser Ordner. Der Importer spiegelt die Datei ins Plugin-Asset. */
.kd-badge.kd-auxi { background: none; width: 38px; height: 38px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 2px rgba(188,233,65,0.45); }
.kd-badge.kd-auxi img { width: 100%; height: 100%; object-fit: cover; display: block; background: #0d2949; }

/* Auxi im Kopf der Lektions-Übersicht */
.kd-gehirn-buehne.kd-auxi-buehne { width: min(100%, 360px); aspect-ratio: 1 / 1.05; }
.kd-auxi-buehne::before { background: radial-gradient(closest-side, rgba(188,233,65,0.24), rgba(124,196,240,0.08) 60%, transparent 74%); filter: blur(6px); }
.kd-auxi-netz { position: absolute; inset: -6% -14% 8%; }
.kd-auxi-bild { position: absolute; left: 9%; bottom: 0; width: 82%; height: auto; filter: drop-shadow(0 26px 34px rgba(0,0,0,0.45)); animation: kd-schweben 6s ease-in-out infinite;
  -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent 99%); mask-image: linear-gradient(180deg, #000 72%, transparent 99%); }
@keyframes kd-schweben { 50% { transform: translateY(-8px); } }
/* Runde Posen (auxi-froh, auxi-links; 24.09.2026): Kreisausschnitt mit eigenem Hintergrund –
   mittig, kleiner, ohne Ausblend-Maske, dafür ein feiner Ring in Lime. */
.kd-auxi-rund .kd-auxi-bild { left: 14%; bottom: 8%; width: 72%; border-radius: 50%; -webkit-mask-image: none; mask-image: none;
  box-shadow: 0 0 0 2px rgba(188,233,65,0.35), 0 22px 40px rgba(0,0,0,0.45); filter: none; }

/* Lehrvideos (seit 24.09.2026 in A1–A12 und C7): Die Lektionen setzen die Videobreite für ihre
   260-px-Sidebar (100vw − 324px). Die Designschicht hat 288 px Sidebar und 44 px Innenabstand,
   deshalb hier nachziehen: 392 = 288 + 2 × 44 + 16 (Scrollleiste). */
@media (min-width: 769px) {
  .video-frame { width: min(1280px, calc(100vw - 392px)); margin-inline: calc(50% - min(640px, (100vw - 392px) / 2)); }
}

/* Knöpfe in AuxData-Lime, unabhängig von der Track-Farbe */
.stage-nav .next.kd-weiter i { background: var(--accent); }
@media (max-width: 1100px) { .kd-gehirn-buehne.kd-auxi-buehne { width: min(62%, 260px); } }
@media (prefers-reduced-motion: reduce) { .kd-auxi-bild { animation: none; } }
@media print { .kd-auxi-buehne, .kd-marke { display: none !important; } }