/* Dieser Eintrag entfernt den gepunkteten Rahmen um Links beim anklicken. */
.igallery_container.linefill a:focus { outline: none; }

.igallery_container.linefill .igallery_wrapper { clear: both; position: relative; }
.igallery_container.linefill .igallery_wrapper a:link,
.igallery_container.linefill .igallery_wrapper a:visited,
.igallery_container.linefill .igallery_wrapper a:active {
  color: #1e576d;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
.igallery_container.linefill .igallery_wrapper a:hover { color: #AFABAD; text-decoration: none; }


.igallery_container.linefill .photowall { margin-top: 5px; margin-bottom: 13px; display: block; text-align: center;}
.igallery_container.linefill .photowall img { width: 100%; transition: 0.3s ease; -o-transition: 0.3s ease; -webkit-transition: 0.3s ease;}
.igallery_container.linefill .photowall imgfull { display: table-cell; vertical-align: middle; padding: 2px; border: 2px #9DB2B9 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.igallery_container.linefill .photowall img:hover { box-shadow: 0px 0px 6px #888888; }

.igallery_container.linefill .centered {
    position: relative;
    display: inline;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* =============== linefill design =============== */
.igallery_container.linefill .igallery_wrapper .photowall {
  display: block;
  margin: 3px;
  padding: 0px;
  background-color: transparent !important;
  overflow: hidden;

 -webkit-transition: max-height 500ms cubic-bezier(0.085, 1, 0.000, 0.850); /* older webkit */
 -webkit-transition: max-height 500ms cubic-bezier(0.085, 1.300, 0.000, 0.850); 
    -moz-transition: max-height 500ms cubic-bezier(0.085, 1.300, 0.000, 0.850); 
      -o-transition: max-height 500ms cubic-bezier(0.085, 1.300, 0.000, 0.850); 
         transition: max-height 500ms cubic-bezier(0.085, 1.300, 0.000, 0.850); /* custom */
}
/* ---------------------- SPINNER ---------------- */
.igallery_container.linefill .igallery_wrapper .photowall .spinner {
  width: 40px;
  height: 40px;
  background-color: #b20e10;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/* ----------------------- images ----------------- */
.igallery_container.linefill .igallery_wrapper div.photowall .imageset{
  display: none;
}
.igallery_container.linefill .igallery_wrapper div.photowall > span.linkdummy,
.igallery_container.linefill .igallery_wrapper div.photowall > a,
.igallery_container.linefill .igallery_wrapper div.photowall > div.photo {
  margin: 3px 1px;
  overflow:hidden;
  position: relative;
  display: inline-block;
  border: 1px solid #e3e3e3;
}

.igallery_container.linefill .igallery_wrapper div.photowall > span.linkdummy:hover,
.igallery_container.linefill .igallery_wrapper div.photowall > a:hover,
.igallery_container.linefill .igallery_wrapper div.photowall > div.photo:hover { 
  text-decoration:none !important;
}

.igallery_container.linefill .igallery_wrapper div.photowall > span.linkdummy img,
.igallery_container.linefill .igallery_wrapper div.photowall > a img,
.igallery_container.linefill .igallery_wrapper div.photowall > div.photo img{
    padding: 0;
    height: 100%;
    width: 100%;
  	object-fit: cover;
    display: inline-block;
    vertical-align: middle;
}

.igallery_container.linefill .igallery_wrapper div.photowall > span.linkdummy img:hover,
.igallery_container.linefill .igallery_wrapper div.photowall > a img:hover,
.igallery_container.linefill .igallery_wrapper div.photowall > div.photo img:hover{
  -webkit-transform:scale(1.2); /* Safari and Chrome */
  -moz-transform:scale(1.2); /* Firefox */
  -ms-transform:scale(1.2); /* IE 9 */
  -o-transform:scale(1.2); /* Opera */
  transform:scale(1.2);
}
.igallery_container.linefill .igallery_wrapper {
  margin-bottom: 30px;
}
.igallery_container.linefill .igallery_wrapper::after {
    content: '';
    display: block;
    clear: both;
}
.igallery_container.linefill .igallery_wrapper .noselect{
  cursor:linefill;
}
/* ----------------- single line toggle ------------------*/
.igallery_container.linefill .igallery_wrapper .gallery_toggle_view{
  height: 30px;
  width: 30px;
  display: block;
  background-repeat:no-repeat;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  margin-left: 5px;
  color: #005282;
  text-shadow: 1px 1px 5px black;
}
.igallery_container.linefill .igallery_wrapper .hidden{
  display: none;
}
.igallery_container.linefill .igallery_wrapper .gallery_toggle_view{
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}

.igallery_container.linefill .igallery_wrapper .gallery_toggle:checked + .photowall{
  max-height: 5000px !important;
  /* overflow-y: auto; */

  -webkit-transition: max-height 500ms cubic-bezier(1.000, 0.000, 1.000, 0.085); 
   -moz-transition: max-height 500ms cubic-bezier(1.000, 0.000, 1.000, 0.085); 
     -o-transition: max-height 500ms cubic-bezier(1.000, 0.000, 1.000, 0.085); 
        transition: max-height 500ms cubic-bezier(1.000, 0.000, 1.000, 0.085); /* custom */
}
.igallery_container.linefill .igallery_wrapper .gallery_toggle:checked ~ .gallery_toggle_view{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
/* ------------- upload button --------------- */
.igallery_container.linefill .mod_uploadigallery_linefill.noselect,
.igallery_container.linefill .mod_uploadigallery_linefill{
  display: inline-block;
  height: 35px;
  width: 155px;
  border: 2px solid #005282;
  font-size: 13px;
  font-weight: bold;
  line-height: 26px;
  cursor: pointer;
  padding: 1px;
  background: #c9c9c9;
  text-align: center;
  margin: 3px;
  overflow:hidden;
  transition: background 0.2s linear;
}
.igallery_container.linefill .mod_uploadigallery_linefill.noselect:hover,
.igallery_container.linefill .mod_uploadigallery_linefill:hover{
	background: #CCE5CC;
	border: 2px solid #005282;
}
/* ---------------- delete button ------------------ */
.igallery_container.linefill .photowall div.delete {
	display: none;
	border-radius: 0;
	height: 30px;
  	width: 30px;
  	right: 0;
  	top: 0;
  	position:absolute;
  	font-size: 17px;
  	font-weight: bold;
  	line-height: 27px;
	border: 1px solid red;
	color: red;
	box-sizing: border-box;
	cursor: pointer;
}
.igallery_container.linefill .photowall span:hover div.delete,
.igallery_container.linefill .photowall a:hover div.delete {
	display: block;
}
.igallery_container.linefill .photowall span:hover div.delete:hover,
.igallery_container.linefill .photowall a:hover div.delete:hover {
	border: 3px solid red;
	font-size: 22px;
	line-height: 26px;
}

/* -------------------- is video overlay --------------------- */
.igallery_container.linefill .igallery_wrapper .photowall a[data-type="video"]::after,
.igallery_container.linefill .igallery_wrapper .photowall a[data-type="youtube"]::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250' viewBox='-49.5 50.5 250 250'%3E%3Ccircle fill='%23FFF' cx='75.5' cy='175.5' r='125'/%3E%3Ccircle fill='%23B20E10' cx='75.5' cy='175.5' r='122.5'/%3E%3Ccircle fill='%23FFF' cx='75.5' cy='175.5' r='107.5'/%3E%3Cpath fill='%23B20E10' d='M125.45 175.698l-83.027-36.62-.302 72.844 83.33-36.224z'/%3E%3C/svg%3E%0A");
}
.igallery_container.linefill .igallery_wrapper .photowall a[data-type="video"]::after,
.igallery_container.linefill .igallery_wrapper .photowall a[data-type="youtube"]::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 35%;
  height: 100%;
  bottom: 0;
  background-position: center;
  background-size: 91%;
  opacity: 0.7;
  background-repeat: no-repeat;
}
.igallery_container.linefill .igallery_wrapper .photowall a[data-type="video"]:hover::after,
.igallery_container.linefill .igallery_wrapper .photowall a[data-type="youtube"]:hover::after {
  opacity: 0.8;
-webkit-transition: opacity 300ms ease-in; 
  -moz-transition: opacity 300ms ease-in; 
    -o-transition: opacity 300ms ease-in; 
     transition: opacity 300ms ease-in;
}
/* ------------ delete fade out ----------- */
.igallery_container.linefill .igallery_wrapper .photowall span.linkdummy.toremove,
.igallery_container.linefill .igallery_wrapper .photowall a.toremove {
	-webkit-transition: all 400ms cubic-bezier(0.000, 0.835, 0.255, 1.000); 
	-moz-transition: all 400ms cubic-bezier(0.000, 0.835, 0.255, 1.000); 
	-o-transition: all 400ms cubic-bezier(0.000, 0.835, 0.255, 1.000); 
	transition: all 400ms cubic-bezier(0.000, 0.835, 0.255, 1.000); /* custom */
}
.igallery_container.linefill .igallery_wrapper .photowall span.linkdummy.toremove.remove,
.igallery_container.linefill .igallery_wrapper .photowall a.toremove.remove{
	max-height: 0;
	opacity: 0;
	padding-top: 0;
	padding-bottom: 0;
}
/* ------------ backend button ----------- */
.igallery_container.linefill div.backendlink{
	height: 35px;
	width: 35px;
	text-align: center;
	vertical-align: baseline;
  display: inline-block;
}

.igallery_container.linefill div.backendlink span {
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: contain;
	display: block;
	height: 30px;
	width: 30px;
	cursor: pointer;
}
.igallery_container.linefill div.backendlink:hover span {
	height: 35px;
	width: 35px;
}