@charset "UTF-8";
.accordion {
  margin: 1rem 0; }
  .accordion .accordion-title {
    cursor: pointer;
    padding: 1rem;
    margin: 0;
    background-color: #f5a623;
    color: white;
    border-radius: 0.5rem;
    transition: background-color 0.3s ease;
    position: relative;
    /* Ermöglicht absolute Positionierung des ::after */
    display: flex;
    /* Flexbox für bessere Text- und Pfeil-Anordnung */
    align-items: center;
    /* Vertikale Zentrierung von Text und Pfeil */
    justify-content: space-between;
    /* Platz zwischen Text und Pfeil */
    /* Pfeil drehen, wenn das Akkordeon ausgeklappt ist */ }
    .accordion .accordion-title:hover {
      background-color: #f7ba54; }
    .accordion .accordion-title::after {
      content: "";
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 6px solid white;
      /* Pfeil nach unten */
      margin-right: 1rem;
      /* Abstand vom rechten Rand */
      transition: transform 0.3s ease;
      /* Animation für Drehung */ }
    .active .accordion .accordion-title::after {
      transform: rotate(180deg);
      /* Pfeil nach oben */ }
  .accordion .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 1rem; }
  .accordion.active .accordion-content {
    max-height: 1000px;
    /* Anpassen falls nötig */
    padding: 1rem; }