/* ************************************* */
/*                                       */
/* Color: Black                          */
/*                                       */
/* ************************************* */

/* Foreground */

/* Background */
.nav__seperator::before,
.list--border li.active a,
.list--border li.active span {
  background: var(--color-black);
}

/* Border */
.list--border a,
.list--border span {
  border-color: var(--color-black);
}

.h2__underline{
  border-bottom-color: var(--color-black);
}

/* ************************************* */
/*                                       */
/* Color: White                          */
/*                                       */
/* ************************************* */


/* Foreground */
.kuenstlerrow__text__h2--matrix,
button,
.button,
.radio--is-hidden:hover + span,
.check--is-hidden:hover + span,
.radio--is-hidden:checked + span,
.check--is-hidden:checked + span,
.radio--is-hidden:focus + span,
.check--is-hidden:focus + span,
.list--border li.active a,
.list--border li.active span,
.list--border.c-orange li.active a,
.list--border.c-orange li.active span,
.box,
.icon-mail-footer  {
  color: var(--color-light);
}

/* Background */
.kuenstlerrow__panel,
.search.search--home,
.button.button--outline,
.button--invert,
.quicksearchlist,
.filters__list,
label.label--is-radio:hover::before,
.list--tabbed li.active {
  background-color: var(--color-light);
}

/* ************************************* */
/*                                       */
/* Highlight Color: Orange               */
/*                                       */
/* ************************************* */

/* Foreground color */
.kuenstlerrow__bottom--matrix,
.button--outline,
ul.c-medium-grey li.current,
.button--invert,
.nav li.active,
.menu:not(.menu--buttons) li.active,
.menu--buttons li,
.meta-faq a {
  color:var(--color-accent);
}

/* Background color */
button,
.button,
.radio--is-hidden:hover + span,
.check--is-hidden:hover + span,
.radio--is-hidden:checked + span,
.check--is-hidden:checked + span,
.list--border.c-orange li.active a,
.list--border.c-orange li.active span,
.box,
.icon-mail-footer {
  background-color:var(--color-accent);
}

/* Border color */
.button--outline,
.list--border.c-orange a,
.list--border.c-orange span {
  border-color: var(--color-accent);
}

.list--border.c-orange li.active--with-layer:after,
.list--border.c-orange li.active--with-layer:after {
  border-left-color: var(--color-accent);
  border-right-color: var(--color-accent);
}


/* ************************************* */
/*                                       */
/* Color: Dark grey                      */
/*                                       */
/* ************************************* */


/* Foreground */
body {
  color:var(--color-primary);
}

.text,
.block--highlight {
  color: var(--color-fulltext);
}


/* ************************************* */
/*                                       */
/* Color: Grey                           */
/*                                       */
/* ************************************* */


/* Foreground */
.search__header {
  color: var(--color-grey-dark);
}


/* ************************************* */
/*                                       */
/* Color: Sand                           */
/*                                       */
/* ************************************* */


/* Background */
.meta,
.nav li.active {
  background-color:var(--color-sand);
}


/* ************************************* */
/*                                       */
/* Color: Light grey                     */
/*                                       */
/* ************************************* */


/* Background */
.list--border.c-orange li.active--with-layer:after,
.list--border.c-orange li.active--with-layer:after,
.kuenstlerrow__top,
.radio--is-hidden + span,
.check--is-hidden + span {
  background-color: var(--color-grey-light);
}

/* Border */
.list--seperator.seperator--grey a,
.list--seperator.seperator--grey span {
  border-right-color: var(--color-grey-light);
}


/* ************************************************************* */
/*                                                               */
/* Color: Grey behind the main navigation with transparency      */
/*                                                               */
/* ************************************************************* */


/* Background */
.lower {
  background-color:  var(--color-back-navigation);
}


/* *************************************************************** */
/*                                                                 */
/* Color: Headline in the matrix display: White with transparency  */
/*                                                                 */
/* *************************************************************** */


/* Background */
.kuenstlerrow__text__h2--matrix {
  background-color: var(--color-back-matrix);
}


/* *************************************************************** */
/*                                                                 */
/* Color: Search form                                              */
/* Items back in the matrix display: Light grey                    */
/*                                                                 */
/* *************************************************************** */

.check--is-hidden + span {
  color: var(--color-sand-dark);
}


/* Background */
.search,
.kuenstlerrow__bottom--normal,
.flipper__back {
  background: var(--color-sand-dark);
}

/* *************************************************************** */
/*                                                                 */
/* Color: Display                                                  */
/*                                                                 */
/* *************************************************************** */

/* Foreground */
.display {
  color: var(--color-grey-medium);
}

/* *************************************************************** */
/*                                                                 */
/* Color: Display                                                  */
/*                                                                 */
/* *************************************************************** */

/* Box-Shadow */
.shadow {
  box-shadow: 5px 5px 5px 0 var(--color-shadow-box);
}

/* ************************************* */
/*                                       */
/* Colors                                */
/*                                       */
/* ************************************* */


.c-white {
  color:  var(--color-white);
}

.bgc-white {
  background-color:  var(--color-white);
}

.b-w,
.b-white {
  border-color:  var(--color-white);
}

.c-black {
  color: var(--color-black);
}

.c-grey {
  color: var(--color-grey);
}

.bgc-grey {
  background-color: var(--color-grey);
}

.c-medium-grey {
  color: var(--color-grey-medium);
}

.bgc-medium-grey {
  background-color:  var(--color-grey-medium);
}

.c-dark-grey {
  color:  var(--color-grey-dark);
}

.bgc-dark-grey {
  background-color:  var(--color-grey-dark);
}

.c-dimgray {
  color: var(--color-dimgray);
}

.bgc-dimgray {
  background-color: var(--color-dimgray);
}

.c-orange {
  color: var(--color-accent);
}

.bgc-orange {
  background-color: var(--color-accent);
}

.c-red {
  color:  var(--color-red);
}

.c-olive {
  color:  var(--color-olive);
}