/* =========================================
   JO Timeline – Description einklappbar
   ========================================= */

/* Description zunächst geschlossen */
.jo-timeline .timeline-description {
    display: none;
}
.timeline-description {
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.progress-bar {
    overflow-y: auto;
}

/* Description bei geöffnetem Element anzeigen */
.jo-timeline .timeline-item.jo-timeline-open .timeline-description {
   display: block;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
}

/* Titel ist klickbar */
.jo-timeline .timeline-title {
    cursor: pointer;
}

/* Optional: kleine visuelle Kennzeichnung */
.jo-timeline .timeline-title::after {
    content: "+ Mehr erfahren";
    display: inline-block;
    margin-left: 10px;
    font-weight: normal;
    color:#E87532;
}

/* Minuszeichen wenn geöffnet */
.jo-timeline .timeline-item.jo-timeline-open .timeline-title::after {
    content: "− Details schließen";
    color:#E87532;
}

/* Description vollständig anzeigen */
.jo-timeline .timeline-description {
    display: none;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    line-height: 1.5;
}