/* Videobiblioteket - docs/guide/Videoer.md
   Kortene er genereret ud fra de YouTube-indlejringer der faktisk staar i
   guiden, og linker til den side videoen hoerer til - ikke til YouTube - saa
   man faar teksten og skaermbillederne med. */

/* VIGTIGT: miniaturerne maa IKKE have loading="lazy". Et lazy-billede uden
   egen stoerrelse faar hoejden 0, browseren mener aldrig det kommer i syne,
   og saa hentes det aldrig. Samme faelde som integrationslogoerne. */
.md-typeset .vg-vaeg > ul {
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  grid-gap: .8rem;
  gap: .8rem;
}
.md-typeset .vg-vaeg > ul > li {
  padding: 0;
  overflow: hidden;
  border-radius: .2rem;
}
.md-typeset a.vg-kort {
  display: block;
  color: inherit;
  text-decoration: none;
}
.md-typeset a.vg-kort img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #eef3f4;
  transition: opacity .2s;
}
.md-typeset a.vg-kort:hover img { opacity: .88; }
.vg-titel {
  display: block;
  padding: .6rem .7rem .7rem;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.4;
  color: #24505c;
}