* { box-sizing: border-box;}


/* für Grid */
.gallery-grid  {
	display: grid;
	grid-template-columns: repeat(4,140px);
	
	grid-column-gap: 10px;
	grid-row-gap: 0px;
	justify-items:center;
	
	margin-left: 20px;
	
	border: #000000;
}
	
	
.gallery-img {
	border: 2px #1B65FA solid;
	width: 140px;
	height: 100px;
	
	transition: opacity 0.25s ease-in-out;
}
	
.gallery-frame {
	border: 2px #23a503 solid;
	padding: 2px;
	font-size: 14px;
	text-align: left;
	background-color: #fffcce;
	
	margin-block:3px
}   
    
.gallery-frameHead {
	border: 2px #23a503 solid;
	padding: 2px;
	font-size: 14px;
	text-align: left;
	background-color: #77fa7d;
	width:700px;
	margin-block:3px
}   





.gallery-img:hover {
  opacity: .7;
}