.dropzone {
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.dropzone.dragOver {
  border-color: #287247;
  background: #e8f3e5;
  box-shadow: 0 0 0 4px #2872471f;
}

.dropzone.dragOver strong::before {
  content: "Datei hier loslassen · ";
  color: #287247;
}

.dropzone.hasFile {
  border-color: #5c8b6c;
  background: #f1f7ef;
}

.dropzone.hasFile span {
  color: #24583a;
  font-weight: 700;
  overflow-wrap: anywhere;
}