/* PANO CUSTOM: Leiste "Die KI-Schulung in drei Formaten" (Inhalt und Gestaltung aus dem verworfenen V04, Farben Salbei wie V03). */
.ki-formate{--ki-bg:#edf3e8;--ki-title:#2a4932;--ki-text:#4c6252;--ki-line:#cad9c4;--ki-accent:#6b8d59;--ki-tick:#3d7139;--ki-muted:#5d735e;margin-top:22px;padding:22px 26px 24px;border:1px solid var(--ki-line);border-top:4px solid var(--ki-accent);border-radius:15px;background:var(--ki-bg);box-shadow:0 5px 22px #163d250a;scroll-margin-top:85px}
.ki-formate-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;margin-bottom:16px}
.ki-formate-kopf h3{margin:0;font-size:20px;line-height:1.3;font-weight:700;color:var(--ki-title)}
.ki-formate-kopf p{margin:0;max-width:560px;font-size:14px;line-height:1.5;color:var(--ki-muted)}
.ki-formate-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ki-formate-liste li{background:#ffffffb3;border:1px solid var(--ki-line);border-radius:10px;padding:15px 17px 16px}
.ki-format-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.ki-format-top strong{font-size:17px;line-height:1.3;color:var(--ki-title)}
.ki-dauer{font-size:12px;line-height:1.4;font-weight:700;color:var(--ki-tick);background:#fff;border:1px solid var(--ki-line);border-radius:999px;padding:2px 10px;white-space:nowrap}
.ki-fuer{margin:0;font-size:14px;line-height:1.5;color:var(--ki-text)}
.ki-ergebnis{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--ki-muted)}
@media(max-width:900px){.ki-formate-liste{grid-template-columns:1fr;gap:10px}}
@media(max-width:540px){.ki-formate{padding:20px 18px;scroll-margin-top:108px}.ki-formate-kopf h3{font-size:19px}}