.e-list-template .e-list-item:nth-child(odd) { /* standard listview template using alt rows*/
    background: lightgray;
}

.custom-text {
    font-family: Verdana, sans-serif;
    font-size: 10pt; /* 10 Punkt */
    display: flex;
    align-items: center; /* Vertikale Zentrierung */
    height: 100px; /* Höhe des Absatzes */
}
.contentborder { /* standard frame around elements*/
    background: transparent;
    border: 2px solid lightgray;
    padding: 10px;
    margin: 5px;
}


.e-grid .e-altrow {
    background-color: #f0f0f0;/* Farbe für jede zweite Zeile in sfgrid*/
}

.e-grid .e-rowcell.e-selectionbackground {
    background-color: #007bff !important; /* selected row in sfgrid*/
}

.button-autosize {
    width: auto; /* Setze eine feste Breite für den Zeilenumbruch */
    height: auto;
    text-align: left;
}

.underline-only {
    border-bottom: 10px solid lightgray !Important;
}
.red-multi-line-button {
    white-space: normal;
    word-wrap: break-word;
    width: 100%; /* Setze eine feste Breite für den Zeilenumbruch */
    height: auto;
    text-align: center;
    background-color: darkred;
    color: whitesmoke;
}

    .red-multi-line-button:hover {
        background-color: red; /* Farbe beim Hover */
        color: white;
    }

.green-multi-line-button {
    white-space: normal;
    word-wrap: break-word;
    width: 100%; /* Setze eine feste Breite für den Zeilenumbruch */
    height: auto;
    text-align: center;
    background-color: darkgreen;
    color: whitesmoke;
    border-radius:5px;
}

    .green-multi-line-button:hover {
        background-color: green; /* Farbe beim Hover */
        color: white;
    }