.dropzone {
    border: 2px dashed #007bff; /* Standard border color */
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    background-color: #444444;
    position: relative; /* Positionierung für die graue gestrichelte Linie */
    overflow: hidden; /* Damit die Linie nicht über den Bereich hinausgeht */
    min-height: 160px; /* Minimale Höhe */
}
.dropzone.dragover {
    background-color: #666666';
}
.dropzone::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px dashed #6c757d; /* Graue gestrichelte Linie */
    border-radius: 5px;
    pointer-events: none; /* Damit der Effekt nicht den Mouse-Events im Weg steht */
    box-sizing: border-box; /* Damit der border das gesamte Element umfasst */
}