.card.custom-card.dead {
    background-color: #808080;
    margin:0;
    padding: 0;
 
}
.card.custom-card.dead .card-body {
    background-color: #808080;
    margin: 0;
    padding: 0;
  
}


.btn.dead {
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
    background-color: #323232;
}

.card:nth-child(even) {
    background-color: #f7f7f7;  
}

.card:nth-child(odd) {
    background-color: #fff;  
}

.feedbacktext {
    background-color: #f7f7f7;
}

#supportitems {

}


@media (prefers-color-scheme: dark) {

    .card.dead {
        color: #000;
    }
    .card.custom-card.dead {
        background-color: #000;
        color: #414141;
    }

        .card.custom-card.dead .card-body {
            background-color: #000;
            color: #414141;
        }

    .card:nth-child(even) {
        background-color: #323232;
    }

    .card:nth-child(odd) {
        background-color: #414141;
    }
    .feedbacktext {
        background-color: #ddb785;
        color: #323232;
    }
        .feedbacktext.alive:focus {
            background-color: #ddb785;
            color: #323232;
        }

    .feedbacktext.dead {
        background-color: #323232;
        color: #414141;
    }

    #supportitems.custom-card {
        background-color: #414141;
    }
}

@media (prefers-color-scheme: light) {
}


@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}