/* 1. Buttons in Produktlisten: grüner Hintergrund statt Magenta */
.action-button {
    background: none !important;            /* Magenta Hintergrund des Containers entfernen */
    border: none !important;
    padding: 0 !important;                 /* Padding entfernen, damit kein farbiger Rand um den Link bleibt */
    text-align: center !important;         /* Zentrierung innerhalb des Containers (für den Link) */
}
.action-button a {
    display: block !important;
    width: 100% !important;               /* Link füllt den ganzen Container */
    background-color: #78AD45 !important; /* Neuer grüner Farbton (Akzentfarbe) */
    color: #FFFFFF !important;           /* Weißer Text auf Grün (bessere Lesbarkeit) */
    text-decoration: none !important;    /* Unterstreichung entfernen, falls vorhanden */
    border: none !important;
    border-radius: 4px !important;       /* Leichte Abrundung (optional, passt zu modernem Button-Stil) */
}
/* Hover-Zustand für die obigen Links (bleibt grün, optional etwas abdunkeln) */
.action-button a:hover {
    background-color: #78AD45 !important; /* Beim Hover nicht zurück auf Magenta wechseln */
    /* Optional: falls ein leichter Farbeffekt gewünscht ist:
       background-color: #6C9C3E !important;  /* etwas dunkleres Grün */
    */
    color: #FFFFFF !important;
}

/* 2. Buttons auf Detailseiten (Submit-Buttons, z.B. "Weiter zur Bestellung") */
.button, .button.cmd_next, input.button, input.button.cmd_next {
    background-color: #78AD45 !important;  /* Primärfarbe Grün */
    color: #FFFFFF !important;
    border: none !important;
}
/* Hover/Fokus für diese Buttons ebenfalls angleichen */
.button:hover, input.button:hover,
.button:focus, input.button:focus {
    background-color: #78AD45 !important;
    color: #FFFFFF !important;
    /* Evtl. hier kein Outline: outline: none; (wenn Rahmen beim Fokus stört) */
}

/* 3. Menü-Navigation Links: Standard schwarz, Hover grün */
.main-menu a, .main-menu a:link, .main-menu a:visited {
    color: #000000 !important;        /* Standard-Linkfarbe Schwarz */
    text-decoration: none !important;
}
.main-menu a:hover, .main-menu a:active, .main-menu a:focus {
    color: #78AD45 !important;       /* Hover-/aktiver Zustand in Grün */
    text-decoration: none !important;
}

/* 4. Such-Icon Größe anpassen */
.header-search .fa-search, .search-toggle .fa-search {
    font-size: 16px !important;   /* Icon auf normale Textgröße reduzieren */
    vertical-align: middle !important; /* Icon zentrieren (falls nötig) */
}
/* (Falls das Icon innerhalb eines Buttons ist, könnte man alternativ den Button kleiner machen. 
   Hier skalieren wir direkt das Icon.) */

/* 5. Linien/Trenner (z.B. alphabetische Trenner mit .abc) in Grün einfärben */
.abc {
    /* Falls .abc als Linie gestaltet ist (z.B. border oder Hintergrund) */
    color: #78AD45 !important;
    border-color: #78AD45 !important;
    background-color: #78AD45 !important;
}
.abc:before, .abc:after {
    /* Wenn im Original Pseudo-Elemente für Linien verwendet werden */
    background-color: #78AD45 !important;
    border-color: #78AD45 !important;
}