/* Nieuwe functiebeschrijving met echte schermen (ingevoegd door functies.js in #functies) */
#functies .la-fx-verborgen{display:none!important}
#functies .la-fx-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem}
@media (min-width:640px){#functies .la-fx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){#functies .la-fx-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
#functies .la-fx-kaart{border-radius:.9rem;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.14);display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;opacity:0;transform:translateY(18px)}
#functies .la-fx-kaart.la-fx-in{opacity:1;transform:none}
#functies .la-fx-kaart:hover{border-color:rgba(201,168,76,.4);box-shadow:0 20px 50px rgba(0,0,0,.35)}
#functies .la-fx-beeld{position:relative;aspect-ratio:16/10;background:#0b1a3a;overflow:hidden;cursor:zoom-in;border-bottom:1px solid rgba(255,255,255,.06)}
#functies .la-fx-beeld img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transition:transform .6s ease}
#functies .la-fx-kaart:hover .la-fx-beeld img{transform:scale(1.03)}
#functies .la-fx-beeld .la-fx-zoom{position:absolute;right:.5rem;bottom:.5rem;width:1.75rem;height:1.75rem;border-radius:9999px;background:rgba(10,28,62,.85);border:1px solid rgba(201,168,76,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}
#functies .la-fx-kaart:hover .la-fx-zoom{opacity:1}
#functies .la-fx-zoom svg{width:.9rem;height:.9rem;stroke:#C9A84C;fill:none;stroke-width:2}
#functies .la-fx-icoon{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,rgba(201,168,76,.18),rgba(11,26,58,0) 65%),#0b1a3a;border-bottom:1px solid rgba(255,255,255,.06)}
#functies .la-fx-icoon span{width:3.5rem;height:3.5rem;border-radius:.9rem;background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.25);display:flex;align-items:center;justify-content:center}
#functies .la-fx-icoon svg{width:1.6rem;height:1.6rem;stroke:#C9A84C;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#functies .la-fx-body{padding:1.1rem 1.25rem 1.3rem}
#functies .la-fx-eyebrow{font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(201,168,76,.75);margin-bottom:.4rem}
#functies .la-fx-titel{color:#fff;font-weight:700;font-size:1rem;line-height:1.3;margin:0 0 .45rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.25rem}
#functies .la-fx-tekst{color:rgba(255,255,255,.55);font-size:.78rem;line-height:1.55;margin:0}
/* lightbox */
.la-fx-lb{position:fixed;inset:0;z-index:9999;background:rgba(4,10,26,.92);display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;pointer-events:none;transition:opacity .25s}
.la-fx-lb.la-fx-open{opacity:1;pointer-events:auto}
.la-fx-lb img{max-width:min(96vw,1600px);max-height:86vh;border-radius:.75rem;box-shadow:0 0 0 1px rgba(201,168,76,.35),0 40px 100px rgba(0,0,0,.6);background:#0b1a3a}
.la-fx-lb .la-fx-cap{position:absolute;left:0;right:0;bottom:1rem;text-align:center;color:rgba(255,255,255,.6);font-size:.85rem}
.la-fx-lb .la-fx-sluit{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:9999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer}
@media (max-width:640px){.la-fx-lb{padding:.75rem}.la-fx-lb img{max-height:70vh}}