/* GALAXIS Footer Zahlungslogos farbig V1
   Ziel: Zahlungsarten im Footer auch auf Desktop farbig/normal darstellen.
   Nur Design/CSS. Keine Shop-Logik.
*/

#layout_footer img[src*="paypal"],
#layout_footer img[src*="PayPal"],
#layout_footer img[src*="visa"],
#layout_footer img[src*="Visa"],
#layout_footer img[src*="master"],
#layout_footer img[src*="Master"],
#layout_footer img[src*="amex"],
#layout_footer img[src*="american"],
#layout_footer img[src*="American"],
#layout_footer img[src*="apple"],
#layout_footer img[src*="Apple"],
#layout_footer img[src*="google"],
#layout_footer img[src*="Google"],
#layout_footer img[src*="sep"],
#layout_footer img[src*="sepa"],
#layout_footer img[src*="SEPA"],
#layout_footer .box-payment img,
#layout_footer .payment img,
#layout_footer .payment-methods img {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  background: transparent !important;
  transform: none !important;
}

#layout_footer .box-payment,
#layout_footer .payment,
#layout_footer .payment-methods {
  opacity: 1 !important;
  filter: none !important;
}

/* Zahlungslogos sauber ausrichten */
#layout_footer .box-payment img,
#layout_footer .payment img,
#layout_footer .payment-methods img {
  max-height: 34px !important;
  width: auto !important;
  max-width: 96px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 5px 8px 7px 0 !important;
  object-fit: contain !important;
}

/* Auf Desktop etwas luftiger */
@media (min-width: 768px) {
  #layout_footer .box-payment img,
  #layout_footer .payment img,
  #layout_footer .payment-methods img {
    max-height: 36px !important;
    max-width: 104px !important;
    margin: 6px 10px 8px 0 !important;
  }
}