/* Pilotage des accordeons, partage par les gabarits article et comparatif.

   webflow.js pose un style inline height:0px sur tout .accordion-item-content
   (interaction IX2 globale) : il faut !important pour le neutraliser.
   Les regles ne ciblent que les blocs portant data-accordion, donc les accordeons
   d'origine du template, geres par webflow.js, ne sont pas touches.
   pilzkaffee-test.de : combinateurs enfants (>) pour qu'un accordeon imbrique (sommaire « Inhalt »
   dans l'accordeon du texte SEO) garde son propre etat. */

[data-accordion] > .accordion-item-content { display: none; }
[data-accordion="open"] > .accordion-item-content {
  display: block;
  height: auto !important;
  overflow: visible;
}
[data-accordion] > .accordion-item-trigger { cursor: pointer; }
[data-accordion] .summmary_icon-accordeo-main,
[data-accordion] .summmary_icon-accordeo-main-2 { transition: transform .2s ease; }
[data-accordion="open"] > .accordion-item-trigger .summmary_icon-accordeo-main,
[data-accordion="open"] > .accordion-item-trigger .summmary_icon-accordeo-main-2 { transform: rotate(180deg); }