/** GENERAL **/

/**
green light: c6efc6
green light hover: aee8ae

green dark: c1c9bd
green dark hover: a6b2a0

grey light bg: f8f9fa
grey light: ededed
grey light hover: e5e5e5

brown: a68d82
brown hover: 7f5b4c

grey dark: c9c0bd
grey dark hover: b2a5a0
**/


a {
    color: #000000;
}
a:hover {
    color: #7f5b4c;
}
.invisible {
    display: none;
}

h1 { font-size: 1.75em; padding-bottom: 20px; }
h2 { font-size: 1.5em; padding-top:20px; padding-bottom: 10px; }
h3 { font-size: 1.25em; padding-top:20px; padding-bottom: 5px; }
h4 { font-size: 1em; padding-top:20px; padding-bottom: 5px; }

.blog-header-logo img {
    margin: 10px 0px 10px 0px;
}
input.search {
    border: 0;
    background-color: #ffffff;
}
.btn-primary {
    color: #4F694F;
    font-weight: bold;
    font-size: 0.75em;
    text-transform: uppercase;
    background-color: #c6efc6;
    border: 1px solid #c6efc6;
}
.btn-primary:hover {
    background-color: #aee8ae;
    color: #4F694F;
    border: 1px solid #aee8ae;
}
.btn-primary .oi {
    font-size: 1.25em;
}

button.btn-light {
    background-color: #ededed;
    color: #7f5b4c;
}
button.btn-light:hover {
    background-color: #e5e5e5;
}
button.btn-light a:hover {
    text-decoration: none;
}

button.back {
    margin-top: 20px;
}

/** HEADER & NAVIGATION **/
.icons-header .oi {
    padding: 5px;
}
.icons-header a:hover {
    text-decoration: none;
}

.navbar {
    text-transform: uppercase;
    font-size: 0.9em; 
}
.nav-link {
	font-weight: bold; color:#000000;
}

@media (min-width: 992px) {
    .navbar-collapse {
        height: 30px;
    }
    a.nav-link {
        margin-right: 20px;
    }
}
.dropdown-menu {
    border: 0;
    background-color: #ededed;
    text-transform: none;
}
a.dropdown-item.active {
    background-color: #c9c0bd;
    font-weight: bold;
}

.breadcrumb {
    background-color: #ffffff;
    font-size: 0.9em;
    color: #b2a5a0;
    vertical-align: middle;
}
ol.breadcrumb {
    padding-bottom: 0;
    margin-bottom: 0;
}

ul.flex-column {
    font-size: 0.9em;
    margin-left: 15px;
}

.flex-column .nav-item a {
    padding: 1px 0px 1px 0px;
    margin: 1px 0px 1px 0px;
}

.flex-column .nav-item.active span{
    font-weight: bold;
    color: #7f5b4c;
    padding: 1px 0px 1px 0px;
    margin: 1px 0px 1px 0px;
    
}
nav.navbar-expand-lg .navbar-toggler {
    color: #a68d82;
}


@media (max-width: 992px) {

.nav.flex-column,
.nav.flex-column li.nav-item {
    list-style-type: none;
    float: left;
    padding: 5px;
    display: block;
}
	
}


/** START **/
.monatsangebote {
    background-color: #f8f9fa;
    padding:0px 20px 0px 20px;
}
.monatsangebote h2 {color:#a68d82;}

/** SHOP LAYOUT **/
.col-md-3,
.col-md-4 {
    float: left;
}

/** PRODUCT LIST **/
.mod_iso_productlist .card {
    border: 1px solid #ededed;
    padding-top: 10px;
    margin-bottom: 10px;
}
h3.card-title {
    font-size: 1em;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
h3.card-title a {
    color: #4F694F;
}
h3.card-title a:hover {
    color: #7f5b4c;
    text-decoration: none;
}
.card {
    text-align: center;
    border: 0;
}
.card-body .price {
    margin: 5px 0;
    color: #a6b2a0;
    font-weight: bold;
}
.card-body .original_price {
    float: right;
    color: #EB5558;
    font-weight: normal;
}
.card-body .sku {
    display: none;
}
.card-body .details {
    display: none;
}
.card-footer {
    border: 0; 
	background-color: #f8f9fa;
}
.mod_iso_productlist input.quantity,
.mod_iso_productlist button.submit {
    width: 100%;
    height: 35px;
    text-align: center;
}
.mod_iso_productlist input.quantity {
    border: 0;
    background-color: #ffffff;
}
.mod_iso_productlist label {
    display: none;
}
p.error {
    background-color: #f5c6cb;
    padding: 3px;
}

/** SHOP FILTER */
.mod_iso_productfilter {
    background-color: #f8f9fa;
    padding: 10px 10px 0;
    margin-bottom: 25px;
}
.mod_iso_productfilter input.text { border:0;}

/** SHOP READER */
.mod_iso_productreader input.form-control.quantity,
.mod_iso_productreader button.btn-primary.submit {
    width: 250px;
    height: 40px;
}
.mod_iso_productreader .price {
    font-size: 1.25em;
    font-weight: bold;
    color: #a6b2a0;
    padding: 0 0 10px;
}
.mod_iso_productreader .original_price {
    color: #EB5558;
    font-weight: normal;
}

.mod_iso_productreader .tab-content {
    padding-top: 15px;
}

.checkbox_container fieldset legend,
.checkbox_container fieldset span,
.checkbox_container input span,
.checkbox_container span {
    display: block;
}
.checkbox_container > span {
    display: block;     
}

/** SHOP CART **/
.mod_iso_cart input.quantity {
    width: 40px;
}
.mod_iso_cart table thead,
.mod_iso_cart table tfoot,
.orderinfo table thead,
.orderinfo table tfoot {
    background-color: #f8f9fa;
    background: #f8f9fa;
    border: 0;
}
.mod_iso_cart table thead th,
.orderinfo table thead th{
    border: 0;
}
.mod_iso_cart .foot_last,
.orderinfo .foot_last{
    font-weight: bold;
    
}

/** SHOP KASSE **/
legend {
    padding: 20px 0 5px;
    margin: 0 0 10px;
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px solid black;
}
nav.breadcrumb-checkout { padding-bottom: 10px; background-color: #f8f9fa;}
/** SUCHE **/
.mod_search span.relevance,
.mod_search .url {
    font-size: 0.75em;
}
.mod_search span.highlight {
    background-color: #ededed;
}
.mod_search p.header,
.mod_search .even,
.mod_search .odd {
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 10px 0px;
    border-bottom: 1px solid #ededed;
}


.info_container {
    background-color: #f8f9fa;
    border:1px solid #ffffff;
    padding-bottom:10px;
}


/** PAGINATION*/
.pagination a {
    color: #a68d82;
    border-color: #ededed;
}
.pagination a:hover {
    color: #7f5b4c;
    background-color: #ededed;
    border-color: #ededed;
}
.pagination li.active,
.pagination span.page-link.current {
    background-color: #ededed;
    color: #7f5b4c;
    border-color: #ededed;
}

/* FOOTER */
footer {
    background-color: #b2a5a0;
    font-size: 0.9em;
}
footer a {
    color: #ffffff;
}
footer h5 {
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    text-transform: uppercase;
    color: #ffffff;
}
footer p {
    color: #ffffff;
}


.checkbox_container fieldset legend,
.checkbox_container fieldset span,
.checkbox_container input span,
.checkbox_container span {
    display: block;
}
.checkbox_container > span {
    display: block;     
}
.mandatory > span {
    display: block;
}