:root{
    --header-height: 5em;
    --slides-height: 15em;
    --logo-square-size: 3em;
    --brand-primary:#95c11f; /* light green */
    --brandOverlay-brand-color: var(--brand-primary);
    --brand-secondary:#006633; /* dark green */
    --brand-third:#e6007e;   /* pink */
    --font-primary:#00008c;
    --font-secondary:#ffffff;
    --milky:rgba(255,255,255,0.8);
    --text:#1e1f1e;
    --bg:#fff;
    --radius: 5px;
    
    --cat-color-default: #95c11f;
    --cat-color-Feste: var(--brand-third);
    --cat-color-Freizeit: var(--brand-primary);
    --cat-color-Musik: var(--brand-secondary);
    --cat-color-Essen: #8E2430;
    --cat-color-Sport: #2E7D32;
    --cat-color-Theater: #6A1B9A;
    --med-color-1: var(--brand-third);
    --med-color-2:#00008c;
    --med-color-3: var(--brand-secondary);
    --med-color-4: var(--brand-primary);
    --med-color-5:#8E2430;
}


#brandOverlayContainer {
    background-color: var(--milky);
}

#center {
    border-left-color: var(--brand-primary);
    border-right-color: var(--brand-primary);
    border-top-color: transparent;
}

#stickyTopMainMenu {
    background-color: var(--brand-primary) !important;
    box-shadow: 0 3px 4px #999999;
}

footer {
    background-color: var(--brand-primary) !important;
    box-shadow: 0 -2px 3px #999999;
}
    /*.nav-item .mod-menu__sub {
        background-color: var(--brand-primary) !important;
        box-shadow: 0 2px 5px rgba(136, 136, 136, 0.15);
    }
    !* Hover-Stil für Untermenü-Links *!
    .mod-menu__sub a:hover {
        background-color: var(--bg);
    }
    .mod-menu__sub {
        box-shadow: 0 2px 5px rgba(136, 136, 136, 0.15);
    }

    .navbar-toggler {
        border-color: var(--brand-secondary);
    }*/

a {
    color: var(--brand-secondary);
}
a:hover {
    color: var(--brand-secondary);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--brand-secondary);
}

.column_right {
    background-color: var(--brand-primary);
}

.mod_events_latest_table > tbody > tr {
    border-color: var(--brand-secondary);
}

.mod_events_latest_table > tbody > tr > td {
    padding: 1em 0.5em 1em 0.5em;
}

.accordion-button:not(.collapsed) {
    /*border-color: #95c11f;*/
    background-color: var(--brand-secondary);
    color: var(--bg);
}

.accordion-button.collapsed {
    border-color: var(--brand-primary);
    /*color: #006633;*/
}

.accordion-item {
    border-color: var(--brand-primary);
}