/* ===========================================================================
   FAQ · pollux-ag.ch · Fassung 1 · 16. Oktober 2026
   Sechs Bloecke, jeder einzeln einfuegbar.
   Gemessene Projektwerte: --color-primary #0177BD, --color-secondary #FFE45B,
   Fliesstext 14,4 px, --bs-border-color #dee2e6.
   Ueberschriften und Fliesstext nutzen eure Klassen farb-titel, untertitel,
   akzentfarbe und abschnitt - dafuer steht hier nichts.
   =========================================================================== */

/* --- 1 · Die Liste schliesst unten ab ------------------------------------ */

.pol-faq {
  border-bottom: 1px solid var(--bs-border-color,#dee2e6);
}

/* --- 2 · Die Ueberschrift zuruecksetzen ---------------------------------- *
   Ohne diese Regel waere die Frage 21,73 px gross. 1.1em ergibt bezogen auf
   14,4 px Fliesstext 15,84 px. */

.pol-faq__kopf {
  margin: 0;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.4;
  border-top: 1px solid var(--bs-border-color,#dee2e6);
}

/* --- 3 · Die Frage ist eine Schaltflaeche -------------------------------- *
   Ein Button bringt grauen Hintergrund und 2 px Rahmen mit - beides weg.
   font:inherit holt Familie, Groesse und Gewicht aus der Ueberschrift. */

.pol-faq__frage {
  position: relative;
  display: block;
  width: 100%;
  padding: .9em 2.2em .9em 0;
  font: inherit;
  color: inherit;
  text-align: left;
  background: none;
  border: 0;
  cursor: pointer;
}

/* --- 4 · Offen oder ueberfahren: in der Hausfarbe ------------------------ */

.pol-faq__frage:hover, .pol-faq__frage:not(.collapsed), .pol-faq__frage[aria-expanded="true"] {
  color: var(--color-primary,#0177BD);
}

/* --- 5 · Das Plus aus zwei Balken, beim Oeffnen ein Minus ---------------- */

.pol-faq__frage::before, .pol-faq__frage::after {
  content: "";
  position: absolute;
  top: 50%;
  right: .3em;
  width: 14px;
  height: 2px;
  margin-top: -1px;
  background-color: var(--color-primary,#0177BD);
  transition: transform .3s;
}

.pol-faq__frage::after {
  transform: rotate(90deg);
}

.pol-faq__frage:not(.collapsed)::after, .pol-faq__frage[aria-expanded="true"]::after {
  transform: rotate(0);
}

/* --- 6 · Die Antwort ----------------------------------------------------- *
   Die Klasse abschnitt liefert Schrift und Farbe, hier kommt nur der Platz
   rechts neben dem Zeichen dazu. */

.pol-faq__antwort {
  padding: 0 2.2em 1.1em 0;
}