#umfrageForm .inputWrap .radio label, 
#umfrageForm .inputWrap label.checkboxLabel {
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
}

#umfrageForm .pager{
	padding: 50px 0 0 0;
	
}

#umfrageForm .pager ul{
	margin: 0 -40px 0 0 ;
	padding: 0;
}
#umfrageForm .pager ul li{
	float: left;
	list-style: none;
	line-height: 40px;
	width: 33.3%;
	margin-left: -20px;
	position: relative;
	text-align: center;
	padding: 0 40px;
	color: #fff;
    font-weight: 600;
	background: url(../../media/vector/pager.svg) no-repeat top right;
}



#umfrageForm .pager ul li.done{
	background: url(../../media/vector/pager-active.svg) no-repeat top right;
}


#umfrageForm .pager ul li.first{
	margin-left: 0;
	text-indent: -20px;
}

#umfrageForm .pager ul li.n1{
	z-index: 10;
}
#umfrageForm .pager ul li.n2{
	z-index: 9;
}
#umfrageForm .pager ul li.n3{
	z-index: 8;
}
#umfrageForm .pager ul li.n4{
	z-index: 7;
}

#umfrageForm .visibleFrage11,
#umfrageForm .visibleFrage31,
#umfrageForm .visibleFrage4,
#umfrageForm .visibleFrage641,
#umfrageForm .visibleFrage81,
#umfrageForm .visibleFrage811{
	display: none;
	opacity: 0;
}

#umfrageForm .multipleCheckbox .inputWrap {
    float: left;
    margin-right: 25px;
}

#umfrageForm .step{
	display: none;
	overflow: hidden;
}

#umfrageForm .step.visible{
	display: block;
}


#umfrageForm .question{
	padding-top: 12px;
}
#umfrageForm .sub-label{
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: 500;
}

#umfrageForm .questiongrid{
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	
}

.wichtigkeit-legend{
	font-size: 12px;
	font-family: "Mark Pro Narrow";
	font-weight: normal;
	color: #999;
	text-align: left;
}
.wichtigkeit-grid{
	text-align: left;
}

.radioGroup .wichtigkeit-grid .radio{
	margin-right: 0px;
}
.wichtigkeit-grid .col-md-3,
.wichtigkeit-legend .col-md-3{
	padding: 0 !important;
}

.wichtigkeit-grid .col-md-3,
.wichtigkeit-legend .col-md-3{
	text-align: center;
}

.wichtigkeit-grid .iradio,
.checkboxGroup .icheckbox{
	float: none;
	margin-right: 0px;
}
.checkboxGroup .icheckbox{
	margin-right: 5px;
	position: relative;
	top: -2px;
}
.wichtigkeit-legend{
	position: absolute;
	bottom: 5px;
	left: 15px;
	right: 15px;
}


.equal {
  display: flex;
  flex-wrap: wrap;
}

.equal > div[class*='col-'] {  
  display: flex;
  flex-direction: column;
  
}

#umfrageForm .sbHolder{
	width: 100%;
	border-color: #ccc;
}

#umfrageForm .sbHolder .sbSelector:link{
	color: #000 !important;
}

#umfrageForm .sbHolder .sbSelector:hover{
	color: #fff !important;
}

#umfrageForm .outputRange{
	padding: 0 0 20px 0px;
}
#umfrageForm .outputRange output{
	
	font-weight: 500;
}
.inputWrap .radio label.onlyMobileVisible, 
.form-row .radio label.onlyMobileVisible{
	display: none;
}

.radioGroup .radio.noFloat{
	float: none;
}


	#umfrageForm .inputWrap .radio{
		margin-bottom: 5px;
	}
	#umfrageForm .inputWrap .radio .iradio{
		float: none;
		margin-right: 8px;
		position: relative;
		top: -2px;
	}
	
	.marginBottom5{
		margin-bottom: 5px;
	}
	.marginBottom10{
		margin-bottom: 10px;
	}
	
	#umfrageForm .question .num,
	#umfrageForm .sub-label .num{
		float: left;
		display: block;
		color: #e54a79;
		font-family: "Mark Pro";
		font-weight: 600;
		padding-right: 10px;
		
	}
	#umfrageForm .sub-label .num{
		color: #999;
		font-weight: 500;
	}
	
	.greybg{
		background: #f6f6f6;
	}
	
	.frage21input{
		display: none;
	}
	
	.epdThumb{
		width: 100%;
		height: auto;
	}
	.emp{
		border: 2px solid #e54a79 !important;
	}
	.emp.active{
		background: #fff;
		color: #000;
		border: 2px solid #ccc !important;
		pointer-events: none;
	}