.aufklapp { margin-top: var(--abstand-4); }
.aufklapp > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; min-height: var(--tipp, 44px); padding: 8px var(--abstand-4); border-radius: 10px; font-weight: 600; font-size: var(--t-sm, .8125rem); color: var(--brand-ink); background: var(--brand-tint); transition: background var(--dur-fast, 180ms), box-shadow var(--dur-fast, 180ms); }
.aufklapp > summary::-webkit-details-marker { display: none; }
.aufklapp > summary:hover { background: var(--brand-tint-2); }
.aufklapp__pfeil { width: 16px; height: 16px; transition: transform var(--dur, 220ms) var(--ease, ease); flex: none; transform: rotate(90deg); }
.aufklapp[open] > summary .aufklapp__pfeil { transform: rotate(-90deg); }
.aufklapp__inhalt { margin-top: var(--abstand-4); }
.aufklapp--liste { margin: 0; border-top: 1px solid var(--line); }
.aufklapp--liste > summary { display: flex; background: none; border-radius: 0 0 var(--r) var(--r); padding: 12px 20px; color: var(--ink-2); font-weight: 550; }
.aufklapp--liste > summary:hover { background: var(--card-2); }
.aufklapp--liste .aufklapp__inhalt { margin: 0; border-top: 1px solid var(--line); }
@media (max-width: 760px) {
  .aufklapp > summary { width: 100%; justify-content: space-between; }
  .aufklapp--liste > summary { padding: 12px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .aufklapp > summary, .aufklapp__pfeil { transition: none; }
}