p.loginlogoutfunctions { border-top: 1px #afafaf solid;border-bottom: 1px #afafaf solid;padding:10px 0;margin:10px 0;text-align:right;font-size:0.9em; }
.tx-helixorcanada .wrapper { width:500px;margin:0 auto; }
/*#content .tx-helixorcanada input { box-sizing:border-box;width:100%; }
#content .tx-helixorcanada input[type=radio] { width:auto; }*/
#content p.forgotpassword { padding:0;margin:10px 0;text-align:right;font-size:0.9em; }

.substep { display:none;margin-top:20px;float:left;width:100%; }

.tx-helixorcanada .product-lastofcat { border-bottom:2px solid #4d9022; }
.tx-helixorcanada tbody tr.filled td { background:#e0e0e0; }
.tx-helixorcanada tfoot td { padding: 5px 10px; }

input[type=email], input[type=text], input[type=password], select {
border: 10px solid transparent!Important;
border-style: solid!Important;
border-width: 5px 5px 5px 5px!Important;
border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN4AAABACAMAAABC1Tm2AAAA81BMVEVVVVVXV1dYWFhaWlpdXV1gYGBiYmJlZWVnZ2doaGhqamptbW1vb29wcHBycnJ1dXV3d3d6enp9fX1/f3+CgoKFhYWHh4eIiIiKioqNjY2Pj4+QkJCSkpKUlJSVlZWXl5eampqdnZ2fn5+ioqKkpKSlpaWnp6eqqqqtra2vr6+ysrK0tLS1tbW3t7e6urq8vLy9vb2/v7/CwsLExMTFxcXHx8fKysrNzc3Pz8/S0tLU1NTX19fa2dra2trd3d3f39/h4eHi4uLk5OTl5eXn5+fq6erq6urs7Ozt7e3v7+/x8fHy8vL09PT39/f6+vr8/Pz///82sgTZAAACtklEQVR42u3bhWP6OBTA8eKQCRLg2hsNdhBk9pDCMpd2OPn//5prk3Lu8pO3fuZbX8YXV0Oi9sHz1t5CespGbjzvQYiN/AX/T1tP2cuF5wlxL/9LO09bS+kv/2u7cKvQq9Dut4e82em3lOapUq0zVmNWsUgLJGEY8TTJGlkSSKWShORpMXNW97c4q/oDJznD5/8pQZREMkNIiRK9Vv6I/oYKY6zOlG+YUmEmVTMKCRg/kSBa2v8+Q34tYaT9jxgJHVOtmH4L8yoXIyEehDK7AhiBc3sv7l3V/6Ol3pvE+MrfYuz4A0/vv9ij9YQnlMcX8RvmAHAJigPKHBwh3h6F5gbk37J0d/LXuu0wL/8kEQI7zCNvEqHL5iHPlQh1eqjzrGmYl9qgPvQMidGwhTqP8ygPRR4CUR4q/Q7qvEFbpy3TEqPmpc5zicTIhg+RJ6jEqDpDnVe413lTS2J0+qTzZqbEiArER84o7ysQ5T2dSowKD6ivtRAXdV7mXedtUhKj4i3qQ4+3UOdBPboz4ut1ER16XzGwUefxLu48jj8P/+N7q5TEqD38EPdzPuQlRtYY9a31/IPOG9dQ340b3ZX0xYryHvOo85Be7pmOzlulJUKb1FLnvROJjj7QEB968vgO950RLdR5gx/ydhKhYTPMs2NGPGMkT2mZsRbn1/PpVBxMAIA3eYexZusa5nMA1uX9qePMROgGAC5bXd4MhmEkplA3koTEjQAJXtegsFCHa+cAs2B2fuPP/BEHfjTgnDW40mGhFm80OShqoTkoTrWn8pT9Um6fgv825Lxetix6YNm23R3yPsDFwLYrZbvGe7xjmWaVhsr+Fo1Bj1/4w9/ZNWrateetG760wHXdW6FAqM+1lr8aLesl6R8x7R+1OYdLrvQhNOSXF9xWanr3KGZ7rfMww5+H2ffdEKw2vM1BOAAAAABJRU5ErkJggg==) 5 5 5 5 repeat repeat!important;
padding: 15px!important;
}

input[type=email].f3-form-error, input[type=text].f3-form-error, input[type=password].f3-form-error, select.f3-form-error, textarea.f3-form-error { border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN4AAABACAMAAABC1Tm2AAAA81BMVEX//////Pz/+vr/9/f/9PT/8vL/8fH/7+//7e3/7Oz/6ur/6er/5+f/5eX/5OT/4uL/4eH/39//3d3/2tr/2dr/19f/1NT/0tL/z8//zc3/ysr/x8f/xcX/xMT/wsL/v7//vb3/vLz/urr/t7f/tbX/tLT/srL/r6//ra3/qqr/p6f/paX/pKT/oqL/n5//nZ3/mpr/l5f/lZX/lJT/kpL/kJD/j4//jY3/ior/iIj/h4f/hYX/goL/f3//fX3/enr/d3f/dXX/cnL/cHD/b2//bW3/amr/aGj/Z2f/ZWX/YmL/YGD/XV3/Wlr/WFj/V1f/VVWznenvAAACoUlEQVR42u3ZAU8aMRQH8Cei4J3bEGcD3LQKAygMgCvbMVjFY64bnMz7/p9mvXugixqTJUuCz/4S8prca8m/JQkUsAjbcxxwUlnIOk6RsSw8YB5lsWVnJ5/PM3YM/1PGQXtmnHcey2y60BuGjndhrTz/olSoUpPhcDgaBbOZutKrOI6XWse/dCKKIq1DNVt8TjpGEzPh+8/YMI9WOrVaLbS+vNS4VvhDPWHq3/mKZeqPlcI5hk7Ef1lptDTjhX5sFS/NK9Zr1wrNloeAprUzxoosVb64uDg7q5wYLua/k8NtYqemw7SYCYWDBxuNO+mw1NFb9oQS57zKUxUsJV5h7PCIITcB/yTnZuCxdhdQWACCuASkD4Ggah+QdoGgTot0vMADFGVJn14MFNV7pOMJYeNtARvPxqOm2SEdr9HFmlsCRf0qVlcDRZK/inhMAUWTMul4V8dYvQAomhewlsdAkWKUP5w23vaz8QpzoOiqSPpbi3ZJx1scYM1GQNHshPTpiR7peHxoLyNerpo9vReMS3vPuc1sPPr/7+1HQFG3/iruOYshUBSckv61Hhaxno6IXuPaq6QtZ+MdhaTjuRooGlew7i+BoGyUw8GBBoLw0HBA0fV72pcRPdLxGnfxMkBQvQ9I3t7eLuKbuVK+3xPivOR5bOMD51z0Rcf3+/3z81KJc7/dbnqeV2YbpqPaa7f7yWTOmceH8Y3Wv+OE1vpSpfy1jkAfOS8nc5Ml2XMq/F5DCH8gUh1/rScGA8ERM0o4rExacC8Hu4Xk3epCDL8FgdoIpJTtumhyXmtIOZ1KmSwdBMFEbZiOQaPVqpnJn6RUYynf7bpuBhKu656wFF9rCtQzqymFS6rnjOW9rhC8KlJNvlYX1aqQSCVwOO7ugWVtsT/pzazGosEeVgAAAABJRU5ErkJggg==) 5 5 5 5 repeat repeat!important; }

label small { font-size:11px;font-style:italic; }

.stepnavigation {
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  margin: 20px auto;
  text-align: center;
  width: 100%;
  height: 57px;
  z-index: 1;
  background-color: #f8f8f8;
  font-size: 14px;
}

.stepnavigation a {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
          flex-grow: 1;
  text-decoration: none;
  margin: auto;
  height: 100%;
  padding-left: 38px;
  padding-right: 0;
  color:#000000;
  font-weight:normal;
}

.stepnavigation a:first-child {
  padding-left: 15.2px;
}

.stepnavigation a:last-child {
  padding-right: 15.2px;
}

.stepnavigation a:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 57px;
  height: 57px;
  top: 0;
  right: -28.1481481481px;
  background-color: #f8f8f8;
  border-top-right-radius: 5px;
  -webkit-transform: scale(0.707) rotate(45deg);
          transform: scale(0.707) rotate(45deg);
  box-shadow: 1px -1px rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.stepnavigation a:last-child:after {
  content: none;
}

.stepnavigation__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin: auto;
  z-index: 2;
}
.stepnavigation a.active, .stepnavigation a:hover { background: #4d8f21;background-image: linear-gradient(270deg, #a4ba75 0%, #4d8f21 100%);color: white; }
.stepnavigation a.active:after, .stepnavigation a:hover:after { background: #a4ba75;color: white; }

/* Back-Forward-Navigation */
.bf-navigation { width:100%;display:flex;justify-content: space-between;margin:20px 0 0;float:left; }
.bf-navigation a { display:block;padding:10px;transition:all .5s; }
.bf-navigation a:hover { text-decoration:none;color:#fff;background-image: linear-gradient(270deg, #a4ba75 0%, #4d8f21 100%); }
.bf-navigation .bf-navigation-back { text-align:left; }
.bf-navigation .bf-navigation-forward { text-align:right; }

/* Chooser */
.formular-element-wrap-chooser label, #content .formular-element-wrap-chooser .formular-element { width:100%; }
.formular-element-wrap-chooser label { padding:0;font-weight:bold;margin-bottom:5px; }
.formular-element-wrap-chooser { background:#ddd;padding:15px; }

.formular-element-wrap-third { width:33%;float:left; }

.bgphoneemail { display:inline-block;overflow:hidden;margin-right:5px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAMCAMAAACk2TZEAAABpFBMVEX///8hTosjLDswVoIjMTxPNyokMTskLztBNzA+Lig8LikgLEI1LCMmLUAzLywuKCAhJy8nLzo4LCU6LygkKzQtNT8fJSspLzooLDMpJCAhJSkmKjEjJiwyKycjJiwrJiElKjUnKi0tKSYkJy8jJismKS0tKScoJiYlIiIlIR8lKCwsJyMrKSU1MS0kISAjJyskISAwLCkiIyYoJCAiIiYqJSIuKCYiJSoiIiUiIiUmJiYkJCQmJiYkJCQmJiYkJCQiJCgoJSMoJSMlJSclJSQpKSgiJSgjJCgoJCMnJCIkJCMkJyomJCMkIyMnJCMkIyQkJCUjIyQkIyQlJSQjJCYjJiolJCMpKi0jJCYjJSYiJCUnJCMoJCMpJyYqKSclJCQiIyQlJSUlJyolIyImJSUoJSQmJygoKSokIyIkJSUlJCQiIyQkJCUjIyUkJyokJiklJSYjJishIyQqKSgiIyQjIyIjIyMkIyEiIiMiIyQjIiEkIyMkJikoJCMkJikkIiEhIiIhIiMiIiEiIiIiIiMiIyIjIiIkIiIkJCQkJiklJikoKChCvYpzAAAAgHRSTlMAAgMDBAcICQoNDxARFhgZGxwcHB0dHyAlKTAzNjc5OzxFRkdIS1BSWFtdXV9iaWpqamttcXR1eHx9gYKCg4OEh46TlJWWm6Gqtbi7vL29vr7AwMDDw8PIysrO0NDS09ze3t7f4+Tl5ebo6Orr7O7x8/T19/j4+fn6+/v7+/v8/VbKMxUAAADYSURBVHjaRckDcwNBAIbht7Ztu02NqLZt27Zj/ejg7nb2GX0gY8ctnabRep+AsDVvMPWqTIbJqaJzezeCsx+p3Xvyb/0oFPXvuRKh5O325992VSz65+JeM6qGg7nDLutjDoKrLe9yLIKgwev82rvko/cK+elJnN7IJmV1ORXdN522/STkBwMXw8ejYdDyGxk1Yd3MhZqy0NdDUPlIFUG672jiZq039dVfr0MFODuQ6jwxED9utdiCHtheMJr7VGbjzEo4QY1LLzbHeinpuz7pLBNFbNPTWhYBl609NX7wF+wAAAAASUVORK5CYII=); }
.bgphoneemail.bgphoneemail-phone { width:12px;height:12px;background-position:-15px 0;margin-left:3px; }
.bgphoneemail.bgphoneemail-email { width:15px;height:12px; }

/* Button */
#content input.button, #content input.button:hover { background-position:0 0;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA7CAMAAABSZGpvAAAACVBMVEX///8wWRZBeB3P4nPZAAAAAXRSTlMAQObYZgAAABxJREFUeNpjYMIJhq0UFcEoGAWjYBQw4gTDVQoA9/QCv9U0FH8AAAAASUVORK5CYII=); }
#content input.button:hover { background-position:0 -50px; }


.formular-element-wrap-column-2 { display:flex;justify-content: space-between; }
.formular-element-wrap-column-2 .formular-element-wrap { width:46%; }

.formular-submit .button { background-image: linear-gradient(270deg, #a4ba75 0%, #4d8f21 100%);min-height: 39px!important;border-radius: 50px; }

.alert-message { width: 100%;padding: 20px 4%;border: 1px solid #afafaf;background: #f8f8f8;margin: 20px 0; }
.alert-fehler { border-color: #9d261d;background: #F8D8D6;color: #9d261d !important; }
.alert-fehler strong { color: #9d261d !important; }
.alert-fehler a { color: #9d261d !important;text-decoration:underline !important; }
.alert-erfolg { border-color: #4d9022;background: #E3F5D8;color: #4D9022 !important; }
.alert-erfolg strong { color: #4D9022 !important; }
.alert-erfolg a { color: #4D9022 !important;text-decoration:underline !important; }
.alert-hinweis { border-color: #C16909;background: #FDE8D0;color: #C16909 !important; }
.alert-hinweis strong { color: #C16909 !important; }
.alert-hinweis a { color: #C16909 !important;text-decoration:underline !important; }

#top .formular-element-cr label { font-weight:normal;font-size:18px; }
.formular-element-cr { margin:5px 0;}

.formular-hint-message { display:block;float:right; }

#step2 legend, #step3 legend, #step4 legend { font-weight:bold;margin:20px 0; }

h2.mt-70 {
  margin-top: 70px;
}

#shippingcoststandard, #shippingcostexpress { font-size:inherit !important; }

.infoicon { width: 1em;height: 1em;display: inline-block;margin-top:2px;cursor:pointer; }
.tooltip:hover .infoicon, .infoicon:hover path { fill:#4d8f21; }

.tooltip { display:inline-block;position:relative; }
.tooltip .tooltip-text { min-width:300px; top:50%;left:100%;margin-left:20px;transform:translate(0, -50%);padding:20px;color:#000000;background-color:#f8f8f8;font-weight:normal;font-size:0.85em;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,0.5);visibility:hidden; opacity:0; transition:opacity 0.8s; }
.tooltip:hover .tooltip-text { visibility:visible; opacity:1; }
.tooltip .tooltip-text p { line-height:1.3;margin:0; }
.tooltip .tooltip-text i { position:absolute;top:50%;right:100%;margin-top:-12px;width:12px;height:24px;overflow:hidden; }
.tooltip .tooltip-text i::after { content:'';position:absolute;width:12px;height:12px;left:0;top:50%;transform:translate(50%,-50%) rotate(-45deg);background-color:#f8f8f8;box-shadow:0 1px 8px rgba(0,0,0,0.5); }

.modal {
  display: none; 
  position: fixed; 
  z-index: 9999; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 60%;
}

.modal-close {
  color: #4d8f21;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.modal-close:hover,
.modal-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}