/*! Generated from Resources/Public/Less/form.less (gulp compile-form-less) - do not edit */
.frame-ctype-form_formframework form {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 2em;
  color: #333
}
.frame-ctype-form_formframework form * {
  color: #333
}
.frame-ctype-form_formframework form > .form-element-after-submit {
  order: 2
}
.frame-ctype-form_formframework form > .actions {
  order: 1
}
.frame-ctype-form_formframework .highlight,
.frame-ctype-form_formframework .required {
  color: var(--sp-farbe,#c31924)!important
}
.frame-ctype-form_formframework .form-element-fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none
}
.frame-ctype-form_formframework .form-element-fieldset > legend {
  display: none
}
.frame-ctype-form_formframework .form-element {
  position: relative;
  display: flow-root;
  width: 100%;
  clear: both
}
.frame-ctype-form_formframework .form-element[hidden] {
  display: none
}
.frame-ctype-form_formframework .form-element > .error,
.frame-ctype-form_formframework .form-element > .form-control,
.frame-ctype-form_formframework .form-element > .form-select,
.frame-ctype-form_formframework .form-element > .form-text,
.frame-ctype-form_formframework .form-element > .invalid-feedback {
  float: left;
  display: block;
  box-sizing: border-box;
  width: 70%;
  margin: 0 0 2% 5%
}
.frame-ctype-form_formframework .form-element > .form-control,
.frame-ctype-form_formframework .form-element > .form-select {
  height: 2.8em;
  padding: 8px 10px;
  border: 1px solid #bbb;
  border-radius: 0;
  background-color: #fff;
  font: inherit
}
.frame-ctype-form_formframework .form-element > textarea.form-control {
  height: 8em
}
.frame-ctype-form_formframework .form-element > input[type=file].form-control {
  height: auto
}
.frame-ctype-form_formframework .form-element > .form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../Images/arrow-down.svg);
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: 13px 13px
}
.frame-ctype-form_formframework .form-element .error,
.frame-ctype-form_formframework .form-element .help-block,
.frame-ctype-form_formframework .form-element .invalid-feedback {
  clear: both;
  margin-left: 30%;
  color: var(--sp-farbe,#c31924)!important
}
.frame-ctype-form_formframework .form-element .has-error .form-control,
.frame-ctype-form_formframework .form-element .is-invalid {
  border-color: red
}
.frame-ctype-form_formframework .form-element > .form-label,
.frame-ctype-form_formframework .form-element-checkbox > legend,
.frame-ctype-form_formframework .form-element-multicheckbox > legend,
.frame-ctype-form_formframework .form-element-radio > legend {
  float: left;
  display: block;
  box-sizing: border-box;
  width: 25%;
  height: 2.8em;
  margin: 0;
  padding: 8px 0;
  font-size: inherit
}
.frame-ctype-form_formframework fieldset.form-element-multicheckbox,
.frame-ctype-form_formframework fieldset.form-element-radio {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none
}
.frame-ctype-form_formframework .form-element-multicheckbox > div,
.frame-ctype-form_formframework .form-element-radio > [role=group],
.frame-ctype-form_formframework .form-element-radio > [role=radiogroup] {
  float: left;
  box-sizing: border-box;
  width: 70%;
  margin: 0 0 2% 5%
}
.frame-ctype-form_formframework .form-element-radio > [role=radiogroup] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .25em 1.5em;
  min-height: 2.8em
}
.frame-ctype-form_formframework .form-element-multicheckbox > div,
.frame-ctype-form_formframework .form-element-radio > [role=group] {
  display: flex;
  flex-direction: column;
  gap: .4em;
  padding-top: 8px
}
.frame-ctype-form_formframework .form-check {
  margin: 0
}
.frame-ctype-form_formframework .form-check-wrapping-label {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  cursor: pointer
}
.frame-ctype-form_formframework .form-check-input {
  position: static;
  left: auto;
  display: inline-grid;
  flex: 0 0 auto;
  place-content: center;
  box-sizing: border-box;
  width: 1.2em;
  height: 1.2em;
  margin: 0;
  border: 1px solid #bbb;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}
.frame-ctype-form_formframework .form-check-input::before {
  content: '';
  width: .6em;
  height: .6em;
  background: var(--sp-farbe,#c31924);
  transform: scale(0);
  transition: transform .12s ease-in-out
}
.frame-ctype-form_formframework .form-check-input[type=radio],
.frame-ctype-form_formframework .form-check-input[type=radio]::before {
  border-radius: 50%
}
.frame-ctype-form_formframework .form-check-input[type=checkbox]::before {
  width: .75em;
  height: .75em;
  clip-path: polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)
}
.frame-ctype-form_formframework .form-check-input:checked,
.frame-ctype-form_formframework .form-check-input:hover {
  border-color: var(--sp-farbe,#c31924)
}
.frame-ctype-form_formframework .form-check-input:checked::before {
  transform: scale(1)
}
.frame-ctype-form_formframework .form-check-input:focus-visible {
  outline: 2px solid var(--sp-farbe,#c31924);
  outline-offset: 2px
}
.frame-ctype-form_formframework .form-check-input:disabled {
  cursor: not-allowed;
  opacity: .5
}
@media (prefers-reduced-motion:reduce) {
  .frame-ctype-form_formframework .form-check-input::before {
    transition: none
  }
}
.frame-ctype-form_formframework .form-element-statictext {
  clear: both
}
.frame-ctype-form_formframework .actions {
  display: flow-root;
  margin: .6em 0 1em
}
.frame-ctype-form_formframework .form-navigation {
  float: right
}
.frame-ctype-form_formframework .form-navigation .btn {
  margin: 0;
  padding: .5em .7em;
  border: none;
  border-radius: 0;
  background-color: var(--sp-farbe,#c31924);
  color: #fff!important;
  font: inherit;
  line-height: 100%;
  cursor: pointer
}
.frame-ctype-form_formframework .form-navigation .btn.is-disabled {
  cursor: not-allowed;
  opacity: .5
}
.frame-ctype-form_formframework .form-control::-moz-placeholder {
  color: #333;
  opacity: 1
}
.frame-ctype-form_formframework .form-control::placeholder {
  color: #333;
  opacity: 1
}
@media only screen and (max-width:440px) {
  .frame-ctype-form_formframework form {
    font-size: 80%
  }
  .frame-ctype-form_formframework form small {
    font-size: 90%
  }
}