/* styles */
body {
	background: #051f31;
}
.rsform-block label.uk-form-label {
	margin-bottom: 1rem;
}
.formControls label {
	
}
#userForm {
	max-width: 600px;
	margin: 0 auto;
}
.formValidation .formError {
	color: #fff;
	display: block;
}

.rsform-type-pagebreak .formControls {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rsform-button-prev {
  margin-right: auto;
}

.rsform-submit-button,
.rsform-button-next {
  margin-left: auto;
}

input[readonly] {
  border: none;
  background: transparent;
  box-shadow: none;
  pointer-events: none;  /* verhindert Fokus und Klick */
  outline: none;         /* kein blauer Rahmen beim Tab */
  width: 50px;
  height: 50px;
  background: green;
  color: #fff;
  border-radius: 300px;
  font-size: 26px;
}

input[readonly]:focus {
  outline: none;
}
.spinner-overlay {
  position: fixed;
  z-index: 99999;
  left: 0; top: 0; right: 0; bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.8);
  flex-direction: column;
}
.spinner {
  border: 6px solid #ffffff;
  border-top: 6px solid #46c631;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  animation: spin 1.1s linear infinite;
  margin-bottom: 0.8em;
}
@keyframes spin {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}
.spinner-text {
  font-size: 1.1em;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.04em;
}