.blueimp-gallery > .description {
	position: absolute;
	top: 30px;
	left: 0.25em;
	color: #fff;
	display: none;
	background: rgba(0,0,0,0.6);
	padding: 4px 12px;
	width: 25em;	 
	margin: 1em 0.25em;
	font-size: 90%; 
	color: #BBBBBB;
}
.blueimp-gallery > .description > a {
	text-decoration: underline; 
	/* color: blue;*/
	color: rgb(var(--lgreen1));
}
.blueimp-gallery > .description > a:hover {
	color: rgb(var(--lgreen2)); }
}
.blueimp-gallery > .fullsize {
	position: absolute;
	top: 120px;
	left: 0.25em;
	display: none;
	background: rgba(0,0,0,0.3);
	padding: 4px 12px;
	margin: 1em 0.25em;
	font-size: 70%; 
	color: #31951E; 
	text-decoration: underline;
	
}
.blueimp-gallery-controls > .title {
	display: block;
}
.blueimp-gallery-controls > .description {
	display: block;
}
.blueimp-gallery-controls > .fullsize {
	display: block;
}

.hinweisclick {
	font-style: italic;
	color:#FFF; 
	size: 8pt; 
	position: absolute;
	top: 2px;
	background: rgba(60,50,50,0.8);
	padding: 10px 10px; 
	transition: 1s ease-in-out ;
}

/* ----------- Retina Screens ----------- */
@media screen 
	and (min-device-width: 1200px) 
	and (max-device-width: 1600px) 
	and (-webkit-min-device-pixel-ratio: 2)
	and (min-resolution: 192dpi) { 
}

/* 1.25 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){ 
		/* Retina-specific stuff here */
	.blueimp-gallery-controls > .description {
		font-size: 110%; 
	}
}

/* 1.3 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.3), 
(min-resolution: 124.8dpi){ 
		/* Retina-specific stuff here */
	.blueimp-gallery-controls > .description {
		font-size: 120%; 
		color: #9FF;
	}
}

/* 1.5 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
		/* Retina-specific stuff here 
		IPHONE 7 goes here?!?!? */
	.blueimp-gallery-controls > .description {
		font-size: 125%;
		color: #DFC;
	}
}


/* iPad in landscape
------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	/* STYLES GO HERE */
	.blueimp-gallery-controls > .description {
		font-size: 100%; 
		color: #FCF;
	}
}

/*	iPad in portrait & landscape
------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)	 {
	/* STYLES GO HERE */
	.blueimp-gallery-controls > .description {
		font-size: 100%; 
		color: #FFC;
	}
}

/*	Retina iPad in portrait
------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2)	{
	/* STYLES GO HERE */
	.blueimp-gallery-controls > .description {
		font-size: 100%; 
		color: #FFC;
	}
}


/*	iPhone 6 in portrait
------------------------------*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait)	{
	/* STYLES GO HERE */
	.blueimp-gallery-controls > .description {
		font-size: 150%; 
		color: #F99;
	}

}

/*	iPhone 6 Plus in portrait
------------------------------*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait)	{
	/* STYLES GO HERE */
	.blueimp-gallery-controls > .description {
		font-size: 150%; 
		color: #99F;
	}
}


/*	iPhone 5 & 5S in portrait
------------------------------*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait)	{
	/* STYLES GO HERE */
	.blueimp-gallery-controls > .description {
		font-size: 150%; 
		color: #AFB;
	}
}



/*	iPhone 2G-4S in portrait
------------------------------*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait)	{
	/* STYLES GO HERE */
	.blueimp-gallery-controls > .description {
		font-size: 150%; 
		color: #BFA;
	}
}