/* FAQ-Bereich (Milestone FAQ-1) - Uebersicht und Themenseiten. Eingebunden von include/template/faq.php (nur auf Seiten mit FAQ-Ausgabe). Spezifikation:faq-build/KONZEPT.md Abschnitt 4. Hinweis zur Auslieferung:getcss.php minifiziert mit minCss() (include/functions.php:2-7), das Leerraum um ":" entfernt. Deshalb steht hier kein Selektor mit Leerzeichen vor einer Pseudoklasse (z. B. ".a:hover").
*/ /* Abstand zwischen den Fragen;Trennlinie in der Linienfarbe des Bestands (--color-line, css/vars.css). 1px = feinste Linie, wie die Tabellenlinien. */
.faqFrage{border-bottom:1px solid var(--color-line);padding:0.75em 0}.faqFrage:first-of-type{border-top:1px solid var(--color-line)}/* Sprungziel unter dem fixierten Kopf (main.css:774-780 position:fixed):leeres span.faqAnker als erstes Kind jeder Frage, absolut um die Kopfhoehe nach oben versetzt - dasselbe Muster wie die Bestands-Sprunganker .sectionAnchor (main.css:position:absolute, height:0;responsive.css:top -(--height-nav + 2px);die 2px sind die Unterkante der Navigation, main.css:813 border-bottom:2px). --height-nav:96px bzw. 80px je Breakpoint (res-1.css:23, res-2.css:23). Variante mit Aktionsstreifen wie css/aktionen.css:622-626. Kein scroll-margin:script/mainBasis.js springt bei window.load erneut mit offset 0 zum Element mit der id und ignoriert scroll-margin (Befund Live-Test FAQ-1g, 15.11.2026). */
.faqFrage{position:relative}.faqAnker{position:absolute;left:0;width:0;height:0;top:calc(-1 * (var(--height-nav) + 2px))}html:has(body > header > div > a.aktionStreifen) .faqAnker{top:calc(-1 * (var(--height-nav) + 2px + var(--aktionStreifen-hoehe, 0px)))}/* Frage-Zeile. Standard-Dreieck entfernen (list-style fuer Firefox/Chrome,::-webkit-details-marker fuer Safari) - wie css/webinare.css:339-352. */
.faqFrage > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:0.5em}.faqFrage > summary::-webkit-details-marker{display:none}/* Die Frage ist ein h2 (Gliederung fuer Suchmaschinen), sieht aber aus wie fett gesetzter Fliesstext:Die Bestandsregel fuer h1-h6 (main.css:71-85) setzt Headline-Groesse, Grossschreibung und condensed - hier zurueck auf die Werte des Fliesstexts. font-size:inherit uebernimmt die Groesse von .content > .text (main.css:1023-1030, --font-size-larger). */
.faqFrage > summary > h2{font-size:inherit;line-height:inherit;font-weight:700;text-transform:none;font-variation-settings:var(--font-regular);display:block}/* Aufklapp-Indikator:Dreieck aus Rahmen in currentColor, dreht sich beim Oeffnen. Masse, Form und Transition unveraendert aus css/webinare.css:368-380 (dort hergeleitet:em-Werte skalieren mit der Schrift, 0.3s = Bestandswert). flex-shrink:0, damit lange Fragen den Indikator nicht zusammendruecken. */
.faqFrage > summary:after{content:'';flex-shrink:0;width:0;height:0;border-left:0.35em solid transparent;border-right:0.35em solid transparent;border-top:0.4em solid currentColor;transition:transform 0.3s ease}.faqFrage[open] > summary:after{transform:rotate(180deg)}/* Antwort:Abstand zur Frage = 0.5em wie der Abstand Ueberschrift/Unterzeile im Bestand (main.css:103-111 margin-top:0.5em). */
.faqAntwort{margin-top:0.5em}/* Linklisten (Uebersicht und "Weitere Themen"):ohne Aufzaehlungszeichen und Einzug, Abstand aus der Bestandsregel fuer ul (main.css:272-279) bleibt. */
.faqLinks{list-style:none;padding-left:0}/* Ueberschriften haben im Bestand margin:0 (main.css:71-85). Abstand unter der H1 der Themenseite und vor jeder Themenueberschrift der Uebersicht = Bestandsabstand zwischen Textbausteinen (--gap-contentNarrow, main.css:1023-1030 als gap von .content > .text). Zwischen h2 und Liste wirkt der margin der ul-Regel (main.css:272-279). */
.faqThema .textBox > h1{margin-bottom:var(--gap-contentNarrow)}/* "Weitere Themen" und "Zurueck" stehen im selben .content-Block wie die Fragen (template/faq.php). Vorher trennte sie der Grid-Gap zwischen zwei Bloecken (--gap-contentMedium, main.css:967-972);derselbe Abstand jetzt als margin. */
.faqThema .faqWeitere{margin-top:var(--gap-contentMedium)}.faqUebersicht .textBox > h2{margin-top:var(--gap-contentNarrow)}