/* =====================================================================
   bmsw_lp-bereiche.css — Schalter zum Ein- und Ausblenden von Bereichen
   MODUL. Benutzt von: Klassenportal (klasse-*.html) und LP-Startseite
   (lp-*.html). Gehoert zu bmsw_lp-bereiche.js.

   Bewusst eine EIGENE Datei statt einer Ergaenzung in bmsw_lp-base.css:
   die Basis wird von allen vier Seitenarten geladen (auch von
   bmsw_lp-v20.html und portal-admin.html) und ist damit geteilt. Diese
   Regeln braucht aber nur, wer auch das Skript laedt.

   Beim Aendern die Versionsnummer im <link> hochzaehlen.
   ===================================================================== */

h2.hat-schalter { display: flex; align-items: center; gap: 10px; }

/* Direkt hinter dem Titel, nicht am rechten Rand (Marc, 21.09.2026): der
   Schalter gehoert zu dieser Ueberschrift, und am anderen Ende der Zeile
   sieht er aus wie etwas Eigenes. `h2.hat-schalter` ist ein flex-Kasten und
   setzt ihn ohne `margin-left:auto` gleich neben den Text. */
/* Form und Rundung: Aktionsfeld in bmsw_lp-base.css (21.09.2026). Hier bleibt
   nur, was diesen Schalter von den anderen unterscheidet.

   DAS ZEICHEN WIRD GEZEICHNET, nicht gesetzt (Marc, 21.09.2026: «das Minus ist
   nicht (mehr) schoen vertikal zentriert»). Ein «–» als Schriftzeichen sitzt
   dort, wo die Schrift es hinlegt - bei Arial ueber der Mitte der Zeile, und
   zwar je nach Schriftgroesse verschieden weit. Kein Zentrieren im Kasten
   holt das zurueck, weil der Kasten das Zeichen mittig setzt, nicht seine
   Tinte. Zwei Striche aus Farbe sitzen dagegen genau dort, wo man sie
   hinstellt - und das Plus entsteht daraus, indem der zweite aufgerichtet
   wird. */
.bereich-schalter { flex: 0 0 auto; padding: 0; position: relative;
  font-size: 0; color: var(--muted); }
.bereich-schalter::before, .bereich-schalter::after {
  content: ""; position: absolute; left: 50%; top: 50%;
  width: 11px; height: 1.5px; background: currentColor; border-radius: 1px;
  transform: translate(-50%, -50%);
}
/* Zugeklappt (aria-expanded="false") steht ein PLUS: der zweite Strich wird
   aufgerichtet. Offen bleibt er waagrecht und liegt genau auf dem ersten -
   sichtbar ist dann ein Minus. */
.bereich-schalter[aria-expanded="false"]::after { transform: translate(-50%, -50%) rotate(90deg); }

/* Zugeklappt bleibt die Ueberschrift stehen - sonst wuesste niemand mehr,
   dass es den Bereich gibt, und er waere nicht wieder einzublenden. */
h2.ist-zu { opacity: .65; margin-bottom: 14px; }