/* Layout block faq_block. Source: docs/design/referenz/04-bausteine.html. */
.faq details { border-top: 1px solid var(--line); }
.faq details:last-of-type { border-bottom: 1px solid var(--line); }
.faq summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr) 28px; gap: 12px; align-items: center; padding: 14px 0; font-family: var(--f-display); font-weight: 700; font-size: 17px; line-height: 1.3; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: ""; width: 28px; height: 28px; border-radius: 50%; background: var(--sunk) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 2v8M2 6h8' stroke='%2326211B' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat; transition: transform .2s; }
.faq details[open] summary::after { transform: rotate(45deg); background-color: var(--c); }
.faq-a { padding: 0 40px 16px 0; }
.faq-a p { font-size: 15px; color: var(--ink-2); }
.faq-a p + p { margin-top: 10px; }

@media (prefers-reduced-motion: reduce) {
  .faq summary::after { transition: none; }
}

@container page (min-width: 900px) {
  .faq summary { font-size: 19px; }
}