/* Basis aus dem DP-FAQs-Stand von finanzenverstehen-2026 uebernommen und an
   dieses Theme angepasst: Rahmen #ccc, Textfarbe #414651, Akzent ueber
   --primary-color aus der Theme-style.css. */

.dp-faqs { margin: 0 0 50px; }
/* Kein eigenes font-size: der Titel ist ein <h2> und soll exakt der H2-Staffelung
   des Themes folgen (2.6em / 2.3em ab 767px / 1.8em ab 500px), damit er nie
   groesser wird als eine normale H2. */
.dp-faqs-list-title { margin: 0 0 20px; }
.dp-faqs-list-excerpt { margin: 0 0 30px; }
.dp-faqs-item { border-bottom: 1px solid #ccc; }
.dp-faqs-question { width:100%; text-align:left; background:none; border:0; padding: 22px 40px 22px 0; cursor:pointer; font:inherit; display:flex; justify-content:space-between; position:relative; -webkit-appearance:none; }
.dp-faqs-question span { font-size:1.2em; font-weight:600; line-height:1.3em; letter-spacing:0; color:#414651; transition: color 0.3s ease-in-out; }
.dp-faqs-question:hover span, .dp-faqs-item.is-open .dp-faqs-question span { color: var(--primary-color); }
.dp-faqs-question::after { content:'+'; position:absolute; right:0; top:50%; color: var(--primary-color); font-size:1.8em; line-height:1; transform: translateY(-50%) rotate(0); transform-origin:center; transition: transform 0.3s ease-in-out; }
.dp-faqs-item.is-open .dp-faqs-question::after { transform: translateY(-50%) rotate(-135deg); }
.dp-faqs-answer { padding: 0 0 22px; }
.dp-faqs-container { width:min(100%, 900px); margin:0 auto; }
.dp-faqs-archive .dp-faqs { margin-bottom: 100px}
.dp-faqs-archive .dp-faqs-list-title { font-size: 2em; }
@media (max-width: 767px) {
    .dp-faqs-archive .dp-faqs-list-title { font-size: 1.8em; }
}
@media (max-width: 500px) {
    .dp-faqs-archive .dp-faqs-list-title { font-size: 1.5em; }
}