:root {
    --header-background-color: #FFFFFF;
    --header-foreground-color: #000000;
}

/* default theme CSS */
:root {
    --body-font-family: 'Open Sans', sans-serif;
    --headings-font-family: 'Open Sans', sans-serif;
    --body-background-color: #F7FAFC;
    --panel-background-color: white;
    --panel-border-color: #E3E8EE;
    /*--panel-color: #15272E;*/
    --background-image: none;
}

:root {
    --body-font-family: 'Montserrat', sans-serif;
    --headings-font-family: 'Montserrat', sans-serif;
}

/* custom board CSS */
/* Haupt-Buttons (Vorschlag hinzufügen, Suche etc.) auf Schwarz setzen */
.btn-primary, .btn-success, .btn.addnew {
    background-color: #ffab00!important;
    border-color: #ffab00!important;
    color: #ffffff!important; /* Weißer Text für besseren Kontrast */
    font-weight: 500;
    text-transform: none;
}

/* Hover-Effekt (wenn man mit der Maus drüberfährt) */
.btn-primary:hover, .btn-success:hover, .btn.addnew:hover {
    background-color: #333333 !important; /* Dunkelgrau beim Hovern */
    border-color: #333333 !important;
    font-weight: 500;
    text-transform: none;
}
.btn-group .btn.muted.active {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    opacity: 1; /* Entfernt das "Muted"-Aussehen, damit sie satt schwarz sind */
}

/* Schriftfarbe für die Anzahl der Stimmen */
.vote-count {
    color: #ffab00 !important;
}

/* Hintergrund für die Stimmen-Zahl (Oben) */
.vote-label {
    background-color: #f4f4f4 !important; /* Ganz helles Grau für Neutralität */
    color: #000000 !important;
}

/* Hintergrund für den "Zugestimmt"-Button (Unten) */
.btn.btn-voting-panel {
    background-color: #000000 !important; /* Schwarz wenn geklickt */
    border-color: #000000 !important;
    color: #ffffff !important;
}

/* Rahmenabstand in der Guidelines-Box */
.topPanel {
    padding: 20px  !important;
}