/* ----------- ROOT STYLE FOR ALL SITES ----------------------------------------------------------*/
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {-webkit-text-size-adjust: none;-moz-text-size-adjust: none;text-size-adjust: none;}
body {font-size:0.75em;color: #666666;padding: 0;font-family: Arial,Helvetica,sans-serif;}
a {text-decoration: none;color: #bbbbbb;}
a:hover {text-decoration: none; color:#0066B3;}
table {font-size: 1em;width: 100%;cellpadding:0; cellspacing:0;}
.word-wrap {word-wrap: break-word;}
.lineThrough {text-decoration: line-through;}
input, textarea, select {border-radius: 0px;} //-webkit-appearance: none;-moz-appearance: none;appearance: none;
select, input[type="radio"] {background: #ffffff;}
input, select {color: #666666;}
input[type="number"] {-moz-appearance:textfield;appearance:textfield;}
button, .button {width: 100%; line-height: 25px;}
input[type="radio"] {border: 0px !important;outline: none !important;border: 0px solid #ffffff; !important;box-shadow: none !important;}
.rot {background-color: #ffd2ce; border: 1px solid #b01204;}
.gruen {background-color: #eaf7c6;border-color: #709212;}
/* -----------------------------------------------------------------------------------------------*/

#wrapper .left {display: none;}
#wrapper .content {width: 100%;float: none;}

/* ----------- CART HEADER -----------------------------------------------------------------------*/
#cart {z-index: 20000 !important;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- BACKGROUNDCOLORS ------------------------------------------------------------------*/
.bg-color-1 {background-color: #e8e8e8;}
.bg-color-2 {background-color: #444953;}
.bg-color-3 {background-color: #FF6600;}
.bg-color-4 {background-color: #ffffff;}
.bg-color-6 {background-color: #3b6ea2;}
.bg-color-7 {background-color: #ffffff;}
.bg-color-8 {background-color: #E4E4E4}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- LEFT NAVIGATION BG COLORS ---------------------------------------------------------*/
.left-nav-bg-color{background-color: #ffffff;}
.left-nav-bg-color:hover {background-color: #FF6600;color: #ffffff;}
.left-nav-bg-color.active > a{background-color: #FF6600;color: #ffffff;}
/* -----------------------------------------------------------------------------------------------*/

#wrapper .badgeYellow, #wrapper .badgeGreen {color: #3e3e3e;}

/* ----------- DETAILANSICHT REITER --------------------------------------------------------------*/
.activeTab {background: #FF6600; color:#fff;}
.tabs.activeTab.color-1 {background: #1a161a; color:#fff;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- BUTTONS ---------------------------------------------------------------------------*/
.button {cursor: pointer;padding: 5px 10px;border: none;margin-bottom: 5px;text-align:center; display: block;width: 100%;}

.btn-color-1 {background-color: #E4E4E4;} /*GREY*/
.btn-color-1:hover {background: #E6E6E6;}

.btn-color-2 {background: #FFE100;color:#3e3e3e  !important;} /*ORANGE*/
.btn-color-2:hover {background: #FFE100;color:#3e3e3e  !important;}

.btn-color-3 {background: #1a161a;color:#fff !important;} /*ORANGE*/
.btn-color-3:hover {background: #1a161a;color:#fff !important;}

.btn-color-4 {background: #F0B017;} /*ORANGE*/
.btn-color-4:hover {background: #e2a40e;}

.btn-color-5 {background: #ffe100;} /*BLUE*/
.btn-color-5:hover {background: #ffe100;}

.btn-color-6 {background: #FB4A4A;} /*LIGHTRED*/
.btn-color-6:hover {background: #FB4A4A;}

.btn-color-7 {background: #E7E7E8;} /*LIGHBLUE*/
.btn-color-7:hover {background: #1a161a; color:#fff !important;}

.btn-color-8 {background: #AEC85A;} /*LIGHT GREEN*/
.btn-color-9 {background: #F0B017;} /*YELLOW*/

.btn-color-10 {background: #f5f5f5;border: 1px solid #dadadd;} /*GREY*/
.btn-color-10:hover {background: #eeeeee;} /*Light Grey*/

.tellAFriendSubmit {border: none;padding: 8px 26px;text-align: center;width: 100%;}
.stepNext {padding: 10px 18px;width: 100%;}
.stepShopping {padding: 2px;width: 100%;}
.stepMerk {padding: 2px;width: 100%;}
.stepBack {padding: 2px;width: 100%;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- FONTCOLORS ------------------------------------------------------------------------*/
.color-1 {color: #707070;}
footer .color-1 {color:#fff;}
.color-2 {color: #0066B3;}
.color-3 {color: #707070;}
.color-4 {color: #767474;}
.color-9 {color: #FFFFFF;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- FORMS -----------------------------------------------------------------------------*/
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border-color: #999999 #cccccc #e6e6e6;
    -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.2);
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #FF6600;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal;
}

/* -----------------------------------------------------------------------------------------------*/

.addMenu ul li a {
    display: block;
    border-left: 1px solid #707070;
    padding: 0 .78571429em;
    line-height: 1.78571429em;
    white-space: nowrap;
    display: flex;
    align-items: center;
    transition: color 0.2s ease-in-out;
}
.addMenu ul li a:hover{
  color:#FF6600;
}

.addMenu ul li a:first-of-type{
  border-left: none;
}

.addMenu > ul > li:hover > a {color: #ff6600;}

.addMenu ul ul li a {color: #707070;background: none;}
.addMenu ul ul li:hover > a,
.addMenu ul ul li.active > a {color: #ff6600;}


.bg-gradient-1 {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…B3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
  background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(50%,#e3e3e3),color-stop(100%,#f3f3f3));
  background: -moz-linear-gradient(top,#e3e3e3 50%,#f3f3f3 100%);
  background: -webkit-linear-gradient(top,#e3e3e3 50%,#f3f3f3 100%);
  background: linear-gradient(to bottom,#e3e3e3 50%,#f3f3f3 100%);
  tansition: background 0.2s ease-in-out;
}




.footer-logo {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#hbildcontainer img, .detailPictureContainer a img {width: auto !important;}

/* MI #22451 */
.btn-color-5.color-1 {color: #fff;}