.workspace_dpp {
    background-color: #f76c07;
    color: #fff;
    border-radius: 0px;
}

.workspace_pp {
    background-color: #ffd61b;
    color: #000;
    border-radius: 0px;
}

        /* Benutzerdefinierte Stile für die Sortierindikatoren bleiben gleich */
        /* Basisstil für die klickbaren Überschriften */
        .sortable {
            cursor: pointer;
            position: relative;
            user-select: none; /* Verhindert die Textauswahl beim Klicken */
        }

        /* Dieses Pseudo-Element enthält den Pfeil. */
        .sortable::after {
            content: '';
            position: absolute;
            right: 1em;
            top: 50%;
            margin-top: -0.4em;
            opacity: 0.2;
            transition: opacity 0.2s;
        }

        /* Beim Überfahren einer Überschrift wird der Indikator besser sichtbar */
        .sortable:hover::after {
            opacity: 1;
        }

        /* Stil für den aufsteigenden Sortierindikator (Pfeil nach oben) */
        .sort-asc::after {
            content: '\f0d8';
            opacity: 1;
			-webkit-font-smoothing: antialiased;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 300;
        }

        /* Stil für den absteigenden Sortierindikator (Pfeil nach unten) */
        .sort-desc::after {
            content: '\f0d7';
            opacity: 1;
			-webkit-font-smoothing: antialiased;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 300;
        }