/* ============================================================
   FAQ-Akkordeon (native <details>/<summary>)
   Verwendet von: tickets.html, mitglied.html.
   Mobile-Kompaktierung ist Seiten-spezifisch (siehe pages/mitglied.css).
   ============================================================ */
.faq-list { display: flex; flex-direction: column; gap: 10px; max-width: 1080px; }
.faq { background: white; border: 1px solid rgba(11,46,63,0.08); }
.faq summary {
  list-style: none; cursor: pointer; padding: 22px 26px;
  display: flex; justify-content: space-between; align-items: center;
  font-family: var(--display); font-weight: 800; font-style: normal;
  font-size: 20px; text-transform: uppercase; letter-spacing: 0.01em;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "+"; font-family: var(--display); font-weight: 900;
  color: var(--red); font-size: 32px; line-height: 1;
  transition: transform .18s;
}
.faq[open] summary::after { content: "−"; }
.faq .body {
  padding: 0 26px 26px;
  font-family: var(--body); font-size: 14px; line-height: 1.65; color: #2A2A33;
}