@font-face {
  font-family: 'crowd-hits-icons-v3';
  src: url('fonts/crowd-hits-icons-v3.woff2') format('woff2'),
       url('fonts/crowd-hits-icons-v3.woff') format('woff'),
       url('fonts/crowd-hits-icons-v3.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ch3-icon-"], [class*=" ch3-icon-"] {
  font-family: 'crowd-hits-icons-v3' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ch3-icon-diese-woche:before { content: "\e920"; }
.ch3-icon-gesamt-charts:before { content: "\e921"; }
.ch3-icon-event-charts:before { content: "\e922"; }
.ch3-icon-crowd-hits-stories:before { content: "\e923"; }

/* Standard: Verlauf aus der Crowd-Hits-CTA – Pink links, Lila rechts. */
[class^="ch3-icon-"]:before,
[class*=" ch3-icon-"]:before {
  display: inline-block;
  background: linear-gradient(90deg, #fc337f 0%, #cf33ec 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Optional: Verlauf für ein einzelnes Icon abschalten. */
.ch3-icon-solid:before {
  background: none;
  color: currentColor;
  -webkit-text-fill-color: currentColor;
}