/**
 * Farbpalette und Sektionen für Digitalisierungsservice-Startseite
 * Farben: Lila, Magenta, Blau, Grün, Türkis, Rot
 */
:root {
  --bc-color-lila: #8B5CF6;
  --bc-color-magenta: #D946EF;
  --bc-color-blau: #0A65FC;
  --bc-color-gruen: #10B981;
  --bc-color-tuerkis: #06B6D4;
  --bc-color-rot: #EF4444;
  --bc-color-border: rgba(10, 101, 252, 0.12);
}

.dark,
@media (prefers-color-scheme: dark) {
  :root {
    --bc-color-border: rgba(255, 255, 255, 0.12);
  }
}

.bc-section__headline {
  color: inherit;
}

.bc-problem-list__item:nth-child(6n+1) { border-left-color: var(--bc-color-magenta); }
.bc-problem-list__item:nth-child(6n+2) { border-left-color: var(--bc-color-blau); }
.bc-problem-list__item:nth-child(6n+3) { border-left-color: var(--bc-color-gruen); }
.bc-problem-list__item:nth-child(6n+4) { border-left-color: var(--bc-color-tuerkis); }
.bc-problem-list__item:nth-child(6n+5) { border-left-color: var(--bc-color-lila); }
.bc-problem-list__item:nth-child(6n+6) { border-left-color: var(--bc-color-rot); }

.bc-solution-steps__item:nth-child(1) .bc-solution-steps__icon { color: var(--bc-color-lila) !important; }
.bc-solution-steps__item:nth-child(2) .bc-solution-steps__icon { color: var(--bc-color-magenta) !important; }
.bc-solution-steps__item:nth-child(3) .bc-solution-steps__icon { color: var(--bc-color-blau) !important; }
.bc-solution-steps__item:nth-child(4) .bc-solution-steps__icon { color: var(--bc-color-tuerkis) !important; }

.bc-infographic-block img {
  max-width: 100%;
  height: auto;
}