/* Hub-Markenfarben aus Einstellungen, Unternehmen, Erscheinungsbild */
:root {
  --primary: #E4221F;
  --primary-dark: #6B0000;
  --hub-link: #E4221F;
  --hub-button-text: #FFFFFF;
}
.cc-app {
  --primary: #E4221F;
  --primary-dark: #6B0000;
  --cc-accent: #E4221F;
  --cc-accent-light: #E4221F;
  --cc-accent-tint: color-mix(in srgb, #E4221F 16%, white);
  --cc-hero-gradient: linear-gradient(180deg, color-mix(in srgb, #E4221F 16%, white), oklch(0.965 0.004 95) 90%);
}
.cc-content .btn-primary,
.cc-content .btn-primary:link,
.cc-content a.btn-primary,
.btn-primary,
.btn-primary:link {
  color: var(--hub-button-text, #FFFFFF);
}
.portal-app {
  --portal-accent: #E4221F;
  --portal-accent-dark: #6B0000;
  --portal-accent-tint: color-mix(in srgb, #E4221F 16%, white);
  --color-brand: #E4221F;
  --color-brand-hover: #6B0000;
  --color-brand-active: #6B0000;
  --color-brand-tint: color-mix(in srgb, #E4221F 16%, white);
}