:root {
    /* other green #8bcb44;*/
    --Bgreen: #7ab935;
    --Bgray: #f6f5f1;
    --Borange: #FF7600;
}


body, #wrapper{
    background: #f6f5f1 !important;
    background: var(--Bgray) !important;
}

/* -- HEADER --*/
#header .menus-col .menu-dropdowns>.btn-group>.btn {
    font-size: 13px;
    font-weight: bold;
}




/*-----------Product List  Anpassungen -----*/
.productData:hover{
    box-shadow: 0 0 25px #8bcb44 !important;
    
    /*border: 2px solid var(--Bgreen);*/
}
.productData {
    border-radius: 7px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: white;
    margin: 10px;
}


@media screen and (min-width: 767px) {
    .list-container  {
        margin-left: 30px;
    }
}



/* -- Media control änderrung für Product List --*/
.productData.col-xs-12 {
    width: 97%;
}

#biorio-logo > img {
    width: 70%;
    padding-top: 50px;
    margin-left: 0% !important;
}

@media (min-width: 570px){

    #biorio-logo > img {
        width: 208%;
        padding-top: 50px;
        margin-left: 20% !important;
    }
}

@media (min-width: 768px){
    .productData.col-sm-6 {
        width: 47%;
    }
    #biorio-logo > img {
        width: 160%;
        padding-top: 50px;
        margin-left: 20% !important;
    }
}


@media (min-width: 992px) {
    .productData.col-md-3 {
        width: 22%;
    }

    #biorio-logo > img {
        width: 210%;
        padding-top: 50px;
        margin-left: 49% !important;
    }
}


.boxwrapper .list-container .gridView .productBox .picture{
    border-bottom: 2px dashed #eee;
}



/* --- Animation entfernen ---*/
.btn:hover, 
.nav li a:hover, 
.dropdown li a:hover, 
.pagination a:hover {
    transition: none;
}



/* ---------- Alles was hintergrund grün ist -------------- */
#mainnav, 
.btn-primary, 
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus,
.btn-primary:hover, 
.btn-primary.hover, 
.btn-primary:focus, 
.btn-primary.focus,
.btn-primary:active, 
.btn-primary.active, 
.open>.dropdown-toggle.btn-primary,
.btn-primary:active:hover, 
.btn-primary.active:hover, 
.open>.dropdown-toggle.btn-primary:hover, 
.btn-primary:active:focus, 
.btn-primary.active:focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.btn-primary:active.focus, 
.btn-primary.active.focus, 
.open>.dropdown-toggle.btn-primary.focus,
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus,
body.fixed-header #header #mainnav.fadeIn,
.list-group-item.active, 
.list-group-item.active:hover, 
.list-group-item.active:focus,
body.cl-thankyou ol.checkoutSteps li.active .num, 
body.is-checkout ol.checkoutSteps li.active .num,
.pagination>.active>a, .pagination>.active>span, 
.pagination>.active>a:hover, .pagination>.active>span:hover, 
.pagination>.active>a:focus, .pagination>.active>span:focus,
.btn-info,
.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, .btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, 
.btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, fieldset[disabled] .btn-primary.active,
.btn-info:active:hover, 
.btn-info.active:hover, 
.open>.dropdown-toggle.btn-info:hover, 
.btn-info:active:focus, .btn-info.active:focus, 
.open>.dropdown-toggle.btn-info:focus, 
.btn-info:active.focus, .btn-info.active.focus, 
.open>.dropdown-toggle.btn-info.focus,
.btn-info:hover,
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus,
.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info,
#header .minibasket-menu table .badge
 {
    background: #7ab935 !important;
    background-color: #7ab935 !important;;
    background: var(--Bgreen) !important;
    background-color: var(--Bgreen) !important;;
}

/* ---------- Alles was Schrift grün ist -------------- */
.breadcrumb>.active a ,
a:hover, 
a:focus, 
#jumptotop,
body.cl-alist .page-header h1 .rss,
.boxwrapper .list-container .gridView .productBox .price .lead,
.boxwrapper .page-header h2 .rss, 
.boxwrapper .page-header h3 .rss, 
.boxwrapper .page-header .h3 .rss,
body.cl-details .details-col-right .action-links a,
body.cl-details #detailsItemsPager .pager-overview-link, 
body.cl-details #detailsItemsPager .pager-prev, 
body.cl-details #detailsItemsPager .pager-next, 
body.cl-details #detailsItemsPager .pager-overview-link a, 
body.cl-details #detailsItemsPager .pager-prev a, 
body.cl-details #detailsItemsPager .pager-next a,
.flexslider .flex-direction-nav .flex-prev:hover::before, 
.flexslider .flex-direction-nav .flex-next:hover::before,
a:hover, 
a:focus,
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus
{
    color: #7ab935;
    color: var(--Bgreen);
}

/* ---------- Alles was Border grün ist -------------- */
.breadcrumb>.active a,
.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.hover,
.btn-primary:active, 
.btn-primary.active
.open>.dropdown-toggle.btn-primary,
.btn-primary:active:hover, 
.btn-primary.active:hover, 
.open>.dropdown-toggle.btn-primary:hover, 
.btn-primary:active:focus, 
.btn-primary.active:focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.btn-primary:active.focus, 
.btn-primary.active.focus, 
.open>.dropdown-toggle.btn-primary.focus,
.form-control:focus,
.list-group-item.active, 
.list-group-item.active:hover, 
.list-group-item.active:focus,
.pagination>.active>a, .pagination>.active>span, 
.pagination>.active>a:hover, .pagination>.active>span:hover, 
.pagination>.active>a:focus, .pagination>.active>span:focus,
.btn-info,
.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, .btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, 
.btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, fieldset[disabled] .btn-primary.active,
.btn-info:active:hover, 
.btn-info.active:hover, 
.open>.dropdown-toggle.btn-info:hover, 
.btn-info:active:focus, .btn-info.active:focus, 
.open>.dropdown-toggle.btn-info:focus, 
.btn-info:active.focus, .btn-info.active.focus, 
.open>.dropdown-toggle.btn-info.focus,
.btn-info:hover
 {
    border-color: #7ab935;
    border-color: var(--Bgreen);
}

/* --- Border/box shadow Gründ--*/
.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #7ab935;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--Bgreen);
}

/* ---------- Alles was weiß ist auf grünen untergrund (Schrift)------- */
.navbar-default,
.navbar-nav>li>a,
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    color: white !important;  
}

@media (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, 
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, 
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{
        color: white !important;
    }
}



/* --- Alles was einen weißen Hintergrund bekommt -- */
body.cl-details #detailsRelated .tabbedWidgetBox .tab-content,
#manufacturerSlider,
.navbar-default .navbar-toggle .icon-bar,
.biorioInfo,
.table-bordered
{
    background: white;
}


/* --- unreduzierter Preis -- */
.oldPrice.text-muted {
    color: red;
}

.text-danger {
    color: red;
    font-weight: bold;
}





/* -- Navbar Zeug --*/

.nav-tabs>li>a {
   /* border: 1px solid #00000014;*/
    font-weight: 600;
}

#mainnav .nav>li>a {
    font-weight: 600 !important;
}

#mainnav {
    padding-top: 5px;
    padding-bottom: 5px;
}



/* -- Produkt Detail Ansicht --*/
body.cl-start .boxwrapper .list-container {
    margin-top: 0px;
}

#detailsMain {
    background: white !important;
    padding: 30px 30px 0px 30px;
    border: 1px solid #c4c4c4;
    margin-bottom: 10px;
}

#content {
    margin-bottom: 20px;
}

#review > .spacer {
    height: 0px;
}


/* ---- Bestellvorgang --------*/
body.cl-thankyou ol.checkoutSteps, body.is-checkout ol.checkoutSteps {
    border-top: 3px solid #7ab935;
    border-top: 3px solid var(--Bgreen);
}

body.cl-thankyou ol.checkoutSteps li .num, body.is-checkout ol.checkoutSteps li .num {
    background-color: #616161;
}



/* ---- Verfügbarkeits Infos --------*/

.localstock h2{
    color: #7ab935;
	color: var(--Bgreen);
	font-size: 18px;
	margin-bottom: 10px;
}

.localstock .verysmall{
	margin-top: 10px;
    font-size: 8px;
    padding-bottom: 16px;
}

.localstock .more5{
    color: #FF7600;;
	color: var(--Bgreen);
}

.localstock .less5{
    color: #7ab935;
	color: var(--Borange);
}

.localstock .nothing{
	color: red;
}

body.cl-alist .page-header h1 {
    font-weight: 500;
}


/* Produktansicht -> lieferzeit verfügbarkeit Trenner*/
.deliverytime::before {
    display: none !important;
}


/* Bewertung Sterne */
.fa-star {
    color: #F60;
}


table.producttable td {
    border: 1px solid #c9d3d7;
    padding: 5px 8px 5px 8px;
}

.stempel img {
    max-width: 150px;
    max-height: 150px;
    margin-left: 15px;
}

.stempel, .stempel a {
    float: left;
}

#zahlarten {
    border: 1px solid #afaeac;
    max-width: 52% !important;
}

body.cl-details #productTitle {
    font-weight: 600 !important;
}

#img_8733 {
    max-width: 690px;
}

/* headlines */
h2  {
    font-weight: 600 !important;
    color: #747474;
}

#footer .footer-box .footer-box-title,
#manufacturerSlider .page-header h3 {
    /* text-transform: uppercase; */
    font-weight: 600 !important;
    color: #747474;
}

#box_biorioInfo {
    margin: 0 !important; 
    padding-top: 10px;
}

#text__biorioInfo {
    margin: 0;
    font-weight: 500;
    color: #7ab935;
    font-size: 1.6rem;
}

#seperatorBiorioInfo {
    margin-left: 3%;
}

hr {
    border-top: 2px dashed #dbd9d9 !important;
}

body.cl-start .boxwrapper {
    margin: 0 0 5px 0;
}

#manufacturerSlider {
    margin-bottom: 20px !important;
}

body.cl-details #productPrice {
    color: #7ab935;
    font-weight: 700 !important;
    width: 100%;
}

.cc-theme-edgeless.cc-window {
    position: fixed;
    bottom: auto;
    right: auto;
    padding: 50px;
    border-radius: 5px;
    box-shadow: 0 -14px 175px gray !important;
    border: 1px solid rgba(0,0,0,0.15);
    width: 600px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.cc-btn.cc-save {
    background: white;
    color: gray;
}
    
.cc-allow-all {
    margin-bottom: 15px !important;
}
.cc-banner.cc-theme-edgeless .cc-message {
    margin-bottom: 15px;
}