.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);opacity:.01;transition:opacity .4s ease;z-index:1000;will-change:opacity}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{-webkit-transform:scale(1);transform:scale(1)}

/* Eigener Zusatz unterhalb des Vendor-Bundles oben (basicLightbox,
   https://github.com/electerious/basicLightbox): width/height:auto dort
   zeigt Bilder in ihrer echten Pixelgröße – ein kleiner Upload (z.B. ein
   Logo/Screenshot unter 95vw/95vh) wirkt dadurch winzig inmitten des
   abgedunkelten Overlays statt wie ein "vergrößertes" Bild. object-fit:
   contain skaliert stattdessen jedes Bild, ob klein oder groß, verzerrungs-
   frei auf dieselbe 95%-Fläche hoch bzw. herunter. */
.basicLightbox__placeholder > img:first-child:last-child {
  width: 95vw;
  height: 95vh;
  object-fit: contain;
}