/* stAeg – 1-op-1 nabouw van de Wix-site (980px vaste breedte, posities zoals gemeten) */
@font-face{font-family:roboto-thin;src:url(fonts/roboto-thin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:roboto-thin;src:url(fonts/roboto-thin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:roboto-thin;src:url(fonts/roboto-thin-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:roboto-thin;src:url(fonts/roboto-thin-700i.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"open sans";src:url(fonts/opensans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"open sans";src:url(fonts/opensans-700.woff2) format("woff2");font-weight:700;font-display:swap}

:root{--goud:rgb(204,153,51);--licht:rgb(229,229,229);--donker:rgb(51,51,51);--rt:roboto-thin,roboto,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:rgb(40,40,40);color:var(--licht);font-family:var(--rt);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden}
/* Wix-paginaachtergrond: textuur op 15% dekking over rgb(40,40,40), vast in beeld */
body::before{content:"";position:fixed;inset:0;z-index:-1;background:url(media/backdrop.jpg) repeat;opacity:.15;pointer-events:none}
.site{position:relative;width:980px;margin:0 auto}
.c{position:absolute}
a{-webkit-tap-highlight-color:transparent}
img{display:block}
button{font:inherit;-webkit-appearance:none;appearance:none}

/* tekst (stijlen staan inline, overgenomen van de berekende Wix-stijlen) */
.t{word-wrap:break-word;overflow-wrap:break-word}
.t p,.t h1,.t h2,.t h3,.t h4,.t h5,.t h6,.t ul,.t ol{margin:0}
.t ul,.t ol{padding-left:1.3em}
.t a{cursor:pointer;text-decoration:none}
.kop-t{margin:0;font:inherit}
.hp{display:block}
.t a[style*="underline"]{text-decoration:underline}
.t a[data-dood]{cursor:default}

/* afbeeldingen */
.im{display:block;overflow:hidden}
.im img{width:100%;height:100%}
.hov::after{content:"";position:absolute;inset:0;background:var(--hov);opacity:0;transition:opacity .4s ease;pointer-events:none}
.hov:hover::after{opacity:1}
.sv svg{display:block;width:100%;height:100%}
.bx{pointer-events:none}
.ln{height:0}
.knop{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:opacity .2s}
.knop:hover{opacity:.85}
.knop span{white-space:nowrap}

/* kop */
.soc{width:42px;height:42px}
.soc img{width:100%;height:100%}
.winkel{color:var(--goud)}
.winkel svg{width:100%;height:100%;overflow:visible}
.winkel text{fill:#fff;font:90px "open sans",sans-serif}
.menu ul{display:flex;margin:0;padding:0;list-style:none}
.menu a{display:block;height:60px;line-height:60px;text-align:center;font:22px/60px var(--rt);color:#fff;text-decoration:none;transition:color .4s ease}
.menu a:hover,.menu a.act{color:var(--goud)}

/* slideshow */
.show{overflow:hidden}
.show .slide{position:absolute;inset:0;visibility:hidden;will-change:transform}
.show .slide.on,.show .slide.in{visibility:visible}
.slide .bg{position:absolute;inset:0;width:100%;height:100%}
.slide .rand{position:absolute;inset:0;pointer-events:none}
.pijl{position:absolute;z-index:3;padding:0;border:0;background:none;cursor:pointer;fill:var(--licht)}
.pijl svg{display:block;width:100%;height:100%}
.pijl.volgende svg{transform:scaleX(-1)}

/* kaart en formulier */
.kaart iframe{display:block;width:100%;height:100%;border:0}
.veld{margin:0;border:1px solid rgb(185,152,103);border-radius:0;background:transparent;color:var(--goud);font:18px/25.2px var(--rt);padding:3px 3px 3px 5px;outline:none}
.veld::placeholder{color:#fff;opacity:1}
.veld:focus{border-color:var(--goud)}
.vb{padding:13.5px 10px 3px 5px;resize:none}
.verzend{border:0;background:transparent;color:var(--licht);font:18px/25.2px var(--rt);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:flex-end}
.verzend:hover{color:var(--goud)}
.melding{margin:0;color:#fff;font:14px helvetica,arial,sans-serif}

/* galerij op /over */
.gal{background:var(--goud);overflow:hidden}
.gi{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;pointer-events:none}
.gi.on{opacity:1;pointer-events:auto}
.gbeeld{position:absolute;left:0;top:0;width:739px;height:416px;background:#fff}
.gbeeld img{position:absolute;left:1px;top:1px;width:738px;height:414px;object-fit:cover}
.gpaneel{position:absolute;left:739px;top:1px;width:240px;height:414px;background:var(--donker);padding:10px;overflow:hidden}
.gtitel{font:32px/44.8px var(--rt);color:var(--licht);white-space:pre-line}
.gtekst{margin:0;font:18px/25.2px var(--rt);color:var(--licht);white-space:pre-line}
.gnav{position:absolute;top:173px;width:45px;height:70px;z-index:2;border:0;padding:0;cursor:pointer;opacity:.85;background:url(media/galerij-pijlen.png) no-repeat;transition:opacity .5s ease}
.gnav.vorige{left:20px;background-position:0 0}
.gnav.volgende{left:675px;background-position:100% 0}
.gnav:hover,.gnav:focus-visible{opacity:1}
.gnavs{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .5s ease;pointer-events:none}
.gnavs .gnav{pointer-events:auto}
.gal:hover .gnavs,.gal:focus-within .gnavs{opacity:1}
@media (hover:none){.gnavs{opacity:1}}
.gplay{position:absolute;z-index:2;left:950px;top:391px;width:20px;height:15px;border:0;padding:0;cursor:pointer;background:none}
.gplay::before{content:"";position:absolute;left:5px;top:4px;border-left:6px solid var(--licht);border-top:4px solid transparent;border-bottom:4px solid transparent}
.gplay.speelt::before{left:4px;width:8px;height:8px;border:0;border-left:2px solid var(--licht);border-right:2px solid var(--licht)}
.gteller{display:none}

/* agenda (Wix Events-widget) */
.agenda ul{display:grid;grid-template-columns:repeat(3,313.33px);gap:20px;margin:0;padding:20px;list-style:none}
.kaart-ev{position:relative;border:1px solid var(--goud);overflow:hidden}
.ev-in{position:relative;display:flex;flex-direction:column;height:100%;background:var(--donker)}
.ev-beeld{height:175px;flex:none;overflow:hidden;background:rgb(95,112,129)}
.ev-beeld img{width:100%;height:100%;object-fit:cover}
.ev-tekst{flex:1;padding:32px 32px 106px;text-align:center}
.ev-label{margin:2px 0 22px;font:14px/19.6px "open sans",sans-serif;color:rgb(47,46,46)}
.ev-titel{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:32px/38.4px var(--rt);color:var(--licht);text-decoration:none}
.ev-datum{margin-top:4px;font:20px/25px var(--rt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-meer{margin-top:16px;border:0;padding:0;background:none;color:var(--licht);font:16px/22.4px var(--rt);cursor:pointer}
.ev-meer:hover,.ev-titel:hover{text-decoration:underline}
.ev-uit{display:none;position:absolute;inset:0;z-index:1;padding:79px 32px 90px;background:var(--donker);text-align:center;overflow:auto;cursor:pointer}
.kaart-ev.open .ev-uit{display:block}
.ev-uit .ev-titel{margin:42px 15px 0}
.ev-vol{margin-top:5px;font:16px/22.4px var(--rt)}
.ev-oms{margin-top:20px;font:18px/25.2px var(--rt);white-space:pre-line}
.ev-delen{margin-top:28px;font:16px Arial,Helvetica,sans-serif}
.ev-knopvak{position:absolute;left:0;right:0;bottom:32px;z-index:2;text-align:center}
.ev-knop{display:inline-flex;align-items:center;justify-content:center;min-width:160px;min-height:42px;background:var(--goud);color:#fff;font:18px/25.2px var(--rt);text-decoration:none;transition:opacity .2s}
.ev-knop:hover{opacity:.85}
.ev-laden{text-align:center;margin-top:31px;padding-bottom:21px}
.ev-laden button{width:160px;height:43px;border:3px solid var(--licht);background:var(--donker);color:var(--licht);font:18px/25.2px var(--rt);cursor:pointer}

/* evenementpagina */
.site.ev{height:auto}
.kop{position:relative;height:202px}
.voet{position:relative;height:147px}
.e-flow{position:relative;padding:65px 68px 0 69px}
.e-flow h1{margin:0;font:400 60px/72px var(--rt);color:var(--licht);text-align:center}
.e-kort{margin:24px 0 0;font:22px/27px var(--rt);text-align:center}
.e-streep{padding:0 9px}
.e-oms{width:560px;margin:19px auto 0;font:18px/27px var(--rt);text-align:center}
.e-hr{margin:42px 0 0;border:0;border-bottom:1px solid var(--licht)}
.e-reg{margin:42px 0 0;font:18px/27px var(--rt);text-align:center}
.e-reg a{color:var(--licht)}
.e-beeld{width:844px;margin:60px -1px 0;background:var(--donker)}
.e-beeld img{width:100%;height:100%;object-fit:cover}
.e-h2{margin:78px 0 0;font:400 30px/39px var(--rt);color:var(--goud);text-align:center}
.e-vol{width:515px;margin:15px auto 0;font:18px/22px var(--rt);text-align:center}
.e-vol+.e-vol{margin-top:4px}
.e-over{margin-top:60px}
.e-about{margin-top:17px;font:16px/24px var(--rt);max-height:216px;overflow:hidden}
.e-about.open{max-height:none}
.e-about p{margin:0;min-height:0}
.e-meerw{display:block;margin:15px auto 0;border:0;padding:0;background:none;color:var(--goud);font:16px/22.4px var(--rt);cursor:pointer}
.e-tk{margin-top:42px}
.e-tickets{margin:15px 0 0;padding:0;list-style:none}
.e-tickets li{position:relative;display:flex;padding:26px 0 20px;border-bottom:1px solid rgba(47,46,46,.3)}
.e-tickets li:first-child{border-top:1px solid rgba(47,46,46,.3)}
.tk-l{width:381px;padding-right:20px}
.tk-r{padding-left:34px;border-left:1px solid rgba(229,229,229,.6)}
.tk-lab{display:block;font:14px/22px var(--rt)}
.e-tickets h3{margin:2px 0 0;font:400 20px/22px var(--rt)}
.tk-meer{display:flex;align-items:center;margin-top:12px;border:0;padding:0;background:none;color:var(--licht);font:14px/22px var(--rt);text-decoration:underline;cursor:pointer}
.tk-meer svg{width:21px;height:21px;transition:transform .2s}
.open .tk-meer svg{transform:rotate(180deg)}
.tk-oms{display:none;margin:8px 0 0;font:14px/22px var(--rt)}
li.open .tk-oms{display:block}
.tk-prijs{margin:2px 0 0;font:20px/22px var(--rt)}
.tk-btw{margin:4px 0 0;font:14px/22px var(--rt)}
.tk-eind{position:absolute;right:0;top:25px;padding:0 12px;font:12px/20px Arial,Helvetica,sans-serif;background:rgba(229,229,229,.12);border:1px solid rgba(255,255,255,.4)}
.e-kaart{width:979px;height:314px;margin:100px -69px 0}
.e-kaart iframe{display:block;width:100%;height:100%;border:0}
.e-deel{margin-top:60px}
.e-soc{display:flex;justify-content:center;gap:30px;margin-top:26px;padding-bottom:44px}
.e-soc a{display:block;width:19px;height:16px;fill:var(--licht)}
.e-soc svg{display:block;width:100%;height:100%}

/* ===== Mobiele opmaak (Wix-mobiel: eigen 320px-layout, geschaald naar de schermbreedte) ===== */
.mob{display:none}
@media (max-width:767px){
  .desk{display:none!important}
  .mob{display:block;width:320px;margin:0}
}
.mkop{position:sticky;top:0;z-index:20;transition:opacity .2s}
.mkop.weg{opacity:0;pointer-events:none}
.mlijf,.mvoet{position:relative}
.hamb{border:0;background:transparent;padding:16px 15px;cursor:pointer}
.hamb svg{display:block;width:20px;height:18px;overflow:visible;stroke:var(--licht);stroke-width:2}
.mmenu,.mmenu[hidden]{display:block;position:fixed;inset:0;z-index:50;visibility:hidden;transition:visibility 0s .3s}
.mmenu.open{visibility:visible;transition:none}
.lade{width:192px;height:100%;background:rgba(51,51,51,.95);transform:translateX(-100%);transition:transform .3s ease-in}
.mmenu.open .lade{transform:none}
.lade ul{list-style:none;margin:0;padding:80px 0 0}
.lade a{display:block;height:45px;line-height:45px;padding-left:20px;font:18px/45px var(--rt);color:var(--goud);text-decoration:none}
.lade a.act{color:#fff}
.terug{position:fixed;right:20px;bottom:40px;z-index:30;width:44px;height:44px;border:0;padding:0;background:none;opacity:.6;cursor:pointer}
.terug[hidden]{display:none}
.terug svg{display:block;width:100%;height:100%}

/* mobiele agenda */
.ev-pijl{display:none}
.am ul{grid-template-columns:240px;padding:20px}
.am .ev-beeld{height:134px}
.am .ev-tekst{flex:none;padding:22px 20px 0;text-align:left}
.am .ev-label{display:inline-block;margin:0 0 16px;padding:2px 10px;border:1px solid rgba(255,255,255,.2)}
.am .ev-titel{display:block;-webkit-line-clamp:unset;font:20px/28px var(--rt)}
.am .ev-datum{margin-top:2px;font:16px/22.4px var(--rt)}
.am .ev-meer{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font:16px/22.4px var(--rt);text-decoration:underline}
.am .ev-pijl{display:block;width:14px;height:14px;transition:transform .2s}
.am .open .ev-pijl{transform:rotate(180deg)}
.am .ev-uit{position:static;display:none;padding:12px 20px 0;background:none;text-align:left;overflow:visible;cursor:default}
.am .open .ev-uit{display:block}
.am .ev-uit .ev-titel{display:none}
.am .ev-vol{margin:0;font:14px/19.6px var(--rt)}
.am .ev-oms{margin-top:12px;font:14px/21px var(--rt)}
.am .ev-delen{margin-top:16px;font:14px Arial,Helvetica,sans-serif}
.am .ev-knopvak{position:static;padding:33px 20px 20px;text-align:left}
.am .ev-knop{display:flex;width:198px;min-width:0;font:16px/22.4px var(--rt)}
.am .ev-laden{margin-top:0;padding-bottom:20px}
.am .ev-laden button{height:42px;font:16px/22.4px var(--rt)}

/* mobiele galerij */
.gm .gbeeld{left:3px;top:1px;width:275px;height:154px}
.gm .gbeeld img{left:0;top:0;width:100%;height:100%}
.gm .gnavs{opacity:1}
.gm .gnav{top:43px;opacity:1}
.gm .gnav.volgende{left:215px}
.gm .gplay{left:250px;top:131px}

/* mobiele evenementpagina */
.me-beeld{position:relative;z-index:0;width:320px;height:320px;margin-top:-158px;background:var(--donker)}
.me-beeld img{width:100%;height:100%;object-fit:cover}
.me-in{padding:0 20px;text-align:center}
.me h1{margin:20px 0 0;font:400 28px/36.4px var(--rt);color:var(--licht)}
.me-kort{margin:1px 0 0;font:14px/19.6px var(--rt)}
.me-kort span{padding:0 3px}
.me-oms{margin:19px 0 0;font:14px/21px var(--rt)}
.me hr{margin:20px 0 0;border:0;border-bottom:1px solid var(--licht)}
.me-reg{margin:20px 0 0;font:14px/21px var(--rt)}
.me-reg a{color:var(--licht)}
.me h2{margin:20px 0 0;padding:8px 0;font:400 20px/26px var(--rt);color:var(--goud)}
.me-vol{margin:0;font:14px/19.6px var(--rt)}
.me-v1{margin-top:16px}
.me-about{margin-top:18px;text-align:left;font:14px/21px var(--rt);max-height:352px;overflow:hidden}
.me-about.open{max-height:none}
.me-about p{margin:0}
.me-meerw{display:block;margin:15px auto 0;border:0;padding:0;background:none;color:var(--goud);font:14px/19.6px var(--rt);cursor:pointer}
.me-meerw+h2{margin-top:19px}
.me-tickets{margin:12px 0 0;padding:0;list-style:none}
.me-tickets li{padding:24px 20px 24px;text-align:center;border-bottom:1px solid rgba(47,46,46,.3)}
.me-tickets li:first-child{border-top:1px solid rgba(47,46,46,.3)}
.me .tk-eind{position:static;display:inline-block}
.me .tk-lab{display:block;margin-top:12px;font:14px/19.6px var(--rt)}
.me h3{margin:6px 0 0;font:400 20px/28px var(--rt)}
.me .tk-meer{margin:12px auto 0;font:14px/19.6px var(--rt)}
.me .tk-pl{margin-top:17px}
.me .tk-prijs{margin:6px 0 0;font:20px/28px var(--rt)}
.me .tk-btw{margin:0;font:14px/19.6px var(--rt)}
.me-kaart{height:180px;margin-top:36px}
.me-kaart iframe{display:block;width:100%;height:100%;border:0}
.me .e-soc{margin-top:11px;padding-bottom:40px}

/* artefact: kaartafbeelding in plaats van ingesloten Google Maps */
.kaartbeeld{display:block;width:100%;height:100%}
.kaartbeeld img{width:100%;height:100%;object-fit:cover}