/* Minimal styles + smooth transitions */
.ka-faq-accordion { --gap: 16px; --icon-size: 28px; }
.ka-faq-item:last-child { border-bottom: 0; }

.ka-faq-toggle {
  all: unset;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: var(--gap);
  width: 100%;
  cursor: pointer;
  padding: 12px 0;
  border-bottom: 4px solid #363538;
}
.ka-faq-toggle:focus-visible { outline: 2px solid #4c9ffe; outline-offset: 2px; border-radius: 8px; }
.ka-faq-question-text { font-weight: 500; color: #363538; }

.ka-faq-icon {
  width: var(--icon-size);
  height: var(--icon-size);
  background: center/contain no-repeat url("https://arrivel.klubarbeit.net/wp-content/uploads/2025/12/acc-icon.svg"); /* tausche die URL */
  transition: transform 200ms ease;
}
.ka-faq-item.is-open .ka-faq-icon { transform: rotate(180deg); }

/* Panel: smooth open/close via height+opacity */
.ka-faq-panel {
  background: #FFCF00;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transform: translateY(-4px);
  transition:
    height 280ms ease,
    opacity 200ms ease,
    transform 200ms ease;
}
.ka-faq-item.is-open .ka-faq-panel {
  /* Höhe wird per JS gesetzt; opacity/transform hier für den visuellen Effekt */
  opacity: 1;
  transform: translateY(0);
}

.ka-faq-content { padding: 0 var(--gap) var(--gap); color: #333; line-height: 1.6; }