/* BENCHMARKS */
/* Responsive Benchmarks */
.dynamischeChart .benchmarkNavigation li {
  background-color: var(--LgCl3);
}
.dynamischeChart .benchmarkNavigation li:hover {
  background-color: var(--AcCl2);
}
.dynamischeChart .benchmarkNavigation li div {
  color: var(--DkCl2);
}
.dynamischeChart .benchmarkNavigation li.active {
  background-color: var(--PrCl1);
}
.dynamischeChart .benchmarkNavigation li.active:hover {
  background-color: var(--PrCl4);
}
.dynamischeChart .benchmarkNavigation li.active div {
  color: var(--LgCl1);
}
.dynamischeChart .produktBeschreibung h1 {
  color: var(--PrCl1);
}
.dynamischeChart .infoBoxContainer {
  border-top: 3px solid var(--LgCl5);
  border-bottom: 3px solid var(--LgCl5);
}
.dynamischeChart .infoBoxContainer .title {
  color: #959595;
}
.dynamischeChart .infoBoxContainer .infoIconContainer .infoIcon::before {
  color: var(--Cc1);
}
.dynamischeChart .topDropDowns .aufloesungenContainer .aufloesungenDropDownBtn,
.dynamischeChart .topDropDowns .grafikkartenContainer .aufloesungenDropDownBtn {
  border: 1px solid #646464 !important;
  background: var(--AcCl2);
  color: var(--LgCl1);
}
.dynamischeChart .topDropDowns .aufloesungenContainer .arrowDropdown.fontIconAfter:after,
.dynamischeChart .topDropDowns .grafikkartenContainer .arrowDropdown.fontIconAfter:after {
  background: none repeat scroll 0 0 #646464;
  color: #fff;
}
.dynamischeChart .topDropDowns .aufloesungenContainer .aufloesungenDropDownMenu,
.dynamischeChart .topDropDowns .grafikkartenContainer .aufloesungenDropDownMenu {
  border-right: 1px solid #646464;
  border-bottom: 1px solid #646464;
  border-left: 1px solid #646464;
  color: var(--Cc7);
  background: var(--Cc5);
  box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.5);
}
.dynamischeChart .topDropDowns .aufloesungenContainer .aufloesungenDropDownMenu li:hover,
.dynamischeChart .topDropDowns .grafikkartenContainer .aufloesungenDropDownMenu li:hover {
  background: var(--Cc9);
}
.dynamischeChart .topDropDowns .grafikkartenContainer .grafikkartenDropDownBtn {
  border: 1px solid #646464;
  background: var(--Cc5);
  color: var(--Cc7);
}
.dynamischeChart .topDropDowns .grafikkartenContainer .arrowDropdown.fontIconAfter:after {
  background: none repeat scroll 0 0 #646464;
  color: #fff;
}
.dynamischeChart .topDropDowns .grafikkartenContainer .grafikkartenDropDownMenu {
  border-right: 1px solid #646464;
  border-bottom: 1px solid #646464;
  border-left: 1px solid #646464;
  color: var(--Cc7);
  background: var(--Cc5);
  box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.5);
}
.dynamischeChart .topDropDowns .grafikkartenContainer .grafikkartenDropDownMenu .checkAll {
  color: #134b7d;
}
.dynamischeChart .topDropDowns .grafikkartenContainer .grafikkartenDropDownMenu li:hover {
  background: var(--Cc9);
}
.dynamischeChart .chartLegend .chartLegendGroup .chartLegendContainer .legendBullet.empty {
  border: 2px solid #808080;
}
.dynamischeChart .chartLegend .chartLegendGroup .chartLegendContainer .legendLabel {
  background: #ededed;
  color: #2672a8;
}
.dynamischeChart .chartLegend .chartLegendGroup .chartLegendContainer .legendLabel:hover {
  background: var(--LgCl2);
}
.dynamischeChart .chartLegend .chartLegendGroup .chartLegendContainer .legendLabelNoSorting {
  background: var(--LgCl5);
  color: var(--PrCl1);
}
.dynamischeChart .chartLegend .chartLegendGroup .chartLegendContainer .legendLabelNoSorting:hover {
  background: var(--LgCl2);
}
.dynamischeChart .chartLegend .chartLegendGroup .chartLegendContainer .legendLabel.arrowUp.fontIcon,
.dynamischeChart .chartLegend .chartLegendGroup .chartLegendContainer .legendLabel.arrowDown.fontIcon {
  color: #fff;
  background: #808080;
}
.dynamischeChart .chartLegend .chartLegendGroup .chartLegendContainer .legendLabel.arrowUp.fontIcon:after,
.dynamischeChart .chartLegend .chartLegendGroup .chartLegendContainer .legendLabel.arrowDown.fontIcon:after {
  color: var(--LgCl1);
}
.dynamischeChart .dropDownBtn {
  background: #646464;
}
.dynamischeChart .dropDownBtn:hover {
  background: #727272;
}
.dynamischeChart .sortierungContainer ul ul li {
  background: #f5f5f5;
  color: #2672a8;
}
.dynamischeChart .sortierungContainer ul ul li:hover {
  background: #eaeaea;
}
.dynamischeChart .dropDownBtn.arrowDropdown.fontIconAfter:after {
  color: var(--LgCl1);
}
.dynamischeChart .dropDownBtn p {
  color: var(--LgCl1);
}
.dynamischeChart .dropDownMenu li.active,
.dynamischeChart .dropDownMenu li.active:hover {
  background: var(--PrCl4);
}
.dynamischeChart .dropDownMenu li.active {
  color: var(--LgCl1);
}
.dynamischeChart .chartRow label .reviewedProduct {
  background-color: var(--PrCl1);
  color: var(--LgCl1) !important;
}
.dynamischeChart .chartRow .label .productTextWrapper.titleHighlight:after {
  background: #959595;
}
.dynamischeChart .chartRow .benchmark-close:before {
  color: var(--Cc1);
}
.dynamischeChart .chartRow .benchmark-close:hover:before {
  color: var(--Cc27);
}
.dynamischeChart .chartRow .labelDescription {
  color: var(--Cc13);
}
.dynamischeChart .chartRow .chartBars .chartBar {
  box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.5);
  color: var(--LgCl1);
  opacity: 0.8;
}
.dynamischeChart .chartRow .chartBars .chartBar.moved .chartBarText {
  color: var(--Cc22);
}
.dynamischeChart .chartRow .chartBars .highlight {
  box-shadow: 6px 6px 2px 0px rgba(50, 50, 50, 0.7) !important;
}
.dynamischeChart .chartRow.list-item.highlightRow {
  background: #ececec;
}
.dynamischeChart .chartBarGrid {
  border-right: 1px solid #dcdcdc;
  opacity: 0.8;
}
.dynamischeChart .chartFooter .footerRow .info {
  background: var(--Cc15);
}

[data-theme=dark] .dynamischeChart .chartRow .label .reviewedProduct {
  background-color: var(--PrCl2);
}

/* Responsive Diagram */
.diagram {
  background: var(--Cc6);
}
.diagram .benchmarkNavigation li {
  background-color: var(--LgCl5);
}
.diagram .benchmarkNavigation li:hover {
  background-color: var(--LgCl3);
}
.diagram .benchmarkNavigation li div {
  color: #282828;
}
.diagram .benchmarkNavigation li.active {
  background-color: var(--PrCl1);
}
.diagram .benchmarkNavigation li.active:hover {
  background-color: var(--PrCl4);
}
.diagram .benchmarkNavigation li.active div {
  color: var(--LgCl1);
}
.diagram .produktBeschreibung h1 {
  color: var(--PrCl1);
}
.diagram .infoBoxContainer {
  border-top: 3px solid var(--LgCl5);
  border-bottom: 3px solid var(--LgCl5);
}
.diagram .infoBoxContainer .title {
  color: #959595;
}
.diagram .benchmarkDiagram {
  background: rgba(0, 0, 0, 0) !important;
  background: #f5f5f5;
}
.diagram .chartFooter .footerRow .info {
  background: var(--Cc15);
}

.diagram .infoIconContainer {
  /* InfoIcon in diagram */
}
.diagram .infoIconContainer .infoIcon::before {
  color: var(--Cc1);
}

.diagramContent {
  background: #f5f5f5;
}