/* ------------------------------------------------------------------ */
/*  DSX Template-Fixes — wird NACH dsx.css geladen                      */
/* ------------------------------------------------------------------ */

/* Navigation: nur EINE Hover-Linie. NOVA hat bereits eine (::before),
   daher die zusätzliche DSX-::after-Linie entfernen. */
.navbar-nav > .nav-item > .nav-link::after { display: none !important; }

/* Produktliste/Galerie: KEIN Bildwechsel / kein „Zoom" beim Hover.
   NOVA zeigt zwei Bilder (.first-wrapper sichtbar, .second-wrapper absolut)
   und blendet beim Hover das erste IMG auf opacity:0 und das zweite ein.
   Fix: zweites Bild ganz ausblenden, erstes Bild dauerhaft voll sichtbar. */
.productbox .productbox-image.second-wrapper { display: none !important; }
.productbox .productbox-image.first-wrapper img { opacity: 1 !important; transition: none !important; }

/* USP-Leiste: Titel + Beschreibung gestapelt RECHTS neben dem Icon.
   Vorher waren Icon, Titel und Beschreibung drei Flex-Geschwister →
   auf Mobil lief der Untertitel komisch eingerückt nach rechts. */
.dsx-usp { align-items: center; }
.dsx-usp .dsx-usp-txt { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }