/* 
Anpassungen:
- Textanpassung Progressbar RSFP_PROGRESS_PAGE
- Template multistep.css einbinden (unter Layout)
- Bei Slidern auf Design HTML5 umstellen



*/

.multistepseidl {
	padding:0px;
	
}



/* FRAGEN Schaltflächen RADIO */
.multistepseidl .rsform-type-advradio .formControls .rsfpa-radio input[type="radio"]
{
  display: none !important; /* Versteckt den tatsächlichen Radio-Button */
}
.multistepseidl .rsform-type-advradio .formControls label 
{
  background-color: #2B2B2B;
  color:#ffffff;
   cursor:pointer;  
   padding:10px;
	display: table;
  width: 100%;
}
.multistepseidl .rsform-type-advradio .formControls label:hover 
{
  background-color: #BF5C54;
  color:#fff;
}
.multistepseidl .rsform-type-advradio .formControls .rsfpa-radio 
{
  background-color:#D9D9D9;
  margin-bottom:15px;
}
.multistepseidl .rsform-type-advradio .formControls .rsfpa-radio:hover 
{
  background-color: #BF5C54 !important;
}
.multistepseidl .fp-radio {
	display:none;
}
.multistepseidl .checked + label {
	  background-color: #2B2B2B !important;
  color: #fff !important;
}


/* FRAGEN Schaltflächen CHECKBOX */
.multistepseidl .rsform-type-advcheckbox .formControls .rsfpa-checkbox input[type="checkbox"]
{
  display: none; /* Versteckt den tatsächlichen Radio-Button */
}
.multistepseidl .rsform-type-advcheckbox .formControls label 
{
  background-color: #D9D9D9;
  color:#2B2B2B;
   cursor:pointer;  
   padding:10px;
	display: table;
  width: 100%;
}
.multistepseidl .rsform-type-advcheckbox .formControls label:hover 
{
  background-color: #BF5C54;
  color:#fff;
}
.multistepseidl .rsform-type-advcheckbox .formControls .rsfpa-checkbox 
{
  background-color:#D9D9D9;
  margin-bottom:15px;
}
.multistepseidl .rsform-type-advcheckbox .formControls .rsfpa-checkbox:hover 
{
  background-color: #BF5C54 !important;
}
.multistepseidl .fp-checkbox {
	display:none;
}
.multistepseidl .checked + label {
	  background-color: #BF5C54 !important;
  color: #fff !important;
}







.rsform-select-box {
  background-color: transparent;
  color: var(--white)!important;
  border-radius: 5px!important;
  border: 1px solid var(--farbehell)!important;
  min-height: 45px;

}











/* ALLGEMEINE ANPASSUNGEN */
.multistepseidl label {
	margin:0px !important;
	font-size: 1.0em;
}
.multistepseidl .formplate .fp-checkbox, .multistepseidl .formplate .fp-radio {
  display:none !important;
}
.multistepseidl .formplate .fp-checkbox, .multistepseidl .formplate .fp-radio {
  margin-left:10px;
  margin-top:10px;
}
.multistepseidl .rsform-type-freetext {
	margin-bottom:30px;
}



.multistepseidl a {
	color: var(--farbehell);
}	

.multistepseidl .form-control {
	box-shadow: unset;
	border: unset;
	border-bottom: 2px dotted gray;
}

.multistepseidl .btn-group {
	display: flex;
    gap: 2rem;
    justify-content: end;
}







.multistepseidl .progress {
  /*display:none !important;*/
  background-color: #fff;
  border-radius: 0px;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  margin-top:30px;
  height:4px !important;
}
.progress-bar {
  background-color: #BF5C54;
	box-shadow: none !important;
}
.progress-bar em {
	opacity: 0 !important;
}
.multistepseidl .rsform-type-advradio .control-label,
.multistepseidl .rsform-type-rangeslider .control-label, 
.multistepseidl .rsform-type-advcheckbox .control-label 
{
	margin:0px !important;
	font-size: 1.4em;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}
.multistepseidl .rsfp-skinHtml5 .irs-line {
  background: #D9D9D9 !important;
  border: 1px solid #D9D9D9;
  border-radius: 0px;
  -moz-border-radius: 0px;
}
.multistepseidl .rsfp-skinHtml5 .irs-from, 
.multistepseidl .rsfp-skinHtml5 .irs-to, 
.multistepseidl .rsfp-skinHtml5 .irs-single {
  color: #fff;
  font-size: 1.3em;
  padding: 1px 5px;
  background: #2B2B2B;
  border-radius: 0px;
  -moz-border-radius: 0px;
  margin-top:-10px;
}
.multistepseidl .rsfp-skinHtml5 .irs-bar {
  border-top: 1px solid #000001;
  border-bottom: 1px solid #000001;
  background: #000001;
}
.multistepseidl .rsfp-skinHtml5 .irs-bar-edge {
  border: 1px solid #000001;
    border-right-color: #000001;
  background: #000001;
  border-radius: 0px;
  -moz-border-radius: 0px;
}
.multistepseidl .rsfp-skinHtml5 .irs-slider {
  border: 1px solid #000001;
  background: #000001;
  box-shadow: inherit;
}
.multistepseidl .formRed {
display:none;
}
.multistepseidl .rsfp-skinHtml5 .irs-min, 
.multistepseidl .rsfp-skinHtml5 .irs-max {
  color: #000001;
  background: #D9D9D9;
  border-radius: 0px;
  -moz-border-radius: 0px;
}