@font-face {
  font-family: 'gazbk';  src: local('gazbk'), url('./fonts/gazbk-regular.otf'), url('./fonts/my_font.ttf');
}
img.image-shadow {
  	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8);
	border-radius: 8px;
}
img.image-shadow:hover{
  filter: gray;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  transition: all 1s ease;
}
a:link {
	color: #635011;
}
a:visited {
	color: #635011;
}
a:hover {
	color: #FFC01B;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  border: none;
  outline: none;
  background-color: #ffc000; 
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 8px;
  font-size: 22px;
  font-family: 'gazbk';  src: local('gazbk'), url('./fonts/gazbk-regular.otf'), url('./fonts/my_font.ttf');
}

#myBtn:hover {
  background-color: #555;
}
.gallery { font-size:0; margin:0 -6px; }
.gal-item { display:inline-block; vertical-align:top; width:310px; margin:6px; font-size:18px; }
.gal-item img { width:100%; height:210px; object-fit:cover; }
.gal-cap { padding:6px 2px; color:#000; }

/* Lightbox CSS-only */
.lb-target{ position:fixed; z-index:9999; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.85); display:none; text-align:center; }
.lb-target:target{ display:block; }
.lb-target img{ max-width:92vw; max-height:80vh; margin-top:6vh; border-radius:8px; box-shadow:3px 3px 12px rgba(0,0,0,.8); }
.lb-close{ position:absolute; top:18px; right:18px; width:40px; height:40px; border-radius:8px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.35); color:#fff; text-decoration:none;
  text-align:center; line-height:38px; font-size:20px; }
/* Pfeil-Navigation (optional, hier aktiv) */
.lb-nav{ position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.12); color:#fff; text-decoration:none; border-radius:8px; line-height:42px; font-size:24px; text-align:center; }
.lb-prev{ left:18px; } .lb-next{ right:18px; }