/* ==========================================================
   GALAXIS-TV Produktkarten Unified V1
   Ziel: einheitliche Produktkacheln auf Startseite, Suche,
   Kategorien, Bestseller, Angebote, TOP-Artikel und Logoff.
   Keine Shop-Logik, nur Frontend-Optik.
   ========================================================== */

:root{
  --galx-card-navy:#061b31;
  --galx-card-navy-2:#092743;
  --galx-card-coral:#ff6f61;
  --galx-card-bg:#ffffff;
  --galx-card-soft:#f6f8fb;
  --galx-card-border:rgba(6,27,49,.10);
  --galx-card-muted:#657386;
}

/* Carousel-Items und Listing-Spalten gleich hoch ziehen */
#container .resCarousel-inner .item,
#container .listingbox,
#container .galx-products-row > .col,
#container .galx-products-row > [class*="col-"]{
  display:flex !important;
  align-items:stretch !important;
}

/* Produktkarte als feste, ruhige vertikale Struktur */
#container .galx-product-card.card,
#container .resCarousel .galx-product-card.card,
#container .listingbox .galx-product-card.card,
#container .dm-logoff .galx-product-card.card{
  width:100% !important;
  height:100% !important;
  min-height:352px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border:1px solid var(--galx-card-border) !important;
  border-radius:18px !important;
  background:var(--galx-card-bg) !important;
  box-shadow:0 8px 22px rgba(6,27,49,.07) !important;
}

/* Auf Listingseiten etwas mehr Luft */
#container .listingbox .galx-product-card.card{
  min-height:365px !important;
}

/* Body: Bild + Titel, ohne Springen */
#container .galx-product-card .galx-product-body{
  flex:0 0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  padding:10px 10px 4px !important;
  min-height:218px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%) !important;
}

/* Einheitlicher Bildbereich: nichts abschneiden, Bild vollständig zeigen */
#container .galx-product-card .galx-product-image,
#container.dm-home #container2 .galx-product-card .galx-product-image,
#container .listingbox .galx-product-card .galx-product-image{
  height:132px !important;
  min-height:132px !important;
  max-height:132px !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border-radius:14px !important;
  background:#f7f9fc !important;
  border:1px solid rgba(6,27,49,.06) !important;
}

/* Die alte Quadrat-Reserve der .prod_image neutralisieren */
#container .galx-product-card .prod_image,
#container.dm-home #container2 .galx-product-card .prod_image,
#container .listingbox .galx-product-card .prod_image{
  position:relative !important;
  width:100% !important;
  height:116px !important;
  min-height:116px !important;
  max-height:116px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  text-align:center !important;
}

#container .galx-product-card .prod_image::before{
  display:none !important;
  content:none !important;
  padding-top:0 !important;
}

#container .galx-product-card .prod_image img,
#container .galx-product-card .galx-product-image img,
#container.dm-home #container2 .galx-product-card .prod_image img,
#container.dm-home #container2 .galx-product-card .galx-product-image img,
#container .listingbox .galx-product-card .prod_image img,
#container .listingbox .galx-product-card .galx-product-image img{
  position:static !important;
  inset:auto !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:112px !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:auto !important;
  border-radius:0 !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  filter:drop-shadow(0 6px 10px rgba(6,27,49,.12)) !important;
}

/* Titel einheitlich: nicht riesig, aber gut lesbar */
#container .galx-product-card .galx-product-title,
#container.dm-home #container2 .galx-product-card .galx-product-title,
#container .listingbox .galx-product-card .galx-product-title{
  flex:0 0 54px !important;
  min-height:54px !important;
  max-height:54px !important;
  height:54px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  margin:8px 0 0 !important;
  padding:0 4px !important;
  overflow:hidden !important;
  text-align:center !important;
}

#container .galx-product-card .galx-product-title h1,
#container .galx-product-card .galx-product-title h2,
#container .galx-product-card .galx-product-title h3,
#container .galx-product-card .galx-product-title a,
#container .galx-product-card .card-title,
#container.dm-home #container2 .galx-product-card .galx-product-title h1,
#container.dm-home #container2 .galx-product-card .galx-product-title h2,
#container.dm-home #container2 .galx-product-card .galx-product-title h3,
#container.dm-home #container2 .galx-product-card .galx-product-title a,
#container.dm-home #container2 .galx-product-card .card-title,
#container .listingbox .galx-product-card .galx-product-title h1,
#container .listingbox .galx-product-card .galx-product-title h2,
#container .listingbox .galx-product-card .galx-product-title h3,
#container .listingbox .galx-product-card .galx-product-title a,
#container .listingbox .galx-product-card .card-title{
  font-size:13.5px !important;
  line-height:1.18 !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
  color:var(--galx-card-navy) !important;
  text-align:center !important;
  margin:0 !important;
  padding:0 !important;
  text-decoration:none !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}

/* Buttonbereich immer gleiche Höhe und gleiche Farbe */
#container .galx-product-card .galx-product-actions{
  flex:0 0 auto !important;
  padding:6px 10px 8px !important;
  margin:0 !important;
  min-height:48px !important;
}

#container .galx-product-card .galx-buttons-wrap,
#container .galx-product-card .galx-buttons-main{
  width:100% !important;
  display:flex !important;
}

#container .galx-product-card .galx-buttons-main{
  gap:6px !important;
}

#container .galx-product-card .galx-detail-btn,
#container .galx-product-card a.galx-detail-btn,
#container .galx-product-card .btn.galx-detail-btn,
#container.dm-home #container2 .galx-product-card .galx-detail-btn,
#container .listingbox .galx-product-card .galx-detail-btn{
  min-height:34px !important;
  width:100% !important;
  flex:1 1 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  padding:7px 10px !important;
  border-radius:11px !important;
  background:var(--galx-card-navy) !important;
  border-color:var(--galx-card-navy) !important;
  color:#ffffff !important;
  font-size:12.5px !important;
  line-height:1.1 !important;
  font-weight:850 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

#container .galx-product-card .galx-detail-btn i{
  color:var(--galx-card-coral) !important;
  font-size:11px !important;
}

#container .galx-product-card .galx-detail-btn:hover{
  background:var(--galx-card-navy-2) !important;
  border-color:var(--galx-card-navy-2) !important;
  color:#ffffff !important;
}

/* Preisbereich unten immer gleich andocken */
#container .galx-product-card .galx-product-footer{
  flex:1 0 auto !important;
  margin-top:auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  min-height:86px !important;
  padding:6px 10px 8px !important;
  background:#ffffff !important;
  border-top:1px solid rgba(6,27,49,.06) !important;
}

#container .galx-product-card .galx-product-shipping,
#container .galx-product-card .lb_stock,
#container .galx-product-card .lb_date{
  display:none !important;
}

#container .galx-product-card .galx-product-price,
#container.dm-home #container2 .galx-product-card .galx-product-price,
#container .listingbox .galx-product-card .galx-product-price{
  min-height:38px !important;
  margin:0 0 4px !important;
  padding:7px 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#fbfcff,#f4f8fc) !important;
  border:1px solid rgba(6,27,49,.06) !important;
  color:var(--galx-card-navy) !important;
  font-size:16px !important;
  line-height:1 !important;
  text-align:right !important;
}

#container .galx-product-card .galx-product-price .price,
#container .galx-product-card .galx-product-price strong,
#container .galx-product-card .galx-product-price b{
  color:var(--galx-card-navy) !important;
  font-weight:900 !important;
}

#container .galx-product-card .galx-product-price .special,
#container .galx-product-card .galx-product-price .special_price,
#container .galx-product-card .galx-product-price .new_price,
#container .galx-product-card .galx-product-price .red{
  color:var(--galx-card-coral) !important;
}

#container .galx-product-card .galx-product-tax{
  min-height:24px !important;
  max-height:24px !important;
  overflow:hidden !important;
  margin:0 !important;
  color:var(--galx-card-muted) !important;
  font-size:10px !important;
  line-height:1.15 !important;
  text-align:right !important;
}

#container .galx-product-card .galx-product-tax a{
  color:var(--galx-card-muted) !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
}

/* Angebotsribbon und Prozent-Badge vereinheitlichen */
#container .galx-product-card .ribbon{
  background:linear-gradient(135deg,var(--galx-card-coral),#ff8a3d) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  border:none !important;
  box-shadow:0 8px 18px rgba(255,111,97,.22) !important;
  z-index:3 !important;
}

#container .galx-product-card span.special_percent,
#container .galx-product-card .special_percent,
#container .galx-product-card .rounded-circle,
#container .galx-product-card .badge.bg-danger{
  background:linear-gradient(135deg,var(--galx-card-coral),#ff8a3d) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 8px 18px rgba(255,111,97,.22) !important;
}

/* Logoff-Seite: keine riesigen Produktnamen mehr */
#container.dm-logoff .galx-product-card .galx-product-title h2{
  font-size:13.5px !important;
  line-height:1.18 !important;
}

/* Mobile leicht kompakter */
@media(max-width:575.98px){
  #container .galx-product-card.card{
    min-height:336px !important;
    border-radius:16px !important;
  }

  #container .galx-product-card .galx-product-body{
    min-height:206px !important;
    padding:8px 8px 4px !important;
  }

  #container .galx-product-card .galx-product-image{
    height:124px !important;
    min-height:124px !important;
    max-height:124px !important;
  }

  #container .galx-product-card .prod_image{
    height:108px !important;
    min-height:108px !important;
    max-height:108px !important;
  }

  #container .galx-product-card .prod_image img,
  #container .galx-product-card .galx-product-image img{
    max-height:104px !important;
  }

  #container .galx-product-card .galx-product-title,
  #container.dm-home #container2 .galx-product-card .galx-product-title{
    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;
  }

  #container .galx-product-card .galx-product-title h2,
  #container.dm-home #container2 .galx-product-card .galx-product-title h2{
    font-size:12.8px !important;
    line-height:1.18 !important;
  }

  #container .galx-product-card .galx-detail-btn{
    min-height:32px !important;
    font-size:12px !important;
  }

  #container .galx-product-card .galx-product-price{
    font-size:15px !important;
  }
}


/* ==========================================================
   GALAXIS-TV Produktkarten Unified V1.1
   Feinschliff nach Screenshots:
   - Startseite etwas größer/lesbarer
   - Listing kompakter, aber sauberer
   - Bildbereiche größer, keine abgeschnittenen Fotos
   - Kacheln und Footer besser ausgerichtet
   ========================================================== */

/* Karte insgesamt etwas hochwertiger und ruhiger */
#container .galx-product-card.card{
  min-height:374px !important;
  border-radius:20px !important;
}

#container .listingbox .galx-product-card.card{
  min-height:382px !important;
}

/* Startseiten-Karussells brauchen etwas größere Karten, sonst wirkt alles zu winzig */
#container.dm-home .resCarousel .galx-product-card.card,
#container.dm-home #box_SPECIALS .galx-product-card.card,
#container.dm-home #box_BESTSELLERS .galx-product-card.card,
#container.dm-home #box_WHATSNEW .galx-product-card.card{
  min-height:365px !important;
}

/* Logoff-Bestseller nicht mehr riesig, aber auch nicht gequetscht */
#container.dm-logoff .resCarousel .galx-product-card.card,
#container.dm-logoff #box_BESTSELLERS .galx-product-card.card,
#container.dm-logoff #box_SPECIALS .galx-product-card.card{
  min-height:368px !important;
}

/* Bildbereich größer und einheitlicher */
#container .galx-product-card .galx-product-body{
  min-height:236px !important;
  padding:12px 12px 5px !important;
}

#container .galx-product-card .galx-product-image,
#container.dm-home #container2 .galx-product-card .galx-product-image,
#container .listingbox .galx-product-card .galx-product-image{
  height:150px !important;
  min-height:150px !important;
  max-height:150px !important;
  padding:10px !important;
}

#container .galx-product-card .prod_image,
#container.dm-home #container2 .galx-product-card .prod_image,
#container .listingbox .galx-product-card .prod_image{
  height:130px !important;
  min-height:130px !important;
  max-height:130px !important;
}

#container .galx-product-card .prod_image img,
#container .galx-product-card .galx-product-image img,
#container.dm-home #container2 .galx-product-card .prod_image img,
#container.dm-home #container2 .galx-product-card .galx-product-image img,
#container .listingbox .galx-product-card .prod_image img,
#container .listingbox .galx-product-card .galx-product-image img{
  max-height:126px !important;
  max-width:96% !important;
}

/* Lange Produktnamen sauber, aber besser lesbar */
#container .galx-product-card .galx-product-title,
#container.dm-home #container2 .galx-product-card .galx-product-title,
#container .listingbox .galx-product-card .galx-product-title{
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  margin-top:10px !important;
  padding:0 5px !important;
}

#container .galx-product-card .galx-product-title h1,
#container .galx-product-card .galx-product-title h2,
#container .galx-product-card .galx-product-title h3,
#container .galx-product-card .galx-product-title a,
#container .galx-product-card .card-title{
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
}

/* Startseite: Titel minimal kleiner als Listing, damit Karussellkarten sauber bleiben */
#container.dm-home .resCarousel .galx-product-card .galx-product-title h2,
#container.dm-home #box_SPECIALS .galx-product-card .galx-product-title h2,
#container.dm-home #box_BESTSELLERS .galx-product-card .galx-product-title h2,
#container.dm-home #box_WHATSNEW .galx-product-card .galx-product-title h2{
  font-size:13.4px !important;
  line-height:1.18 !important;
}

/* Aktionen/Button ruhiger und einheitlich */
#container .galx-product-card .galx-product-actions{
  padding:7px 12px 8px !important;
  min-height:50px !important;
}

#container .galx-product-card .galx-detail-btn,
#container .galx-product-card a.galx-detail-btn,
#container .galx-product-card .btn.galx-detail-btn{
  min-height:36px !important;
  border-radius:12px !important;
  font-size:12.8px !important;
  font-weight:850 !important;
}

/* Preisbereich stabiler */
#container .galx-product-card .galx-product-footer{
  min-height:92px !important;
  padding:7px 12px 9px !important;
}

#container .galx-product-card .galx-product-price{
  min-height:42px !important;
  padding:8px 9px !important;
  font-size:17px !important;
}

#container.dm-home .resCarousel .galx-product-card .galx-product-price{
  font-size:15.6px !important;
}

/* Kategorie-/Suchlisting: Karten dürfen im Grid etwas mehr Breite füllen */
#container .galx-listing-grid .galx-products-row{
  row-gap:18px !important;
}

#container .galx-listing-grid .listingbox{
  padding-left:8px !important;
  padding-right:8px !important;
}

/* Carousel: Pfeile nicht in den ersten Artikelnamen drücken */
#container .resCarousel,
#container .resCarousel-inner{
  overflow:visible !important;
}

#container .resCarousel .controls .carousel-control-prev,
#container .resCarousel .carousel-control-prev{
  transform:translateX(-6px) !important;
}

#container .resCarousel .controls .carousel-control-next,
#container .resCarousel .carousel-control-next{
  transform:translateX(6px) !important;
}

/* Wenn eine Karte in der Logoff-Seite im Slider angeschnitten wirkt */
#container.dm-logoff .resCarousel-inner .item{
  padding-left:4px !important;
  padding-right:4px !important;
}

/* Mobile Feinschliff */
@media(max-width:575.98px){
  #container .galx-product-card.card{
    min-height:350px !important;
  }

  #container .galx-product-card .galx-product-body{
    min-height:218px !important;
  }

  #container .galx-product-card .galx-product-image{
    height:136px !important;
    min-height:136px !important;
    max-height:136px !important;
  }

  #container .galx-product-card .prod_image{
    height:118px !important;
    min-height:118px !important;
    max-height:118px !important;
  }

  #container .galx-product-card .prod_image img,
  #container .galx-product-card .galx-product-image img{
    max-height:114px !important;
  }

  #container .galx-product-card .galx-product-title,
  #container.dm-home #container2 .galx-product-card .galx-product-title{
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
  }

  #container .galx-product-card .galx-product-title h2{
    font-size:13px !important;
  }
}


/* ==========================================================
   GALAXIS-TV Produktkarten Unified V1.2
   Schwerpunkt: Carousel-Breite und Startseite/Logoff
   - verhindert, dass bei breiten Bildschirmen 7–8 Mini-Karten erscheinen
   - maximal 5 Karten pro Reihe im it5-Carousel
   - Karten dadurch größer und lesbarer
   ========================================================== */

/* Carousel Item-Breiten hart vereinheitlichen, auch wenn JS inline width setzt */
#container .resCarousel.it5 .resCarousel-inner .item,
#container .resCarousel.it5 .item{
  width:100% !important;
  flex:0 0 100% !important;
}

@media(min-width:400px){
  #container .resCarousel.it5 .resCarousel-inner .item,
  #container .resCarousel.it5 .item{
    width:50% !important;
    flex-basis:50% !important;
  }
}

@media(min-width:768px){
  #container .resCarousel.it5 .resCarousel-inner .item,
  #container .resCarousel.it5 .item{
    width:33.3333% !important;
    flex-basis:33.3333% !important;
  }
}

@media(min-width:992px){
  #container .resCarousel.it5 .resCarousel-inner .item,
  #container .resCarousel.it5 .item{
    width:25% !important;
    flex-basis:25% !important;
  }

  #container .col-lg-9 .resCarousel.it5 .resCarousel-inner .item,
  #container .col-lg-9 .resCarousel.it5 .item{
    width:33.3333% !important;
    flex-basis:33.3333% !important;
  }
}

@media(min-width:1400px){
  #container .resCarousel.it5 .resCarousel-inner .item,
  #container .resCarousel.it5 .item{
    width:20% !important;
    flex-basis:20% !important;
  }

  #container .col-lg-9 .resCarousel.it5 .resCarousel-inner .item,
  #container .col-lg-9 .resCarousel.it5 .item{
    width:25% !important;
    flex-basis:25% !important;
  }
}

/* Auf sehr breiten Monitoren Startseite nicht mehr als 5 Karten anzeigen */
@media(min-width:1600px){
  #container.dm-home .resCarousel.it5 .resCarousel-inner .item,
  #container.dm-home .resCarousel.it5 .item,
  #container.dm-logoff .resCarousel.it5 .resCarousel-inner .item,
  #container.dm-logoff .resCarousel.it5 .item{
    width:20% !important;
    flex-basis:20% !important;
  }
}

/* Mehr Abstand zwischen Carousel-Karten, damit sie nicht gequetscht wirken */
#container .resCarousel.it5 .item{
  padding-left:6px !important;
  padding-right:6px !important;
}

/* Carousel-Karten lesbarer machen */
#container.dm-home .resCarousel .galx-product-card.card,
#container.dm-logoff .resCarousel .galx-product-card.card{
  min-height:382px !important;
}

#container.dm-home .resCarousel .galx-product-card .galx-product-body,
#container.dm-logoff .resCarousel .galx-product-card .galx-product-body{
  min-height:242px !important;
}

#container.dm-home .resCarousel .galx-product-card .galx-product-image,
#container.dm-logoff .resCarousel .galx-product-card .galx-product-image{
  height:154px !important;
  min-height:154px !important;
  max-height:154px !important;
}

#container.dm-home .resCarousel .galx-product-card .prod_image,
#container.dm-logoff .resCarousel .galx-product-card .prod_image{
  height:134px !important;
  min-height:134px !important;
  max-height:134px !important;
}

#container.dm-home .resCarousel .galx-product-card .prod_image img,
#container.dm-logoff .resCarousel .galx-product-card .prod_image img{
  max-height:130px !important;
}

#container.dm-home .resCarousel .galx-product-card .galx-product-title h2,
#container.dm-logoff .resCarousel .galx-product-card .galx-product-title h2{
  font-size:13.8px !important;
  line-height:1.2 !important;
}

/* Listing bleibt kontrolliert, aber bekommt minimal bessere Proportion */
#container .listingbox .galx-product-card .galx-product-title h2{
  font-size:14px !important;
}

#container .listingbox .galx-product-card .galx-product-image{
  height:148px !important;
  min-height:148px !important;
  max-height:148px !important;
}

/* Pfeile außerhalb der Karte halten */
#container .resCarousel .leftRs,
#container .resCarousel .carousel-control-prev{
  left:-12px !important;
}

#container .resCarousel .rightRs,
#container .resCarousel .carousel-control-next{
  right:-12px !important;
}

/* Bei schmalen Bereichen Pfeile wieder etwas zurückholen */
@media(max-width:767.98px){
  #container .resCarousel .leftRs,
  #container .resCarousel .carousel-control-prev{
    left:0 !important;
  }

  #container .resCarousel .rightRs,
  #container .resCarousel .carousel-control-next{
    right:0 !important;
  }
}


/* ==========================================================
   GALAXIS-TV Produktkarten Unified V1.3
   Ziel: Immer maximal 4 Produktkarten pro Reihe.
   Diese Regeln bleiben in der separaten Galaxis-CSS-Datei,
   damit bs5.css nicht unnötig überschrieben werden muss.
   ========================================================== */

/* Listing/Grid: maximal 4 pro Reihe */
#container .galx-products-row.row-cols-lg-4 > *,
#container .galx-products-row.row-cols-xl-4 > *,
#container .galx-products-row.row-cols-xxl-4 > *,
#container .galx-listing-grid .galx-products-row > .listingbox{
  flex:0 0 auto !important;
}

@media (min-width:992px){
  #container .galx-listing-grid .galx-products-row > .listingbox{
    width:25% !important;
  }
}

/* Karussells: Desktop maximal 4, nie 5/6/7/8 */
@media (min-width:992px){
  #container .resCarousel.it5 .resCarousel-inner .item,
  #container .resCarousel.it5 .item,
  #container .col-lg-9 .resCarousel.it5 .resCarousel-inner .item,
  #container .col-lg-9 .resCarousel.it5 .item{
    width:25% !important;
    flex:0 0 25% !important;
    max-width:25% !important;
  }
}

@media (min-width:1400px){
  #container .resCarousel.it5 .resCarousel-inner .item,
  #container .resCarousel.it5 .item,
  #container .col-lg-9 .resCarousel.it5 .resCarousel-inner .item,
  #container .col-lg-9 .resCarousel.it5 .item{
    width:25% !important;
    flex:0 0 25% !important;
    max-width:25% !important;
  }
}

/* Bei 4er-Reihen dürfen die Karten wieder etwas erwachsener wirken */
@media (min-width:992px){
  #container.dm-home .resCarousel .galx-product-card.card,
  #container.dm-logoff .resCarousel .galx-product-card.card,
  #container .listingbox .galx-product-card.card{
    min-height:395px !important;
  }

  #container.dm-home .resCarousel .galx-product-card .galx-product-body,
  #container.dm-logoff .resCarousel .galx-product-card .galx-product-body,
  #container .listingbox .galx-product-card .galx-product-body{
    min-height:252px !important;
  }

  #container.dm-home .resCarousel .galx-product-card .galx-product-image,
  #container.dm-logoff .resCarousel .galx-product-card .galx-product-image,
  #container .listingbox .galx-product-card .galx-product-image{
    height:164px !important;
    min-height:164px !important;
    max-height:164px !important;
  }

  #container.dm-home .resCarousel .galx-product-card .prod_image,
  #container.dm-logoff .resCarousel .galx-product-card .prod_image,
  #container .listingbox .galx-product-card .prod_image{
    height:144px !important;
    min-height:144px !important;
    max-height:144px !important;
  }

  #container.dm-home .resCarousel .galx-product-card .prod_image img,
  #container.dm-logoff .resCarousel .galx-product-card .prod_image img,
  #container .listingbox .galx-product-card .prod_image img{
    max-height:140px !important;
  }

  #container .galx-product-card .galx-product-title{
    height:62px !important;
    min-height:62px !important;
    max-height:62px !important;
  }

  #container .galx-product-card .galx-product-title h2{
    font-size:14.4px !important;
    line-height:1.2 !important;
  }

  #container .galx-product-card .galx-detail-btn{
    min-height:38px !important;
    font-size:13.2px !important;
  }

  #container .galx-product-card .galx-product-price{
    font-size:17px !important;
  }
}

/* Pfeile etwas außerhalb, aber nicht zu weit */
#container .resCarousel .leftRs,
#container .resCarousel .carousel-control-prev{
  left:-10px !important;
}
#container .resCarousel .rightRs,
#container .resCarousel .carousel-control-next{
  right:-10px !important;
}


/* ==========================================================
   GALAXIS-TV Produktkarten Template V2 FINAL
   Ziel: wirklich immer maximal 4 Fernbedienungen pro Reihe.
   Wichtig: bewusst auch OHNE #container-Selektor, damit es überall greift.
   ========================================================== */

/* Neue eindeutige 4er-Karussellklasse */
.resCarousel.it4 .item,
.resCarousel.it4 .resCarousel-inner .item{
  width:100% !important;
  flex:0 0 100% !important;
  max-width:100% !important;
  padding-left:7px !important;
  padding-right:7px !important;
  box-sizing:border-box !important;
}

@media (min-width:400px){
  .resCarousel.it4 .item,
  .resCarousel.it4 .resCarousel-inner .item{
    width:50% !important;
    flex-basis:50% !important;
    max-width:50% !important;
  }
}

@media (min-width:768px){
  .resCarousel.it4 .item,
  .resCarousel.it4 .resCarousel-inner .item{
    width:50% !important;
    flex-basis:50% !important;
    max-width:50% !important;
  }
}

@media (min-width:992px){
  .resCarousel.it4 .item,
  .resCarousel.it4 .resCarousel-inner .item{
    width:25% !important;
    flex-basis:25% !important;
    max-width:25% !important;
  }
}

@media (min-width:1400px){
  .resCarousel.it4 .item,
  .resCarousel.it4 .resCarousel-inner .item{
    width:25% !important;
    flex-basis:25% !important;
    max-width:25% !important;
  }
}

/* Sicherheitsnetz: falls irgendwo noch it5 steht, auf Desktop trotzdem 4er-Reihe */
@media (min-width:992px){
  .resCarousel.it5 .item,
  .resCarousel.it5 .resCarousel-inner .item,
  .col-lg-9 .resCarousel.it5 .item,
  .col-lg-9 .resCarousel.it5 .resCarousel-inner .item{
    width:25% !important;
    flex:0 0 25% !important;
    max-width:25% !important;
  }
}

@media (min-width:1400px){
  .resCarousel.it5 .item,
  .resCarousel.it5 .resCarousel-inner .item,
  .col-lg-9 .resCarousel.it5 .item,
  .col-lg-9 .resCarousel.it5 .resCarousel-inner .item{
    width:25% !important;
    flex:0 0 25% !important;
    max-width:25% !important;
  }
}

/* Produktkarten in 4er-Reihe größer und hochwertiger */
.resCarousel.it4 .galx-product-card.card,
.resCarousel.it5 .galx-product-card.card,
.listingbox .galx-product-card.card{
  min-height:405px !important;
  border-radius:20px !important;
}

.resCarousel.it4 .galx-product-card .galx-product-body,
.resCarousel.it5 .galx-product-card .galx-product-body,
.listingbox .galx-product-card .galx-product-body{
  min-height:260px !important;
  padding:12px 12px 6px !important;
}

.resCarousel.it4 .galx-product-card .galx-product-image,
.resCarousel.it5 .galx-product-card .galx-product-image,
.listingbox .galx-product-card .galx-product-image{
  height:170px !important;
  min-height:170px !important;
  max-height:170px !important;
}

.resCarousel.it4 .galx-product-card .prod_image,
.resCarousel.it5 .galx-product-card .prod_image,
.listingbox .galx-product-card .prod_image{
  height:150px !important;
  min-height:150px !important;
  max-height:150px !important;
}

.resCarousel.it4 .galx-product-card .prod_image img,
.resCarousel.it4 .galx-product-card .galx-product-image img,
.resCarousel.it5 .galx-product-card .prod_image img,
.resCarousel.it5 .galx-product-card .galx-product-image img,
.listingbox .galx-product-card .prod_image img,
.listingbox .galx-product-card .galx-product-image img{
  max-height:146px !important;
  max-width:96% !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* Namen ruhig, aber lesbar */
.galx-product-card .galx-product-title{
  height:64px !important;
  min-height:64px !important;
  max-height:64px !important;
  margin-top:10px !important;
}

.galx-product-card .galx-product-title h2{
  font-size:14.5px !important;
  line-height:1.22 !important;
  font-weight:850 !important;
}

/* Button/Preis passend für 4er-Karten */
.galx-product-card .galx-detail-btn,
.galx-product-card a.galx-detail-btn,
.galx-product-card .btn.galx-detail-btn{
  min-height:39px !important;
  font-size:13.3px !important;
  border-radius:12px !important;
}

.galx-product-card .galx-product-footer{
  min-height:96px !important;
}

.galx-product-card .galx-product-price{
  font-size:17px !important;
  min-height:43px !important;
}

/* Pfeile nicht über den Produktnamen legen */
.resCarousel .leftRs{
  left:-18px !important;
}
.resCarousel .rightRs{
  right:-18px !important;
}

@media(max-width:767.98px){
  .resCarousel .leftRs{left:0 !important;}
  .resCarousel .rightRs{right:0 !important;}
}


/* ==========================================================
   GALAXIS-TV Produktkarten Template V3
   WICHTIG: Startseiten-Produktboxen sind jetzt echte 4er-Grids
   statt resCarousel. Dadurch bestimmt kein Carousel-JavaScript mehr,
   wie viele Karten in einer Reihe stehen.
   ========================================================== */

.galx-product-grid-section{
  width:100%;
  max-width:100%;
}

.galx-product-grid-4{
  align-items:stretch;
}

.galx-product-grid-4 > .galx-grid-product,
.galx-listing-grid .galx-products-row > .listingbox{
  display:flex !important;
  align-items:stretch !important;
}

@media (min-width:992px){
  .galx-product-grid-4.row-cols-lg-4 > *,
  .galx-listing-grid .galx-products-row > .listingbox{
    width:25% !important;
    flex:0 0 25% !important;
    max-width:25% !important;
  }
}

/* Bei sehr breiten Bildschirmen weiterhin exakt 4 */
@media (min-width:1400px){
  .galx-product-grid-4.row-cols-lg-4 > *,
  .galx-listing-grid .galx-products-row > .listingbox{
    width:25% !important;
    flex:0 0 25% !important;
    max-width:25% !important;
  }
}

/* Im Grid dürfen die Karten größer und lesbarer sein */
.galx-product-grid-4 .galx-product-card.card,
.galx-listing-grid .galx-product-card.card{
  min-height:420px !important;
}

.galx-product-grid-4 .galx-product-card .galx-product-body,
.galx-listing-grid .galx-product-card .galx-product-body{
  min-height:270px !important;
}

.galx-product-grid-4 .galx-product-card .galx-product-image,
.galx-listing-grid .galx-product-card .galx-product-image{
  height:178px !important;
  min-height:178px !important;
  max-height:178px !important;
}

.galx-product-grid-4 .galx-product-card .prod_image,
.galx-listing-grid .galx-product-card .prod_image{
  height:158px !important;
  min-height:158px !important;
  max-height:158px !important;
}

.galx-product-grid-4 .galx-product-card .prod_image img,
.galx-listing-grid .galx-product-card .prod_image img{
  max-height:154px !important;
}

/* Carousel-Pfeile in diesen Bereichen sind nach Grid-Umbau weg */
.galx-product-grid-section .resBtn,
.galx-product-grid-section .leftRs,
.galx-product-grid-section .rightRs{
  display:none !important;
}


/* ==========================================================
   GALAXIS-TV Produktkarten Template V3.1 Feinschliff
   Nach Grid-Umbau: Karten ruhiger, Texte lesbarer, Bilder sauberer.
   ========================================================== */

/* Abschnittsüberschriften ruhiger und klarer */
.galx-product-grid-section > .d-flex,
.box_specials > .d-flex,
.box_best_sellers > .d-flex,
.box_whatsnew > .d-flex,
.box_last_viewed > .d-flex{
  align-items:center !important;
  margin-bottom:14px !important;
}

.galx-product-grid-section .h2,
.box_specials .h2,
.box_best_sellers .h2,
.box_whatsnew .h2,
.box_last_viewed .h2{
  font-size:22px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  color:#061b31 !important;
  margin:0 !important;
}

/* Mehr Abstand zwischen den Kartenreihen */
.galx-product-grid-4{
  row-gap:22px !important;
}

.galx-product-grid-4 > .galx-grid-product{
  display:flex !important;
}

/* Karten etwas hochwertiger und weniger gedrückt */
.galx-product-grid-4 .galx-product-card.card,
.galx-listing-grid .galx-product-card.card{
  min-height:432px !important;
  border-radius:18px !important;
  box-shadow:0 10px 24px rgba(6,27,49,.075) !important;
}

/* Bildbereich: größer, aber sauber enthalten */
.galx-product-grid-4 .galx-product-card .galx-product-body,
.galx-listing-grid .galx-product-card .galx-product-body{
  min-height:282px !important;
  padding:14px 14px 6px !important;
}

.galx-product-grid-4 .galx-product-card .galx-product-image,
.galx-listing-grid .galx-product-card .galx-product-image{
  height:188px !important;
  min-height:188px !important;
  max-height:188px !important;
  border-radius:15px !important;
  background:#f7f9fc !important;
}

.galx-product-grid-4 .galx-product-card .prod_image,
.galx-listing-grid .galx-product-card .prod_image{
  height:168px !important;
  min-height:168px !important;
  max-height:168px !important;
}

.galx-product-grid-4 .galx-product-card .prod_image img,
.galx-product-grid-4 .galx-product-card .galx-product-image img,
.galx-listing-grid .galx-product-card .prod_image img,
.galx-listing-grid .galx-product-card .galx-product-image img{
  max-height:164px !important;
  max-width:96% !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* Produktname besser lesbar, maximal 3 Zeilen */
.galx-product-card .galx-product-title{
  height:68px !important;
  min-height:68px !important;
  max-height:68px !important;
  margin-top:11px !important;
  padding:0 4px !important;
}

.galx-product-card .galx-product-title h1,
.galx-product-card .galx-product-title h2,
.galx-product-card .galx-product-title h3,
.galx-product-card .galx-product-title a{
  font-size:15px !important;
  line-height:1.23 !important;
  font-weight:850 !important;
  color:#061b31 !important;
}

/* Button klarer, etwas höher */
.galx-product-card .galx-product-actions{
  padding:8px 14px 9px !important;
  min-height:55px !important;
}

.galx-product-card .galx-detail-btn,
.galx-product-card a.galx-detail-btn,
.galx-product-card .btn.galx-detail-btn{
  min-height:40px !important;
  font-size:13.5px !important;
  border-radius:12px !important;
  background:#061b31 !important;
  border-color:#061b31 !important;
  color:#ffffff !important;
}

.galx-product-card .galx-detail-btn i{
  color:#ff6f61 !important;
}

/* Preisbereich bündig und nicht gequetscht */
.galx-product-card .galx-product-footer{
  min-height:102px !important;
  padding:8px 14px 10px !important;
}

.galx-product-card .galx-product-price{
  min-height:45px !important;
  font-size:17.5px !important;
  border-radius:12px !important;
}

.galx-product-card .galx-product-tax{
  font-size:10.5px !important;
  line-height:1.2 !important;
}

/* Angebote-Badges etwas ruhiger */
.galx-product-card .ribbon{
  font-size:12px !important;
  line-height:32px !important;
  height:32px !important;
  width:150px !important;
  left:-42px !important;
  top:24px !important;
}

.galx-product-card span.special_percent,
.galx-product-card .special_percent{
  width:48px !important;
  height:48px !important;
  line-height:48px !important;
  font-size:14px !important;
  right:9px !important;
  top:9px !important;
}

/* Such- und Kategorie-Listing darf etwas kompakter bleiben als Startseite */
.galx-listing-grid .galx-product-card.card{
  min-height:418px !important;
}

.galx-listing-grid .galx-product-card .galx-product-body{
  min-height:270px !important;
}

.galx-listing-grid .galx-product-card .galx-product-title h2{
  font-size:14.5px !important;
}

/* Wenn nur wenige Artikel vorhanden sind, links sauber stehen lassen */
.galx-product-grid-4{
  justify-content:flex-start !important;
}

/* Mobile weiterhin kompakt */
@media(max-width:575.98px){
  .galx-product-grid-section .h2,
  .box_specials .h2,
  .box_best_sellers .h2,
  .box_whatsnew .h2,
  .box_last_viewed .h2{
    font-size:20px !important;
  }

  .galx-product-grid-4 .galx-product-card.card,
  .galx-listing-grid .galx-product-card.card{
    min-height:360px !important;
  }

  .galx-product-grid-4 .galx-product-card .galx-product-body,
  .galx-listing-grid .galx-product-card .galx-product-body{
    min-height:225px !important;
    padding:10px 10px 4px !important;
  }

  .galx-product-grid-4 .galx-product-card .galx-product-image,
  .galx-listing-grid .galx-product-card .galx-product-image{
    height:138px !important;
    min-height:138px !important;
    max-height:138px !important;
  }

  .galx-product-grid-4 .galx-product-card .prod_image,
  .galx-listing-grid .galx-product-card .prod_image{
    height:120px !important;
    min-height:120px !important;
    max-height:120px !important;
  }

  .galx-product-grid-4 .galx-product-card .prod_image img,
  .galx-listing-grid .galx-product-card .prod_image img{
    max-height:116px !important;
  }

  .galx-product-card .galx-product-title{
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;
  }

  .galx-product-card .galx-product-title h2{
    font-size:13px !important;
    line-height:1.2 !important;
  }
}