#li_1, #li_2, #li_3, #li_4, #li_5, #li_6, #li_7 {
  margin-left: -35px;}

fieldset {
	height: 932px;
}

.vname {
	width: 50%;
	float: left;
	display: inline-block;}

.nname {
	width: 50%;
	display: inline-block;}

.konfiguratorImg {
  margin-top: 2rem;
  margin-bottom: 1.5rem;}
  
label h4 {
	font-weight: bolder;
	background: ##33343f;
padding:0;}

.form-wrapper input[type="radio"] + label h4 {
  margin: 0;}

h4 {
  color: #000 !important;
  font-size: 18px;
}
	
#li_6 {
	margin-top: 1rem;}
#li_7 {
	margin-top: 1rem;}
	
 .three {
  width: 32.5%;}


/* Farbe  und Höhe des Fortschritt-Balkens */
#myBar {
	height: 15px;
	background: #A5194A;}
 
}
#myProgress {
  position: relative;
  bottom: 20px;
  width: 100%;
  background-color: #A5194A45!important;
  transition: all 1s linear;
  margin-bottom: 200px !important;}
/**/

.form-wrapper .button-back:hover, .form-wrapper .submit:hover {
background: #FC5B90;}

.form-wrapper .submit:hover {
  color: #fff;
  border: none;
  background: #FC5B90!important;}

.form-wrapper .section {
background-color: #787374;}

/* Hintergrundfarbe der Schaltflächen*/
.form-wrapper input[type="radio"] + label{
  background: #FFFFFF!important;}
	
.form-wrapper .submit {
	background-color: #A5194A;}
  
.endForm .description.dsgvo {
	font-size: 12px;}

.form-wrapper .section {
	width: 100%;}

.wrapper.fun--nel {
	width: 100%;
	padding-top: 2rem;}
	
@media only screen and (max-width: 1200px) {
	fieldset {
		height: 800px;
	}
}
  
@media only screen and (max-width: 991px) {
	.form-wrapper input[type="radio"] + label h4 {
		margin: 10px;}
  
	label h4 {
		padding: .5rem;
		height: 50px;}
  }

@media only screen and (max-width: 922px) {
	 .thre {
		width: 49.7%;}
		
	.col {
		margin:0;}
		
	.konfiguratorImg {
		margin-top: 0;}
		
	.endForm5050 {
		width: 100% !important;
		margin-left: -0px !important;}
		
	/*#PLZ-Ort, #Rufnummer, #E-Mail {
		width: 85%;}*/
		
	label h4 {
		padding: 0;
		height: 0;
		padding-bottom: .5rem;}
	
	.form-wrapper input[type="radio"] + label {
		min-height: 100px !important;}
		
	.konfiguratorImg {
		margin-bottom: 0;}
	
	.row.cf {
		padding-bottom: 0;}
	
	.row.cf.x2 {
		padding-top: 0;}
		
	.form-wrapper .button-back/*, .form-wrapper .submit*/ {
		margin-top: 1.5rem;}
	
	fieldset {
		height: 960px;}
}

.vname {
	width: 100%;
	float: inherit;
	display: inherit;}

	.nname {
		width: 100%;
		display: inherit;}
		
@media only screen and (max-width: 600px) {
	.form-wrapper input[type="text"], .form-wrapper input[type="password"] {
		width: 85%;}
		
	.form-wrapper input[type="radio"] + label {
		height: 80px !important;
		min-height: 80px !important;}
			
	.thre {
		width: 100%;}
		
	label h4 {
		font-size: 25px;}
		
	.form-wrapper input[type="text"]{
		display: block;
		padding: 10px;
		margin: 5px auto;
		background-color: #f1f1f1;
		border: none;
		width: 70%;
		outline: none;
		font-size: 14px !important;
		font-family: 'Open Sans', sans-serif !important;
		font-weight: 200;}
}

@media only screen and (max-width: 800px) {
	.form-wrapper input[type="radio"] + label{
		border: 3px solid #fff;}
}

@media only screen and (max-width: 550px) {
	label h4 {
		font-size: 20px;}
}

@media only screen and (max-width: 500px) {
	.form-wrapper input[type="text"], 
	.form-wrapper input[type="tel"], 
	.form-wrapper input[type="email"]{
		margin-left: auto;
		margin-right: 1.2rem;
		width:80%;}
}

@media only screen and (max-width: 400px) {
	.form-wrapper input[type="text"], 
	.form-wrapper input[type="tel"], 
	.form-wrapper input[type="email"] {
		width: 75%;}
		
	.form-wrapper input[type="radio"] + label h4 {
		margin-top: 0;}
		
	#li_6 {
		margin-top: 1rem;
		width: 120%;
		margin-left: -1rem;}
}