/** Styles for Marktplatz.TheaterLueneburg:Component.Molecule.Accordion.Item */

.AccordionItem {
  background-color: var(--clr-red);
}

.AccordionItem .AccordionItem-title {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spaces) / 2);
    align-items: center;
    overflow: hidden;
    margin-bottom: 2px;
    padding: var(--spaces);
    font-weight: 700;
    cursor: pointer;
  }

.AccordionItem .AccordionItem-title .AccordionItem-title_handler {
      width: var(--spaces);
      margin-left: auto;
      transform: rotate(180deg);
      transform-origin: center;
      transition: all 500ms ease-in-out;
    }

.AccordionItem.is--collapsed .AccordionItem-title {
      font-weight: 400;
      color: var(--clr-white);
    }

.AccordionItem.is--collapsed .AccordionItem-title_handler {
      fill: var(--clr-white);
      transform: rotate(0);
    }

.AccordionItem.is--collapsed .AccordionItem-content {
      overflow: hidden;
      max-height: 0;
      padding-bottom: 0;
    }

.AccordionItem.bg-green {
    background-color: var(--clr-secondaryGreen);
  }

.AccordionItem .AccordionItem-content {
    box-sizing: content-box;
    margin-bottom: 2px;
    transition: max-height 300ms ease-out, padding 300ms ease-out;
    padding-left: var(--spaces);
    padding-right: var(--spaces);
    padding-bottom: var(--spaces);
  }