.h5p-image-submission {
  font-family: Sans-Serif;
  font-size: 16px;
  line-height: 1.5;
  color: #1d2327;
  background: #fff;
}
.h5p-is-wurzel { padding: 1.25em; }
.h5p-is-intro { margin-bottom: 1em; }
.h5p-is-intro p { margin: 0 0 .5em; }
.h5p-is-label { display: block; font-weight: 600; margin-bottom: .35em; }
.h5p-is-input {
  display: block; width: 100%; max-width: 24em; box-sizing: border-box;
  padding: .6em .7em; font: inherit; border: 2px solid #c3c4c7; border-radius: 4px;
  margin-bottom: .9em; background: #fff; color: inherit;
}
.h5p-is-input:focus { outline: none; border-color: #2271b1; }
.h5p-is-reihe { display: flex; flex-wrap: wrap; gap: .6em; margin: .4em 0 .8em; }
.h5p-is-button {
  font: inherit; padding: .65em 1.2em; border-radius: 4px; cursor: pointer;
  border: 2px solid #2271b1; background: #fff; color: #2271b1; min-height: 2.75em;
}
.h5p-is-button:hover:not(:disabled) { background: #f0f6fc; }
.h5p-is-primary { background: #2271b1; color: #fff; }
.h5p-is-primary:hover:not(:disabled) { background: #135e96; }
.h5p-is-button:disabled { opacity: .6; cursor: default; }
.h5p-is-link {
  font: inherit; background: none; border: 0; color: #646970;
  text-decoration: underline; cursor: pointer; padding: .4em 0;
}
.h5p-is-datei { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.h5p-is-vorschau {
  display: block; max-width: 100%; height: auto; border-radius: 4px;
  border: 1px solid #dcdcde; margin-bottom: .6em;
}
.h5p-is-info { color: #646970; font-size: .9em; margin-bottom: .6em; }
.h5p-is-meldung { padding: .6em .8em; border-radius: 4px; margin-bottom: .8em; }
.h5p-is-info.h5p-is-meldung, .h5p-is-meldung.h5p-is-info { background: #f0f6fc; color: #1d2327; }
.h5p-is-fehler { background: #fcf0f1; color: #8a1f24; border: 1px solid #d63638; }
.h5p-is-erfolg { background: #edfaef; color: #135e2a; border: 1px solid #00a32a; }

.h5p-is-karte {
  display: flex; flex-direction: column; gap: .15em;
  padding: .9em 1em; margin-bottom: .6em;
  border: 1px solid #dcdcde; border-left: 4px solid #2271b1; border-radius: 4px;
  background: #f6f7f7;
}
.h5p-is-karte-typ { font-size: .8em; text-transform: uppercase; letter-spacing: .04em; color: #2271b1; font-weight: 600; }
.h5p-is-karte-name { font-weight: 600; word-break: break-all; }
.h5p-is-karte-groesse { font-size: .85em; color: #646970; }

