/**
 * Styles fuer den wiederverwendbaren FAQ-Baustein (chunk 'faq-accordion', Namespace .faqc-).
 * Einbinden: $pageMetaData['css'][] = '/assets/css/sections/faq-accordion.css';
 * Die Seite bettet die FAQ in ihren eigenen Container (Layout/Abstaende kommen von der Seite).
 */
.faqc { max-width: none; }
/* FAQ als Abschluss-Section: Verlauf oben blau -> unten weiss, kein harter Border */
.faq-band { background: linear-gradient(180deg, #eaf2fb 0%, #ffffff 100%); border-bottom: 0 !important; }
.faqc-heading { font-size: 1.8rem; font-weight: 800; letter-spacing: -0.02em; color: #0d2137; margin: 0 0 8px; }
.faqc-sub { font-size: 1.05rem; color: #475569; margin: 0 0 26px; }
.faqc-list { display: flex; flex-direction: column; gap: 12px; }
.faqc-item { border: 1px solid #e6eef4; border-radius: 12px; background: #fff; overflow: hidden; box-shadow: 0 1px 4px rgba(13,33,55,0.04); }
.faqc-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
    background: none;
    border: 0;
    cursor: pointer;
    font-size: 1.05rem;
    font-weight: 600;
    color: #0d2137;
    text-align: left;
    transition: background .15s;
}
.faqc-question:hover { background: linear-gradient(180deg, #edf4fc 0%, #ffffff 100%); }
.faqc-chevron { width: 22px; height: 22px; flex-shrink: 0; color: #0d5a93; transition: transform .25s; }
.faqc-question[aria-expanded="true"] .faqc-chevron { transform: rotate(180deg); }
.faqc-answer { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.faqc-answer-inner { padding: 0 22px 20px; color: #475569; line-height: 1.7; font-size: 1rem; }
.faqc-answer-inner p { margin: 0 0 10px; }
.faqc-answer-inner p:last-child { margin-bottom: 0; }
.faqc-answer-inner a { color: #0d5a93; font-weight: 600; }

@media (max-width: 768px) {
    .faqc-heading { font-size: 1.5rem; }
    .faqc-question { font-size: 1rem; padding: 16px 18px; }
    .faqc-answer-inner { padding: 0 18px 18px; }
}