*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5f2;color:#292929;font:16px/1.7 Arial,Helvetica,sans-serif}header{background:white;border-bottom:1px solid #ddd}header .wrap{max-width:1100px;margin:auto;padding:25px 20px 18px;text-align:center}header .brand{display:flex;justify-content:center;align-items:center}header .brand img{display:block;width:min(100%,519px);height:auto}nav{background:#fff;border-bottom:3px solid #9a9a9a;box-shadow:0 2px 5px #00000012}nav>ul{max-width:1100px;margin:auto;padding:0;display:flex;justify-content:center;flex-wrap:wrap;list-style:none}nav li{position:relative;list-style:none}nav a{display:block;padding:13px 12px;color:#292929;text-decoration:none;font-size:14px;font-weight:600}nav a:hover,nav a:focus-visible,nav a[aria-current=page]{background:#eeeeea;color:#111}nav li ul{display:none;position:absolute;top:100%;left:0;min-width:230px;max-width:320px;background:#fff;box-shadow:0 8px 16px #0003;z-index:10;list-style:none;padding:0;border:1px solid #ddd}nav li:hover>ul,nav li:focus-within>ul{display:block}nav li ul a{padding:9px 14px;font-weight:400}main{max-width:1100px;margin:24px auto 45px;background:#fff;min-height:58vh;padding:36px 48px;box-shadow:0 2px 12px #0000000a;overflow-wrap:anywhere}h2{font:normal 30px/1.25 Georgia,serif;margin:0 0 25px;color:#363636}h3{font:normal 23px Georgia,serif;color:#333}main img{max-width:100%;height:auto}main a{color:#476245}main p{margin:0 0 1.2em}main table{max-width:100%;display:block;overflow-x:auto}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:15px}.gallery figure{margin:0}.gallery img{width:100%;height:170px;object-fit:cover}.gallery figcaption{font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.cards a{padding:14px;background:#f6f6f3;border-left:3px solid #888;text-decoration:none}footer{text-align:center;padding:20px 15px 35px;color:#666;font-size:13px}.mobile-toggle{display:none}@media(max-width:760px){header .wrap{padding:18px 12px}.mobile-toggle{display:block;width:100%;border:0;background:#eee;padding:13px;font:600 16px Arial;text-align:left;cursor:pointer}nav>ul{display:none;flex-direction:column}nav.open>ul{display:flex}nav li ul{display:block;position:static;min-width:0;max-width:none;box-shadow:none;border:0;padding-left:18px;background:#fafafa}nav a{padding:10px 18px}main{margin:12px;padding:23px 18px}h2{font-size:25px}}@media print{nav,.mobile-toggle{display:none}main{box-shadow:none;margin:0;padding:10px}body{background:white}}
/* Fotoalbums versie 5 */
.gallery-intro{color:#666;font-size:14px;margin:-12px 0 22px!important}
.gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}
.gallery-item{background:#fafaf8;border:1px solid #e4e4df;border-radius:5px;overflow:hidden}
.gallery-item a{display:block;overflow:hidden;background:#eee}
.gallery-item img{display:block;width:100%;height:180px;object-fit:cover;transition:transform .22s ease}
.gallery-item a:hover img,.gallery-item a:focus-visible img{transform:scale(1.05)}
.gallery-item figcaption{padding:7px 9px;font-size:12px;color:#555;line-height:1.35;overflow-wrap:anywhere}
.cards .album-card{padding:0;border:1px solid #e3e3dd;border-radius:5px;overflow:hidden;background:#fafaf8;display:block;color:#343434}
.album-card img{display:block;width:100%;height:155px;object-fit:cover;background:#ecece8}
.album-card-text{display:block;padding:11px 12px;font-size:14px;line-height:1.4;font-weight:600}
.album-card:hover,.album-card:focus-visible{box-shadow:0 3px 13px #0002}
.lightbox{position:fixed;inset:0;z-index:9999;background:rgba(9,12,10,.96);display:none;align-items:center;justify-content:center;flex-direction:column;color:#fff;padding:52px 55px 45px}
.lightbox.is-open{display:flex}.lightbox img{max-width:100%;max-height:calc(100vh - 155px);object-fit:contain;width:auto;height:auto;box-shadow:0 4px 30px #0006}
.lightbox button{border:0;background:#ffffff26;color:#fff;cursor:pointer;border-radius:5px;font-size:28px;min-width:44px;min-height:44px}
.lightbox button:hover,.lightbox button:focus-visible{background:#ffffff55}
.lightbox-close{position:absolute;top:12px;right:17px}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%)}
.lightbox-prev{left:9px}.lightbox-next{right:9px}.lightbox-caption{font-size:14px;text-align:center;margin-top:15px;max-width:90vw;line-height:1.5}
body.lightbox-open{overflow:hidden}
@media(max-width:600px){.lightbox{padding:55px 43px 48px}.lightbox img{max-height:calc(100vh - 160px)}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-item img{height:130px}.gallery-item figcaption{font-size:11px}.album-card img{height:130px}}

/* Versie 6: leesbare galerijnamen, gekoppelde PhocaGallery-albums en vernieuwde homepage */
.phoca-album-link{display:inline-flex;align-items:center;padding:10px 16px;margin:7px 0 13px;border:1px solid #b4bca8;border-radius:4px;background:#f3f5f0;color:#405c37!important;font-weight:600;text-decoration:none}.phoca-album-link:hover{background:#e7eee0}
.homepage main{padding:0;overflow:hidden}.home-hero{position:relative;min-height:430px;background:#253b24;overflow:hidden}.home-hero>img{display:block;width:100%;height:460px;object-fit:cover;object-position:center 42%;filter:brightness(.77)}.home-hero-copy{position:absolute;inset:auto 0 0 0;padding:65px 6% 40px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:white}.home-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:#e8eadf}.home-hero h1{font:normal clamp(30px,4.4vw,51px)/1.1 Georgia,serif;margin:8px 0 10px;color:#fff}.home-hero p{font-size:18px;margin:0 0 20px}.home-button{display:inline-block;padding:10px 17px;background:#fff;color:#304b2c!important;border-radius:3px;font-weight:700;text-decoration:none}.home-button:hover{background:#e8eee4}.home-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:28px 35px 12px}.home-feature{display:block;text-decoration:none;color:#2c3e2c!important;background:#f8f8f5;overflow:hidden;border-radius:5px;box-shadow:0 1px 7px #0001}.home-feature img{width:100%;height:190px;display:block;object-fit:cover;transition:transform .2s}.home-feature:hover img{transform:scale(1.04)}.home-feature>span{display:block;padding:13px 15px;font-size:16px;font-weight:700}.home-feature>span span{float:right}.home-intro{padding:26px 45px 48px}.home-intro h2{margin-bottom:18px}.home-intro p{max-width:820px}.home-intro img{max-width:100%}
@media(max-width:760px){.home-hero>img{height:380px}.home-hero-copy{padding:55px 23px 27px}.home-featured{grid-template-columns:1fr;gap:14px;padding:19px}.home-feature img{height:200px}.home-intro{padding:20px 24px 35px}}

/* Versie 7: groen menu en gecentreerde introductie */
nav{background:#557548;border-bottom:3px solid #3f5c36}
nav>ul>li>a{color:#fff}nav>ul>li>a:hover,nav>ul>li>a:focus-visible,nav>ul>li>a[aria-current=page]{background:#3d5b35;color:#fff}
nav li ul{background:#557548;border-color:#3d5b35}nav li ul a{color:#fff}nav li ul a:hover,nav li ul a:focus-visible{background:#3d5b35;color:#fff}
.home-intro{text-align:center}.home-intro h2{text-align:center}.home-intro p{max-width:850px;margin:0 auto 1.3em;text-align:center}
.inline-gallery{margin:20px 0 28px;clear:both}.inline-gallery h3{font-size:19px;margin:0 0 12px}.inline-gallery .gallery{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.inline-gallery .gallery-item img{height:140px}.inline-gallery-more{display:inline-block;margin-top:12px;padding:7px 12px;border:1px solid #a9bba0;text-decoration:none;border-radius:4px}
@media(max-width:760px){.mobile-toggle{background:#557548;color:#fff}nav li ul{background:#4a683e}nav li ul a{color:#fff}.home-intro p{text-align:center}}

/* Definitieve afwerking: leesbaarheid, toetsenbord en mobiele navigatie */
:focus-visible{outline:3px solid #e1c26d;outline-offset:2px}
nav>ul>li>a{color:#fff}
nav li ul{max-height:min(75vh,650px);overflow-y:auto}
.home-intro{max-width:100%;margin:0 auto;text-align:center}
.home-intro p,.home-intro h2,.home-intro h3{text-align:center;margin-left:auto;margin-right:auto}
.home-intro p{max-width:860px}
.gallery-item a:focus-visible,.album-card:focus-visible{outline:3px solid #557548;outline-offset:2px}
@media(max-width:760px){nav.open>ul{max-height:75vh;overflow-y:auto}nav li ul{max-height:none;overflow:visible}nav>ul>li>a{color:#fff}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}