.fg-portfolio{padding:1.2rem 0 6rem}.fg-portfolio__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:3.2rem}.fg-portfolio__filter{padding:.7rem 1.6rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:var(--fg-radius);color:rgb(var(--color-foreground));font-size:1.4rem;text-decoration:none;white-space:nowrap;transition:border-color var(--duration-short) ease,color var(--duration-short) ease}.fg-portfolio__filter:hover{border-color:var(--fg-border-strong)}.fg-portfolio__filter[aria-current=true]{border-color:var(--fg-blue);background:var(--fg-blue-tint);color:var(--fg-white);font-weight:600}@media screen and (max-width:749px){.fg-portfolio__filters{flex-wrap:nowrap;justify-content:flex-start;margin-right:-1.5rem;padding-right:1.5rem;overflow-x:auto;scrollbar-width:none}}.fg-portfolio__raster{--fg-rij: 13rem;display:flex;flex-wrap:wrap;gap:2.4rem 1.2rem;margin:0;padding:0;list-style:none}.fg-portfolio__raster:after{content:"";flex-grow:1000}.fg-portfolio__raster>li{flex:calc(var(--r) * 100) 1 calc(var(--r) * var(--fg-rij));min-width:0}.fg-portfolio__raster>li[hidden]{display:none}.fg-portfolio__raster figure{margin:0}.fg-portfolio__foto{position:relative;display:block;overflow:hidden;border-radius:.4rem;cursor:zoom-in}.fg-portfolio__foto img{display:block;width:100%;height:auto;aspect-ratio:var(--r);transition:transform var(--duration-long) ease}.fg-portfolio__foto:hover img{transform:scale(1.03)}.fg-portfolio__raster figcaption{margin-top:.8rem}.fg-portfolio__raster figcaption a{display:flex;flex-direction:column;gap:.2rem;color:inherit;text-decoration:none}.fg-portfolio__titel{font-size:1.4rem;line-height:1.35;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.fg-portfolio__raster figcaption a:hover .fg-portfolio__titel{text-decoration:underline;text-underline-offset:.3rem}.fg-portfolio__prijs{font-size:1.3rem;opacity:.75}.fg-portfolio__prijs s{opacity:.7}@media screen and (max-width:749px){.fg-portfolio__raster>li{flex:1 1 100%}}@media screen and (min-width:750px){.fg-portfolio__raster{gap:2.4rem 1.6rem}}@media screen and (min-width:990px){.fg-portfolio__raster{--fg-rij: 20rem}}.fg-portfolio .title-wrapper{margin-bottom:2.4rem}.fg-portfolio__meer{margin-top:4rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/fotogeniek-portfolio.css.map */