.e-grid {
    border: none;
    font-family: "Trebuchet MS", Aptos, "Segoe UI",sans-serif;
}

    .e-grid .e-toolbar {
        border: none;
    }

    .e-grid .e-headercell {
        background-color: rgba(0,0,0,0);
        height: 1.375rem;
    }

    .e-grid .e-detailheadercell {
        background-color: rgba(0,0,0,0);
        height: 1.375rem;
    }

    .e-grid .e-gridheader {
        border-radius: 5px;
        padding: 2px -1px;
        position: relative;
        background: linear-gradient( to bottom, #1b6262, #009999);
        box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(0, 0, 0, 0.1);
        color: #fff;
        font-weight: 600;
    }

    .e-grid .e-headercelldiv {
        font-weight: 900;
        font-size: 0.8125rem;
    }

    .e-grid .e-gridheader .e-headercell {
        border: none;
    }

    .e-grid .e-gridcontent {
        border: none;
        height: 100%;
    }

        .e-grid .e-gridcontent .e-row {
            border: solid 1px black;
            border-radius: 10px;
            overflow: hidden;
        }

    .e-grid .e-table {
        border: solid 1px;
        border-radius: 10px;
        border-color: transparent;
        background-color: rgba(0,0,0,0);
    }

    .e-grid .e-toolbar .e-toolbar-items {
        background-color: transparent;
    }

    .e-grid .e-toolbar .e-toolbar-item .e-tbar-btn {
        background-color: #00917c;
        color: white;
        font-size: 0.75rem;
        height: 27px;
    }

        .e-grid .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
            background-color: #444;
            color: white;
        }

/*.e-grid .e-toolbar .e-tbar-btn .e-icons{
        height: 8px;
    }*/

.e-toolbar {
    background-color: rgba(0,0,0,0);
}

    .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
        color: white;
    }

        .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
            color: white;
        }

    .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
        color: white;
        font-size: 0.75rem;
    }

    .e-toolbar .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
        color: white;
    }

.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
    color: white;
}

.e-grid th.e-headercell[aria-sort="ascending"] .e-headertext, .e-grid th.e-headercell[aria-sort="descending"] .e-headertext, .e-grid th.e-headercell[aria-sort="ascending"] .e-sortfilterdiv, .e-grid th.e-headercell[aria-sort="descending"] .e-sortfilterdiv {
    color: unset;
}

.e-grid .e-grouptopleftcell {
    background: linear-gradient(#777, #444, #666);
}

.e-grid .e-groupcaption {
    font-size: 1.125rem;
    font-weight: bold;
}

.e-grid .e-rowcell {
    font-size: 0.8rem;
}

.e-toolbar .e-toolbar-item .e-tbar-btn {
    min-height: 27px;
}

.e-grid .e-toolbar .e-tbar-btn .e-btn-icon {
    width: 16px;
    height: 16px;
}

.e-grid .e-toolbar .e-tbar-btn-text {
    margin-left: 2px;
}

.e-toolbar .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
    padding: 0px 0px 0px 4px;
}

.e-toolbar .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
    font-size: 0.875rem;
}

.e-grid .e-gridheader {
    min-height: 25px;
    height: 25px;
}

    .e-grid .e-gridheader .e-headercell {
        height: 25px;
        margin: -10px 20px -5px -5px;
    }

    .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
        margin: -10px 20px -5px -5px;
    }

.e-grid .e-headercelldiv {
    margin: -10px 20px -5px -5px;
}

.e-grid .e-gridcontent.e-wrap .e-rowcell {
    /*white-space: pre-wrap;*/ /* wichtige Einstellung 05.06.2025 REPET: AUSKOMMENTIERT AUS VERZWEIFLUNG MUSS NICHT RICHTIG SEIN???*/
    white-space: pre-line;
    word-break: break-word; /* wenn nötig, Worte umbrechen */
}

.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
    margin-left: 0;
}

.groupitems > .e-grid {
    margin-top: 10px;
    font-size: 0.75rem;
}

    .groupitems > .e-grid .e-gridcontent {
        height: unset;
    }

.groupControlGridWrapper .e-grid .e-rowcell {
    font-size: 0.75rem;
    margin-top: 10px;
}

.groupitems .e-grid .e-headercelldiv {
    font-size: 0.8rem;
    font-weight: 400;
}

.e-toolbar .e-toolbar-item .e-tbar-btn .e-icons {
    color: white;
}

.e-grid .e-gridheader .e-icons {
    color: white !important;
}

.e-grid .e-filtered::before {
    color: red !important;
}