:root {
    /* Hintergrund der gesamten seite */
    --primary-100: 255 255 255;
    /* Hintergrund footer|datum listenansicht|aktionsleiste|scroll to top btn */
    --primary-300: 255 255 255;
    /* 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: 255 255 255;
    /* 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(94 96 186);*/
    /*--header-bg: rgb(0 183 79);*/
    --brut-primary-color: #faff40;
    --header-bg: #faff40;
    --brut-black: #000000;
    --brut-white: #ffffff;
}

@font-face {
    font-family: 'AtkinsonHyperlegible';
    src: url('https://ticketorganizer.eu/res/brut/fonts/AtkinsonHyperlegible-Regular.ttf');
}

:root {
  --brut-primary-color: #9DAE3C;
}

* {
  font-family: AtkinsonHyperlegible;
}

.heading, .subheading {
  color: #000;
}

.teaser span {
  color: #000;
}

.button {
  font-family: AtkinsonHyperlegible;
  text-transform: none;
  background-color: #faff40;
  border-color: #faff40;
}

.button:hover {
  background-color: #000000;
  border-color: #000000;
  color: #faff40;
}

.background-image:before {
  background-image: linear-gradient(white);
}