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

[class^="ch2-icon-"], [class*=" ch2-icon-"] {
  font-family: 'crowd-hits-icons-v2' !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;
}

.ch2-icon-diese-woche:before { content: "\e910"; }
.ch2-icon-gesamt-charts:before { content: "\e911"; }
.ch2-icon-event-charts:before { content: "\e912"; }
.ch2-icon-crowd-hits-stories:before { content: "\e913"; }

/* Standard: Verlauf aus der Crowd-Hits-CTA – Pink links, Lila rechts. */
[class^="ch2-icon-"]:before,
[class*=" ch2-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. */
.ch2-icon-solid:before {
  background: none;
  color: currentColor;
  -webkit-text-fill-color: currentColor;
}