/* Bildgalerie relative
***********************/


.gallery{margin:auto;background-color:#222;border:2px solid #aaa;border-radius:4px;width:300px;height:200px;overflow:hidden;font:normal 1em sans-serif;}
.gallery img {
	width:300px; height:200px;
}
.pbox{position:relative;width:300px;height:200px; overscroll-behavior: contain ;}
.pbox span{display:block;position:absolute;left:0;bottom:0;width:98%;padding:5px 1%;text-align:center;background-color:rgba(60,60,60,.8);color:white;transition:.5s 2s;opacity:0;}
.pbox:hover span{opacity:1}
.pbox img{display:block;height:100%;border:none;margin:0 auto;}
.pbox a{display:block;text-decoration:none;color:white;font-size:50px;line-height:190px;outline:none;width:30%;height:200px;position:absolute;opacity:0.0;top:0px;transition:.5s;}
.pbox a:hover{opacity:1}
.pbox a.left{left:0;background-image:radial-gradient(circle at 0px center,rgba(0,0,0,.7) 20%,transparent 20%);}
.pbox a.right{right:0;background-image:radial-gradient(circle at right center,rgba(0,0,0,.7) 20%,transparent 20%);}
.pbox a.left:after{position:absolute;left:4px;top:0;display:block;content:"‹";}
.pbox a.right:after{position:absolute;right:4px;top:0;display:block;content:"›";}