:root {
    /* Hintergrund der gesamten seite */
    /*--primary-100: 0 0 0;*/
    /* Hintergrund footer|datum listenansicht|aktionsleiste|scroll to top btn */
    --primary-300: 24 148 207;
    /* Hintergrund aktionsleiste btn bei hover|active, Schatten in der kachelansicht bei allen events */
    /*--primary-400: 0 0 0;*/
    /* Hintergrundfarbe aller primary button */
    --primary-700: 24 148 207;
    /* 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(24 148 207);
}

/* 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: #1894cf;
}

.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 {

}