/* Styling fuer static/js/lightbox.js (ersetzt jquery.fancybox) */

.cnl-lightbox {
  max-width: 92vw;
  max-height: 92vh;
  padding: 0;
  border: 0;
  border-radius: .5rem;
  background: transparent;
  overflow: visible;
}

.cnl-lightbox::backdrop {
  background: rgba(0, 0, 0, .82);
}

.cnl-lightbox img {
  display: block;
  max-width: 92vw;
  max-height: 80vh;
  width: auto;
  height: auto;
  border-radius: .5rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .6);
}

.cnl-lightbox-close {
  position: absolute;
  top: -.5rem;
  right: -.5rem;
  z-index: 1;
  padding: .5rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .6);
  opacity: 1;
}

.cnl-lightbox-meta {
  margin-top: .5rem;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .8);
}

/* Trefferliste fuer static/js/suche.js (ersetzt typeahead.js) */

.cnl-suche {
  position: relative;
}

.cnl-suche-treffer {
  position: absolute;
  top: calc(100% + .25rem);
  left: 0;
  z-index: 1050;
  min-width: 22rem;
  max-height: 60vh;
  overflow-y: auto;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .3);
}