/* Pflichtkennzeichnung und Feldfehler nach Figma 85:7082. */
.field__required {
  color: var(--pink);
}

.field__required-hint {
  margin: 0;
  color: var(--grau-text);
  font-size: 0.75rem;
}

.field__error {
  margin: 0;
  color: #c00;
  font-size: 0.625rem;
  font-weight: 700;
}

.field__error-icon {
  position: absolute;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
  pointer-events: none;
}

.input[data-field-feedback]:user-invalid {
  border-color: var(--grau-rahmen);
}

.input[data-field-feedback][aria-invalid='true'] {
  border-color: #f00;
  background: rgb(255 0 0 / 5%);
}

.allergy__textarea[data-field-feedback][aria-invalid='true'] {
  background: var(--weiss);
}

.allergy__textarea ~ .field__error-icon {
  display: none;
}

.checkbox:has([data-field-feedback]) {
  border: 1px solid transparent;
}

.checkbox:has([data-field-feedback][aria-invalid='true']) {
  border-color: #f00;
}