/*! ====== Custom CSS for PhotoSwipe =========== */

/* PhotoSwipe ganz im Vordergrund */
.pswp {
	z-index: 150000;
}

/* Lightbox Caption Styling */
.pswp__caption {
	left: 50%;
	bottom: auto;
	top: calc(50% + 250px); /* + 250px, weil Bilder i.d.R. 500px hoch sind*/
	transform: translate(-50%, 50%);
	width: auto;
	background-color: transparent !important;
}

.pswp__caption__center {
	text-align: center;
	font-size: 14px;
}


/*=========================================================
=									  					  = 	
=            MEDIA QUERIES            					  =
=									  					  =
===========================================================*/

/*=========================================================
=            MediaQuery unter 650 hoch oder 750 breit		   =
===========================================================*/
@media screen and (max-height: 650px), (max-width: 750px){ 
	
	/* Lightbox Caption Styling */
	.pswp__caption {
		bottom: 0;
		top: auto;
		transform: translate(-50%, 0);
	} 
}