/* links funktioniert nicht 

a:hover {
	color: #fbc010;
}
*/

a {color: #228B22;
	      }

 a:hover {
      color: #228B22;
	  }
    
/* geht nicht, macht die Links grün aber nimmt den bg weg
a {
   /* background-color: transparent; 
    -webkit-text-decoration-skip: objects;
    color: #228B22;
    text-decoration: none;
}
*/
	

/* header navigation */
.header-nav {background-color : #228B22} /*green */
#header .header-nav a {color: #FFFFF0} /* ivory */
#header .header-nav a:hover {color: #fbc010} /*green */ 

#header .header-nav .cart-preview.active {
  background: #999999;
}

/* Horizontal Menu, background ivory */
#header .top-menu a[data-depth="0"]:hover {
    color: #228B22; /*forest green*/
    text-decoration: none
}

/* Color of mobile menu Burger */
#header .header-nav #menu-icon {
  vertical-align: middle;
  cursor: pointer;
  margin-left: 1rem;
  color: #FFFFF0;
}


/* part of header with main menu horizontal */
#header .header-top {
  background-color: #FFFFF0; /* ivory */
}

#header .header-top a{
  color: #009901; /*green */
}

#header .header-top a:hover{
  color: #009901; /*green */
}

/* Background color below header */
#wrapper {
    padding-top: 1.563rem;
    background: #FFFFFF; /* white */
}

/* product miniatures */
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
  position: relative;
  margin-bottom: 1rem;
  /*height: 318px; */
  width: 280px;
  background: #fff;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
}

/* no uppercase at the beginnig of every word  */
.product-miniature .product-title {
    text-transform: none;
}
/* Rupture de stock 
.product-flags li.product-flag {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: .3125rem .4375rem;
  margin-top: .625rem;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  word-break: break-word;
  pointer-events: auto;
  background: #24b9d7; /* türkisblau das Schreckliche das auch für die Links verwendet wird */
}
*/

/* Left column categorys / n'est pas pris en compte, il faut écrire le box-shadow dans le css parent
.block-categories {
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
  background: #fff;
  padding: 1.563rem 1.25rem;
  margin-bottom: 1.563rem;
}
*/

.block-categories .category-sub-menu li[data-depth="0"] > a {
  font-weight: 600;
  border-bottom: 1px solid rgba(0, 0, 0, .25);
  width: 100%;
  display: inline-block;
  margin: .3125rem 0 0;
  padding-bottom: .1875rem;
}

.product-cover .layer {
    background: hsla(0, 0%, 100%, .3); /*hsla(0, 0%, 100%, .7);*/
}

/* Begin of Layout Footer */
.footer-container {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
	background:#FFFFF0;
    overflow: hidden;
    box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, .3) /* shadow oben */
	}
	
.footer-container a {
    color: #009901; /* green */
    cursor: pointer;
}
	
.footer-container a:hover {
    color: #996600; /* brown */
    cursor: pointer;
}

	
.footer-container li {
    margin-bottom: .3125rem
}

.footer-container li a {
    color: #996600; /* brown */
    cursor: pointer;
    font-size: .875rem
}

.footer-container li a:hover {
    color: #009901 /*green */
}


/* Text linksb���ndig - gemini 07.07.26 */
.product-full-width-tabs {
    margin-top: 40px;
    margin-bottom: 20px;
    width: 100%;
}

.product-full-width-tabs .tabs {
    background: #ffffff;
    padding: 20px 0;
}

/* Verringert den Standard-Abstand des oberen Produkt-Containers */
.product-container {
    margin-bottom: 0 !important;
}

/* Positioniert die neue Text-Sektion n���her an die Bilder */
.product-full-width-tabs {
    margin-top: 10px !important; /* Standard war 35px */
    padding-top: 0;
}

/* Korrigiert eventuelle Rester von Flexbox-H���hen im Classic Theme */
@media (min-width: 768px) {
    #main .product-container {
        display: flex;
        align-items: flex-start; /* Verhindert, dass die rechte Box k���nstlich in die L���nge gezogen wird */
    }
}

/* ���ndert die Hintergrundfarbe des "In den Warenkorb" Buttons */
.product-add-to-cart .add-to-cart {
    background-color: #228B22 !important; /* Ein sch���nes, frisches Bio-Gr���n */
    color: #ffffff !important;           /* Wei���er Text */
    border-color: #2ecc71 !important;    /* Rahmenfarbe anpassen */
}

/* ���ndert die Farbe, wenn man mit der Maus ���ber den Button f���hrt (Hover) */
.product-add-to-cart .add-to-cart:hover {
    background-color: # !important; /* Ein etwas dunkleres Gr���n beim Dr���berfahren */
    color: #FBC010 !important;           /* Gelber Text */
    border-color: #27ae60 !important;
}


/* header navigation */
.header-nav {
    background-color: #228B22 !important; /* green */
}

/* 1. Wichtig: F���rbt ALLE Texte und Links im Kontakt-Block (inkl. Appelez-nous) */
#header .header-nav #_desktop_contact_link,
#header .header-nav #_desktop_contact_link .contact-link,
#header .header-nav #_desktop_contact_link .contact-link a {
    color: #FFFFF0 !important; /* ivory */
}

/* 2. F���rbt das Telefon-Symbol vor dem Text ebenfalls elfenbeinfarben */
#header .header-nav #_desktop_contact_link .contact-link .material-icons {
    color: #FFFFF0 !important;
}

/* 3. Alle regul���ren Links in der oberen Leiste auf Elfenbein setzen */
#header .header-nav a {
    color: #FFFFF0 !important;
}

/* 4. Hover-Effekt: Verwandelt nur die Telefonnummer und Links beim Dr���berfahren in Gelb */
#header .header-nav a:hover,
#header .header-nav #_desktop_contact_link .contact-link a:hover {
    color: #fbc010 !important; /* gelb */
}

/* ���ndert die Farbe f���r das "Rupture de stock" Label (Ausverkauft) */
#product .product-availability #product-availability,
#product .product-availability .product-unavailable {
    color: #FBC010 !important; /* Ein klares Warn-Rot */
}

/* ���ndert die Hintergrund- und Textfarbe des Rabatt-Schildchens (Prozentanzeige) */
.product-flags .product-flag.discount,
.product-images .product-flags .discount {
    background-color: #228B22 !important; /* Hintergrundfarbe (green) */
    color: #FFFFF0 !important;           /* Textfarbe (ivory) */
}

/* Falls du das Schildchen auf der Produktliste (Kategorieansicht) ebenfalls ���ndern willst */
.thumbnail-container .product-flags .discount {
    background-color: #228B22 !important;
    color: #FFFFFO !important;
}

/* ���ndert das "Nouveau"-Schildchen auf der Produktseite und in den Listen */
.product-flags .product-flag.new,
.thumbnail-container .product-flags .new {
    background-color: #228B22 !important; /* Hintergrundfarbe (hier dein Waldgr���n) */
    color: #FFFFF0 !important;           /* Textfarbe (dein Elfenbein / Ivory) */
}