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

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


.igallery_container.default .photostyle { margin-top: 5px; margin-bottom: 13px; display: block; text-align: center;}
.igallery_container.default .photostyle imgfull { display: table-cell; vertical-align: middle; padding: 2px; border: 2px #9DB2B9 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

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

/* =============== default design =============== */
.igallery_container.default .igallery_wrapper div.photostyle span.linkdummy,
.igallery_container.default .igallery_wrapper div.photostyle a{
  padding: 1px;
  border: 2px solid #005282;
  background: white;
  float: left;
  text-align: center;
  box-shadow: #000 1px 1px 3px 0px;
  margin: 3px;
  overflow:hidden;
  height: 155px;
  width: 155px;
  position: relative;
}
.igallery_container.default .igallery_wrapper div.photostyle span.linkdummy:hover,
.igallery_container.default .igallery_wrapper div.photostyle a:hover{
  text-decoration:none !important;
  border: 2px solid #005282;
}

.igallery_container.default .igallery_wrapper .photostyle {
  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 */
}
.igallery_container.default .igallery_wrapper .photostyle div.img_replace,
.igallery_container.default .igallery_wrapper .photostyle img {
  padding: 4px;
  height: 150px;
  width: 150px;
  object-fit: cover;
  display: inline-block;
  vertical-align: middle;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: 0.3s ease; -o-transition: 0.3s ease; -webkit-transition: 0.3s ease;
}
.igallery_container.default .igallery_wrapper .photostyle div.img_replace{
  height: 142px;
  width: 142px;
  margin-top: 4px;
}
.igallery_container.default .igallery_wrapper .photostyle div.img_replace:hover,
.igallery_container.default .igallery_wrapper .photostyle 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);
  box-shadow: 0px 0px 6px #888888;
}
.igallery_container.default .igallery_wrapper {
  margin-bottom: 30px;
}
.igallery_container.default .igallery_wrapper::after {
    content: '';
    display: block;
    clear: both;
}
.igallery_container.default .igallery_wrapper .noselect{
  cursor:default;
}
.igallery_container.default .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.default .igallery_wrapper .hidden{
  display: none;
}
.igallery_container.default .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.default .igallery_wrapper .gallery_toggle:checked + .photostyle{
  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.default .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);
}
/* -------------------- is video overlay --------------------- */
.igallery_container.default .igallery_wrapper .photostyle a[data-type="video"]::after,
.igallery_container.default .igallery_wrapper .photostyle 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");
  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.default .igallery_wrapper .photostyle a[data-type="video"]:hover::after,
.igallery_container.default .igallery_wrapper .photostyle 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;
}
/* -------- upload button ----------- */
.igallery_container.default .igallery_wrapper .mod_uploadigallery_default.noselect,
.igallery_container.default .igallery_wrapper .mod_uploadigallery_default{
  display: inline-block;
  height: 155px;
  width: 155px;
  border: 2px solid #005282;
  float: left;
  font-size: 3em;
  font-weight: bold;
  line-height: 140px;
  cursor: pointer;
  padding: 1px;
  background: #c9c9c9;
  text-align: center;
  margin: 3px;
  overflow:hidden;
  transition: background 0.2s linear;
}
.igallery_container.default .igallery_wrapper .mod_uploadigallery_default.noselect:hover,
.igallery_container.default .igallery_wrapper .mod_uploadigallery_default:hover{
	background: #CCE5CC;
	border: 2px solid #005282;
}
/* ---------------- delete button ------------------ */
.igallery_container.default .photostyle 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.default .photostyle span:hover div.delete,
.igallery_container.default .photostyle a:hover div.delete {
	display: block;
}
.igallery_container.default .photostyle span:hover div.delete:hover,
.igallery_container.default .photostyle a:hover div.delete:hover {
	border: 3px solid red;
	font-size: 22px;
	line-height: 26px;
}
/* ------------ delete fade out ----------- */
.igallery_container.default .igallery_wrapper .photostyle span.linkdummy.toremove,
.igallery_container.default .igallery_wrapper .photostyle 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.default .igallery_wrapper .photostyle span.linkdummy.toremove.remove,
.igallery_container.default .igallery_wrapper .photostyle a.toremove.remove{
	max-height: 0;
	opacity: 0;
	padding-top: 0;
	padding-bottom: 0;
}