/* Produkte je Projekt (js/06n-produkte.js, docs/PRODUKTE.md): kleine Kennzeichen in der Produktfarbe */
.prodpills { display: inline-flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.prodpill { display: inline-flex; align-items: center; padding: 1px 8px; border-radius: 10px; font-size: 11.5px; font-weight: 600; white-space: nowrap;
  color: var(--text); background: color-mix(in srgb, var(--pc) 22%, var(--surface)); border: 1px solid color-mix(in srgb, var(--pc) 55%, transparent); }
.prodbtn .prodpills { pointer-events: none; }