.nav-link[aria-expanded="true"] .text-cart::after,
.accordion .menu[aria-expanded="true"]::after,
.dropdown-toggle[aria-expanded="true"]::after {
	transform: rotate(180deg);
}

/* Entfernung von leerem Abstand unter Portlets */
@media (min-width: 992px) {
  #content-wrapper {
    min-height: 0 !important;
  }
}

/* logo footer */

@media (min-width: 992px) {
  .footer-logo {
    height: 6.2rem;
  }
}

/* logo oben */

@media (min-width: 992px) {
  header .navbar-brand img {
    height: 6.0rem;
    max-width: 25vw;
  }
}

@media (min-width: 992px) {
  /* Greift direkt auf dein Logo-Element mit der ID shop-logo */
  #shop-logo {
    /* Entfernt die Einschränkung durch die HTML-Attribute */
    width: auto !important;
    height: 6rem !important;    /* etwa 96px bei 16px Root-Font-Size */
    max-width: none !important;  /* hebt 25vw auf */
  }
}

/*Wortumbruch in der Kategorieleiste links */
.word-break {
hyphens: none !Important;
}

/* Megamenü Kategoriebezeichner umbrechen */
.text-truncate {
	white-space: normal !important;
}

/*Sanfter Übergang im Navigationsmenü beim fixen*/
@media (min-width: 992px) {
    header .hide-navbar.menu-scroll {
        transition: all 0.5s ease !important; 
        height: 120px;
    }
}
@media (min-width: 992px) {
    header.affix .hide-navbar.menu-scroll {
        display: block;
    }
}
/* ============================================================
   MOBILE LAYOUT FIX: Portlets und Bilder in voller Breite
   ============================================================ */

@media (max-width: 767px) {
  /* 1) Row umbruch erzwingen */
  .row.mb-3 {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  /* 2) Jede Spalte in dieser Row auf 100% Breite setzen */
  .row.mb-3 > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 1rem !important; /* Abstand zwischen Portlets */
  }

  /* 3) Bilder innerhalb der Portlets block‑level und responsive machen */
  .container-badge-mobile img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 1rem !important;
  }
}
/* keine Verzerrung der Bilder */
div#product-offer {
    justify-content: space-evenly;
}

/* kurzbeschreibung farbe geändert */
.product-detail .product-info .shortdesc {
    margin-bottom: 1rem;
    color: unset;
}
/* Badge Buttons in der Listenansicht*/
.badge-circle-1.circle-small {
    width: 30px;
    height: 30px;
    min-width: 30px;
    font-size: 16px !important;
    line-height: 12px !important;
    background-color: #FFE3E8;
}
.badge-circle-1.on-list {
    animation: size 0.4s;
    color: #fff;
    opacity: 1;
    border: 1px solid #F23D5A;
    background-color: #F23D5A;
}
.productbox-quick-actions {
    position: unset;
    display: flex;
    z-index: 1;
    justify-content: center;
	margin-top: 1em;
}
form.product-actions.actions-small.d-flex {
	display: flex;
	width: 90px;
	justify-content: space-evenly;
}

/* Anzeioge der Produktkennzeicnung (Energielabel und Produktdatenblatt */
/* Layout */
.c-product-label-row{display:flex;align-items:center;gap:.75rem;margin:.5rem 0;}
.c-datasheet-link{white-space:nowrap}

/* Icon-Badge (Hintergrundgrafik) */
.c-energy-badge{
  display:inline-block;width:42px;height:24px;
  background-size:contain;background-repeat:no-repeat;background-position:center;
}

/* Pfade  der Icon-Dateien  */
.energy-a-plus-plus-plus{background-image:url('/templates/Parfe/themes/base/images/energielabel/aplusplusplus.png');}
.energy-a-plus-plus{background-image:url('/templates/Parfe/themes/base/images/energielabel/aplusplus.png');}
.energy-a-plus{background-image:url('/templates/Parfe/themes/base/images/energielabel/aplus.png');}
.energy-a{background-image:url('/templates/Parfe/themes/base/images/energielabel/a.png');}
.energy-b{background-image:url('/templates/Parfe/themes/base/images/energielabel/b.png');}
.energy-c{background-image:url('/templates/Parfe/themes/base/images/energielabel/c.png');}
.energy-d{background-image:url('/templates/Parfe/themes/base/images/energielabel/d.pngg');}
.energy-e{background-image:url('/templates/Parfe/themes/base/images/energielabel/e.png');}
.energy-f{background-image:url('/templates/Parfe/themes/base/images/energielabel/f.png');}
.energy-g{background-image:url('/templates/Parfe/themes/base/images/energielabel/g.png');}

/* Fallback für reine Textanzeige */
.c-energy-badge-text{
  display:inline-block;padding:.1rem .4rem;border:1px solid #ccc;border-radius:4px;font-weight:600;
}

h1.product-title.h2 {
    min-width: 90vw;
}