/**
* Override the rules generated with {Less} with pure {Css}
*/

body {
/*background-image:url(../img/bg.jpg); 
background-attachment: fixed; 
background-size:cover; 
background-position:bottom; */
background-color:#fbf7f5;
color:#555;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}

#container {background: #fbf7f5!important; margin-top: 35px; }

h1, h2, h3 {
text-transform: none;
color: #676e02;
font-size: 1.2em;
}

.text-uppercase {
text-transform: none;
}

a{color:#7d8500}
a:focus,a:hover{color:#96a003}

#header  {
background: transparent;
}

#content {margin-top: 25px;}

.meta-navigation {
background: #ddd39e; /* Old browsers */
background: -moz-linear-gradient(top, #ddd39e 0%, #fefbda 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ddd39e 0%,#fefbda 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ddd39e 0%,#fefbda 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd39e', endColorstr='#fefbda',GradientType=0 ); /* IE6-9 */
margin: auto;
width: 100%;
border-bottom: 1px solid #ccc;
padding-bottom: 2px;
/*
background-image:url(../img/meta-nav-bg.png);
background-size: auto 100%;
*/
}

.meta-navigation .container>ul>li>a{
padding:7px 10px;
}

.meta-navigation .bootstrap-select .btn{
padding:3px 20px 3px 10px
}

.meta-navigation ul.user {
margin: 0 15px;
}

.meta-navigation .pull-left li {vertical-align: middle; }

li.home a {
background-color: #c0cc21;
font-size: 20px;
line-height: 1.3333333;
}

.fa-home {
font-size: 30px;
color: #5e5e5e;
}

li.home a:hover {background-color: #96a003;}
li.home a:hover > .fa-home,
a.btn-cart:hover > .fa-shopping-basket {color: #fbf7f5;}


.header-top .container {top: 50px; position: relative;}

#header .header-top .col{
padding-top:20px;
padding-bottom:20px
}

#header .box-cart .btn-left {background: transparent;}


.branding  {
width: 1px;
height: 1px;
}

.branding img {
width: auto;
height: auto;
}

.main-navigation {
background: #96a003;
font-family: 'Open Sans';
margin: auto;
width: 100%;
}


.navbar {
min-height:30px;
}

.nav>li>a{
padding:5px 10px
}
.navbar-nav>li>a:hover{
color:#fff;
background-color:#c0cc21
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
color: #555;
background-color:#ebeec1
}

 .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
background-color:#c0cc21
}

 .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{
background-color:#c3cf25;
color:#fff
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
background-color:#c0cc21
}

.navbar-mega {
    padding: 10px 0;
    margin: -30px 0 30px;
    list-style-type: none;
    position: relative;
    z-index: 1000;
    color: #555;
    border-top: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-mega a {
height: 20px;
}

.navbar-mega li.level-2 {
height: 30px;
margin-top: -20px;
}

.navbar-mega li.level-3 {
display: none;
}

.navbar-mega .col .title{
font-family:'Open Sans';
font-size: 1em;
}


.navbar-mega a:hover{
color:#c0cc21
}

.navbar-mega .col .title:hover{
color:#97a003
}

.navbar-mega {
font-size: 0.8em;
}

.headline, .headline-underline, .headline-underline.h2, .headline.h2 {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    line-height: 1.1;
    color: #96a003;
    font-size: 1.2em;
text-transform: uppercase;
}

.box-categories {
text-transform: uppercase;
margin-bottom: 30px;
border-right: 1px solid #ddd;
}

.box-categories ul li a {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.9em;
margin-top: 1px;
}

.box-categories ul li a
{color: #555;
background: transparent;
}

.box-categories ul li a:hover, 
.box-categories ul li.active a, 
.box-categories ul li.active a:hover {
color: #555;
background: #fff;
}

.box-categories ul li a:hover, 
.box-categories ul li.active a ,
.box-categories ul li.active a:hover{
background: #eee;
font-family: 'Open Sans';
}

.box-categories ul li.level2{
margin-left: 10px;
text-transform: none;
}

.box-categories ul li.active a,
.box-categories ul li a:hover {font-weight: bold;}

.box-categories ul li.level3{
margin-left: 20px;
text-transform: none;
}

.dropdown-menu ul {
list-style-type: none;}
.dropdown-menu li.level-3 a {display: block; color: #fff; padding: 5px 15px 5px 25px; margin-left: 0!important;}
.dropdown-menu li.level-3 a:hover {text-decoration: none; background: #262626;}
.dropdown-menu li.level-3 li:hover {background: #262626;}

img.lazyOwl {
max-height: 150px;
max-width: 150px;
}

 p.desc-short {
font-size: 0.9em;}

.dropdown-menu>li>a:hover{
color:#fff;
background-color:#c0cc21
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover{
color:#fff;
text-decoration:none;
outline:0;
background-color:#c3cf25
}

#container {
background: #fff;
}

#footer{
border-top:1px solid #0d0d0d;
padding-bottom:0!important;
background-color:#eeebe7!important;
color:#333;
margin-bottom: 0!important;
max-width: 100%!important;
}

#footer, .footerlinks {width: 100%;}
#footer .container,
.footerlinks .info { max-width: 1170px; margin: auto;}

#footer a{color:#333;text-decoration:none}
#footer a:hover{color:#96a003}
 #footer .headline,#footer .headline a{color:#333}

/*Kleinkram */

 .btn-primary{
color:#fff;
background-color:#96a003;
border-color:#443528
}
 .btn-primary.focus,.btn-primary:focus{
color:#443528;
background-color:#ebeec1;
border-color:#5b6600
}

 .btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{
color:#443528;
background-color:#d3d974;
border-color:#5b6600
}
 .btn-primary.active.focus,
 .btn-primary.active:focus,
 .btn-primary.active:hover,
 .btn-primary:active.focus,
 .btn-primary:active:focus,
 .btn-primary:active:hover,
 .open>.dropdown-toggle.btn-primary.focus,
 .open>.dropdown-toggle.btn-primary:focus,
 .open>.dropdown-toggle.btn-primary:hover{
color:#fff;
background-color:#d3d974;
border-color:#5b6600
}

 .btn-primary:hover{
background-color:#c3cf25;
border-color:#96a003
}

.btn-list li a:not(.btn), .btn-list li button:not(.btn), .btn-list li input:not(.btn), .label-list li a:not(.btn), .label-list li button:not(.btn), .label-list li input:not(.btn) {
background-color: #c0cc21;
border-color: #96a003;
color: #444;
}

.btn-list li a:not(.btn).focus,.btn-list li a:not(.btn):focus,.btn-list li button:not(.btn).focus,.btn-list li button:not(.btn):focus,.btn-list li input:not(.btn).focus,.btn-list li input:not(.btn):focus,.label-list li a:not(.btn).focus,.label-list li a:not(.btn):focus,.label-list li button:not(.btn).focus,.label-list li button:not(.btn):focus,.label-list li input:not(.btn).focus,.label-list li input:not(.btn):focus,
 .btn-list li a:not(.btn):hover,.btn-list li button:not(.btn):hover,.btn-list li input:not(.btn):hover,.label-list li a:not(.btn):hover,.label-list li button:not(.btn):hover,.label-list li input:not(.btn):hover
{
color:#fff;
background-color:#96a003;
border-color:#c0cc21
}

.btn-list li a:not(.btn).active.focus,.btn-list li a:not(.btn).active:focus,.btn-list li a:not(.btn).active:hover,.btn-list li a:not(.btn):active.focus,.btn-list li a:not(.btn):active:focus,.btn-list li a:not(.btn):active:hover,.btn-list li button:not(.btn).active.focus,.btn-list li button:not(.btn).active:focus,.btn-list li button:not(.btn).active:hover,.btn-list li button:not(.btn):active.focus,.btn-list li button:not(.btn):active:focus,.btn-list li button:not(.btn):active:hover,.btn-list li input:not(.btn).active.focus,.btn-list li input:not(.btn).active:focus,.btn-list li input:not(.btn).active:hover,.btn-list li input:not(.btn):active.focus,.btn-list li input:not(.btn):active:focus,.btn-list li input:not(.btn):active:hover,.label-list li a:not(.btn).active.focus,.label-list li a:not(.btn).active:focus,.label-list li a:not(.btn).active:hover,.label-list li a:not(.btn):active.focus,.label-list li a:not(.btn):active:focus,.label-list li a:not(.btn):active:hover,.label-list li button:not(.btn).active.focus,.label-list li button:not(.btn).active:focus,.label-list li button:not(.btn).active:hover,.label-list li button:not(.btn):active.focus,.label-list li button:not(.btn):active:focus,.label-list li button:not(.btn):active:hover,.label-list li input:not(.btn).active.focus,.label-list li input:not(.btn).active:focus,.label-list li input:not(.btn).active:hover,.label-list li input:not(.btn):active.focus,.label-list li input:not(.btn):active:focus,.label-list li input:not(.btn):active:hover,.open>.dropdown-toggle.btn-list li a:not(.btn).focus,.open>.dropdown-toggle.btn-list li a:not(.btn):focus,.open>.dropdown-toggle.btn-list li a:not(.btn):hover,.open>.dropdown-toggle.btn-list li button:not(.btn).focus,.open>.dropdown-toggle.btn-list li button:not(.btn):focus,.open>.dropdown-toggle.btn-list li button:not(.btn):hover,.open>.dropdown-toggle.btn-list li input:not(.btn).focus,.open>.dropdown-toggle.btn-list li input:not(.btn):focus,.open>.dropdown-toggle.btn-list li input:not(.btn):hover,.open>.dropdown-toggle.label-list li a:not(.btn).focus,.open>.dropdown-toggle.label-list li a:not(.btn):focus,.open>.dropdown-toggle.label-list li a:not(.btn):hover,.open>.dropdown-toggle.label-list li button:not(.btn).focus,.open>.dropdown-toggle.label-list li button:not(.btn):focus,.open>.dropdown-toggle.label-list li button:not(.btn):hover,.open>.dropdown-toggle.label-list li input:not(.btn).focus,.open>.dropdown-toggle.label-list li input:not(.btn):focus,.open>.dropdown-toggle.label-list li input:not(.btn):hover{
color:#fff;
background-color:#777f02;
border-color:#526600
}
.btn-cart{
color:#fff;
background-color:#c0cc21;
border-color:#96a003
}
.btn-cart.focus,.btn-cart:focus{
color:#fff;
background-color:#96a003;
border-color:#042412
}
.btn-cart.active,.btn-cart:active,.btn-cart:hover,.open>.dropdown-toggle.btn-cart{
color:#fff;
background-color:#96a003;
border-color:#0a6030
}

.bg-primary{
color:#fff;
background-color:#c3cf25
}

.breadcrumb-container{
margin-top:-30px;
margin-bottom:30px;
background-color:#fff;
max-width: 1170px;
margin:auto;
font-size: 0.8em;
}

.box-categories .panel-heading {
    padding: 10px 8px;
    background-color: #96a003;
    border: 0;
color: #fff;
}

div.section-body.panel-body {
padding: 10px 10px 40px 10px;
}

.listing .section .section-footer {
padding: 0 10px 20px;
}

img.productImageBorder {
max-height: 200px;
}

.box-categories ul li.level-1 a {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px !important;
    color: #555;
    font-size: 0.9em;
    background-color: #fff;
border: 0;
    border-right: 1px solid #d5d5d5;
    font-weight: 400;
    font-family: 'Open Sans';
   text-transform: uppercase;
}

.box-categories ul li.level-1.active a {
color: #333;
background-color: #ebeec1;
}

.text-primary {
 color: #97a003;
}

#back-to-top{
color:#c0cd1d;
font-size: 1.4em;
text-shadow:1px 1px 2px #333;
}
#back-to-top:hover{
color:#afa003;
text-shadow:1px 1px 2px #333;
}

.bottom-cart .box-cart .inner {
background: #f0f3c0;
}

#startpage-content {
margin:2% 1%;
}

#cat_listing .s_cat{float:left;width:28%; text-align: center;}
#cat_listing .s_cat.even, .s_cat.odd {margin: 1% 2.5%;}
#cat_listing h2{margin:5px 0 10px 0;text-align:center}
#cat_listing h2 a{text-decoration:none}

li.cartbox a.btn {border:0;}

.img_wrap img {display: initial;}

.btn-success {
    color: #fff;
    background-color: #96a003;
    border-color: #808804;
}

.btn-success.active, .btn-success:active, .btn-success:hover, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #c0cc21;
    border-color: #788006;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
    border-color: #c0cc21;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(192,204,33,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(192,204,33,.6);
}

*::-moz-selection {
    background: #c0cc21;
}

.fa-shop-on:before {
  content: "\f291";
}

.shop-on {
width: 100%;
text-align: center;
margin-bottom: 15px;
}

#startpage-content h1.text-uppercase {display: none;}

#footer {
background:#f5f5f5;
max-width: 1170px;
margin: auto;
padding: 15px 0;
margin-bottom: 30px;
}

#footer-meta {
    margin-top: 5px;
}

#footer-cols {
font-size: 0.8em;
}

.alert-success {
    background-color: #ebeec1;
    border-color: #ebeec1;
    color: #6a7103;
}

/*******KATEGORIEBILDER+TEXTE******* */

.cattable {
display: table;
width: 100%;
background-repeat:no-repeat;
 -moz-hyphens: manual;
 -o-hyphens: manual;
-webkit-hyphens: manual;
 -ms-hyphens: manual;
hyphens: manual; 
}

.img_haircare {
background-image:url(../img/catimg/Aveda_HairCare.jpg);
background-position: right center;

}

.cattext {
padding: 10px;
font-size: 0.9em;
vertical-align: middle;
}

.cattext, .catcell {
display: table-cell;
}

.txt_haircare {
width: 50%;
height: 320px;
}

@media  (max-width:991px) {
.cattable {background-image: none;}
.cattext {display: initial; width: 100%;}
}

.categorie-listing .section {
background-color:transparent;
border:none;
font-size: 0.9em;
text-transform: uppercase;
}

.product-image img {
max-height: 350px;
}

.img-thumbnail {
border: none;
}

.product-info h1.text-word-wrap {
word-wrap: break-word;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none;
}


ul#serviceimg {list-style-type:none; padding-left: 10px;}

ul#serviceimg li.service-de,ul#serviceimg li.service-ch,ul#serviceimg li.service-at {
text-indent:-999em;
width:200px;
height:200px;
}

ul#serviceimg li.service-de {background-image:url(../img/service_de.jpg);}
ul#serviceimg li.service-ch {background-image:url(../img/service_ch.jpg);}
ul#serviceimg li.service-at {background-image:url(../img/service_at.jpg);}

ul#someabouts {margin-bottom:15px; border: solid #ddd; border-width:0px 1px 0px 0px; padding: 0 0 0 5px; }
ul#someabouts li.level1 { padding:4px 0px 4px 6px; font-size: 1.0em;}
ul#someabouts li.level2 { padding:2px 0px 2px 12px; font-size: 0.9em;}
ul#someabouts .active, ul#someabouts .active a { font-weight:900; color: #6f8636;}
ul#someabouts li a:hover { font-weight:900; color: #6f8636;}
ul#someabouts, ul#servebox { list-style-type:none;}
ul#someabouts li { list-style-type:none; border: solid #fff; border-width:1px 0px 0px 0px;}
ul#someabouts li a{ text-decoration:none; color:#6f8636;}
ul#someabouts li.level2 a{ text-decoration:none; color: #929802;}

.seal {
text-align: center;
}

#checkout .progress .progress-bar-success {
    background-color: #a1ac06;
}

.btn-secondary {
    background-color: #7a8201;
}
.btn-secondary.focus, .btn-secondary:focus,
.btn-secondary.hover, .btn-secondary:hover  {
    background-color: #a1ac06;
}

.couponheadline { font-weight: bold;}

input#cust_info_allow_newsletter_8 {
margin-right: 5px;
}

.payment-logos .logos img {
max-width: 100%;
height: auto;
}

#box-categories-categorie-110 a {
color: #b00;
}




.nav li#box-categories-categorie-9,
.nav li#box-categories-categorie-10,
.nav li#box-categories-categorie-113,
.nav li#box-categories-categorie-11,
.nav li#box-categories-categorie-12,
.nav li#box-categories-categorie-13,
.nav li#box-categories-categorie-47,
.nav li#box-categories-categorie-56,
.nav li#box-categories-categorie-152,
.nav li#box-categories-categorie-151,
.nav li#box-categories-categorie-109,
.nav li#box-categories-categorie-16,
.nav li#box-categories-categorie-17,
.nav li#box-categories-categorie-122,
.nav li#box-categories-categorie-18,
.nav li#box-categories-categorie-19,
.nav li#box-categories-categorie-20,
.nav li#box-categories-categorie-21,
.nav li#box-categories-categorie-153
{display: none;} 

.categorie-listing .cat123,
.categorie-listing .cat124,
.categorie-listing .cat125,
.categorie-listing .cat126,
.categorie-listing .cat127,
.categorie-listing .cat128,
.categorie-listing .cat129
{display: none;}

#service4u {
width: 90%;
border: 1px solid grey;
font-size: 1.1em;
color: #9c9c9c;
margin: 0 auto;
background: #fff;
}

#service4u .services {
padding: 0 5%;
}

#service4u i::before {
font-size: 1.8em;
display: inline-block;
width: 35px;
margin-top: 3px;
}
#service4u li.fas::before {font-family: 'Font Awesome 5 Free';}
#service4u li.fab::before {font-family: 'Font Awesome 5 Brands';}

#service4u h3 {
display: block; 
text-align: center;
background: #96a003;
color: #fff;
margin: 0;
padding: 5px;
font-size: 1.4em;
}

#service4u li {
vertical-align: middle;
padding: 0;
margin: 0;
display: block;
margin: 1em 0;
}

#service4u li span {
font-family: 'Open Sans', sans-serif;
font-weight: normal;
vertical-align: middle;
display: inline-block;
width: calc(100% - 50px);
margin-top: -8px;
font-size: 1.1em;
}
#service4u .green {color:  #96a003;}

.fab, .fas {margin-right: 10px;}

.footerlinks { 
font-size: 0.9em; 
background: #96a003;
 }
.footerlinks a { color: #fff!important;}
.footerlinks p.headline {display: none;}
.footerlinks ul {padding: 1em 0; text-align: center; margin: auto;}
.footerlinks ul li {display: inline-block; margin: 0.3em 2em;}

/*******BOXEN BREITE******* */


/*******BOXEN BREITE******* */


/*******QUERIES******* */


@media (min-width:1200px){
.header-top .container {
background-image:url(../img/header_L.jpg);
height: 180px;
}

.main-navigation {max-width: 1170px;}

img.logolink.llaveda{
height: 270px; 
width: 280px; 
margin-top: -290px;
margin-left: 10px;
}
img.logolink.llhz{
height: 150px; 
width: 400px; 
margin-top: 25px;
margin-left: -130px;
}
}

@media (min-width:992px){
.container .row{height: auto;}

.col-md-push-20 {    left: 20%;}
.col-md-80 {    width: 80%;}
.col-md-pull-80 {    right: 80%;}
.col-md-20 {    width: 20%;}
}

@media (min-width:992px) and (max-width:1199px) {
.header-top .container {
background-image:url(../img/header_L.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
height: 150px;
}
.main-navigation,
.breadcrumb-container,
#footer {max-width: 970px;}

img.logolink.llaveda{
height: 270px; 
width: 280px; 
margin-top: -290px;
margin-left: 30px;
}
img.logolink.llhz{
height: 150px; 
width: 400px; 
margin-top: 25px;
margin-left: -185px;
}

.btn-cart {font-size: 17px!important;}
}

@media(max-width:991px) {
.meta-navigation .pull-left {display: none;}
.meta-navigation ul.pull-right  {float: none!important; }
.meta-navigation .user { text-align: center;}
.box-cart .btn-group {margin-top: -3px;}
}

@media (min-width:768px) and (max-width:991px) {
.header-top .container {
background-color: #f9f8f4;
background-image:url(../img/header_S.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
height: 100px;
margin-bottom: 20px;
}

.btn-cart {font-size: 17px!important;}

.main-navigation,
.breadcrumb-container,
.meta-navigation,
#footer  {max-width: none;}
.container {  width: auto;}

img.logolink.llaveda{
height: 80px; 
width: 540px; 
margin-top: -120px;
margin-left: 30px;
}
img.logolink.llhz{
display:none;
}
}

@media (max-width: 767px) {
.col-xs-4 {    width: 100%;}
.meta-navigation a {font-size: 0.9em;}
.meta-navigation li.cartbox {display: none;}
.meta-navigation .user > li.login::after { content: none;}
.meta-navigation .container > ul > li > a { padding: 7px 5px; }
li.home a {background: transparent;}
.fa-home {font-size: 20px;}
.meta-navigation {position: fixed; z-index: 10000; height: 45px; }
.navbar-header {margin-top: 45px; position: relative; }
}

@media (min-width:551px) and (max-width:767px) {
/*
.header-top .container {
background-image:url(../img/header_XS.jpg);
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
background-color: #f9f8f4;
}
*/

.header-top {display: none;}

img.logolink.llaveda{
height: 40px; 
width: 80%; 
top: 0;
left: 10%;
position: absolute;
}
img.logolink.llhz{
display:none;
}
}

@media (max-width:550px) {
/*
.header-top .container {
background-image:url(../img/header_XXS.jpg);
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
background-color: #f9f8f4;
}*/

.header-top {display: none;}

#footer {margin-bottom: 0;}

img.logolink.llaveda{
height: 40px; 
width: 95%; 
top: 0;
left: 2.5%;
position: absolute;
}
img.logolink.llhz{
display:none;
}

}


@media (min-width:768px) {
.main-navigation {display: none;}
.meta-navigation {height: 50px; position: fixed; z-index: 10000;}

}

@media (min-width: 992px) {
.swapleft {    left: 0!important; }
.swapright {    right: 0!important; }
.meta-navigation ul.pull-right li.home {display: none;}
}