:root{--col-img:rgb(41, 41, 40)}.img-lib{display:grid;grid-template-columns:minmax(100%,var(--max-breite));justify-content:center;justify-items:center;gap:1.5rem;padding-top:4rem}.new{border:.25rem solid #f6c356}.top{box-shadow:var(--col-NV) 0 0 0 .25rem}.img-box{position:relative;margin:0 auto;width:100%;height:18rem;background-color:var(--col-img);border-radius:max(0px,min(8px,calc((100vw - 100%) * 9999)));overflow:hidden}.img-box>img{position:absolute;inset:0;margin:auto;max-width:90%;max-height:90%}.viewbar{position:absolute;bottom:0;width:100%;padding:.4rem;display:grid;grid-template-columns:1fr 2rem auto 1rem;background:linear-gradient(0deg,var(--col-img) 75%,rgba(0 0 0 / 0))}.vieweye{position:relative;grid-column:2;align-self:center;left:.3rem;width:1rem;height:1rem;border-radius:75% 15%;border:.1rem solid var(--col-HL);transform:rotate(45deg)}.vieweye::after{content:'';display:block;position:absolute;inset:0;margin:auto;width:.4rem;height:.4rem;border:.1rem solid var(--col-HL);border-radius:100%}.viewbar>p{grid-column:3;margin:0;text-decoration:none;color:var(--col-HL);border-radius:100%}.hide{display:none}@media (hover){.back_image:hover,.close_viewer:hover,.next_image:hover{background:var(--col-NV-d);border-radius:.4rem}.back_image:hover::after{border-right:2.5rem solid var(--col-HL)}.next_image:hover::after{border-left:2.5rem solid var(--col-HL)}.close_viewer:hover::after,.close_viewer:hover::before{background-color:var(--col-HL)}}@media screen and (min-width:38rem){.img-lib{grid-template-columns:1fr 1fr}.img-box{max-width:18rem}}@media screen and (min-width:58rem){.img-lib{grid-template-columns:1fr 1fr 1fr}}