/* Overlay "Studieninformationen anfordern" (aos-website#113). Optik bewusst wie das bisherige dunkle Overlay (Entscheid Tobias
   07.10.2026: erst die Technik, Optik nach dem Livegang). */
.aos-infomaterial {
  border: 0;
  padding: 0;
  background: #1a1a1a;
  color: #fff;
  width: min(640px, calc(100vw - 24px));
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px);
  overflow: auto;
}
.aos-infomaterial::backdrop { background: rgba(0, 0, 0, .85); }
.aos-infomaterial-inhalt { padding: 20px; }
/* Ueberschriften und Links erbten die Farbe der Seitenkategorie (z. B. #00497f in "cat-management"): auf dem dunklen Dialog 1,87:1 (axe, Laeufe 20261008-0847 und
   -0916). Das Theme faerbt je Kategorie mit `body.cat-xxx .mod_customcatalogreader.cc_produkte a` (drei Klassen), ein Selektor im Dialog gewinnt dagegen nicht;
   deshalb !important - dieselbe Technik wie kontrast-a.css. Weiss; Links unterstrichen, damit sie auch ohne Farbe als Link erkennbar bleiben. */
.aos-infomaterial .aos-infomaterial-inhalt h2 { color: #fff !important; }
.aos-infomaterial .aos-infomaterial-inhalt a { color: #fff !important; text-decoration: underline; }
.aos-infomaterial-produkt { margin: 0 0 12px; font-weight: 700; }
.aos-infomaterial-zu { margin-top: 10px; }

/* Ohne JavaScript: der Link #aos-infomaterial macht den Dialog zum Ziel und zeigt ihn als festes Fenster. */
.aos-infomaterial:target:not([open]) {
  display: block;
  position: fixed;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}