:root {
    /* Hintergrund der gesamten seite */
    --primary-100: 255 255 255;
    /* Hintergrund footer|datum listenansicht|aktionsleiste|scroll to top btn */
    --primary-300: 22 110 184;
    /* Hintergrund aktionsleiste btn bei hover|active, Schatten in der kachelansicht bei allen events */
    --primary-400: 22 110 184;
    /* 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: 22 110 184;
    /* 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(22 110 184);
}

/* Beinflusst alle Elemente im header */
header * {
    color: white;
}

header input {
    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: #166eb8;
}

.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: white;
}

.event-list-container {

}

.event-list-section-heading {
    color: white;
}

.event-list-item-container {

}

.event-list-item-date-container {
    color: white;
}

.event-card-container {

}

.event-card-item-container {

}