/*
body {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 100px;
}
*/

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/* jquery validation */
label.error {
    color: #e7505a;
    margin-left: 10px;
    padding: 7px;
}
input.error {
    border: 2px solid #e7505a;
}

.radio{
  /* display: block; */
  cursor: pointer; 
  user-select:none;
  text-align: left;
  &+.radio{
	margin-top: 12px;
  }
  input{
	display: none;
	&+span{
	  display: inline-block; 
	  position: relative;
	  padding-left: 30px;
	  &:before{
		content: '';
		display: block; 
		position: absolute;
		top: 0px;
		left: 0px;
		border-radius: 50%;
		margin-right: 5px;
		width: 16px;
		height: 16px;
		border: 1px solid #ccc;
		background: #fff;
	  }
	  &:after{
		content: '';
		display: block; 
		width: 10px;
		height: 10px;
		background: #399;
		position: absolute;
		border-radius: 50%;
		top: 3px;
		left: 3px;
		opacity: 0;
		transform: scale(0,0); 
		transition: all .2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
	  }
	}
	&:checked+span:after{
	  opacity: 1;
	  transform: scale(1,1);
	}
  }
}
/* END CHECKBOX STYLE */

/* selectors */

select.schuhtyp, 
select.material,
select.decselect {
	border: 1px solid #30a9a9;
	font-size: 16px;
	/* height: 35px; */
	padding: 10px;
	color: #858585;
	width: 280px;
	margin-top: 10px;
	background-color: white;
	border-radius: 7px;
}

.fraes_chooser {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	font-size: 14px;
}
.fraes_chooser_item {
	position: relative;
	/* display: flex; */
	flex-direction: column;
	align-items: center;
	flex: 1;
}
.fraes_chooser_item.first-child {
	width: 30%;
}
.fraes-image img{
	max-height: 62px;
	width: auto;
}
#fraes_preview span,
#fraes_matpreview span, 
#fraes_decpreview span {
	top: 20px;
	display: block;
	position: relative;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.konfitip {
	display:inline-block;
	position:relative;
	text-align:left;
}

.konfitip .top {
	min-width:200px; 
	top:-20px;
	left:50%;
	transform:translate(-50%, -100%);
	padding:10px 20px;
	color:#525252;
	background-color:#fff;
	font-weight:normal;
	font-size:13px;
	border-radius:8px;
	position:absolute;
	z-index:99999999;
	box-sizing:border-box;
	box-shadow: 0px 10px 15px 0px rgba(52, 47, 48, 0.1);
	border: 1px solid #eeeeee;
	display:none;
}
.wizard_text h2 {
	float: left;
}
.wizard_text .h2 {
	font-size: 1.075rem;
	font-weight: bold;
	color:#525252;
}
@media (max-width: 991.98px) {
	.wizard_text .h2 {
		font-size: 1.075rem;
	}
	#stoerermobil {
		margin-top: 95px;
	}
	.wizard_text .h2 {
		font-size: 1.075rem;
	}
}


.konfitip:hover .top {
	display:block;
}

.konfitip span {
	font-size: 20px;
	margin-left: 5px;
}

.konfitip .top i {
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-12px;
	width:24px;
	height:12px;
	overflow:hidden;
}

.konfitip .top i::after {
	content:'';
	position:absolute;
	width:12px;
	height:12px;
	left:50%;
	transform:translate(-50%,-50%) rotate(45deg);
	background-color:#EEEEEE;
	background-color:#fff;
	box-shadow: 0px 10px 15px 0px rgba(52, 47, 48, 0.1);

}

.debug {
	font-size: 11px;
	color: #e7505a;
	margin-top: 35px;
	line-height: 10px;
	overflow-wrap: break-word;
}


.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #30a9a9;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  left: -35px;
  top: 60px;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

#stoerer_2 {
	box-shadow: 0px 10px 15px 0px rgba(52, 47, 48, 0.1);
	border-radius: 10px;
	background-color: #f4f5f6;
	margin: 35px 0px 75px 0px;
}

#stoerer_2 .s300_2 {
	display: flex;
	text-orientation: mixed;
	color: #848484;
	font-weight: 500;
	font-size: 30px;
	text-align: center;
}
#stoerer_2 .conf_div {
	width: 25%;
    padding: 25px;
}

#stoerer_2 .conf_div:hover {
	color: #fff;
	background-color: #329696;
	border-radius: 10px 10px 0px 0px;
}
#stoerer {
	z-index: 300;
	position: fixed;
	left: 0;
	top: 32%;
	left: 0;
	margin-left: auto;
	box-shadow: 0px 10px 15px 0px rgba(52, 47, 48, 0.1);
	border-radius: 0px 15px 15px 0px;
	background-color: #f4f5f6;
}

#stoerermobil {
	background-color: #f4f5f6;
}

.product-detail-content2 {
	margin-bottom: 30px;
}

#product-map {
	min-height: 600px;
}

/* waves */
.wave{
  position: relative;
  /* overflow: hidden; */
  cursor: pointer;
}
.wave-bubble{
  transition: all 300ms;
  width: 0px;
  height: 0px;
  position: absolute;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-radius: 50%;
  /* background-color: rgba(255, 255, 255, 0.50); */
  -webkit-transform: translate(-50%, 0); 
}

#stoerermobil {
	display: none;	
}
#stoererm {
	display: none;	
}
#stoererm {
	box-shadow: 0px 10px 15px 0px rgba(52, 47, 48, 0.1);
	border-radius: 10px;
	background-color: #f4f5f6;
	margin: 10px 0px 75px 0px;
}

#stoererm .s300_m_2 {
	display: flex;
	text-orientation: mixed;
	color: #848484;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
}

#stoererm .conf_div {
	width: 25%;
	padding: 25px;
}

#stoererm .conf_div:hover {
	color: #fff;
	background-color: #329696;
	border-radius: 10px 10px 0px 0px;
}

@media (max-width: 991.98px) {
	
	#stoerer_2 {
		display: none;
	}
	
	#stoererm {
		display: block;	
	}

	
	
	/* #stoerermobil {
		display: block;	
	} */
	.single_add_to_cart_button {
		font-size: 12.5px !important;
	}
}



@media (max-width: 565px) {
	
	.inner-config-helper .fas {
		font-size: 32px;
	}
	.inner-config-helper span {
		display: none;
	}
	.inner-config-helper .number {
		display: none;
	}


}

.conf_head_button {
	background-color: #f4f5f6;
	padding:15px;
	border-radius: 10px;
}


.conf_head_button_bottom {
	text-align: center;
}
.conf_head_button_bottom {
	display: none;
}

.conf_head_button select {
	background-color: #FFF;
	border: 1px solid #30a9a9;

}

.conf_images_bottom {
	display: none;
}

.conf_wizard {
	margin-bottom: 35px;
}

.wizard_text  {
	font-size: .8rem;
	color: #329696;
	margin-bottom: 1.0rem;
}
.wizard_text h2 {
	font-size: 1.0rem;
	color: #424242;
	margin-bottom: 0rem;
}

.product-detail-content2 .radio_schuhart,
.product-detail-content2 select {
	margin-bottom: 1rem;
}
.product-detail-content2 #sf_damenschuh,
.product-detail-content2 #sf_herrenschuh {
	-ms-transform: scale(1.2); /* IE 9 */
	-webkit-transform: scale(1.2); /* Chrome, Safari, Opera */
	transform: scale(1.2);
	accent-color: #30a9a9;
}

.konf-image {
	/* margin: 5% 0px; */
	position: relative;
	min-height: 640px;
	border-radius: 5px;
}
.konf-image img,
.konfigurator-image img {
	/* max-height: 640px; */
	border-radius: 5px;
}
.k-product-detail-images-items {
  border: 1px solid #eeeeee;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(238, 238, 238);
  // border-bottom: 2px solid #329696;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 10px 15px 0px rgba(52, 47, 48, 0.1);
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
}
.product-detail-images-items200 {
  display: none;
}

#config_text_xs {
	display: none;
	opacity: 0;
}
@media (max-width: 768px) {

	.radio_schuhart label {
		font-size: 0.8rem;
	}

	.conf_head_wizard {
		width: 100% !important;
	}

	.conf_head_button_top {
		display: none;
	}
	.conf_images_top {
		/* display: none; */
		margin-bottom: 50px;
	}
	.conf_images_bottom {
		display: block;
	}

	.conf_head_button_bottom {
		display: block;
	}
	.product-detail-images2 {
		/* display: none; */
	}
	.product-detail-images {
		display: block;
	}
	.conf_head_button {
		width: 100% !important;
		float: none !important;
	}
	.product-detail-images-items200 {
		display: block;
	}

	/* .konf-image {
		position: relative;
	} */

	#stoerermobil {
		min-height: 120px;
		margin-top: 25px;
		padding: 15px;
	}
	
	#stoerermobil .config-helper-bg {
/* 		border: 1px solid #666; */
		display: flex;
		height: auto;
	}
	
	#stoerermobil .config-helper-bg .config-helper {
		width: 25%;
/* 		border: 1px solid #0ab200; */
		padding: 5px;
	}

	#stoerermobil .config-helper-bg .config-helper .inner-config-helper {
		padding: 5px;
/* 		border: 1px solid #b3002b; */
		
		background-color: #fff;
		border-radius: 15px;
		font-size: 14px;
		display: grid;
		border: 7px solid #ffffff;
	}

	#stoerermobil .config-helper-bg .config-helper .helper-r {
		background-color: #f4f5f6;;
	}

	#stoerermobil .inner-config-helper i {
		text-align: center;
		font-size: 32px;
		padding: 15px 0px;
	}
	#config_text_xs {
		display: block;
		opacity: 1;
	}
	.product-detail-ct {
		margin-bottom: 10px;
	}
}


	
@media (max-width: 1024px) {



	#stoerermobil {
		min-height: 120px;
		margin-top: 85px;
		padding: 15px;
	}
	
	#stoerermobil .config-helper-bg {
/* 		border: 1px solid #666; */
		display: flex;
		height: auto;
	}
	
	#stoerermobil .config-helper-bg .config-helper {
		width: 25%;
/* 		border: 1px solid #0ab200; */
		padding: 5px;
	}

	#stoerermobil .config-helper-bg .config-helper .inner-config-helper {
		padding: 5px;
/* 		border: 1px solid #b3002b; */
		
		background-color: #fff;
		border-radius: 15px;
		font-size: 14px;
		display: grid;
		border: 7px solid #ffffff;
	}

	#stoerermobil .config-helper-bg .config-helper .helper-r {
		background-color: #f4f5f6;;
	}

	#stoerermobil .inner-config-helper i {
		text-align: center;
		font-size: 32px;
		padding: 15px 0px;
	}

}



/* #stoerer .s300 {
	display: block;
}


#stoerer .s300 {
	text-orientation: mixed;
	padding: 22px;
	color: #848484;
	font-weight: 500;
	font-size: 30px;
	text-align: center;
}
#stoerer .s300 i {
	padding: 20px 0px;
}

#stoerer hr {
	padding: 0px;
	margin: 10px 0px !important;
} */

#conf_mydiv,  
#order_mydiv,  
#scan_mydiv, 
#truck_mydiv,
#conf_mydiv_m_2,  
#order_mydiv_m_2,  
#scan_mydiv_m_2, 
#truck_mydiv_m_2 {
	cursor: pointer;
}

.confmydivdiv, 
.ordermydivdiv, 
.scanmydivdiv, 
.reorderdivdiv {
	display: none;
	position: absolute;
	box-shadow: 0px 10px 15px 0px rgba(52, 47, 48, 0.1);
	border-radius: 0px 15px 15px 0px;
	z-index: 9999;
	left: 80px;
	width: 350px;
	background-color: #f4f5f6;
	color: #333;
	font-size: 14px !important;
	padding: 30px 20px;
	min-height: 150px;
}

.confmydivdiv_2, 
.ordermydivdiv_2, 
.scanmydivdiv_2, 
.reorderdivdiv_2 {
	display: none;
	box-shadow: 0px 10px 15px 0px rgba(52, 47, 48, 0.1);
	border-radius: 0px 0px 10px 10px;
	z-index: 9999;
	background-color: #329696;
	color: #fff;
	font-size: 14px !important;
	padding: 30px 20px;
	min-height: 210px;
}

.confmydivdiv_m_2, 
.ordermydivdiv_m_2, 
.scanmydivdiv_m_2, 
.reorderdivdiv_m_2 {
	display: none;
	box-shadow: 0px 10px 15px 0px rgba(52, 47, 48, 0.1);
	border-radius: 0px 0px 10px 10px;
	z-index: 9999;
	background-color: #329696;
	color: #fff;
	font-size: 14px !important;
	padding: 30px 20px;
	min-height: 210px;
}
.reorderdivdiv_m_2 {
	right: 0px;
	position: relative;

}


.reorderdivdiv_2 {
	right: 0px;
    position: relative;

}
.confmydivdiv {
	top: 20px;
}
.ordermydivdiv, 
.scanmydivdiv  {
	top: 110px;
}
/*
.scanmydivdiv {
	top: 810px;
}
*/
.reorderdivdiv {
	top: 200px;
}

.labeldiv {
	margin: 20px 0px;
}
.buttondiv {
	margin-top: 20px;
}


#conf_head {
	width: 100%;
	font-size: 12px;
	height: 80px;
	display: block;
}

.conf_head_wizard h2 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
}
.config_text {
	font-size: 12px;
	font-weight: 400;
	color: #329696;
}
.config_text h2 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
	color: #424242;
}





.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  text-align: center;
}
.step-style-xs {
	display: none;
}
@media (max-width: 768px) {
	.step-style {
		display: none;
	}
	.step-style-xs {
		display: block;
	}
	.stepper-item {
		font-size: 12px;
	}
}
  


.stepper-item::before {
	position: absolute;
	content: "";
	border-bottom: 2px solid #f4f5f6;
	width: 100%;
	top: 32px;
	left: -50%;
	z-index: 2;
}

.stepper-item::after {
	position: absolute;
	content: "";
	border-bottom: 2px solid #f4f5f6;
	width: 100%;
	top: 32px;
	left: 50%;
	z-index: 2;
}

.stepper-item .step-counter {
	position: relative;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #f4f5f6;
	margin-bottom: 6px;
	border: 1px solid #30a9a9;
}

.stepper-item.active {
  font-weight: bold;
}

.stepper-item.completed .step-counter {
  background-color: #30a9a9;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
/*   border-bottom: 2px solid #30a9a9; */
  width: 100%;
  top: 32px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}

.config_text {
  min-height: 10px;
/*   display: block; */
}

#config_text #wizard_0,
#config_text #wizard_1,
#config_text #wizard_2,
#config_text #wizard_3,
#config_text #wizard_4 {
	display: none;
}

.step-material-value, 
.step-decke-value {
	transition: 0.2s;
}
.config_text-xs {
/* 	padding: 15px;	 */

}
.config_text-xs h2 {
	font-size: 18px;
	font-weight: 600;
}
.config_text h2 {
  margin-bottom: 5px;
}

.config_text, .text1, .text2, .text3 {
	font-size: 14px;
	font-weight: 400;
}

.konfigurator-image {
	text-align: center;
	/* min-height: 640px; */
}
@media (max-width: 1249px) {

	.konfigurator-image {
		/* min-height: auto; */
	}
	.konfigurator-image img {
		top: 0 !important;
		left: 0 !important;
		transform: none !important;
	}

}

.conf_head_button {
	width: 500px;
	float:right;
	box-shadow: 0px 10px 15px 0px rgba(52, 47, 48, 0.1);
}
.conf_head_wizard {
	width: 640px;
	float:left;
}
@media (max-width: 1239.98px) {
	
	.conf_head_button {
		width: 50%;
	}
	.conf_head_wizard {
		width: 520px;
	}
	/* .konfigurator-image {
		min-height: 520px;
	} */
}
@media (max-width: 1123.98px) {
	
	.conf_head_button {
		width: 49%;
	}
	.conf_head_wizard {
		width: 49%;
	}
	/* .konfigurator-image {
		min-height: 400px;
	} */

}
/* @media (max-width: 991.98px) {

	.conf_head_button {
		width: 49%;
	}
	.conf_head_wizard {
		width: 49%;
	}
} */


.konfigurator-image img{
	width: auto;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	
	margin: 0;
	/* position: absolute; */
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	/* transform: translate(-50%, -50%); */
}

.spin360  {
	position: relative;
	bottom: 420px;
	left: 525px;
}
#sprite_spinner {
	position: relative;
	top: 21px;
	left: 21px;
	z-index: 1;
	max-width: 100px;
}
.spritespin-instance {
	margin-top: 45px;
}
.text1 h1, .text2 h1, .text3 h1 {
	font-size: 14px;
	font-weight: 600;
}

.typ_div {
  display: block;
  min-height: 70px;
}

.params-konfigurator {
	border: 0px !important;
}
/*
.params-konfigurator h3 {
	font-size: 20px;
	font-weight: 600;
}
*/

.k_einlage {
	display: block;
	border: 1px solid #e7505a;
	font-size: 12px;
/*	   width: 80px; */
	float: left;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px; 
    border: 2px solid white;
    margin: 10px !important;
    width:50px; 
    height:50px;
    background-color: #ffffff;
    outline:2px solid #ccc;
    -moz-outline-radius:50px;
	color: #ddd;
}
.r_schuhtyp {
	opacity: 0;
}
.r_variante {
  opacity: 0;
}

.activ {
    outline: 2px solid #30a9a9 !important;
}
.conf_detail {
/* 	border: 1px dotted #ccc; */
	position: relative;
	font-size: 12px;
	margin-top: 80px;
}
.selconf_detail {
/* 	border: 1px dotted #ccc; */
	position: relative;
	font-size: 12px;
}
.config-helper-ct {
	min-height: 255px;
	background: #f4f5f6;
	margin-top: 100px !important;
}
.config-helper-ct h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 15px 0px 0px;
}
#konfig_price {
	/* color: #329696;
	font-size: 1.5rem;
	font-weight: 500; */
	font-size: 1.075rem;
	font-weight: bold;
	color: #525252;
}
#konfig_price span {
	font-weight: normal;
}
/*
.config-helper {
	width: 25%;
	min-height: 100px;
	float: left;
}
*/
/*
.inner-config-helper {
	background-color: #fff;
	border-radius: 15px;
	font-size: 14px;
	display: grid;
	margin-right: 15px;
	border: 7px solid #ffffff;
}
*/
.helper-r {
	background: #f4f5f6;
}
.inner-config-helper .number{
	text-align: left;
	color: #c3c3c3;
	font-size: 20px;
	position: relative;
	padding: 10px;
}
.inner-config-helper span{
	text-align: center;
	padding: 10px 5px;
}
.inner-config-helper i{
	text-align: center;
	font-size: 42px;
	padding:20px;
}

/*
.config-helper-bg {
	background: #f4f5f6;
}
*/



.conf_button_off {
	opacity: 0.6 !important;
}
.conf_button_on {
	opacity: 1.0 !important;
}
.sub_head {
	display: block;
	margin-top: 25px;

}

.h3_Schuhtyp,
.h3_Material,
.h3_Decke {
	font-size: 18px;
	font-weight: 600;
}

.style_Material {
	margin: 15px 0px;
	margin-bottom: 110px;
}
.selstyle_Material {
	margin: 15px 0px;
}
.conf_detail .bullit, 
.style_Material .bullit,
.style_Decke .bullit  {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px; 
	border: 2px solid white;
	margin: 10px !important;
	width:50px; 
	height:50px;
	background-color: #ffffff;
	outline: 2px solid #ccc;
	-moz-outline-radius:50px;
	display: block;
	float: left;
	color: #ddd;

}

.style_Decke {
	margin: 15px 0px;
	margin-bottom: 110px;
}

#conf_mydiv_m_2, 
#order_mydiv_m_2, 
#scan_mydiv_m_2, 
#conf_mydiv_2, 
#order_mydiv_2, 
#scan_mydiv_2 {
	border-right: 1px solid #fff;
}

.single_add_to_cart_button {
	font-size: 16px;
	text-decoration: none !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	background: #329696 !important;
	border: 2px solid #329696 !important;
	border-radius: 4px !important;
	height: 50px !IMPORTANT;
	display: inline-block !important;
	line-height: 42px !important;
	padding: 0px 60px !important;
	transition: 0.2s !important;
	cursor: pointer !important;
}

.upload_image_button {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: 1px solid #333;
}
.upload_image_button:hover  {
	opacity: 0.5;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  display: none;
  margin-top: 10px;
  overflow: hidden;
  font-size: 3px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #31c5d2;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#damenschuh_options_container,
#herrenschuh_options_container,
#damenschuh_material_container,
#herrenschuh_material_container,
#damenschuh_decke_container,
#herrenschuh_decke_container,
#damen_wizard_ready,
#herren_wizard_ready {
	border-top: 1px solid #fff;
	padding-top: 15px;
	padding-bottom: 1px;
}