@charset "utf-8";
/* CSS Document */

@media all {
	
.fotogalerie {width:100%; height:auto; overflow:hidden; padding:0; margin:0;}
.fotogalerie ul.slides {display:flex;}
.fotogalerie ul.slides, .fotogalerie ul.slides li {list-style:none; padding:0; margin:0;}
.fotogalerie ul.slides li { 
	width:24%;border:1px solid #2B4A1C;margin:0.5%;
	flex-grow:0;flex-shrink:0;
	}
.fotogalerie ul.slides li img {width:100%;}

	
.fancybox-button, .fancybox-infobar__body {background:rgba(58,193,65,0.2);}

.fancybox-caption {padding:30px 0; font-size:1em; line-height: 20px; text-align: center; font-family: 'Open Sans',Arial,sans-serif; font-weight:400;}

.fancybox-infobar__body { display:inline-block; width:70px; line-height:44px; font-size: 1em; }

.fancybox-button {width:60px; height:60px; line-height:60px;} 

.fancybox-placeholder {box-sizing:content-box; }

.fancybox-button--play::before, .fancybox-button--fullscreen::before {top:23px; left:25px; }

.fancybox-button--thumbs::before {top:27px; left:27px; }

.fancybox-placeholder::before {content: ''; background:white; position:absolute; top:-10px; left:-10px; right:-10px; bottom:-10px;}

.fancybox-controls {position:static; }

.fancybox-button--left, .fancybox-button--right {position:absolute; top:50%; transform:translateY(-50%); height:88px; width:88px; line-height:88px;}

.fancybox-button--left::after, .fancybox-button--right::after {width:18px; height:18px; margin:18px;}

.fancybox-button--left {left:0;}

.fancybox-button--right {right:0;}

.fancybox-infobar__body {position: absolute; top: 0;}

.fancybox-infobar__body, .fancybox-button--left, .fancybox-button--right, .fancybox-buttons {z-index:99994;}
}
@media screen and (max-width: 1000px)  {
.fancybox-button--close::after, .fancybox-button--close::before {height: 4px; width: 30px; top: calc(50% - 6px); left: calc(50% - 12px);}
}
@media screen and (max-width: 900px)  {
.fancybox-button--left, .fancybox-button--right {width:74px; }
.fancybox-placeholder::before {top:-10px; left:-10px; right:-10px; bottom:-10px;}
.fancybox-placeholder {width:96%; margin:0 auto;}
}
@media screen and (max-width: 800px)  {
.fancybox-placeholder::before {background:none; position:absolute; top:0; left:0; right:0; bottom:0;}
.fotogalerie ul.slides li {width:48%;margin:1%;}
}