/* Letzte Cleaning Prüfung: 07.10.2026 | Letztes Cleaning: 07.10.2026 */
/* Zeichenzähler unter begrenzten Textfeldern (AL-20261006-06), gesetzt von
   contentfactory-zeichenzaehler.js. Farben aus dem Werbespot-/Storyboard-
   Fenster (--spv-leise, --spv-akzent), mit Rückfallwerten. */

.cf-zeichenzaehler {
  align-items: baseline;
  color: var(--spv-leise, #9296a7);
  display: flex;
  flex-wrap: wrap;
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  gap: 2px 10px;
  justify-content: flex-end;
  line-height: 1.35;
  margin-top: -1px;
  max-width: 100%;
  min-width: 0;
}
.cf-zz-hinweis { color: #ffb3c0; flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.cf-zz-hinweis:empty { display: none; }
.cf-zz-zahl { flex: none; margin-left: auto; white-space: nowrap; }
.cf-zeichenzaehler.ist-knapp .cf-zz-zahl { color: #ffd166; font-weight: 700; }
.cf-zeichenzaehler.ist-voll .cf-zz-zahl { color: var(--spv-akzent, #ff3656); font-weight: 700; }

/* Die schmale Bildkachel der Markenbilder (150 px). */
.spv-medium .cf-zeichenzaehler { font-size: 11px; }

/* Ansage-Region für Kürzungen: unsichtbar, aber für Screenreader vorhanden. */
.cf-zz-ansage {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}