/* Einheitliche, gut sichtbare Auswahlfelder im Pixel-Klassenraum. */
body select {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  min-height: 48px;
  width: min(100%, 30rem);
  max-width: 100%;
  padding: .68rem 3rem .68rem .85rem;
  border: 2px solid #78909c;
  border-radius: .65rem;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 7.5 5 5 5-5' stroke='%23173e49' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .85rem center;
  color: #173e49;
  font: inherit;
  line-height: 1.35;
  cursor: pointer;
}
body select:hover:not(:disabled) { border-color: #176173; }
body select:focus-visible {
  outline: 3px solid #d69920;
  outline-offset: 3px;
  border-color: #176173;
}
body select:disabled { opacity: .65; cursor: not-allowed; }
body select option { color: #173e49; background: #fff; }
body select.status-choice { width: 100%; min-width: 11rem; }
@media (max-width: 600px) {
  body select { width: 100%; }
  body select.status-choice { min-width: 0; }
}