/* prevent hide nav-bar on mobile browsers. See https://stackoverflow.com/a/33953987 */
body.iLightbox,
body.ilightbox-noscroll {
	height: 100%;
	position: fixed;
	/* prevent overscroll bounce*/
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	touch-action: none;
	overscroll-behavior: none;
}

.ilightbox-overlay.grjafik {
	background: white;
	opacity: 1!important;
	z-index: 1000;
}

.ilightbox-loader.grjafik {
	display: none!important;
}
.ilightbox-loader.grjafik div {
	background: #FFF url('preloader.gif') no-repeat center;
}

.ilightbox-holder.grjafik {
	padding: 10px;
	background: #FFF;
}

.ilightbox-holder.grjafik .ilightbox-container .ilightbox-social {
	background: url('caption-bg.png');
}

.ilightbox-holder.grjafik .ilightbox-alert {
	background: url('alert.png') no-repeat center top;
	color: #89949B;
}

/* Style toolbar */
.ilightbox-toolbar.grjafik {
	top: 8px;
	right: 8px;
	height: 23px;
}

.ilightbox-toolbar.grjafik a {
	width: 25px;
	height: 23px;
	background: white url('buttons.png') no-repeat 7px 6px;
}
.ilightbox-toolbar.grjafik a.ilightbox-close {
	background: transparent url("close.png") center center no-repeat;
}

.ilightbox-toolbar.grjafik a.disabled {
	opacity: 0.2;
	filter: alpha(opacity=20);
	cursor: default;
	background-color: #FFF;
}

.ilightbox-toolbar.grjafik a:first-of-type {
}

.ilightbox-toolbar.grjafik a:last-of-type {
}

.ilightbox-toolbar.grjafik a.ilightbox-close:hover {
}

.ilightbox-toolbar.grjafik a.ilightbox-fullscreen {
	background-position: 6px -33px;
}

.ilightbox-toolbar.grjafik a.ilightbox-fullscreen:hover {
	background-position: -31px -33px;
}

.ilightbox-toolbar.grjafik a.ilightbox-play {
	background-position: 8px -57px;
}

.ilightbox-toolbar.grjafik a.ilightbox-play:hover {
	background-position: -32px -57px;
}

.ilightbox-toolbar.grjafik a.ilightbox-pause {
	background-position: 8px -83px;
}

.ilightbox-toolbar.grjafik a.ilightbox-pause:hover {
	background-position: -32px -83px;
}

/*
.isMobile .ilightbox-toolbar.grjafik {
	background: #FFF;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	text-align: center;
}

.isMobile .ilightbox-toolbar.grjafik a {
	display: inline-block;
	float: none;
	width: 50px;
	height: 40px;
	background-size: 50%;
	background-position: 50% !important;
}

.isMobile .ilightbox-toolbar.grjafik a:hover {
	background-color: #f6f3ff;
}

.isMobile .ilightbox-toolbar.grjafik a.ilightbox-fullscreen {
	background-image: url('fullscreen-icon-64.png');
}

.isMobile .ilightbox-toolbar.grjafik a.ilightbox-close {
	background-image: url('close.png');
}

.isMobile .ilightbox-toolbar.grjafik a.ilightbox-next-button {
	background-image: url('arrow-next-icon-64.png');
	background-image: url('next.png');
	background-position: 52% 50%;
}

.isMobile .ilightbox-toolbar.grjafik a.ilightbox-prev-button {
	background-image: url('prev.png');
	background-position: 48% 50%;
}

.isMobile .ilightbox-toolbar.grjafik a.ilightbox-play {
	background-image: url('play-icon-64.png');
}

.isMobile .ilightbox-toolbar.grjafik a.ilightbox-pause {
	background-image: url('pause-icon-64.png');
}
*/


/* Style thumbnails */
.ilightbox-thumbnails.grjafik.ilightbox-horizontal {
	background: white;
}
.ilightbox-thumbnails.grjafik .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
}

.ilightbox-thumbnails.grjafik .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video {
	background: url('thumb-overlay-play.png') no-repeat center;
}

.ilightbox-holder.grjafik .ilightbox-inner-toolbar .ilightbox-title {
	font-size: 15px;
	line-height: 1.3em;
}

.ilightbox-holder.grjafik .ilightbox-inner-toolbar .ilightbox-toolbar {
	left: auto;
	top: 5px;
	right: 5px;
}

.ilightbox-holder.grjafik .ilightbox-inner-toolbar .ilightbox-toolbar a {
	float: right;
}

.ilightbox-holder.grjafik .ilightbox-inner-toolbar .ilightbox-toolbar a:first-of-type {
}

.ilightbox-holder.grjafik .ilightbox-inner-toolbar .ilightbox-toolbar a:last-of-type {
}

/* Configure arrow buttons */
.ilightbox-button.grjafik.disabled {
	opacity: 0.3;
	cursor: default;
	background-color: transparent!important;
}
.ilightbox-button.grjafik span {
	display: block;
	width: 100%;
	height: 100%;
}
.ilightbox-button.ilightbox-next-button.grjafik,
.ilightbox-button.ilightbox-prev-button.grjafik,
.ilightbox-button.next-button.grjafik,
.ilightbox-button.prev-button.grjafik {
	bottom: 0;
	right: 0;
	left: 0;
	width: 95px;
	height: 75px;
	margin: auto;
	background: url('down.png') no-repeat 50% 65%;
	background-color: transparent;
	display: block!important; /* wird sonst nach 3 sek automatisch in der Libr. durch vars.hidealeElements ausgeblendet */
}
.ilightbox-button.ilightbox-button.grjafik:hover {
	background-color: transparent;
    opacity: 1.0;
}
.ilightbox-button.ilightbox-prev-button.grjafik {
	top: 0;
	bottom: auto;
	background-image: url('up.png');
	background-position: 50% 35%;
}


/***************** horizontale Navigation *******************/
    .ilightbox-button.ilightbox-next-button.grjafik.horizontal,
    .ilightbox-button.ilightbox-prev-button.grjafik.horizontal {
        right: 0;
        left: auto;
        top: 0;
        bottom: 0;
        width: 75px;
        height: 95px;
        background-image: url('next.png');
        background-position: 65% 50%;
    }
    .ilightbox-button.ilightbox-prev-button.grjafik.horizontal {
        right: auto;
        left: 0;
        background-image: url('prev.png');
        background-position: 35% 50%;
    }

	.ilightbox-toolbar.grjafik {
		display: none; /* Wird onShow eingeblendet */
	}
	.ilightbox-toolbar.grjafik .prev-button,
	.ilightbox-toolbar.grjafik .ilightbox-prev-button {
		background-image: url('prev.png');
		background-position: center center;
	}
	.ilightbox-toolbar.grjafik .next-button,
	.ilightbox-toolbar.grjafik .ilightbox-next-button {
		background-image: url('next.png');
		background-position: center center;
	}


/***************** Caption immer sichtbar *******************/

	.ilightbox-holder.grjafik {

	}
	.ilightbox-holder.grjafik .ilightbox-container {
		overflow: initial!important;
		text-align: center;
	}
	.ilightbox-holder.grjafik img.ilightbox-image {
		object-fit: scale-down;
	}
	.ilightbox-holder.grjafik .ilightbox-container .ilightbox-caption {
		background: white;
		color: #000;
		display: block!important;
		opacity: 1!important;
		left: 0;
		right: 0;
		position: static;
		text-align: left;
		font-size: 15px;
		line-height: 1.3em;
	}
	.ilightbox-holder.grjafik .ilightbox-container .ilightbox-caption .caption_moreinfos {
		max-height: 93px; /* max ca 4-5 Zeilen */
		overflow: hidden;
	}


	@media (min-width: 580px) {
		.ilightbox-holder.grjafik .ilightbox-container .ilightbox-caption .caption_title {
			float: left;
			width: 50%;
		}
		.ilightbox-holder.grjafik .ilightbox-container .ilightbox-caption .caption_moreinfos {
			float: left;
			width: 50%;
		}
	}

	@media (max-width: 580px) {

		.ilightbox-holder.grjafik .ilightbox-container .ilightbox-caption .ilightbox-caption {
			margin-bottom: 0;
		}
		.ilightbox-holder.grjafik .ilightbox-container .ilightbox-caption .caption_moreinfos {
			max-height: 71px;
		}
	}
	/**/