:root {
    /* Hintergrund der gesamten seite */
    --primary-100: 255 255 255;
    /* Hintergrund footer|datum listenansicht|aktionsleiste|scroll to top btn */
    --primary-300: 0 0 0;
    /* Hintergrund aktionsleiste btn bei hover|active, Schatten in der kachelansicht bei allen events */
    --primary-400: 0 0 0;
    /* Hintergrundfarbe aller primary button */
    /*--primary-700: 0 0 0;*/
    /* Hintergrundfarbe aller primary button bei hover */
    /*--primary-800: 0 0 0;*/
    /* Hintergrundfarbe des event containers */
    --secondary-200: 255 255 255;
    /* Hintergrundfarbe der event zeitraum überschriften in der listenansicht */
    --secondary-400: 0 0 0;
    /* Hintergrundfarbe aller secondary button */
    --secondary-600: 0 0 0;
    /* Hintergrundfarbe aller secondary button bei hover */
    --secondary-700: 0 0 0;
    /* Hintergrundfarbe header kann in hex|rgb|rgba angegeben werden */
    --header-bg: rgb(255 255 255);
   }

/* Beinflusst alle Elemente im header */
header * {
    color: black;
}

/* Beinflusst alle Elemente im footer außer der sozialmedia icons */
footer .footer-layout-left *, footer .footer-layout-center * {
    color: white;
}

.view-title-container {
    background-color: #000000;
}

.bg-primary-200 {
    background-color: #000000;
}

.bg-secondary-400 {
    background-color: #000000;
}

.view-title-container > .view-title {
    color: white;
}

.view-title-container > .view-sub-title {
    color: white;
}

.scroll-to-top-button {
    color: white;
}

.event-filter-container {
  color: #888;
}

.mtms-pagination-btn {
    color: white;
}

.event-list-section-heading {
    color: white;
}

.event-filter-action-container {
  color: white;
}

.event-list-item-date-item-container {
    color: white;
}

.filter-layout-label {
  color: white;
}

.multiselect__option--selected, .multiselect__tags {
  color: black;
}

.view-title-container {
  padding: 0px;
}

#viewTitle {
  text-transform: uppercase;
}

.event-list-section-heading {
  text-transform: uppercase;  
}

.event-list-item-container {
  border-bottom: 1px solid black;
}

.mtms-base-btn {
  border-radius: 0px;
  background: white;
  color: black;
  text-transform: uppercase;
}

.mtms-base-btn:hover {
  border-radius: 0px;
  background: black;
  color: white;
  text-transform: uppercase;
}

footer > * .mtms-base-btn {
  border-radius: 0px;
  background: black;
  color: white;
  text-transform: uppercase;
}