/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 05 2026 | 06:33:44 */

/* Vorschauelement für Bilder und Vidoe Thumbnails ---------- */
.lightbox_wrapper {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: flex-start;
	gap: 1%;
	gap: 15px 4.5%;
	align-items: stretch;
	width: auto;
}

.lightbox_item_wrapper { }
.lightbox_item_wrapper.lightbox_first_item { 
	width: 100%;
}
.lightbox_item_wrapper.lightbox_item {
	width: 30%;
	margin: 0 !important;
	padding: 0 !important;
}



/* video_popup ---------------- */
.video_popup { 
	position: relative; 
	background: transparent; 
	padding: 0px; 
	width: auto; 
	max-width: 90vw; 
	text-align: center; 
	margin: 50px auto; 
	height: 90vh;
}
.video_popup video { 
	height: 80vh; 
	width: fit-content;
}



/* Lightbox - diverse Elemente  ---------------- */
.mfp-close {
	width: 70px;
	height: 70px;
	line-height: 70px;
	right: 10px;
	top: 10px;
	color: #fff;
	font-size: 70px;
}

.mfp-arrow-left .mfp-a, 
.mfp-arrow-left:after, 
.mfp-arrow-right .mfp-a, 
.mfp-arrow-right:after {
	color: #ffd273;
	color: #fff;
	background: rgba(0,0,0,0.5) !important;
}

.mfp-title,
.mfp-counter {
	opacity: 0;
	display: none;
}