/* CSS Document */
.contentClassicGallery  {
	--background: var(--logo-color-1, #fefefe);
	--font-color: var(--font-color-dark, #444);
	--text-padding: 8px;
	--num-cols: 3;
	--gap-width: 10px;
	--element-radius: var(--border-radius, 10px);
}


.contentClassicGallery {
	text-align: justify;
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--gap-width);
}

.contentClassicGallery .item {
	text-align: center;
	display: inline-block;
	margin-bottom: 2em;
	vertical-align: top;
	flex-basis: calc( (100% / var(--num-cols)) - ( var(--gap-width) * (var(--num-cols) - 1) / var(--num-cols)));
	border: 1px solid var(--neutral-color-light);
	box-sizing: border-box;
	overflow: hidden;
	border-radius: var(--element-radius);
}

.contentClassicGallery .item .imgbox {
	position: relative;
	overflow: hidden;
}

.contentClassicGallery .item img {
	display: block;
	max-width: 100%;
	transition: all var(--transition-time) ease;
}

.contentClassicGallery .item .imgbox:hover img { transform: scale(1.1); }

.contentClassicGallery .item .imgbox:after {
	box-shadow: inset 0px 0px 85px rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: "";
	pointer-events: none;
	z-index: 2;
	opacity: 0;
	transition: opacity var(--transition-time) ease;
}

.contentClassicGallery .item .imgbox:hover:after { opacity: 1; }

.contentClassicGallery .item .imgbox .lizenzData {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0.7rem;
  	line-height: 150%;
	text-align: right;
	padding: var(--text-padding);
	background-color: rgba( from var(--neutral-color-light) r g b / 0.8);
	color: var(--font-color);
	z-index: 5;
}
.contentClassicGallery .item .imgbox .lizenzData a { color: var(--font-color); }

.contentClassicGallery .item .imgtitle, .contentClassicGallery .item .imgtext {
	text-align: left;
	margin: 0;
	padding: var(--text-padding);
}

.contentClassicGallery .item .imgtext {	display: none; }

@media all and (max-width: 800px) { .contentClassicGallery { --num-cols: 2; } }
@media all and (max-width: 600px) { .contentClassicGallery { --num-cols: 1; } }