/*Zoom Gallery 0.1.2*/
.zoom-gallery {
	width:100%;
	
	
}

.zoom-gallery div img {
	max-height: 50%;
	max-width:100%;
	transform: scale(2);
  margin: auto;
	
	transition:0.5s;
	
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.zoom-gallery div:not(.gallery-empty) {
	float: left;
	overflow:hidden;
	position:relative;
	transition:0.5s;
	width:25%;

	left:0px;
	top:0px;
	background:black;
	text-align: center;
	position: relative;	
}

.zoom-gallery div:not(.gallery-empty):before{
	content: "";
	display: block;
	padding-top: 100%;
	transition:0.5s;
}

.zoom-gallery div:hover {
	transform: scale(1.4);
	cursor: pointer;
	z-index: 2;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.zoom-gallery div:focus {
	transform: scale(1.2);
	cursor: pointer;
	z-index: 1;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	outline:0;
}

.zoom-gallery div:focus:hover {
	cursor:initial;
	transform: translate(0%, 0%) scale(5);

	z-index: 1;

	left:0px;
	top:0px;
	
}

.zoom-gallery div.a_2-1:focus:hover img{
	max-width:50%;/*für bilder die breiter sind als 2:1*/
}


.zoom-gallery div:nth-of-type(4n+1) {clear: both;}
.zoom-gallery div:focus:hover:nth-of-type(4n+1) {left: 37.5%;}
.zoom-gallery div:focus:hover:nth-of-type(4n+2) {left: 12.5%;}
.zoom-gallery div:focus:hover:nth-of-type(4n+3) {left: -12.5%;}
.zoom-gallery div:focus:hover:nth-of-type(4n+4) {left: -37.5%;}


.zoom-gallery div:focus:hover:nth-of-type(1n) {transform: translateY(150%) scale(5);}
.zoom-gallery div:focus:hover:nth-of-type(1n+5) {transform: translateY(50%) scale(5);}

.zoom-gallery div:focus:hover:nth-last-of-type(-n+12) {transform: translateY(-50%) scale(5);}
.zoom-gallery div:focus:hover:nth-last-of-type(-n+8) {transform: translateY(-150%) scale(5);}
.zoom-gallery div:focus:hover:nth-last-of-type(-n+4) {transform: translateY(-200%) scale(5);}







/*aspect ratios*/
.zoom-gallery div.a_2-1:focus:hover:not(.gallery-empty):before{
	padding-top: calc((1/2)*100%);
}
.zoom-gallery div.a_2-1:focus:hover:nth-of-type(1n) {transform: translateY(calc( (50%*(5 - 1)) - ((2/1) * 50%) )) scale(5);}/*Reihe 1 top*/
.zoom-gallery div.a_2-1:focus:hover:nth-of-type(1n+5) {transform: translateY(calc( ((1 - (2/1))/ 2)  * -100% )) scale(5);}/*ab Reihe 2 center*/

.zoom-gallery div.a_2-1:focus:hover:nth-last-of-type(-n+8) {transform: translateY(calc( ((((1 - (2/1)) * 1)  * -100%) - (50%*(5 - 1))) - ((2/1) * -50%) )) scale(5);}/*vorletzte Reihe bottom*/
.zoom-gallery div.a_2-1:focus:hover:nth-last-of-type(-n+4) {transform: translateY(calc( ((((1 - (2/1)) * 1)  * -100%) - (50%*(5 - 1))) - ((2/1) * 0%) )) scale(5);}/*letzte Reihe bottom*/



.zoom-gallery div.a_16-9:focus:hover:not(.gallery-empty):before{
	padding-top: calc((9/16)*100%);
}
.zoom-gallery div.a_16-9:focus:hover:nth-of-type(1n) {transform: translateY(calc( (50%*(5 - 1)) - ((16/9) * 50%) )) scale(5);}/*Reihe 1 top*/
.zoom-gallery div.a_16-9:focus:hover:nth-of-type(1n+5) {transform: translateY(calc( ((1 - (16/9))/ 2)  * -100% )) scale(5);}/*ab Reihe 2 center*/

.zoom-gallery div.a_16-9:focus:hover:nth-last-of-type(-n+8) {transform: translateY(calc( ((((1 - (16/9)) * 1)  * -100%) - (50%*(5 - 1))) - ((16/9) * -50%) )) scale(5);}/*vorletzte Reihe bottom*/
.zoom-gallery div.a_16-9:focus:hover:nth-last-of-type(-n+4) {transform: translateY(calc( ((((1 - (16/9)) * 1)  * -100%) - (50%*(5 - 1))) - ((16/9) * 0%) )) scale(5);}/*letzte Reihe bottom*/




.zoom-gallery div.a_2592-1936:focus:hover:not(.gallery-empty):before{
	padding-top: calc((1936/2592)*100%);
}
.zoom-gallery div.a_2592-1936:focus:hover:nth-of-type(1n) {transform: translateY(calc( (50%*(5 - 1)) - ((2592/1936) * 50%) )) scale(5);}/*Reihe 1 top*/
.zoom-gallery div.a_2592-1936:focus:hover:nth-of-type(1n+5) {transform: translateY(calc( ((1 - (2592/1936))/ 2)  * -100% )) scale(5);}/*ab Reihe 2 center*/

.zoom-gallery div.a_2592-1936:focus:hover:nth-last-of-type(-n+8) {transform: translateY(calc( ((((1 - (2592/1936)) * 1)  * -100%) - (50%*(5 - 1))) - ((2592/1936) * -50%) )) scale(5);}/*vorletzte Reihe bottom*/
.zoom-gallery div.a_2592-1936:focus:hover:nth-last-of-type(-n+4) {transform: translateY(calc( ((((1 - (2592/1936)) * 1)  * -100%) - (50%*(5 - 1))) - ((2592/1936) * 0%) )) scale(5);}/*letzte Reihe bottom*/




.zoom-gallery div.a_2688-1520:focus:hover:not(.gallery-empty):before{
	padding-top: calc((1520/2688)*100%);
}
.zoom-gallery div.a_2688-1520:focus:hover:nth-of-type(1n) {transform: translateY(calc( (50%*(5 - 1)) - ((2688/1520) * 50%) )) scale(5);}/*Reihe 1 top*/
.zoom-gallery div.a_2688-1520:focus:hover:nth-of-type(1n+5) {transform: translateY(calc( ((1 - (2688/1520))/ 2)  * -100% )) scale(5);}/*ab Reihe 2 center*/

.zoom-gallery div.a_2688-1520:focus:hover:nth-last-of-type(-n+8) {transform: translateY(calc( ((((1 - (2688/1520)) * 1)  * -100%) - (50%*(5 - 1))) - ((2688/1520) * -50%) )) scale(5);}/*vorletzte Reihe bottom*/
.zoom-gallery div.a_2688-1520:focus:hover:nth-last-of-type(-n+4) {transform: translateY(calc( ((((1 - (2688/1520)) * 1)  * -100%) - (50%*(5 - 1))) - ((2688/1520) * 0%) )) scale(5);}/*letzte Reihe bottom*/




.zoom-gallery div.a_4-3:focus:hover:not(.gallery-empty):before{
	padding-top: calc((3/4)*100%);
}
.zoom-gallery div.a_4-3:focus:hover:nth-of-type(1n) {transform: translateY(calc( (50%*(5 - 1)) - ((4/3) * 50%) )) scale(5);}/*Reihe 1 top*/
.zoom-gallery div.a_4-3:focus:hover:nth-of-type(1n+5) {transform: translateY(calc( (50%*(5 - 1)) - ((4/3) * 150%) )) scale(5);}/*ab Reihe 2 top*/
.zoom-gallery div.a_4-3:focus:hover:nth-of-type(1n+9) {transform: translateY(calc( ((1 - (4/3))/ 2)  * -100% )) scale(5);}/*ab Reihe 3 center*/

.zoom-gallery div.a_4-3:focus:hover:nth-last-of-type(-n+12) {transform: translateY(calc( ((((1 - (4/3)) * 1)  * -100%) - (50%*(5 - 1))) - ((4/3) * -150%) )) scale(5);}/*vorvorletzte Reihe bottom*/
.zoom-gallery div.a_4-3:focus:hover:nth-last-of-type(-n+8) {transform: translateY(calc( ((((1 - (4/3)) * 1)  * -100%) - (50%*(5 - 1))) - ((4/3) * -50%) )) scale(5);}/*vorletzte Reihe bottom*/
.zoom-gallery div.a_4-3:focus:hover:nth-last-of-type(-n+4) {transform: translateY(calc( ((((1 - (4/3)) * 1)  * -100%) - (50%*(5 - 1))) - ((4/3) * 0%) )) scale(5);}/*letzte Reihe bottom*/






/* 
verschiebeung um ein kästchen 100%
((2688/1520) * 100%)

scale offset
(50%*(5 - 1))

positionierung an der unterkante
((1 - (2688/1520)))  * -100%

positionierung in der mitte
((1 - (2688/1520))/ 2)  * -100%

ergebnis orientierung unten
((((1 - (breite/höhe)) * 1)  * -100%) - (50%*(scale - 1))) - ((breite/höhe) * verschiebung * 100%)

*/