/*
 * FAQ-Seite (Post 684): Zustands-CSS fuer Filter-Buttons und Akkordeon.
 * Elementors Atomic-Widgets kennen keine "aktiv/inaktiv"-Zustaende, deshalb
 * uebernimmt diese Datei genau das per Klasse (is-active / is-open), die
 * begleitende JS-Datei (neues-design.js) setzt nur die Klassen und ein paar
 * Inline-Werte fuer den Akkordeon-Koerper. Nur auf der Seite "neu-faq"
 * eingebunden (siehe functions.php).
 */

.dk-faq-filter {
	cursor: pointer;
}
.dk-faq-filter.is-active {
	background: oklch(0.86 0.19 128) !important;
	border-color: oklch(0.86 0.19 128) !important;
	color: oklch(0.2 0.03 140) !important;
}
.dk-faq-filter:not(.is-active) {
	background: oklch(0.23 0.015 250) !important;
	border: 1px solid oklch(0.34 0.015 250) !important;
	color: oklch(0.9 0.008 250) !important;
}

.dk-faq-head {
	cursor: pointer;
}

/*
 * Abstand oben/unten im Antworttext - als CSS-Regel statt nur per JS beim
 * Klick, weil ein Eintrag (die erste Frage) von Elementor aus bereits offen
 * startet: ohne diese Regel bekam nur dieser eine Eintrag keinen oberen
 * Abstand, weil das Klick-Skript (neues-design.js) ihn nie ausgeloest hat.
 */
.dk-faq-body {
	padding: 20px 26px 24px !important;
}