/** LIGHTBOX MARKUP **/

html body.nav-md div#page-wrapper div.container.noh1 div.inner.wrapper div.row div.col-sm-9 div#datatable_wrapper.dataTables_wrapper.no-footer table#datatable.table.bestand.dataTable.no-footer tbody tr td .ligthbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

/* Unhide the lightbox when it's the target */
html body.nav-md div#page-wrapper div.container.noh1 div.inner.wrapper div.row div.col-sm-9 div#datatable_wrapper.dataTables_wrapper.no-footer table#datatable.table.bestand.dataTable.no-footer tbody tr td .ligthbox:target {
  display: block;
}

html body.nav-md div#page-wrapper div.container.noh1 div.inner.wrapper div.row div.col-sm-9 div#datatable_wrapper.dataTables_wrapper.no-footer table#datatable.table.bestand.dataTable.no-footer tbody tr td .ligthbox span {
  /* Full width and height */
  display: block;
  /* width: 100%;
  height: 100%; */
  width: 70%;
  height: 70%;
  margin: 10% 15%;
  padding: 0;

  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Bildbezeichnung */
html body.nav-md div#page-wrapper div.container.noh1 div.inner.wrapper div.row div.col-sm-9 div#datatable_wrapper.dataTables_wrapper.no-footer table#datatable.table.bestand.dataTable.no-footer tbody tr td .ligthbox span p.bezeichnung {
	position: absolute;
	top: 12.5%;
	text-align: center;
	width: 70%;
	font-size: 1.5em;
	color: #fff;
	left: 15%;
}


.thumbnail_img {
	max-width: 90px;
}