/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* root
*/
:root {
    --st-main-color: #7BB661;
    --st-background-color: #FFF8E1;
    --st-akzente-back-color: #A67B5B;
    --st-text-black-color: #333333;
    --st-akzente-color: #F4D35E;
    --st-orange-color: #FF9900;
}


/*
header
 */
#header , #header .header-top {
 	background-image: url('/img/sortiment-laden.jpg');
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: transparent;
}

#header .header-top a[data-depth="0"] {
    color: var(--st-text-black-color) !important;
}


@media (max-width: 767px) {
    #header .header-top {
        background: transparent !important;
    }
}
a{
    color: var(--st-text-black-color) !important;
}
a:hover {
    color: var(--st-akzente-color) /* #FF9900 */ !important;
}
/*
header menue
*/
@media (max-width: 767px) {
    #header .header-top a[data-depth="0"] {
        color: var(--st-text-black-color) !important;
    }
}
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li a {
    color: var(--st-text-black-color) !important;
}
.header-nav {
    background-color: var(--st-main-color) !important;
}
 .header-top {
     height: 250px !important;
 }
.st-header-top-right{
    background-color: lightgrey;
    opacity: 0.75;
}
.st-header-top-right:hover{
    background-color: lightgrey;
    opacity: 1;
}
#header .header-nav .blockcart {
    background: var(--st-main-color);
    color: var(--st-text-black-color);
}
#header .header-nav .cart-preview.active {
    background: var(--st-main-color);

}
#header .header-nav .cart-preview .shopping-cart {
    color: var(--st-text-black-color);
}
#header .header-nav .blockcart.active a:hover, #header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i {
    color: var(--st-akzente-color) ;
}


 /* mal rausgenommen
 .popover{
      top:25px !important;
 }
 */
#_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu {
    /*background-color: #f1f1f1 !important;*/
    background-color: lightgray !important;
}

#_desktop_top_menu .top-menu[data-depth="0"] a:hover {
    color: var(--st-akzente-color) !important;
}

.top-menu .sub-menu.collapse{
    /*min-height: 75% !important;*/
}


/* Menuepunkt Programmierung ANFANG */
#_desktop_top_menu .top-menu[data-depth="0"] .category[id="category-23"] {
    background-color: red !important;
}
#_desktop_top_menu .top-menu[data-depth="0"] .category[id="category-23"] a:hover{
    color: var(--st-text-black-color) !important;
}
@media (max-width: 767px) {
    #mobile_top_menu_wrapper .top-menu[data-depth="0"] .category[id="category-23"] {
        background-color: red !important;
    }
}
/* Menuepunkt Programmierung ENDE */


#_desktop_top_menu .top-menu[data-depth="0"] .sub-menu li>a {
    color: var(--st-text-black-color) !important;
}
#_desktop_top_menu .top-menu[data-depth="0"] .sub-menu li>a:hover {
    color: var(--st-akzente-color) !important;
}

#mobile_top_menu_wrapper .top-menu .sub-menu li>a {
    background-color: #f1f1f1 !important;
}

/*
header logo
 */


/*
header Kontakt
 */
#header .header-nav #_desktop_contact_link {
    display: none;
}

/*
Miniaturansicht Artikel Startseite ANFANG
*/
/*
.products .product-miniature.js-product-miniature{
    margin-left: 10px;
    margin-right: 10px;
}
*/

#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
    height: 400px !important;
 /*   box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    padding-top: 20px;
*/
}

/* das untere ist alt */
#products .thumbnail-container .product-thumbnail, .featured-products .thumbnail-container .product-thumbnail, .product-accessories .thumbnail-container .product-thumbnail, .product-miniature .thumbnail-container .product-thumbnail {
    position: relative;
    height: calc(100% - 90px) !important;
}

.product-miniature .thumbnail-top{
    height: calc(100% - 90px) !important;
}

#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
    height: 115px !important;
}
#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {
    height: 6.125rem !important;
}
#products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title {
    /* margin-bottom: 0px !important; */
    margin-top: 22px !important;
}

.product-description h3 a{
    /* color: red !important;  erst mal raus*/
}
.product-description h2 a{
    /* color: red !important;  erst mal raus*/
}

.product-description #product-availability .product-available {
    color: var(--st-main-color) !important;
    font-size: 20px !important;
}
.product-description #product-availability .product-last-items,.product-description #product-availability .product-unavailable {
    color: var(--st-akzente-color) !important;
    font-size: 20px !important;
}

.product-description #product-availability {
    font-size: 12px !important;
    font-weight: 100 !important;
}

/*
Artikel commentare
 */
.product-description .product-list-reviews {
    top: -3px !important;
    /*justify-content: flex-end !important;
    padding-right: 10px !important;
    */
}
/*
Miniaturansicht Artikel Startseite ENDE
*/


/*
page preise
 */
.page-content.page-cms.page-cms-6 ul{
    list-style: disc !important;
    padding-left: 25px !important;
}
.page-content.page-cms.page-cms-6 h5{
    color: var(--st-akzente-color) !important;
}


/*
page anpassungen Online-shop
 */
.page-content.page-cms.page-cms-9 ul{
    list-style: disc !important;
    padding-left: 25px;
}
.page-content.page-cms.page-cms-9 h3{
    color: var(--st-akzente-color) !important;
}

/*
product sonderpreise
 */
.product-flags li.product-flag.on-sale{
    background-color: var(--st-akzente-color) !important;
}
/*
product rabatt und so
 */
.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage li.product-flag.on-sale{
    background-color: var(--st-akzente-color) !important;
}
.has-discount .discount {
    background-color: var(--st-akzente-color) !important;
}
.has-discount.product-price, .has-discount p {
    color: var(--st-akzente-color) !important;
}
/*
product beschreibung
 */
.product-description ul{
    list-style: disc !important;
    padding-left: 25px;
}
.product-description h3{
    color: var(--st-akzente-color) !important;
}
.product-description h3 a{
    /* dieser Eintrag ist oben bei Miniaturansicht Artikel Startseite */
}

/*
page home
 */
#wrapper {
    /*
        background-image: url('/img/background-ähren.jpg') !important;
     */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*
page biofleisch
 */
.category-id-3 #wrapper {
    /*background-image: url('https://mein-bioladen-alt.equi-inet.de/modules/ps_imageslider/images/fe61bae8b17c54dcb4cae654d97f8d958b817004_ochsen_slider.jpg') !important;*/
    background-image: url('/img/Lamm_Hintergrund-1024.jpg') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*
page dinkel
 */
.category-id-4 #wrapper {
    background-image: url('/img/Bio-Dinkel-Hintergrund.jpg') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*
page dinkel
 */
.category-id-6 #wrapper {
    background-image: url('/img/background-ähren.jpg') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


/*
categories
 */
.block-categories, .block-category{
/*    background: forestgreen !important; */
    background-color: lightgray !important;
}


/*
footer
*/
#footer{
	background-color: var(--st-main-color) !important;
}

/*
Schrift
*/
#footer p{
    color: #FFF !important;
}
/*
footer- Newsletter Schrift & Farbe Stefan Neu
*/
#footer .container .row .block_newsletter{
    background-color: var(--st-main-color);
}
#footer .container .row .block_newsletter .row  p {
    color: var(--st-text-black-color) !important;
}
/*
footer block links
*/
.footer-container li a {
    color: var(--st-text-black-color) !important;
}
.footer-container li a:hover {
    color: var(--st-akzente-color) !important;
}

/*
Überschrift "Neuer Onlineshop
 */
.footer-container .col-md-6[id="online-shop"] > p {
    background-color: red !important;
}

.block-contact {
    color: var(--st-text-black-color) !important;
}
.block-contact .dropdown {
    color: var(--st-akzente-color) !important;
}

#block_myaccount_infos a {
    color: var(--st-text-black-color) !important;
}
#block_myaccount_infos a:hover {
    color: var(--st-akzente-color) !important;
}

#products .thumbnail-container .thumbnail-top, .featured-products .thumbnail-container .thumbnail-top, .product-accessories .thumbnail-container .thumbnail-top, .product-miniature .thumbnail-container .thumbnail-top
 a:hover
.st-home-category-hover {
    opacity: 1;
}
#products .products .product a:hover .st-home-category-hover,
.featured-products .products .product:hover .st-home-category-hover,
.product-accessories .products .product a:hover .st-home-category-hover {
    opacity: 1;
}

.st-home-category-hover {
    position: absolute;
    top: 55%;
    left: 44%;
    width: 160%;
    height: 150%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
svg:not(:root) {
    overflow: clip !important;
    overflow-clip-margin: 100px !important;
}

/*
 Artikel  ANFANG
*/
.blockreassurance_product {
    display: none;
}