/* Overlay "Studieninformationen anfordern" (DeLSt#57; Muster AoS aos-infomaterial.css). Optik bewusst wie das bisherige dunkle Overlay,
   erst die Technik, Optik und Platzierung nach dem Livegang. */
.delst-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;
}
.delst-infomaterial::backdrop { background: rgba(0, 0, 0, .85); }
.delst-infomaterial-inhalt { padding: 20px; }
.delst-infomaterial-produkt { margin: 0 0 12px; font-weight: 700; }
.delst-infomaterial-zu { margin-top: 10px; }

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