header { margin-bottom: 1rem }
.datenschutz { background: var(--flaeche); border-left: 4px solid var(--ok); border-radius: 6px;
  padding: .5rem .8rem; font-size: .9rem }
.ablage { display: block; border: 2px dashed var(--rand); border-radius: 8px; padding: 1.5rem 1rem;
  text-align: center; cursor: pointer; margin: .5rem 0 }
.ablage.ziehen { border-color: var(--hinweis) }
.ablage input { display: block; margin: 0 auto .6rem; max-width: 100% }
#meldung.fehler { color: var(--fehler) }
#aktionen { display: flex; gap: .6rem; flex-wrap: wrap; margin: 1rem 0 }
#aktionen button { padding: .5rem 1rem; border: 0; border-radius: 6px; background: var(--hinweis);
  color: var(--bg); font: inherit; font-weight: 600; cursor: pointer }
#aktionen button.zweitrangig { background: transparent; color: var(--hinweis); border: 1px solid var(--hinweis) }
#aktionen[hidden], #start[hidden] { display: none }