:root{--navy:#021426;--navy2:#052a48;--navy3:#083c63;--gold:#d8a63b;--gold2:#f3cd61;--gold3:#fff2a6;--line:#b98423;--text:#fff;--cream:#f7e6ae}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#021220;color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-shell{width:min(1586px,100%);margin:auto}.topbar{height:56px;background:linear-gradient(180deg,#061a2d 0%,#02101f 100%);border-bottom:1px solid #a97620;position:sticky;top:0;z-index:100}.navwrap{height:56px;display:flex;align-items:center;padding:0 24px}.mainnav{height:100%;display:flex;align-items:center;justify-content:center;gap:2px;flex:1}.mainnav a{height:100%;display:flex;align-items:center;gap:9px;padding:0 18px;font-size:13px;color:#f8f8f8;white-space:nowrap}.mainnav a span{color:#f0c652;font-size:18px}.mainnav a:hover,.mainnav a.active{background:linear-gradient(#f8db75,#c78d1d);color:#091728;box-shadow:inset 0 0 0 1px #ffe98f}.mainnav a:hover span,.mainnav a.active span{color:#091728}.top-socials{display:flex;gap:9px;margin-left:14px}.top-socials a,.footer-socials a,.social-icons-v3 a{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;border:1px solid #d0a445;font-weight:800;font-size:18px}.top-socials .fb,.social-icons-v3 .fb,.footer-socials .fb{background:#2856a4}.top-socials .ig,.social-icons-v3 .ig,.footer-socials .ig{background:linear-gradient(135deg,#7b2ff7,#f11b72,#ffac36)}.top-socials .yt,.social-icons-v3 .yt,.footer-socials .yt{background:#e11}.top-socials .tt,.social-icons-v3 .tt,.footer-socials .tt{background:#020202}.top-socials .xx,.social-icons-v3 .xx,.footer-socials .xx{background:#030303}.account-link{border:1px solid #c99736;border-radius:6px;color:#f7d570;padding:7px 10px;font-size:11px;margin-left:12px}.navtoggle,.top-logo{display:none}
.approved-hero{width:min(1586px,100%);margin:0 auto;position:relative;background:#06182a;overflow:hidden;border-bottom:1px solid #b88627}.approved-hero>img{width:100%;height:auto;aspect-ratio:1586/300;object-fit:cover}.hero-hotspot{position:absolute;left:69%;top:76%;width:12%;height:14%;border-radius:20px}
.home-main-v3{background:radial-gradient(circle at 50% 0,#103c5d55,transparent 36%),linear-gradient(#021625,#02111e);padding:12px 0 0}.home-shell-v3{width:min(1530px,calc(100% - 34px));margin:0 auto}.home-grid-v3{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1.08fr) minmax(240px,.8fr);gap:11px;align-items:stretch}.lux-panel-v3,.social-v3,.gallery-v3{border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,#063557 0%,#03172b 100%);overflow:hidden;box-shadow:0 8px 18px #0007}.panel-head-v3{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:linear-gradient(180deg,#0a4169,#073353);border-bottom:1px solid #c18b2c}.panel-heading-v3{display:flex;align-items:center;gap:10px;min-width:0}.panel-icon-v3{font-size:24px;color:#f3ca57;text-shadow:0 2px 2px #000}.panel-head-v3 h2{margin:0;color:#f5cc5f;font:800 21px/1 Georgia,serif;letter-spacing:.2px}.panel-head-v3 small{display:block;color:#fff;font-size:11px;margin-top:2px}.gold-small-v3,.bid-btn-v3{background:linear-gradient(#f7d978,#d3a033);color:#071524;border:1px solid #ffe794;border-radius:7px;font-weight:900;box-shadow:0 2px 8px #0005}.gold-small-v3{font-size:10px;padding:9px 14px;white-space:nowrap}.auction-grid-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px}.auction-card-v3{min-width:0;border:1px solid #b9862d;border-radius:8px;background:#061d32;overflow:hidden;box-shadow:0 4px 10px #0006}.auction-image-v3{height:119px;background:#0a1827;overflow:hidden}.auction-image-v3 img{width:100%;height:100%;object-fit:cover}.auction-copy-v3{padding:7px 8px 8px;display:flex;flex-direction:column;min-height:143px}.auction-copy-v3 h3{margin:0 0 4px;font-size:13px;line-height:1.1;color:#fff}.auction-copy-v3 p{margin:0 0 6px;color:#e7edf5;font-size:10px;line-height:1.2;min-height:25px}.auction-copy-v3 span{font-size:9px;color:#c8d3df}.auction-copy-v3 strong{display:block;font-size:16px;color:#fff;margin:1px 0 7px}.bid-btn-v3{text-align:center;padding:5px;font-size:10px;margin-top:auto}.auction-copy-v3 small{font-size:9px;color:#d8e2ec;margin-top:5px}.news-list-v3{padding:5px 10px 8px}.news-row-v3{display:grid;grid-template-columns:105px 1fr 15px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #2d4d67}.news-row-v3:last-child{border-bottom:0}.news-row-v3 img{width:105px;height:67px;object-fit:cover;border:1px solid #c49238;border-radius:7px}.news-row-v3 h3{font-size:13px;line-height:1.1;margin:0 0 3px;color:#fff}.news-row-v3 p{font-size:10px;line-height:1.2;margin:0 0 3px;color:#e1e8ef}.news-row-v3 small{font-size:9px;color:#bdc9d6}.news-row-v3 b{font-size:28px;color:#f5c94f}.social-v3{display:flex;flex-direction:column;position:relative}.social-top-v3{padding:11px 12px 7px;background:linear-gradient(135deg,#273c63,#84501d88);min-height:49px}.social-top-v3 h3{font-size:14px;margin:0}.social-top-v3 p{font-size:10px;margin:2px 0 0}.social-v3>img{width:100%;height:185px;object-fit:cover;object-position:center top}.social-icons-v3{display:flex;justify-content:center;gap:10px;padding:9px;background:#06192d;margin-top:auto}.social-icons-v3 a{width:35px;height:35px;color:#fff}.gallery-v3{margin-top:12px}.gallery-head-v3{height:40px}.gallery-row-v3{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;padding:7px 10px 9px}.gallery-row-v3 a{height:100px;border:1px solid #d1a243;border-radius:7px;overflow:hidden;background:#081c2e}.gallery-row-v3 img{width:100%;height:100%;object-fit:cover}
.footer{margin-top:12px;border-top:1px solid #b17a1e;background:linear-gradient(#052542,#021424);color:#fff}.footergrid{width:min(1430px,calc(100% - 50px));margin:auto;display:grid;grid-template-columns:1.3fr .85fr 1.05fr 1.7fr 1fr;gap:34px;padding:20px 0 16px}.footer-signature .signature{font:italic 34px "Brush Script MT","Segoe Script",cursive;color:#f2c84f;transform:rotate(-4deg);margin:4px 0 6px}.footer p,.footer a{font-size:10px;line-height:1.6;color:#e6edf4}.footer h4{margin:0 0 7px;color:#f1c85a;font:700 12px Georgia,serif;text-transform:uppercase}.footergrid>div>a{display:block}.newsletter{display:flex;gap:8px}.newsletter input{width:100%;min-width:0;border:0;border-radius:6px;padding:8px 10px;font-size:11px}.newsletter button{border:1px solid #ffe38a;background:linear-gradient(#f6d875,#d2a035);font-weight:900;border-radius:6px;padding:0 15px;font-size:10px}.footer-socials{display:flex;gap:9px}.footer-socials a{color:#fff}.copyright{text-align:center;border-top:1px solid #203b52;padding:8px 10px;color:#aeb9c5;font-size:9px}
.flash{max-width:1100px;margin:12px auto;padding:10px 14px;border-radius:7px}.flash.ok{background:#d9f7e5;color:#174d2a}.flash.err{background:#ffe0df;color:#84221d}.container{width:min(1160px,calc(100% - 30px));margin:auto}.pagehero{padding:42px 0 30px;background:linear-gradient(135deg,#0a3a61,#09142b);border-bottom:1px solid #bc8a30}.pagehero h1{font:700 44px Georgia,serif;color:#f3c75b;margin:0 0 8px}.pagehero p{color:#dce6ee;margin:0}.section{padding:28px 0 48px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;color:#12243a;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #0004}.card img{width:100%;height:210px;object-fit:cover}.cardbody{padding:16px}.btn{display:inline-block;background:linear-gradient(#f5d674,#d5a334);color:#0b1d30;border:1px solid #ffe697;padding:10px 15px;border-radius:7px;font-weight:800}.field{margin-bottom:14px}.field label{display:block;margin-bottom:5px;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:10px;border:1px solid #cfd5dc;border-radius:7px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{background:#fff;color:#17283a;padding:20px;border-radius:12px}.article{max-width:900px;margin:30px auto;background:#fff;color:#16283c;padding:28px;border-radius:14px}.article img{width:100%;max-height:520px;object-fit:cover}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery a{height:190px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:9px}
@media(max-width:1180px){.mainnav a{padding:0 10px;font-size:12px}.home-grid-v3{grid-template-columns:1.7fr 1fr}.social-v3{grid-column:1/-1;display:grid;grid-template-columns:1fr 240px 1fr;align-items:center}.social-v3>img{height:180px}.gallery-row-v3{grid-template-columns:repeat(4,1fr)}.gallery-row-v3 a:nth-child(n+5){display:none}.footergrid{grid-template-columns:1fr 1fr 1fr}.footergrid>div:nth-child(4),.footergrid>div:nth-child(5){grid-column:auto}}
@media(max-width:820px){.topbar{height:auto}.navwrap{min-height:56px;position:relative}.navtoggle{display:block;margin-left:auto;background:none;border:0;color:#efc85e;font-size:26px}.mainnav{position:absolute;left:0;right:0;top:56px;height:auto;background:#021426;display:none;flex-direction:column;align-items:stretch;padding:7px;z-index:200}.mainnav.open{display:flex}.mainnav a{height:44px;justify-content:flex-start}.top-socials,.account-link{display:none}.approved-hero>img{aspect-ratio:auto;min-height:235px;object-fit:cover;object-position:center}.home-grid-v3{grid-template-columns:1fr}.social-v3{display:flex}.auction-grid-v3{grid-template-columns:repeat(2,1fr)}.news-row-v3{grid-template-columns:95px 1fr 12px}.gallery-row-v3{grid-template-columns:repeat(4,1fr)}.footergrid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.home-shell-v3{width:calc(100% - 14px)}.approved-hero>img{min-height:200px;object-position:center}.panel-head-v3 h2{font-size:16px}.panel-head-v3 small{display:none}.gold-small-v3{padding:7px 8px;font-size:8px}.auction-grid-v3{grid-template-columns:repeat(2,1fr);gap:6px;padding:7px}.auction-image-v3{height:95px}.auction-card-v3:nth-child(n+3){display:none}.news-row-v3{grid-template-columns:78px 1fr 10px}.news-row-v3 img{width:78px;height:58px}.gallery-row-v3{grid-template-columns:repeat(2,1fr)}.gallery-row-v3 a:nth-child(n+5){display:none}.footergrid{grid-template-columns:1fr}.footergrid>div:nth-child(2),.footergrid>div:nth-child(3){display:none}.cards{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.pagehero h1{font-size:30px}}
.content{padding:30px 0 48px}.about-grid{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:28px;align-items:start}.about-grid>img{width:100%;max-height:540px;object-fit:cover;border-radius:14px;border:1px solid #c69536;box-shadow:0 14px 35px #0006}.about-grid>div{background:#fff;color:#17283a;border-radius:14px;padding:28px;line-height:1.65}.about-grid h2{margin-top:0;color:#153452;font:700 30px Georgia,serif}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{background:#fff;color:#17283a;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #0004}.video-card>div:last-child{padding:16px}.video-thumb{height:210px;background:#071a2c;position:relative;display:grid;place-items:center;overflow:hidden;color:#f3cb60;font-size:44px}.video-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.video-thumb span{position:relative;z-index:2;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#071524cc;border:1px solid #f0c75d}.empty{padding:30px;text-align:center;color:#d7e4ee;border:1px dashed #44637b;border-radius:10px;background:#071a2c}
@media(max-width:820px){.about-grid,.contact-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.video-grid{grid-template-columns:1fr}}

/* V6.4 - lightbox blijft op dezelfde pagina en is bewust compact */
.gallery.gallery-lightbox{
  grid-template-columns:repeat(auto-fill,minmax(145px,1fr));
  gap:12px;max-width:1050px;margin:0 auto;align-items:start;
}
.gallery.gallery-lightbox .gallery-lightbox-trigger,
.gallery-row-v3 .gallery-lightbox-trigger{
  appearance:none;-webkit-appearance:none;padding:0;margin:0;color:inherit;font:inherit;
  cursor:zoom-in;overflow:hidden;background:#071a2c;border:1px solid #c7973d;
}
.gallery.gallery-lightbox .gallery-lightbox-trigger{
  width:100%;height:132px;border-radius:9px;box-shadow:0 4px 12px #0004;
}
.gallery.gallery-lightbox img,
.gallery-row-v3 .gallery-lightbox-trigger img{
  width:100%;height:100%;object-fit:cover;border-radius:0;display:block;
  transition:transform .18s ease,opacity .18s ease;
}
.gallery-row-v3 .gallery-lightbox-trigger{
  width:100%;height:100px;border-radius:7px;
}
@media (hover:hover) and (pointer:fine){
  .gallery.gallery-lightbox .gallery-lightbox-trigger:hover img,
  .gallery-row-v3 .gallery-lightbox-trigger:hover img{transform:scale(1.035);opacity:.94}
}
.jv-lightbox{
  position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;
  padding:28px;background:rgba(0,8,18,.88);backdrop-filter:blur(5px);
}
.jv-lightbox.is-open{display:flex}
.jv-lightbox__dialog{
  position:relative;width:min(860px,calc(100vw - 80px));max-height:calc(100vh - 80px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;
}
.jv-lightbox__image-wrap{
  width:100%;display:flex;align-items:center;justify-content:center;min-height:160px;
}
.jv-lightbox__img{
  display:block;width:auto;height:auto;max-width:min(820px,100%);max-height:68vh;
  object-fit:contain;border-radius:9px;border:1px solid #c99c43;
  box-shadow:0 16px 48px #000c;background:#061523;
}
.jv-lightbox__caption{
  min-height:24px;margin-top:9px;padding:0 56px;text-align:center;color:#f2f4f7;
  font-size:13px;line-height:1.35;
}
.jv-lightbox__count{color:#d9b453;font-size:12px;margin-top:2px}
.jv-lightbox__close,.jv-lightbox__prev,.jv-lightbox__next{
  position:absolute;z-index:2;border:1px solid #e1b957;background:#06192deF;color:#f8d66f;
  cursor:pointer;display:grid;place-items:center;line-height:1;box-shadow:0 5px 18px #0008;
}
.jv-lightbox__close{
  top:-18px;right:-18px;width:46px;height:46px;border-radius:50%;font-size:30px;font-weight:400;
}
.jv-lightbox__prev,.jv-lightbox__next{
  top:50%;transform:translateY(-50%);width:44px;height:58px;border-radius:8px;font-size:34px;
}
.jv-lightbox__prev{left:-58px}.jv-lightbox__next{right:-58px}
.jv-lightbox button:hover{background:#0b3455}
.jv-lightbox button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.jv-lightbox-open{overflow:hidden}
@media(max-width:820px){
  .gallery.gallery-lightbox{grid-template-columns:repeat(3,1fr);gap:8px}
  .gallery.gallery-lightbox .gallery-lightbox-trigger{height:112px}
  .jv-lightbox{padding:18px}
  .jv-lightbox__dialog{width:min(720px,calc(100vw - 44px));max-height:calc(100vh - 44px)}
  .jv-lightbox__img{max-height:64vh;max-width:100%}
  .jv-lightbox__prev{left:6px}.jv-lightbox__next{right:6px}
  .jv-lightbox__close{right:0;top:-16px}
}
@media(max-width:520px){
  .gallery.gallery-lightbox{grid-template-columns:repeat(2,1fr)}
  .gallery.gallery-lightbox .gallery-lightbox-trigger{height:105px}
  .jv-lightbox{padding:12px}
  .jv-lightbox__dialog{width:calc(100vw - 28px)}
  .jv-lightbox__img{max-height:58vh}
  .jv-lightbox__caption{padding:0 44px;font-size:12px}
  .jv-lightbox__prev,.jv-lightbox__next{width:40px;height:50px}
  .jv-lightbox__close{width:42px;height:42px;font-size:27px;top:-10px;right:-2px}
}
@media(prefers-reduced-motion:reduce){
  .gallery.gallery-lightbox img,.gallery-row-v3 .gallery-lightbox-trigger img{transition:none}
}


/* V6.5 - dezelfde Johan-header op alle openbare pagina's */
.global-site-hero{
  width:min(1586px,100%);
  margin:0 auto;
  position:relative;
  overflow:hidden;
  background:#06182a;
  border-bottom:1px solid #b88627;
}
.global-site-hero>img{
  width:100%;
  height:auto;
  aspect-ratio:1586/300;
  object-fit:cover;
  object-position:center center;
}
.global-site-hero-hotspot{
  position:absolute;
  left:71.4%;
  top:77%;
  width:11.2%;
  height:18%;
  border-radius:28px;
}
.global-site-hero-hotspot:focus-visible{outline:3px solid #fff2a6;outline-offset:2px}
@media(max-width:820px){
  .global-site-hero>img{min-height:180px;aspect-ratio:auto;object-fit:cover;object-position:center center}
  .global-site-hero-hotspot{display:none}
}
@media(max-width:520px){
  .global-site-hero>img{min-height:145px;object-position:center center}
}
