/* MSC – Nachweise: Kundenauswahl, Referenzprojekte, Zertifikate, Quellenzeile der Kennzahlen.
   Gleiche Bausteine wie site.css (Karten mit orangem Top-Rand, Manrope-Überschriften, Lato-Text);
   bewusst ohne fremde Logos/Farben – Kundennamen als einheitliche Schrift-Chips. */

/* Quellenzeile unter den Kennzahlen (auf orangem Grund) */
.stats-source{margin:20px 0 0;font-size:.85rem;color:#3A2600}
.stats-source a{color:inherit;font-weight:600}

/* Kundenauswahl als einheitliche Namens-Chips */
.clients{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.clients li{padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font:600 .9rem/1.2 var(--f-head);color:var(--ink-2)}
.clients--brand li{background:var(--brand-tint);border-color:#F2D7B0;color:var(--brand-ink)}
.clients-note{margin:14px 0 0;font-size:.85rem;color:var(--muted)}

/* Referenzprojekte: Branche · Ausgangslage · Vorgehen · Ergebnis */
.case{display:flex;flex-direction:column;padding:28px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand)}
.case__meta{font:700 .75rem/1.3 var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink)}
.case h3{margin:12px 0 4px}
.case dl{margin:0}
.case dt{margin-top:14px;font:600 .85rem/1.3 var(--f-head);color:var(--ink)}
.case dd{margin:4px 0 0;color:var(--muted)}
.case ul{margin:6px 0 0;padding-left:1.1em;color:var(--muted)}
.case li{margin:3px 0}

/* Zertifikat */
.cert{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start;padding:28px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand)}
.cert__badge{width:96px;height:96px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;text-align:center;font:750 1.05rem/1.05 var(--f-head)}
.cert__badge small{display:block;margin-top:3px;font:600 .66rem/1.2 var(--f-head);letter-spacing:.02em}
.cert h3{margin:0 0 6px}
.cert p{margin:0;color:var(--muted)}
.cert .placeholder{margin-top:16px;padding:16px}
@media (max-width:480px){.cert{grid-template-columns:1fr}}

/* Kundenlogos: einheitliche Kacheln, Logos grau (einheitlicher Look), Originalfarbe bei Hover/Fokus.
   Quelle: offizielle Logos über Wikidata/Wikimedia Commons (P154) bzw. Websites von GEMA und LH München. */
.client-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.client-logos li{height:88px;display:grid;place-items:center;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:12px}
.client-logos img{width:100%;height:40px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter .2s,opacity .2s}
.client-logos li:hover img,.client-logos li:focus-within img{filter:none;opacity:1}
.client-logos img.is-emblem{height:60px;opacity:.85}   /* runde/quadratische Bildmarken (BMW) wirken bei 40px Höhe zu klein */
@media (max-width:480px){.client-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logos li{height:76px;padding:14px}}