.isDeletedObject_button{
    background-color: gray;
    color: black;
}


.aktive_button{
    background-color: var(--hover-color);
    color: var(--text-color-button-hover);
}


.inaktive_button{
    background-color: var(--background-color-button);
    color: var(--text-color-button);
}

.DragAndDropHover{
    background-color: var(--hover-color);
    color: var(--text-color-button-hover);
}

input[readonly] {
      background-color: SlateGrey;
}

input[type="text"], input[type="password"], input[type="number"], input[type="search"], input[type="range"]{
    border: 1px solid black;
    border-radius: 4px;
    width: 100%;
    padding: 3px;
    color: black;
    margin-top: 5px;
    margin-bottom: 5px;
}

input[type="date"], input[type="range"]{
    border: 1px solid black;
    border-radius: 4px;
    padding: 3px;
    color: black;
    margin-top: 5px;
    margin-bottom: 5px;
}

input[type="color"]{
    border-radius: 4px;
    border: 1px solid black;
    padding: 0;
    margin: 0;
    width: 100%;
}

input[type="file"]{
    border-radius: 4px;
    border: 1px solid black;
    padding: 2px;
    margin: 0;
    width: 100%;
    font-weight: bold;
    color: var(--text-color);
}

textarea {
    border: 1px solid black;
    border-radius: 4px;
    width: 100%;
    padding: 3px;
    color: black;
    margin-top: 5px;
    margin-bottom: 5px;
    resize: none;
    overflow: auto;
}


select{
    border: 1px solid black;
    border-radius: 4px;
    width: 100%;
    padding: 3px;
    color: black;
    margin-top: 5px;
    margin-bottom: 5px;
}


input:focus{
    outline: none;
}


.placeholder{
    color: Crimson; /* Farbe nach Ihren Wünschen ändern */
    font-weight: normal;
}