@media (max-width: 576px) {
    .content-page { 
        padding: 70px 5px 65px 5px !important 
    }
    .row > * {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }
}
.accordion-button:not(.collapsed) {
    background-color: #f8f9fa !important;
    color: #212529 !important;
    box-shadow: none !important;
}
.form-control:disabled, .form-select:disabled {
    background-color: #f5f6f8 !important;
}
td.disabled-date {
    opacity: 0.2 !important;
}
td, th {
    white-space: nowrap;
}
.BewertungGruen {
    background-color: #198754 !important;
    color: white !important;
}
.BewertungGelb {
    background-color: #ffc107 !important;
    color: white !important;
}
.BewertungRot {
    background-color: #dc3545 !important;
    color: white !important;
}
.BewertungSchwarz {
    background-color: #212529 !important;
    color: white !important;
}
.FarbeGruen {
    background-color: #74cb80 !important;
    color: white !important;
}
.FarbeGelb {
    background-color: #fbc11e !important;
    color: white !important;
}
.FarbeOrange {
    background-color: #f6a96d !important;
    color: white !important;
}
.FarbeRot {
    background-color: #f56b62 !important;
    color: white !important;
}
.FarbeBlau {
    background-color: #08aeea !important;
    color: white !important;
}
.FarbeGrau {
    background-color: var(--bs-border-color);
    color: white !important;
}
.FarbeLila {
    color: #796fff !important;
}
.SchriftGrau {
    color: grey !important;
}
.SchriftGruen {
    color: #74cb80 !important;
}
.SchriftGelb {
    color: #fbc11e !important;
}
.SchriftRot {
    color: #f56b62 !important;
}
.cm__btn:not(.cm__btn--secondary), .pm__btn:not(.pm__btn--secondary) {
    background-color: #cf2030 !important;
}
.col-schmall {
    white-space: nowrap;
    width:1%;
}
.form-control:focus {
    border-color: var(--bs-danger) !important;
    box-shadow: 0 0 5px var(--bs-danger) !important;
}
.table-responsive.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}
.sort-icon {
    margin-left: 5px;
    opacity: 0.5;
    font-size: 0.8rem;
}
th.js-sort {
    cursor: pointer;
    white-space: nowrap;
}

th.js-sort.active .sort-icon {
    opacity: 1;
}
.badge {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.35em 0.55em;
}
.badge.bg-light {
    border: 1px solid var(--bs-border-color);
}