.st{margin:0;font:400 var(--fs-body)/var(--lh-body) var(--font-body);color:var(--ss-ink);background:#fff;-webkit-font-smoothing:antialiased}
.st *,.st *::before,.st *::after{box-sizing:border-box}
.st img{display:block;max-width:100%}
.st a{color:var(--ss-paars)}.st a:hover{color:var(--ss-roze)}
.st h1,.st h2,.st h3{font-family:var(--font-display);font-weight:var(--fw-display);text-transform:uppercase;margin:0;line-height:1;text-wrap:balance}
.st-eb,.st-btn,.st-nav a,.st-chip,.st-dt,.st-meta,.st-tag,.st-price,.st-more,.st-help,.st-soorten a,.st-ft h4,.st-img .ph,.st-num{font-family:var(--font-ui);font-weight:var(--fw-ui);text-transform:none;letter-spacing:0}
.st h2{font-size:clamp(34px,4.2vw,48px);color:var(--ss-paars)}
.st h3{font-size:24px;line-height:1.05}
.st p{margin:0 0 .9em;text-wrap:pretty}.st p:last-child{margin:0}
.st-eb{display:block;font-size:18px;margin-bottom:6px;color:var(--ss-ink)}
.st-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.st-sec{padding:88px 0}.st-soft{background:var(--ss-grey-50)}.st-tint{background:var(--ss-paars-100)}
.st-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:32px}
/* buttons */
.st-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;border:2px solid var(--ss-paars);background:var(--ss-paars);color:#fff!important;font-size:17px;line-height:1;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.st-btn:hover{background:var(--ss-paars-700);border-color:var(--ss-paars-700)}.st-btn:active{transform:scale(.97)}
.st-btn.roze{background:var(--ss-roze);border-color:var(--ss-roze)}.st-btn.roze:hover{background:var(--ss-roze-700);border-color:var(--ss-roze-700)}
.st-btn.ghost{background:transparent;color:var(--ss-paars)!important}.st-btn.ghost:hover{background:var(--ss-paars);color:#fff!important}
.st-btn.light{background:transparent;border-color:#fff}.st-btn.light:hover{background:#fff;color:var(--ss-paars)!important}
.st-btn.sm{padding:9px 18px;font-size:15px}
.st-btns{display:flex;gap:12px;flex-wrap:wrap}
/* header */
.st-hd{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ss-grey-100);transition:background .25s,border-color .25s}
.st-hd.over{position:fixed;left:0;right:0;background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.st-hd .st-wrap{display:flex;align-items:center;gap:20px;height:76px}
.st-logo{flex:none;display:block;width:62px;height:62px;background:url(../logo/logo-zwart.png) center/contain no-repeat}
.st-hd.over .st-logo{background-image:url(../logo/logo-wit.png)}
.st-nav{display:flex;gap:2px;margin-left:auto}
.st-nav a{padding:8px 12px;border-radius:999px;font-size:17px;color:var(--ss-ink);text-decoration:none}
.st-nav a:hover{background:var(--ss-paars-100);color:var(--ss-paars)}
.st-nav a.on{background:var(--ss-paars);color:#fff}
.st-hd.over .st-nav a{color:#fff}.st-hd.over .st-nav a:hover{background:rgba(255,255,255,.18)}
.st-help{flex:none;font-size:15px;line-height:1;color:var(--ss-turquoise-700)!important;text-decoration:none;padding:9px 14px;border:2px solid currentColor;border-radius:999px}
.st-hd.over .st-help{color:#fff!important}
.st-burger{display:none;margin-left:auto;width:46px;height:46px;border:0;border-radius:999px;background:var(--ss-paars-100);color:var(--ss-paars);font:600 22px/1 var(--font-body)}
@media (max-width:960px){.st-nav,.st-help{display:none}.st-burger{display:block}}
/* hero */
.st-hero{position:relative;min-height:min(92vh,780px);display:flex;align-items:flex-end;color:#fff;background:var(--ss-paars);overflow:hidden}
.st-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(67,0,173,.55),rgba(67,0,173,0) 60%),linear-gradient(180deg,rgba(67,0,173,.35),rgba(67,0,173,0) 30%)}
/* gelaagde achtergrond uit losse elementen */
.st-layers{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.st .st-layers img{position:absolute;inset:auto;max-width:none;height:auto;object-fit:fill;display:block}
.st-layers img.soft{-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%)}
.st-hero .st-wrap{position:relative;z-index:1;width:100%;padding-top:140px;padding-bottom:80px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:48px;align-items:end}
.st-hero .st-eb{color:#fff}
.st-hero h1{font-size:clamp(56px,8.4vw,116px);line-height:.95}
.st-hero-intro{font-size:21px;font-weight:500;line-height:1.45;max-width:440px;margin-bottom:24px!important}
@media (max-width:860px){.st-hero .st-wrap{grid-template-columns:minmax(0,1fr);gap:24px}}
/* next-up card inside hero */
.st-next{display:block;background:#fff;color:var(--ss-ink)!important;border-radius:var(--radius-lg,24px);overflow:hidden;box-shadow:0 24px 60px rgba(29,29,27,.28);text-decoration:none}
.st-next .st-eb{font-size:15px;color:var(--ss-roze-700);margin:0}
.st-next-body{padding:18px 20px 20px;display:grid;gap:6px}
.st-next h3{font-size:30px;color:var(--ss-paars)}
/* agenda cards */
.st-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.st-grid{grid-template-columns:minmax(0,1fr)}}
.st-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(87,0,224,.13);color:var(--ss-ink)!important;text-decoration:none;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s}
.st-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(87,0,224,.2)}
.st-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ss-paars-100)}
.st-img.b1{background:#F3E9FF}.st-img.b2{background:#FFE9F3}.st-img.b3{background:#E3FAF5}.st-img.b4{background:#FFF7D6}
.st-img .st-layers img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.st-card:hover .st-layers img:nth-child(odd){transform:translate(6px,-4px) rotate(4deg)}.st-card:hover .st-layers img:nth-child(even){transform:translate(-6px,4px)}

.st-dt{position:absolute;left:14px;top:14px;width:58px;padding:7px 0 6px;border-radius:6px;background:var(--ss-roze);color:#fff;display:flex;flex-direction:column;align-items:center;line-height:.88}
.st-dt b{font-size:28px;font-weight:inherit;line-height:1}.st-dt span{font-size:13px;line-height:1}
.st-price{position:absolute;right:14px;top:14px;padding:6px 12px;border-radius:999px;font-size:14px;line-height:1;background:#fff;color:var(--ss-paars)}
.st-price.free{color:var(--ss-paars)}.st-price.inloop{background:var(--ss-turquoise);color:#fff}.st-price.paid{background:var(--ss-ink);color:#fff}
.st-cb{padding:16px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.st-meta{font-size:15px;line-height:1.4;color:var(--ss-grey-600)}
.st-tags{display:flex;gap:6px;flex-wrap:wrap}
.st-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;border:1.5px solid currentColor;font-size:13px;line-height:1.3}
.st-tag.soort{color:var(--ss-paars)}.st-tag.herhaal{color:var(--ss-turquoise-700)}.st-tag.plek{color:var(--ss-roze-700);border-style:dashed}.st-tag.vol{color:#fff;background:var(--ss-grey-600);border-color:var(--ss-grey-600)}
.st-more{margin-top:auto;padding-top:6px;font-size:16px;line-height:1;color:var(--ss-roze-700)}
.st-card.is-vol .st-layers{filter:grayscale(.8);opacity:.6}.st-card.is-vol .st-more{color:var(--ss-grey-600)}
/* safety */
.st-safe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.st-safe>div{padding:24px;border-radius:24px;background:#fff}
.st-safe>div:nth-child(1){background:var(--ss-paars-100)}.st-safe>div:nth-child(2){background:var(--ss-roze-100)}.st-safe>div:nth-child(3){background:var(--ss-turquoise-100)}
.st-safe h3{color:var(--ss-paars);margin-bottom:8px}.st-safe>div:nth-child(2) h3{color:var(--ss-roze-700)}.st-safe>div:nth-child(3) h3{color:var(--ss-turquoise-700)}
.st-safe p{font-size:16px}
.st-num{font-size:40px;line-height:1;color:rgba(29,29,27,.18);margin-bottom:6px}
@media (max-width:760px){.st-safe{grid-template-columns:minmax(0,1fr)}}
/* soorten */
.st-soorten{display:flex;flex-wrap:wrap;gap:10px}
.st-soorten a{padding:10px 20px;border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(29,29,27,.08);font-size:19px;line-height:1;color:var(--ss-ink);text-decoration:none}
.st-soorten a:hover{background:var(--ss-paars);color:#fff}
/* split cta */
.st-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.st-panel{border-radius:32px;padding:40px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.st-panel.paars{background:var(--ss-paars);color:#fff}.st-panel.paars h2,.st-panel.paars .st-eb{color:#fff}
.st-panel.turq{background:var(--ss-turquoise-100)}.st-panel.turq h2{color:var(--ss-turquoise-700)}
.st-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-weight:600}
.st-panel li::before{content:"→ ";color:var(--ss-turquoise-700)}
@media (max-width:860px){.st-split{grid-template-columns:minmax(0,1fr)}}
/* terugblik */
.st-back{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.st-back a{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/5;color:#fff!important;text-decoration:none}
.st-back img{width:100%;height:100%;object-fit:cover}
.st-back span{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 12px;background:linear-gradient(180deg,transparent,rgba(29,29,27,.75));font:var(--fw-ui) 15px/1.3 var(--font-ui)}
@media (max-width:760px){.st-back{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* nieuwsbrief */
.st-nl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.st-form{display:flex;gap:10px;flex-wrap:wrap}
.st-form input{flex:1 1 200px;min-width:0;height:52px;padding:0 20px;border-radius:999px;border:2px solid var(--ss-grey-200);font:400 17px var(--font-body)}
.st-form input:focus{outline:none;border-color:var(--ss-paars)}
@media (max-width:760px){.st-nl{grid-template-columns:minmax(0,1fr)}}
/* page head */
.st-ph{position:relative;overflow:hidden;padding:72px 0 48px;background:var(--ss-paars);color:#fff}
.st-ph .st-wrap{position:relative;z-index:1}
.st-ph h1{font-size:clamp(56px,8vw,104px)}.st-ph .st-eb{color:#fff}
.st-ph p{max-width:560px;font-size:19px;margin-top:12px!important}
/* filters */
.st-filters{position:sticky;top:76px;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--ss-grey-100)}
.st-filters .st-wrap{display:flex;gap:8px;align-items:center;padding-top:14px;padding-bottom:14px;overflow-x:auto}
.st-chip{flex:none;padding:8px 16px;border-radius:999px;border:2px solid var(--ss-grey-200);background:#fff;font-size:15px;color:var(--ss-ink);cursor:pointer}
.st-chip:hover{border-color:var(--ss-paars);color:var(--ss-paars)}
.st-chip.on{background:var(--ss-paars);border-color:var(--ss-paars);color:#fff}
.st-fsep{flex:none;width:1px;height:28px;background:var(--ss-grey-200);margin:0 6px}
.st-month{display:flex;align-items:baseline;gap:14px;margin:48px 0 18px}
.st-month:first-child{margin-top:0}
.st-month h2{font-size:40px}.st-month span{font:var(--fw-ui) 15px/1 var(--font-ui);color:var(--ss-grey-600)}
.st-empty{padding:40px;border-radius:24px;background:var(--ss-paars-100);text-align:center;font-size:19px}
.st-note{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-radius:14px;background:var(--ss-turquoise-100);font-size:15px;margin-top:40px}
.st-note b{color:var(--ss-turquoise-700)}
/* footer */
.st-ft{background:var(--ss-ink);color:#fff;font-size:15px}
.st-ft a{color:#fff!important;opacity:.85;text-decoration:none}.st-ft a:hover{opacity:1}
.st-ft-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px;padding:56px 0 40px}
.st-ft h4{margin:0 0 12px;font-size:17px;line-height:1;color:var(--ss-lila)}
.st-ft ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.st-ft-logo{width:88px;height:88px;background:url(../logo/logo-wit.png) center/contain no-repeat;margin-bottom:14px}
.st-ft-partners{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0;border-top:1px solid rgba(255,255,255,.12)}
.st-ft-partners span{padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.08);font:var(--fw-ui) 14px var(--font-ui)}
.st-ft-bot{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;padding:18px 0 24px;border-top:1px solid rgba(255,255,255,.12);opacity:.8}
@media (max-width:860px){.st-ft-top{grid-template-columns:1fr 1fr}}
.st [data-page]{display:none}.st [data-page].on{display:block}
.st :focus-visible{outline:3px solid var(--ss-roze);outline-offset:3px}

/* onepager: geen menu; subpagina's alleen logo + terug */
body[data-p="home"] .st-sub{display:none}
.st-back-link{margin-left:auto;font:var(--fw-ui) 16px/1 var(--font-ui);text-decoration:none}
.st-hero-logo{width:120px;margin-bottom:28px}
.st-hero .st-wrap{padding-top:64px}
/* over + team */
.st-over{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start;margin-bottom:48px}
.st-prose{max-width:620px}.st-lead{font-size:21px;font-weight:500;line-height:1.45}
@media (max-width:860px){.st-over{grid-template-columns:minmax(0,1fr);gap:16px}}
.st-team{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.st-mem{background:#fff;border-radius:24px;padding:22px 18px;text-align:center;box-shadow:0 10px 28px rgba(87,0,224,.12);display:flex;flex-direction:column;align-items:center;gap:6px}
.st-ring{width:132px;height:132px;border-radius:50%;padding:5px;background:var(--ss-violet);margin-bottom:6px}
.st-mem.roze .st-ring{background:var(--ss-hotpink)}.st-mem.turquoise .st-ring{background:var(--ss-mint)}
.st-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #fff;filter:grayscale(1) contrast(1.05)}
.st-mem h3{color:var(--ss-paars)}.st-mem.roze h3{color:var(--ss-roze-700)}.st-mem.turquoise h3{color:var(--ss-turquoise-700)}
.st-pron{font:var(--fw-ui) 14px/1 var(--font-ui);color:var(--ss-grey-600)}
.st-role{font:var(--fw-ui) 15px/1.3 var(--font-ui)}
.st-quote{font-style:italic;font-size:15px;line-height:1.45;margin-top:4px!important}
/* vrijwilliger + formulieren */
.st-vol{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}
@media (max-width:860px){.st-vol{grid-template-columns:minmax(0,1fr)}}
.st-vform{background:#fff;border-radius:32px;padding:32px;display:grid;gap:16px;box-shadow:0 10px 28px rgba(87,0,224,.1)}
.st-vform label{display:grid;gap:6px;font:var(--fw-ui) 15px/1.2 var(--font-ui)}
.st-vform em{font-style:normal;color:var(--ss-grey-600)}
.st-vform input:not([type=checkbox]):not([type=radio]),.st-vform textarea{width:100%;min-width:0;padding:12px 16px;border-radius:12px;border:2px solid var(--ss-grey-200);font:400 17px var(--font-body);background:#fff}
.st-vform input:focus,.st-vform textarea:focus{outline:none;border-color:var(--ss-paars)}
.st-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
@media (max-width:560px){.st-row{grid-template-columns:minmax(0,1fr)}}
.st-vform fieldset{border:0;margin:0;padding:0}.st-vform legend{font:var(--fw-ui) 15px/1.2 var(--font-ui);margin-bottom:8px}
.st-checks{display:flex;flex-wrap:wrap;gap:8px}
.st-checks label{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:2px solid var(--ss-grey-200);cursor:pointer}
.st-checks label:has(input:checked){border-color:var(--ss-paars);background:var(--ss-paars-100);color:var(--ss-paars)}
.st-checks input{accent-color:var(--ss-paars);margin:0}
.st-vform .st-btn{justify-self:start}
.st-done h3{color:var(--ss-paars);margin-bottom:8px}
/* hulp */
.st-help-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.st-help-grid>div{padding:22px;border-radius:20px;background:var(--ss-turquoise-100);display:flex;flex-direction:column;gap:8px}
.st-help-grid h3{color:var(--ss-turquoise-700);font-size:22px}
.st-help-grid p{font-size:16px}
.st-hl{margin-top:auto;font:var(--fw-ui) 15px/1.3 var(--font-ui);color:var(--ss-ink)}
.st-small{font:var(--fw-ui) 13px/1.3 var(--font-ui);color:var(--ss-grey-600);margin-top:16px!important}
@media (max-width:900px){.st-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.st-help-grid{grid-template-columns:minmax(0,1fr)}}
/* partners */
.st-logos{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.st-logos span{display:flex;align-items:center;justify-content:center;height:104px;padding:14px;border-radius:16px;background:#fff;box-shadow:0 2px 8px rgba(29,29,27,.08);text-align:center}
.st-logos img{max-height:72px;width:auto;max-width:100%;object-fit:contain}
.st-logos .txt{font:var(--fw-ui) 16px/1.2 var(--font-ui);color:var(--ss-grey-600)}
/* contact */
.st-contact{background:var(--ss-paars);color:#fff}
.st-contact h2,.st-contact .st-eb,.st-contact a:not(.st-btn){color:#fff}
.st-cgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.st-clist{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:18px}
.st-clist b{display:block;font:var(--fw-ui) 14px/1 var(--font-ui);opacity:.8;margin-bottom:4px}
.st-vform.light{color:var(--ss-ink)}
@media (max-width:860px){.st-cgrid{grid-template-columns:minmax(0,1fr)}}

/* samengestelde achtergronden — geen enkele kleurvlakken */
.st-bgc{position:relative;isolation:isolate;overflow:hidden;background:#fff}
.st-bgc>.st-layers{z-index:-2}
.st-bgc::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.st-bgc-licht::before{background:rgba(255,255,255,.74)}
.st-bgc-donker{background:var(--ss-paars-700)}.st-bgc-donker::before{background:rgba(52,0,140,.62)}
.st-safe>div.st-bgc,.st-help-grid>div.st-bgc{background:#fff}
.st-safe>div.st-bgc::before,.st-help-grid>div.st-bgc::before{background:rgba(255,255,255,.66)}
.st-hero,.st-ph{background:url(../backgrounds/bg-compositie.png) center/cover no-repeat}
.st-hero::after{background:linear-gradient(90deg,rgba(52,0,140,.7),rgba(52,0,140,.35) 60%,rgba(52,0,140,.2)),linear-gradient(180deg,rgba(52,0,140,.35),rgba(52,0,140,0) 35%)}
.st-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(52,0,140,.72),rgba(52,0,140,.3))}
.st-ph .st-layers{z-index:0}
.st-img.b1,.st-img.b2,.st-img.b3,.st-img.b4{background:url(../backgrounds/bg-compositie.png) center/cover}
.st-img>.st-layers::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.35)}
.st-ft.st-bgc{background:var(--ss-ink)}.st-ft.st-bgc::before{background:rgba(29,29,27,.72)}

/* boxjes: altijd wit met schaduw, geen elementen achter tekst */
.st .st-box,.st-safe>div,.st-help-grid>div,.st-vform,.st-mem,.st-next,.st-logos span{background:#fff!important;box-shadow:0 12px 32px rgba(52,0,140,.14)}
.st-panel.st-box h2{color:var(--ss-paars)}.st-panel.st-box .st-eb{color:var(--ss-ink)}
.st-panel.st-box .st-btn.light{border-color:var(--ss-paars);color:var(--ss-paars)!important}.st-panel.st-box .st-btn.light:hover{background:var(--ss-paars);color:#fff!important}

/* beeldvlak eventkaart = opvulling: laag houden */
.st-card .st-img{aspect-ratio:auto;height:96px}
.st-next .st-img{aspect-ratio:auto;height:120px}
.st-dt{top:12px;left:12px}.st-price{top:12px;right:12px}

/* ===== Tekst & knoppen: alleen bijna-zwart (--ss-ink) of wit ===== */
.st,.st h1,.st h2,.st h3,.st-eb,.st-meta,.st-more,.st-num,.st-pron,.st-role,.st-hl,.st-small,.st-month span,.st-nav a,.st-back-link,.st-tag,.st-soorten a,.st-chip,.st-logos .txt,.st-mem h3,.st-help-grid h3,.st-safe h3,.st-next .st-eb,.st-panel h2,.st-done h3,.st-vform legend,.st-vform em{color:var(--ss-ink)!important}
.st a{color:var(--ss-ink);text-decoration-thickness:1.5px;text-underline-offset:3px}.st a:hover{color:var(--ss-ink);text-decoration:none}
.st-num{opacity:.22}
.st-tag{border-color:var(--ss-ink)!important;background:transparent!important;border-style:solid!important}
.st-tag.vol{background:var(--ss-ink)!important;color:#fff!important}
.st-dt{background:var(--ss-ink)}
.st-price,.st-price.free,.st-price.inloop{background:#fff;color:var(--ss-ink)}.st-price.paid{background:var(--ss-ink);color:#fff}
/* donkere vlakken: alles wit */
.st-hero,.st-hero *,.st-ph,.st-ph *,.st-contact h2,.st-contact .st-eb,.st-contact>.st-wrap>div:first-child,.st-contact>.st-wrap>div:first-child *,.st-ft,.st-ft *{color:#fff!important}
.st-next,.st-next *{color:var(--ss-ink)!important}.st-next .st-price.paid,.st-next .st-dt,.st-next .st-dt *{color:#fff!important}
.st-vform.light,.st-vform.light *{color:var(--ss-ink)!important}
/* knoppen: gevuld ↔ outline */
.st-btn,.st-btn.roze{background:var(--ss-ink);border-color:var(--ss-ink);color:#fff!important}
.st-btn:hover,.st-btn.roze:hover{background:transparent;border-color:var(--ss-ink);color:var(--ss-ink)!important}
.st-btn.ghost{background:transparent;border-color:var(--ss-ink);color:var(--ss-ink)!important}
.st-btn.ghost:hover{background:var(--ss-ink);color:#fff!important}
.st-panel.st-box .st-btn.light{background:transparent;border-color:var(--ss-ink);color:var(--ss-ink)!important}.st-panel.st-box .st-btn.light:hover{background:var(--ss-ink);color:#fff!important}
.st-hero .st-btn.light,.st-ph .st-btn.light{background:transparent;border-color:#fff;color:#fff!important}.st-hero .st-btn.light:hover{background:#fff;color:var(--ss-ink)!important}
.st-hero .st-btn.roze{background:#fff;border-color:#fff;color:var(--ss-ink)!important}.st-hero .st-btn.roze:hover{background:transparent;color:#fff!important}
.st-contact .st-vform .st-btn{background:var(--ss-ink);border-color:var(--ss-ink);color:#fff!important}.st-contact .st-vform .st-btn:hover{background:transparent;color:var(--ss-ink)!important}
/* chips, filters, keuzes */
.st-chip:hover,.st-soorten a:hover{border-color:var(--ss-ink);background:transparent;color:var(--ss-ink)!important}
.st-chip.on{background:var(--ss-ink);border-color:var(--ss-ink);color:#fff!important}
.st-soorten a:hover{background:var(--ss-ink);color:#fff!important}
.st-checks label:has(input:checked){border-color:var(--ss-ink);background:#fff;color:var(--ss-ink)}.st-checks input{accent-color:var(--ss-ink)}
.st-vform input:focus,.st-vform textarea:focus,.st-form input:focus{border-color:var(--ss-ink)}
.st :focus-visible{outline-color:var(--ss-ink)}

/* doorlopende achtergrond — ietsje feller */
.st main{position:relative;isolation:isolate}
.st-flow{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.st-flow img{position:absolute;max-width:none;height:auto;display:block;opacity:.9;filter:saturate(1.25)}
.st-flow img.soft{-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent 100%);mask-image:radial-gradient(closest-side,#000 70%,transparent 100%)}
.st-sec:not(.st-bgc-donker){background:transparent}
.st-bgc-licht{background:transparent}.st-bgc-licht::before{background:rgba(255,255,255,.55)}
.st-bgc>.st-layers img{filter:saturate(1.25)}
.st-img>.st-layers::before{background:rgba(255,255,255,.18)}

/* op gekleurde/donkere vlakken: tekst wit (wint van de ink-regel) */
.st .st-hero h1,.st .st-hero h2,.st .st-hero h3,.st .st-hero .st-eb,.st .st-hero p,.st .st-ph h1,.st .st-ph .st-eb,.st .st-ph p,.st .st-contact h2,.st .st-contact .st-eb,.st .st-ft h4,.st .st-ft a,.st .st-ft span,.st .st-ft p{color:#fff!important}
.st .st-hero .st-next h3,.st .st-hero .st-next .st-eb,.st .st-hero .st-next .st-meta,.st .st-hero .st-next .st-tag{color:var(--ss-ink)!important}

/* ===== Menubalk onderin (zoals WomanLink) ===== */
.st-hd{display:none!important}
.st{padding-bottom:0}.st-ft{padding-bottom:88px}
.st-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(46,46,45,.12);transition:background .3s ease,border-color .3s ease}
.st-bar-in{max-width:1200px;margin:0 auto;padding:14px 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px}
.st-bar-logo img{height:48px;width:auto;display:block;transition:filter .3s ease}
.st-bar-menu{display:flex;justify-content:center;gap:22px;list-style:none;margin:0;padding:0}
.st .st-bar-menu a{display:inline-block;font:var(--fw-ui) 16px/1 var(--font-ui);color:var(--ss-ink)!important;text-decoration:none;padding:8px 0;border-bottom:2px solid transparent;white-space:nowrap}
.st .st-bar-menu a:hover,.st .st-bar-menu a.on{border-bottom-color:currentColor}
.st-bar-end{display:flex;align-items:center;gap:16px}
.st .st-bar-btn{display:inline-flex;padding:9px 18px;border-radius:999px;border:2px solid var(--ss-ink);background:var(--ss-ink);color:#fff!important;font:var(--fw-ui) 15px/1 var(--font-ui);text-decoration:none}
.st .st-bar-btn:hover,.st .st-bar-btn.on{background:transparent;color:var(--ss-ink)!important}
.st-social{display:flex;gap:12px}
.st .st-social a{color:var(--ss-ink)!important;font-size:20px;line-height:1;text-decoration:none}.st .st-social a:hover{opacity:.7}
.st-bar-burger{display:none;width:44px;height:44px;border:0;background:transparent;padding:10px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}
.st-bar-burger span{display:block;height:2px;background:var(--ss-ink);border-radius:2px;transition:transform .2s,opacity .2s}
.st-bar-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.st-bar-burger[aria-expanded="true"] span:nth-child(2){opacity:0}.st-bar-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* over de hero: transparant + wit */
.st-bar.over{background:transparent;border-color:rgba(255,255,255,.25);backdrop-filter:none;-webkit-backdrop-filter:none}
.st-bar.over .st-bar-logo img{filter:brightness(0) invert(1)}
.st .st-bar.over .st-bar-menu a,.st .st-bar.over .st-social a{color:#fff!important}
.st .st-bar.over .st-bar-btn{background:#fff;border-color:#fff;color:var(--ss-ink)!important}.st .st-bar.over .st-bar-btn:hover{background:transparent;color:#fff!important}
.st-bar.over .st-bar-burger span{background:#fff}
/* drawer (mobiel) schuift omhoog open */
.st-drawer{position:absolute;left:0;right:0;bottom:100%;background:#fff;border-top:1px solid rgba(46,46,45,.12);padding:20px 24px 24px;box-shadow:0 -12px 32px rgba(46,46,45,.12)}
.st-drawer .st-bar-menu{flex-direction:column;gap:2px;margin-bottom:16px}
.st .st-drawer .st-bar-menu a{font-size:24px;padding:10px 0}
.st-drawer .st-social a{font-size:24px}
@media (max-width:1020px){.st-bar-in>.st-bar-menu,.st-bar-end>.st-social{display:none}.st-bar-burger{display:flex}.st-bar-in{grid-template-columns:auto minmax(0,1fr) auto}.st-bar-end{grid-column:3}}
@media (min-width:1021px){.st-drawer{display:none!important}}
.st-hero .st-wrap{padding-bottom:132px}
.st-ph{padding-top:56px}

/* ===== Meer lucht in de eventkaarten + kleur alleen voor signalen ===== */
.st-card .st-img{height:112px}
.st-cb{padding:22px 24px 24px;gap:12px}
.st-card h3{font-size:26px;line-height:1.08}
.st-meta{font-size:16px;line-height:1.5}
.st-tags{gap:8px;margin-top:2px}
.st-tag{padding:5px 12px;font-size:14px}
.st-more{padding-top:12px;font-size:17px}
.st-grid{gap:28px}
/* signalen in kleur (tekst blijft ink of wit) */
.st .st-tag.plek{background:var(--ss-geel)!important;border-color:var(--ss-geel)!important;color:var(--ss-ink)!important}
.st .st-tag.vol{background:var(--ss-roze)!important;border-color:var(--ss-roze)!important;color:#fff!important}
.st .st-price.inloop{background:var(--ss-mint);color:var(--ss-ink)}

/* ===== Eén doorlopende achtergrond over de hele onepager ===== */
.st main{background:#fff}
.st-flow{z-index:-1}
.st-flow img{opacity:.95}
.st .st-sec{background:transparent!important}
.st-flow::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.45)}
/* hero, contact en footer lopen mee: geen eigen afgesneden achtergrond, alleen een kleursluier */
.st .st-hero{background:transparent!important}
.st .st-hero>.st-layers{display:none}
.st .st-hero::after{background:linear-gradient(180deg,rgba(67,0,173,.82),rgba(67,0,173,.62) 70%,rgba(67,0,173,0))}
.st .st-contact{background:transparent!important}
.st .st-contact::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(67,0,173,0),rgba(67,0,173,.8) 18%,rgba(67,0,173,.86))}
.st .st-contact{position:relative;isolation:isolate}
.st .st-contact>.st-layers{display:none}
.st .st-ft{position:relative;background:rgba(67,0,173,.9)!important}
.st .st-ft>.st-layers,.st .st-ft::before{display:none}

body.st{position:relative;isolation:isolate}
body.st>.st-flow{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.st main{background:transparent}

/* sluiers lichter: elementen blijven zichtbaar; tekstkolom lokaal donkerder */
.st .st-hero::after{background:linear-gradient(90deg,rgba(52,0,140,.55),rgba(52,0,140,.15) 65%,rgba(52,0,140,0)),linear-gradient(180deg,rgba(67,0,173,.5),rgba(67,0,173,.34) 70%,rgba(67,0,173,0))}
.st .st-hero h1,.st .st-hero .st-eb,.st .st-hero-intro{text-shadow:0 2px 18px rgba(40,0,110,.45)}
.st .st-contact::before{background:linear-gradient(180deg,rgba(67,0,173,0),rgba(67,0,173,.62) 18%,rgba(67,0,173,.7))}
.st .st-contact>.st-wrap>div:first-child{text-shadow:0 2px 14px rgba(40,0,110,.4)}
.st .st-ft{background:rgba(67,0,173,.7)!important}

/* ===== Hero: SafeSpace-achtergrond met fade naar de doorlopende laag; groot gecentreerd logo ===== */
.st .st-hero{background:url(../backgrounds/bg-compositie.png) center top/cover no-repeat!important;min-height:min(100vh,900px);align-items:center}
.st .st-hero::before{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55) 55%,rgba(255,255,255,.55));pointer-events:none}
.st .st-hero::after{background:radial-gradient(ellipse 60% 55% at 50% 42%,rgba(52,0,140,.5),rgba(52,0,140,.18) 70%,rgba(52,0,140,0))}
.st .st-hero .st-wrap{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:36px;padding-top:72px;padding-bottom:180px}
.st-hero-main{display:flex;flex-direction:column;align-items:center}
.st .st-hero-logo{width:clamp(220px,28vw,360px);margin-bottom:24px;filter:drop-shadow(0 6px 24px rgba(40,0,110,.35))}
.st .st-hero h1{font-size:clamp(48px,6.4vw,88px)}
.st .st-hero .st-btns{justify-content:center}
.st .st-hero .st-wrap>div:last-child{display:flex;flex-direction:column;align-items:center;max-width:520px;width:100%}
.st .st-hero-intro{text-align:center;margin-left:auto;margin-right:auto}
.st .st-next{text-align:left;width:100%}

/* hero = eigen compositie uit elementen */
.st .st-hero{background:#fff!important}
.st .st-hero>.st-layers{display:block!important;z-index:0}
.st .st-hero>.st-layers img{filter:saturate(1.2)}
.st .st-hero::before{z-index:1;height:34%;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.6) 60%,rgba(255,255,255,.55))}
.st .st-hero::after{z-index:1}
.st .st-hero .st-wrap{z-index:2}

/* hero leesbaar: gekleurde basis + sterkere sluier achter de tekstkolom */
.st .st-hero{background:var(--ss-paars)!important}
.st .st-hero::after{background:radial-gradient(ellipse 58% 62% at 50% 44%,rgba(52,0,140,.66),rgba(52,0,140,.4) 70%,rgba(52,0,140,.12))}
.st .st-hero::before{height:16%;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55))}

.st .st-hero h1{white-space:nowrap;font-size:clamp(36px,6vw,84px)}

/* kleine regel boven titels + knoppen in Barlow */
.st .st-eb{font-family:var(--font-eyebrow)!important;font-weight:var(--fw-eyebrow)!important}
.st .st-btn,.st .st-chip,.st .st-vform button,.st .st-form button{font-family:var(--font-button)!important;font-weight:var(--fw-button)!important}

/* eventkaart: titel wit op de elementen; datumtegel strak tegen de bovenrand, uitgelijnd met de tekst */
.st .st-card .st-img{height:auto;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;padding:64px 24px 18px}
.st .st-card .st-img>.st-layers{z-index:0}
.st .st-card .st-img::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(52,0,140,.25),rgba(52,0,140,.62));pointer-events:none}
.st .st-card .st-img-t{position:relative;z-index:2;margin:0;color:#fff!important;font-size:26px;line-height:1.08;text-shadow:0 2px 12px rgba(40,0,110,.35)}
.st .st-card .st-dt{z-index:2;top:0;left:24px;border-radius:0 0 6px 6px;padding:10px 0 7px}
.st .st-card .st-price{z-index:2}
.st .st-card .st-cb{padding-top:18px}
/* hero zonder eventkaart */
.st .st-hero .st-wrap>div:last-child{max-width:560px}
/* menubalk in kapitalen */
.st .st-bar-menu a,.st .st-bar-btn{text-transform:uppercase}

.st-bar-logo img{height:64px!important}
@media (max-width:1020px){.st-bar-logo img{height:52px!important}}

.st-bar-logo img{height:52px!important}
@media (max-width:1020px){.st-bar-logo img{height:44px!important}}

/* teamkaart: elementen t/m voornaamwoorden, daaronder wit */
.st .st-mem{padding:0;overflow:hidden;gap:0}
.st-mem-top{position:relative;isolation:isolate;overflow:hidden;width:100%;padding:24px 18px 16px;display:flex;flex-direction:column;align-items:center;gap:6px}
.st-mem-top>.st-layers{z-index:-2}
.st-mem-top::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(52,0,140,.45)}
.st .st-mem-top h3,.st .st-mem-top .st-pron{color:#fff!important;text-shadow:0 2px 10px rgba(40,0,110,.35)}
.st-mem-body{padding:14px 18px 22px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;width:100%}

/* teamkaart: voller + feller, witte fotorand, voornaamwoorden rechtsboven */
.st .st-team{grid-template-columns:repeat(auto-fill,minmax(190px,220px));justify-content:center}
.st-mem-top{padding:34px 16px 16px}
.st-mem-top>.st-layers img{filter:saturate(1.45) brightness(1.05)!important;opacity:1!important}
.st-mem-top::after{background:rgba(52,0,140,.22)!important}
.st .st-ring{background:#fff!important;padding:4px}
.st .st-ring img{border:0!important}
.st .st-mem-top .st-pron{position:absolute;top:10px;right:10px;padding:4px 10px;border:1.5px solid #fff;border-radius:999px;font-size:12px;line-height:1.2}
.st .st-mem-top h3{text-shadow:0 2px 12px rgba(40,0,110,.5)}
/* lopende tekst: compactere regelafstand */
.st,.st p,.st .st-prose p,.st .st-quote,.st .st-help-grid p,.st .st-safe p{line-height:1.45}
.st .st-lead{line-height:1.38}

.st .st-hero .st-eb{font-size:21px;line-height:1.45;margin:0 0 20px}
.st .st-hero h1{margin:0 0 8px}
.st .st-hero .st-btns{margin-top:36px!important}

/* menubalk: alles Oswald Medium in kapitalen, ook de Agenda-knop */
.st .st-bar a.st-bar-btn,.st .st-bar .st-bar-btn,.st .st-bar .st-bar-menu a{font-family:"Oswald","Arial Narrow",sans-serif!important;font-weight:var(--fw-ui)!important;text-transform:uppercase!important}

/* ALLE knoppen: Oswald Medium in kapitalen */
.st .st-btn,.st .st-bar-btn,.st .st-chip,.st .st-vform button,.st .st-form button,.st button.st-btn{font-family:"Oswald","Arial Narrow",sans-serif!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:0!important}

.st-bar-logo img{height:40px!important}
@media (max-width:1020px){.st-bar-logo img{height:36px!important}}

/* ===== Hero + footer: warme regenboog uit elementen, zachte fade (hero onder, footer boven), minder paars ===== */
.st-flow::after{background:rgba(255,255,255,.36)!important}
.st .st-hero{background:transparent!important}
.st .st-hero>.st-layers,.st .st-hero::after{-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
.st .st-hero::before{display:none!important}
.st .st-hero>.st-layers img,.st .st-ft>.st-layers img{filter:saturate(1.15)!important}
.st .st-hero::after{background:radial-gradient(ellipse 46% 50% at 50% 46%,rgba(60,20,110,.46),rgba(60,20,110,.2) 60%,rgba(60,20,110,0) 80%)!important}
.st .st-hero h1,.st .st-hero .st-eb,.st .st-hero-intro{text-shadow:0 2px 16px rgba(40,10,80,.55),0 0 2px rgba(40,10,80,.35)!important}
.st .st-ft{position:relative;isolation:isolate;overflow:hidden;background:transparent!important;padding-top:220px}
.st .st-ft>.st-layers{display:block!important;position:absolute;inset:0;z-index:-2;-webkit-mask-image:linear-gradient(0deg,#000 50%,transparent 100%);mask-image:linear-gradient(0deg,#000 50%,transparent 100%)}
.st .st-ft::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(60,20,110,.42),rgba(60,20,110,.12) 45%,rgba(60,20,110,0) 70%);display:block!important}
.st .st-ft::before{display:none!important}
.st .st-ft .st-ft-bot{border-top:0;text-shadow:0 1px 10px rgba(40,10,80,.5)}

/* datumtegel rechts, prijs links */
.st .st-card .st-dt{left:auto!important;right:24px!important}
.st .st-card .st-price{right:auto!important;left:24px!important;top:14px!important}

/* ===== Contact t/m footer: geen paars, één volle regenboog met fade boven ===== */
.st .st-contact::before,.st .st-contact>.st-layers,.st .st-ft>.st-layers,.st .st-ft::after{display:none!important}
.st .st-contact,.st .st-ft{background:transparent!important}
.st .st-ft{padding-top:48px}
.st-endbg{position:absolute;left:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 240px);mask-image:linear-gradient(180deg,transparent 0,#000 240px)}
.st-endbg-a,.st-endbg-b{position:absolute;left:0;right:0;height:60%}
.st-endbg-a{top:0}.st-endbg-b{bottom:0}
.st-endbg img{position:absolute;max-width:none;height:auto;filter:saturate(1.15)}
.st-endbg img.soft{-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent 100%);mask-image:radial-gradient(closest-side,#000 70%,transparent 100%)}
.st-endbg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 42% at 26% 44%,rgba(60,20,110,.42),rgba(60,20,110,0) 75%)}
.st .st-contact>.st-wrap>div:first-child,.st .st-ft .st-ft-bot{text-shadow:0 2px 14px rgba(40,10,80,.55),0 0 2px rgba(40,10,80,.35)}

/* hero + footer: lila basis (geen wit), dubbele elementlaag */
.st .st-hero{background:var(--ss-lila)!important}
.st .st-hero>.st-layers{background:var(--ss-lila)}
.st-l2{position:absolute;inset:0;transform:translate(3%,6%) scale(1.08);opacity:.9}
.st-l2 img{position:absolute;max-width:none;height:auto}
.st-endbg{background:var(--ss-lila)}
.st-endbg-a,.st-endbg-b{height:70%}
.st .st-hero .st-wrap{padding-bottom:140px}

/* lila fade: hero onderaan, contact/footer bovenaan (lila zit op de gemaskeerde laag) */
.st .st-hero{background:transparent!important}
.st .st-hero>.st-layers{background:var(--ss-lila);-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 60%,transparent 100%)!important}
.st-endbg{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 260px)!important;mask-image:linear-gradient(180deg,transparent 0,#000 260px)!important}

/* hero: geen grauwe schaduw achter de content — lichte, gekleurde sluier */
.st .st-hero::after{background:radial-gradient(ellipse 44% 46% at 50% 46%,rgba(135,86,255,.28),rgba(135,86,255,.1) 60%,rgba(135,86,255,0) 80%)!important}
.st .st-hero h1,.st .st-hero .st-eb,.st .st-hero-intro{text-shadow:0 1px 10px rgba(110,40,200,.35)!important}
.st .st-hero-logo{filter:drop-shadow(0 4px 16px rgba(110,40,200,.25))!important}
.st-endbg::after{background:radial-gradient(ellipse 40% 42% at 26% 44%,rgba(135,86,255,.3),rgba(135,86,255,0) 75%)!important}
.st .st-contact>.st-wrap>div:first-child,.st .st-ft .st-ft-bot{text-shadow:0 1px 10px rgba(110,40,200,.35)!important}

/* hero-fade loopt door over de rand heen: geen harde lijn */
.st .st-hero{overflow:visible!important;z-index:0}
.st .st-hero>.st-layers,.st .st-hero::after{bottom:-260px!important;height:auto;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 58%,rgba(0,0,0,.6) 72%,rgba(0,0,0,.2) 86%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 0,#000 58%,rgba(0,0,0,.6) 72%,rgba(0,0,0,.2) 86%,transparent 100%)!important}
.st .st-hero>.st-layers{overflow:hidden}
.st .st-hero~.st-sec,.st main>section>.st-sec{position:relative;z-index:1}
body.st{overflow-x:hidden}

/* Over ons: tekst onder de titel; team horizontaal scrollbaar en gecentreerd */
.st .st-over{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;max-width:720px;margin:0 auto 44px}
.st .st-over .st-prose{max-width:640px}
.st .st-team{display:flex!important;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px max(24px,calc((100% - 1160px)/2)) 28px;margin:0 -24px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.st .st-team::before,.st .st-team::after{content:"";flex:1 0 0}
.st .st-team>.st-mem{flex:0 0 220px;scroll-snap-align:center}

/* contact + footer: alle tekst in ink */
.st .st-contact h2,.st .st-contact .st-eb,.st .st-contact p,.st .st-contact li,.st .st-contact b,.st .st-contact a:not(.st-btn),.st .st-contact>.st-wrap>div:first-child,.st .st-contact>.st-wrap>div:first-child *,.st .st-ft,.st .st-ft *,.st .st-ft a,.st .st-ft span,.st .st-ft p,.st .st-ft b{color:var(--ss-ink)!important;text-shadow:none!important}
.st-endbg::after{background:radial-gradient(ellipse 42% 44% at 26% 44%,rgba(255,255,255,.55),rgba(255,255,255,0) 78%)!important}
.st .st-ft .st-ft-bot{background:rgba(255,255,255,.55);border-radius:14px;padding:14px 18px;margin-bottom:12px}

/* contact: losse zwevende velden zoals de nieuwsbrief */
.st .st-cform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-content:start}
.st .st-cform textarea{grid-column:1/-1;min-height:120px;padding:14px 20px;border-radius:24px;border:2px solid var(--ss-grey-200);font:400 17px var(--font-body);background:#fff;resize:vertical;box-shadow:var(--shadow-sm)}
.st .st-cform input{box-shadow:var(--shadow-sm);background:#fff}
.st .st-cform textarea:focus{outline:none;border-color:var(--ss-ink)}
.st .st-cform .st-btn{justify-self:start;grid-column:1/-1}
.st-done-inline{grid-column:1/-1;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:var(--shadow-sm)}
@media (max-width:560px){.st .st-cform{grid-template-columns:minmax(0,1fr)}}

.st .st-role{font-family:var(--font-body)!important;font-weight:500!important}

.st .st-mem-top .st-grp{position:absolute;top:10px;left:10px;padding:4px 10px;border:1.5px solid #fff;border-radius:999px;font:var(--fw-ui) 12px/1.2 var(--font-ui);color:#fff!important;text-shadow:0 1px 8px rgba(110,40,200,.35)}

/* naam boven de foto; groep + voornaamwoorden eronder */
.st .st-mem-top{padding:20px 16px 16px;gap:10px}
.st .st-mem-top h3{margin:0}
.st .st-mem-top .st-grp,.st .st-mem-top .st-pron{position:static!important}
.st-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.st .st-pills span{padding:4px 10px;border:1.5px solid #fff;border-radius:999px;font:var(--fw-ui) 12px/1.2 var(--font-ui);color:#fff!important;text-shadow:0 1px 8px rgba(110,40,200,.35)}

/* ===== Pillen/outlines: Oswald Medium KAPITALEN · overige tekst (behalve titels, knoppen, menubalk): Barlow ===== */
.st .st-tag,.st .st-price,.st .st-pills span,.st .st-grp,.st .st-pron,.st .st-mem-top .st-pron,.st .st-mem-top .st-grp,.st .st-chip,.st .st-soorten a{font-family:"Oswald","Arial Narrow",sans-serif!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:0!important}
.st .st-tag,.st .st-price{font-size:13px!important}
.st .st-meta,.st .st-more,.st .st-role,.st .st-hl,.st .st-small,.st .st-month span,.st .st-back-link,.st .st-back span,.st .st-clist,.st .st-clist b,.st .st-vform label,.st .st-vform legend,.st .st-checks label,.st .st-logos .txt,.st .st-ft,.st .st-ft *,.st .st-eb,.st .st-num{font-family:var(--font-body)!important}
.st .st-meta{font-weight:500!important}.st .st-more{font-weight:600!important}.st .st-clist b,.st .st-vform label,.st .st-vform legend{font-weight:600!important}
.st .st-num{font-weight:600!important}

/* groep + voornaamwoorden in het witte vlak, zwarte outline */
.st .st-mem-body .st-pills{margin-bottom:4px}
.st .st-mem-body .st-pills span{border-color:var(--ss-ink)!important;color:var(--ss-ink)!important;text-shadow:none!important}
.st .st-mem-top{padding-bottom:20px}

/* naam in het witte vlak; grotere foto; kaart boven net zo rond als de foto */
.st .st-team>.st-mem{flex-basis:240px;border-radius:120px 120px 24px 24px}
.st .st-mem-top{padding:18px 18px 18px;border-radius:120px 120px 0 0}
.st .st-ring{width:164px!important;height:164px!important;margin:0!important}
.st .st-mem-body h3{margin:2px 0 4px;color:var(--ss-ink)!important;text-shadow:none!important}

/* team-scroller over de volle schermbreedte */
.st .st-team{width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:0!important;padding-left:max(24px,calc((100vw - 1160px)/2))!important;padding-right:max(24px,calc((100vw - 1160px)/2))!important;box-sizing:border-box}

/* eindeloze team-loop: geen snap/spacers (die botsen met het doorlopen) */
.st .st-team{scroll-snap-type:none!important;scrollbar-width:none}
.st .st-team::-webkit-scrollbar{display:none}
.st .st-team::before,.st .st-team::after{display:none!important}

.st .st-team{position:relative}

/* Doe mee: vacaturekaarten + pop-ups */
.st .st-vac-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:980px){.st .st-vac-grid{grid-template-columns:minmax(0,1fr)}}
.st .st-vac{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:24px}
.st .st-vac h3{margin:0}.st .st-vac p{margin:0;flex:1}
.st .st-vac .st-btn{margin-top:6px}
.st-vac-tags{display:flex;gap:6px;flex-wrap:wrap}
.st .st-vac-tags .st-tag{text-transform:uppercase;font-family:var(--font-pill,var(--font-display));font-weight:500}
.st-dlg{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;border:0;border-radius:24px;padding:36px 36px 32px;background:#fff;color:var(--ss-ink);box-shadow:0 24px 64px rgba(46,46,45,.28)}
.st-dlg::backdrop{background:rgba(46,46,45,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.st-dlg[open]{animation:stDlg .28s var(--ease-out,cubic-bezier(.2,.8,.2,1))}
@keyframes stDlg{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.st-dlg h2{margin:12px 0 12px;font-family:var(--font-display);font-weight:500;text-transform:uppercase;font-size:clamp(32px,5vw,44px);line-height:1}
.st-dlg h3{margin:22px 0 8px;font-family:var(--font-display);font-weight:500;text-transform:uppercase;font-size:22px;line-height:1.1}
.st-dlg p,.st-dlg li{font:400 17px/1.45 var(--font-body)}.st-dlg p{margin:0 0 12px}
.st-dlg ul{margin:0 0 12px;padding-left:20px;display:grid;gap:4px}
.st-dlg .st-lead{font-weight:500;font-size:19px}
.st-dlg-x{position:sticky;top:0;float:right;margin:-20px -20px 0 0;width:44px;height:44px;border-radius:999px;border:2px solid var(--ss-ink);background:#fff;color:var(--ss-ink);font:400 26px/1 var(--font-body);cursor:pointer;z-index:2}
.st-dlg-x:hover{background:var(--ss-ink);color:#fff}
.st-dlg-cta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid rgba(46,46,45,.12);font:400 15px/1.4 var(--font-body)}
.st-dlg-cta a{color:var(--ss-ink)!important;text-decoration:underline}
.st-dlg .st-vform{margin-top:16px;box-shadow:none;padding:0;background:transparent}
.st-dlg input[type=file]{font:400 15px var(--font-body)}
html.st-dlg-open{overflow:hidden}
@media (max-width:560px){.st-dlg{padding:28px 20px 24px}.st-dlg-x{margin:-12px -8px 0 0}}

body.st>.st-flow{bottom:auto!important;contain:strict}
.st .st-team{contain:layout paint}

.st .st-tag.altijd{background:var(--ss-mint)!important;border-color:var(--ss-mint)!important;color:var(--ss-ink)!important}

.st .st-cone{max-width:680px}
.st .st-cone .st-cform{margin-top:4px}

/* contactknop: witte tekst op ink, hover outline (ink-regel voor contacttekst gold ook voor de knop) */
.st .st-contact .st-cform .st-btn,.st .st-contact>.st-wrap>div:first-child .st-btn{color:#fff!important;background:var(--ss-ink)!important;border:2px solid var(--ss-ink)!important;font-family:var(--font-button)!important;text-transform:uppercase;padding:13px 28px;min-height:48px}
.st .st-contact .st-cform .st-btn:hover,.st .st-contact>.st-wrap>div:first-child .st-btn:hover{background:transparent!important;color:var(--ss-ink)!important}

/* signaal Vol: zacht roze, ink-tekst */
.st .st-tag.vol{background:var(--signal-vol)!important;border-color:var(--signal-vol)!important;color:var(--ss-ink)!important}
.st :focus-visible{outline-color:var(--focus-ring)!important}

/* partners: lopende strook, transparant */
.st .st-marquee{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;background:transparent;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.st .st-marquee-track{display:flex;align-items:center;gap:72px;width:max-content;padding:12px 36px;animation:stMarq 38s linear infinite}
.st .st-marquee:hover .st-marquee-track{animation-play-state:paused}
.st .st-marquee span{flex:none;display:flex;align-items:center;height:96px;background:transparent!important;box-shadow:none!important;padding:0!important;border:0!important}
.st .st-marquee img{max-height:96px;max-width:190px;width:auto;height:auto;object-fit:contain;display:block}
@keyframes stMarq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.st .st-marquee-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}.st .st-marquee span[aria-hidden]{display:none}}

/* contact + nieuwsbrief naast elkaar */
.st .st-c2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:start}
.st .st-cnl{padding-top:0}
.st .st-cnl h2{margin-bottom:20px}
.st .st-cnl .st-form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.st .st-cnl .st-form input{box-shadow:var(--shadow-sm);background:#fff}
.st .st-cnl .st-btn{justify-self:start;color:#fff!important;background:var(--ss-ink)!important;border:2px solid var(--ss-ink)!important;text-transform:uppercase;padding:13px 28px;min-height:48px}
.st .st-cnl .st-btn:hover{background:transparent!important;color:var(--ss-ink)!important}
.st .st-cnl,.st .st-cnl *{color:var(--ss-ink)}
@media (max-width:860px){.st .st-c2{grid-template-columns:minmax(0,1fr);gap:48px}}

/* ===== Hero-intro bij binnenkomst ===== */
.st-hero.st-intro .st-layers img{filter:opacity(0);--ox:var(--ix);--oy:var(--iy);scale:.7;rotate:var(--ir);transition:filter .9s ease var(--id),--ox 1.4s cubic-bezier(.2,.8,.2,1) var(--id),--oy 1.4s cubic-bezier(.2,.8,.2,1) var(--id),scale 1.4s cubic-bezier(.2,.8,.2,1) var(--id),rotate 1.6s cubic-bezier(.2,.8,.2,1) var(--id)}
.st-hero.st-intro.st-go .st-layers img{filter:opacity(1);--ox:0px;--oy:0px;scale:1;rotate:0deg}
.st-hero.st-intro .st-hero-logo,.st-hero.st-intro .st-eb,.st-hero.st-intro h1,.st-hero.st-intro .st-hero-intro{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.st-hero.st-intro .st-hero-logo{transform:scale(.8) rotate(-6deg);transition-duration:.8s,1.1s}
.st-hero.st-intro.st-go .st-hero-logo{opacity:1;transform:none;transition-delay:.55s}
.st-hero.st-intro.st-go .st-eb{opacity:1;transform:none;transition-delay:.85s}
.st-hero.st-intro.st-go h1{opacity:1;transform:none;transition-delay:1s}
.st-hero.st-intro.st-go .st-hero-intro{opacity:1;transform:none;transition-delay:1.2s}
/* daarna: heel rustig blijven deinen */
@keyframes st-drift{0%,100%{translate:0 0}50%{translate:0 -10px}}
.st-hero.st-intro.st-go .st-l2{animation:st-drift 9s ease-in-out 2.4s infinite}
@media (prefers-reduced-motion:reduce){.st-hero.st-intro *{transition:none!important;animation:none!important;opacity:1!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important}}

/* ===== Zweven + scroll-beweging ===== */
@property --fx{syntax:'<length>';inherits:false;initial-value:0px}
@property --fy{syntax:'<length>';inherits:false;initial-value:0px}
@property --ox{syntax:'<length>';inherits:false;initial-value:0px}
@property --mx{syntax:'<length>';inherits:false;initial-value:0px}
@property --my{syntax:'<length>';inherits:false;initial-value:0px}
@property --oy{syntax:'<length>';inherits:false;initial-value:0px}
@keyframes st-float{0%{--fx:0px;--fy:0px}33%{--fx:var(--ax);--fy:calc(var(--ay) * -1)}66%{--fx:calc(var(--ax) * -.7);--fy:calc(var(--ay) * -.4)}100%{--fx:0px;--fy:0px}}
.st .st-hero .st-layers img,.st .st-flow img,.st .st-endbg img{translate:calc(var(--ox) + var(--fx) + var(--mx) + var(--sh,0) * var(--kx,0) * 1px) calc(var(--oy) + var(--fy) + var(--my) + var(--sh,0) * var(--ky,0) * 1px + (var(--scroll,0) - var(--t,0)) * var(--d,0) * -1px);transition:--mx .7s cubic-bezier(.3,1.7,.45,1),--my .7s cubic-bezier(.3,1.7,.45,1);animation:st-float var(--fd,9s) ease-in-out var(--fdl,0s) infinite;will-change:translate}
.st .st-hero.st-intro.st-go .st-l2{animation:none}
@media (prefers-reduced-motion:reduce){.st .st-hero .st-layers img,.st .st-flow img,.st .st-endbg img{animation:none;translate:none}}

/* intro-fade wint van de saturate-regel */
.st .st-hero.st-intro>.st-layers img,.st .st-hero.st-intro>.st-layers .st-l2 img{filter:saturate(1.15) opacity(0)!important}
.st .st-hero.st-intro.st-go>.st-layers img,.st .st-hero.st-intro.st-go>.st-layers .st-l2 img{filter:saturate(1.15) opacity(1)!important}

/* ===== Hero POP bij openen ===== */
.st .st-hero.st-intro>.st-layers img,.st .st-hero.st-intro>.st-layers .st-l2 img{scale:.1;transition:filter .3s ease var(--id),scale .75s cubic-bezier(.34,1.9,.5,1) var(--id),rotate .9s cubic-bezier(.34,1.6,.5,1) var(--id),--ox .75s cubic-bezier(.34,1.6,.5,1) var(--id),--oy .75s cubic-bezier(.34,1.6,.5,1) var(--id)!important}
.st .st-hero.st-intro.st-go>.st-layers img,.st .st-hero.st-intro.st-go>.st-layers .st-l2 img{scale:1}
.st .st-hero.st-intro .st-hero-logo{transform:scale(.2) rotate(-14deg);transition:opacity .25s ease,transform .8s cubic-bezier(.34,1.9,.5,1)}
.st .st-hero.st-intro.st-go .st-hero-logo{transform:none;transition-delay:.45s}
.st .st-hero.st-intro .st-eb,.st .st-hero.st-intro h1,.st .st-hero.st-intro .st-hero-intro{transform:translateY(26px) scale(.92);transition:opacity .35s ease,transform .7s cubic-bezier(.34,1.7,.5,1)}
.st .st-hero.st-intro.st-go .st-eb{transform:none;transition-delay:.7s}
.st .st-hero.st-intro.st-go h1{transform:none;transition-delay:.82s}
.st .st-hero.st-intro.st-go .st-hero-intro{transform:none;transition-delay:.96s}

/* zweven: heel langzaam, met een lichte draai */
@keyframes st-float{0%{--fx:0px;--fy:0px}25%{--fx:var(--ax);--fy:calc(var(--ay) * -.6)}50%{--fx:calc(var(--ax) * .3);--fy:calc(var(--ay) * -1)}75%{--fx:calc(var(--ax) * -.7);--fy:calc(var(--ay) * -.4)}100%{--fx:0px;--fy:0px}}
.st .st-vform textarea{width:100%;min-height:130px;padding:14px 20px;border-radius:24px;border:2px solid var(--ss-grey-200);font:400 17px var(--font-body);background:#fff;resize:vertical;box-sizing:border-box}
.st .st-vform textarea:focus{outline:none;border-color:var(--ss-ink)}

/* ===== Geen menubalk: alleen zwevende socials rechts ===== */
.st-bar,.st-drawer{display:none!important}
.st .st-ft{padding-bottom:28px!important}
.st .st-hero .st-wrap{padding-bottom:96px}
.st-float{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:10px}
.st .st-float a{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ss-ink);border:2px solid var(--ss-ink);color:#fff!important;font-size:20px;text-decoration:none;box-shadow:0 6px 18px rgba(46,46,45,.18);transition:background .2s,color .2s,transform .2s cubic-bezier(.34,1.6,.5,1)}
.st .st-float a:hover{background:#fff;color:var(--ss-ink)!important;transform:scale(1.08)}
@media (max-width:760px){.st-float{top:auto;bottom:16px;right:16px;transform:none}.st .st-float a{width:44px;height:44px;font-size:18px}}
.st .st-c1{max-width:680px}

/* zwevende socials: los zwart icoon rechtsonder, geen cirkel */
.st-float{top:auto!important;bottom:24px;right:24px;transform:none!important;flex-direction:row;gap:16px}
.st .st-float a{width:auto!important;height:auto!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:var(--ss-ink)!important;font-size:26px!important;line-height:1}
.st .st-float a:hover{background:none!important;color:var(--ss-ink)!important;opacity:.65;transform:scale(1.1)}
@media (max-width:760px){.st-float{bottom:16px;right:16px}.st .st-float a{font-size:24px!important}}

/* ===== Eén maat voor alle boxen + alles op één lijn ===== */
.st .st-wrap{max-width:1220px}
.st .st-grid,.st .st-vac-grid,.st .st-help-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch}
@media (max-width:980px){.st .st-grid,.st .st-vac-grid,.st .st-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:620px){.st .st-grid,.st .st-vac-grid,.st .st-help-grid{grid-template-columns:minmax(0,1fr)!important}}
.st .st-help-grid>div{padding:24px;border-radius:14px}
.st .st-over{align-items:flex-start;text-align:left;margin:0 0 44px;max-width:680px}
.st .st-lead{max-width:680px!important}

/* "Meld je aan" in eventkaart = zelfde knop als "Hele agenda" */
.st .st-card .st-more{padding-top:14px;color:inherit!important}
.st .st-card .st-more .st-btn{font-family:var(--font-button)!important;font-weight:var(--fw-button)!important;text-transform:uppercase}
.st .st-card:hover .st-more .st-btn{background:var(--ss-ink);color:#fff!important}

/* Hulp: smallere boxen; desktop op één rij, kleiner scherm horizontaal scrollen */
.st .st-help-grid{display:flex!important;gap:20px!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 24px 24px;margin:0 -24px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.st .st-help-grid>div{flex:0 0 260px;scroll-snap-align:start}
@media (max-width:620px){.st .st-help-grid>div{flex-basis:78%}}

/* datumtegel in eventkaarten: Oswald */
.st .st-card .st-dt,.st .st-card .st-dt *{font-family:var(--font-pill)!important;font-weight:var(--fw-ui)!important}

/* lila achtergrond fadet bij openen van wit naar kleur */
@keyframes st-lila-in{from{background-color:#fff}to{background-color:var(--ss-lila)}}
.st .st-hero>.st-layers{animation:st-lila-in 1.6s ease-out .1s both}
@media (prefers-reduced-motion:reduce){.st .st-hero>.st-layers{animation:none}}

/* ===== Footerbalk: rustig wit boxje, zelfde maat als de rest ===== */
.st .st-ft{padding:40px 0 28px!important}
.st .st-ft .st-ft-bot{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;background:#fff!important;border-radius:14px;padding:18px 24px;margin:0;box-shadow:0 12px 32px rgba(52,0,140,.14);text-shadow:none!important;font:400 15px/1.4 var(--font-body)!important}
.st .st-ft .st-ft-bot *{text-shadow:none!important;font-family:var(--font-body)!important}
.st .st-ft .st-ft-bot a{color:var(--ss-ink)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.st .st-ft .st-ft-bot a:hover{text-decoration-thickness:2px}
.st .st-ft-credit a{font-weight:600}
/* partners onderaan, vlak boven de footer */
.st #partners{padding-bottom:24px}
/* zwevende icoontjes: rechts uitgelijnd met de footerbalk-tekst, stoppen boven de balk */
.st-float{transition:none}

/* socials naast de knoppen, niet meer zwevend */
.st .st-cnl .st-btns{align-items:center}
.st .st-social-inline{display:flex;gap:16px;margin-left:auto}
.st .st-social-inline a{color:var(--ss-ink)!important;font-size:26px;line-height:1;text-decoration:none;transition:opacity .2s,transform .2s}
.st .st-social-inline a:hover{opacity:.65;transform:scale(1.1)}

.st #partners{padding-bottom:var(--st-sec-pad,88px)}

/* ===== Mobiel: alle achtergrond-elementen véél groter (niet in kaarten) ===== */
@media (max-width:760px){
.st .st-hero .st-layers img,.st .st-flow img,.st .st-endbg img,.st .st-ft .st-layers img,.st .st-ph .st-layers img{scale:2.2;transform-origin:center}
.st .st-hero .st-layers img{scale:2.45}
.st .st-hero.st-intro.st-go>.st-layers img,.st .st-hero.st-intro.st-go>.st-layers .st-l2 img{scale:2.45}
}

/* maand in datumtegel ~ even breed als twee cijfers */
.st .st-dt span{font-size:18px!important;line-height:1;margin-top:2px;text-transform:uppercase}

/* ===== Eerdere events op de Agenda ===== */
.st .st-past-head{margin:72px 0 8px;max-width:680px}
.st .st-past-head p{margin-top:10px!important}
.st .st-card.is-past{cursor:default}
.st .st-card.is-past:hover{transform:none}
.st .st-card.is-past .st-cb{padding-bottom:22px}
/* ===== Lichtere bovenkanten (kaarten + agendakop), zoals hero/footer ===== */
.st .st-card .st-img{background:var(--ss-lila)!important}
.st .st-card .st-img::after{background:linear-gradient(180deg,rgba(135,86,255,0),rgba(135,86,255,.14) 45%,rgba(90,40,180,.34))!important}
.st .st-card .st-img-t{text-shadow:0 1px 10px rgba(110,40,200,.45),0 0 2px rgba(80,20,160,.3)!important}
.st .st-card .st-img .st-layers img{filter:saturate(1.15)}
.st-mem-top::after{background:rgba(135,86,255,.1)!important}
.st .st-ph{background:var(--ss-lila)!important}
.st .st-ph::after{background:radial-gradient(ellipse 60% 70% at 30% 50%,rgba(135,86,255,.28),rgba(135,86,255,.08) 70%,rgba(135,86,255,0))!important}
.st .st-ph h1,.st .st-ph .st-eb,.st .st-ph p{text-shadow:0 1px 10px rgba(110,40,200,.4)}

/* ===== Teamfoto: uitgeknipt, zwart-wit, in een element; hoofd steekt erboven uit ===== */
.st .st-ring{display:none}
.st .st-cut{position:relative;width:190px;aspect-ratio:1/1.15;margin:0 auto;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff)}
.st .st-cut-bg{position:absolute;left:0;bottom:0;width:100%;height:auto;aspect-ratio:1;object-fit:contain;max-width:none}
.st .st-cut-p{position:absolute;inset:0;-webkit-mask-position:center bottom,center top;mask-position:center bottom,center top;-webkit-mask-size:100% auto,100% 56.5%;mask-size:100% auto,100% 56.5%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.st .st-cut-p img{position:absolute;left:-6%;bottom:0;width:112%;height:auto;max-width:none;filter:grayscale(1) contrast(1.1) brightness(1.03)}
@media (max-width:760px){.st .st-flow img{scale:1!important}}

/* ===== Team: geen box meer, alleen uitsnede + naam; info in pop-up ===== */
.st .st-team>.st-mem{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:visible!important;cursor:pointer;flex-basis:220px!important;transition:transform .3s cubic-bezier(.34,1.6,.5,1)}
.st .st-team>.st-mem:hover,.st .st-team>.st-mem:focus-visible{transform:translateY(-6px) rotate(-1.5deg)}
.st .st-team .st-mem-top{background:transparent!important;padding:0 0 10px!important;border-radius:0!important;overflow:visible!important}
.st .st-team .st-mem-top>.st-layers,.st .st-team .st-mem-top::after{display:none!important}
.st .st-team .st-cut{width:200px}
.st .st-team .st-mem-body{display:none}
.st .st-team .st-mem::after{content:attr(aria-label);display:none}
.st .st-team .st-mem-top::before{content:none}
.st .st-team .st-mem .st-name{display:block}
/* pop-up */
.st-dlg-team{width:min(460px,calc(100vw - 32px));text-align:center}
.st-dlg-team .st-cut{width:220px;margin:4px auto 14px}
.st-dlg-team .st-mem-body{display:flex!important;flex-direction:column;align-items:center;gap:10px;padding:0!important;background:none!important}
.st-dlg-team h2{margin:0!important}
.st-dlg-team .st-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.st-dlg-team .st-role{font:500 17px/1.35 var(--font-body)}
.st-dlg-team .st-quote{font:italic 400 17px/1.45 var(--font-body);margin:0}
.st .st-team .st-name{display:block;margin-top:12px;font:500 26px/1 var(--font-display);text-transform:uppercase;color:var(--ss-ink);text-align:center}

/* tweede element achter de vorm; nooit over de foto */
.st .st-cut{isolation:isolate}
.st .st-cut-acc{position:absolute;z-index:-1;height:auto;max-width:none;pointer-events:none}
.st .st-cut-bg{z-index:0}.st .st-cut-p{z-index:1}
.st .st-cut-p img{filter:grayscale(1) contrast(1.1) brightness(1.03)!important}

/* naam loopt mee met de vorm */
.st .st-team .st-mem-top{position:relative}
.st .st-name-arc{position:absolute;left:50%;top:0;width:200px;translate:-50% 0;height:auto;aspect-ratio:100/115;overflow:visible;pointer-events:none;z-index:2}
.st .st-name-arc text{font:500 8.5px var(--font-display);text-transform:uppercase;fill:var(--ss-ink);letter-spacing:0}

/* veel meer uit de vorm poppen: kleinere cirkel onderin, grotere persoon */
.st .st-cut{aspect-ratio:1/1.35!important}
.st .st-cut-bg{left:9%!important;width:82%!important}
.st .st-cut-p{-webkit-mask-size:82% auto,100% 69.6%!important;mask-size:82% auto,100% 69.6%!important}
.st .st-cut-p img{left:-14%!important;width:128%!important}
.st .st-name-arc{aspect-ratio:100/135!important}
.st .st-name-arc text{font-size:8px}

/* meer ruimte tussen de teamleden */
.st .st-team{gap:56px!important;padding-top:28px!important;padding-bottom:36px!important}
.st .st-team>.st-mem{flex-basis:230px!important}
.st .st-team .st-cut{width:210px}
.st .st-name-arc{width:210px}
@media (max-width:760px){.st .st-team{gap:36px!important}}

/* fix: strak masker (geen doorschijnende kleur over de foto) + geen harde horizontale snede */
.st .st-cut-p{-webkit-mask-image:radial-gradient(circle closest-side,#000 calc(100% - .5px),transparent 100%),linear-gradient(#000,#000)!important;mask-image:radial-gradient(circle closest-side,#000 calc(100% - .5px),transparent 100%),linear-gradient(#000,#000)!important;
-webkit-mask-size:82% 60.74%,82% 69.6%!important;mask-size:82% 60.74%,82% 69.6%!important;-webkit-mask-position:center bottom,center top!important;mask-position:center bottom,center top!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important}
.st .st-cut-bg{filter:saturate(1.5)}
.st .st-cut{filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff)}

/* pop-out zonder maskers: twee knipvlakken (cirkel + rechthoek erboven), samen één grafsteenvorm */
.st .st-cut-p{-webkit-mask:none!important;mask:none!important}
.st .st-cut-a{clip-path:ellipse(41% 30.37% at 50% 69.63%)}
.st .st-cut-b{clip-path:inset(0 9% 30.37% 9%)}

/* halftone-element achter elk teamlid: andere kleur, plek en rotatie */
.st .st-team .st-mem-top{isolation:isolate}
.st .st-mem-acc{position:absolute;z-index:-1;height:auto;max-width:none;pointer-events:none;filter:saturate(1.3)}

/* geen witte gloed/outline om de cirkel */
.st .st-cut{filter:none!important}
.st .st-cut-bg{clip-path:circle(48.5% at 50% 50%)}

/* waaier hugt de cirkel (zoals bij Barry), steeds op een andere plek aan de bovenkant; draait om het midden van de cirkel */
.st .st-mem-accw{position:absolute;z-index:-1;left:50%;top:0;width:210px;aspect-ratio:1/1.35;translate:-50% 0;transform-origin:50% 69.6%;pointer-events:none}
.st .st-mem-accw .st-mem-acc{left:50%;top:14.5%;width:57%;rotate:-60deg}
.st .st-team>.st-mem{overflow:visible}

/* geen gloed: geen filters/schaduw op foto of cirkel */
.st .st-cut,.st .st-cut-p,.st .st-cut-a,.st .st-cut-b{filter:none!important;box-shadow:none!important;text-shadow:none!important}
.st .st-cut-p img{filter:grayscale(1) contrast(1.1)!important}
.st .st-cut-bg{filter:saturate(1.5)!important;clip-path:circle(47.5% at 50% 50%)!important}

/* cirkels iets groter t.o.v. de persoon */
.st .st-cut{aspect-ratio:1/1.25!important}
.st .st-cut-bg{left:3%!important;width:94%!important}
.st .st-cut-a{clip-path:ellipse(47% 37.6% at 50% 62.4%)!important}
.st .st-cut-b{clip-path:inset(0 3% 37.6% 3%)!important}
.st .st-mem-accw{aspect-ratio:1/1.25;transform-origin:50% 62.4%}
.st .st-mem-accw .st-mem-acc{top:6%;left:53%;width:60%}
.st .st-name-arc{aspect-ratio:100/125!important}

/* foto-uitsnede exact gelijk aan de gekleurde cirkel */
.st .st-cut-bg{left:3%!important;width:94%!important;clip-path:circle(47.5% at 50% 50%)!important}
.st .st-cut-a{clip-path:ellipse(44.65% 35.72% at 50% 62.4%)!important}
.st .st-cut-b{clip-path:inset(0 5.35% 37.6% 5.35%)!important}

/* waaier altijd rechtsboven, zelfde plek */
.st .st-mem-accw{rotate:15deg!important}

/* waaier iets naar links en omhoog */
.st .st-mem-accw .st-mem-acc{left:46%!important;top:1%!important}

/* namen groter, iets naar rechts, meer ruimte; waaier hoger */
.st .st-name-arc text{font-size:11px!important}
.st .st-mem-accw .st-mem-acc{top:-9%!important}

/* Shannah: zachtere roze cirkel */
.st .st-cut-bg[src*="element-24-hotpink"]{filter:saturate(.75) brightness(1.12)!important}

/* waaier diagonaal iets naar rechtsboven */
.st .st-mem-accw .st-mem-acc{left:calc(46% + 8px)!important;top:calc(-9% - 8px)!important}
.st .st-mem-accw .st-mem-acc{left:calc(46% + 6px)!important}
.st .st-name-arc text{font-size:13px!important}
.st .st-name-arc text{letter-spacing:.06em!important}

/* partnerlogo's een stuk groter */
.st .st-marquee-track{gap:96px}
.st .st-marquee span{height:150px}
.st .st-marquee img{max-height:150px;max-width:300px}
@media (max-width:760px){.st .st-marquee-track{gap:64px}.st .st-marquee span{height:110px}.st .st-marquee img{max-height:110px;max-width:220px}}

/* Word vrijwilliger dichter op het team: zelfde ritme als de rest */
.st #over{padding-bottom:32px!important}
.st .st-team{padding-bottom:12px!important}

/* hulp-blokjes: gelijke hoogte, website onderin */
.st .st-help-grid>.st-box{display:flex;flex-direction:column}
.st .st-help-grid>.st-box p{flex:1}
.st .st-help-grid>.st-box .st-hl{margin-top:auto}

/* eventlabels: soort + herhaling gevuld in zacht spectrum; signalen als gekleurde outline. Tekst blijft ink. */
.st .st-card .st-tag.soort{background:var(--ss-lila)!important;border-color:var(--ss-lila)!important;color:var(--ss-ink)!important}
.st .st-card .st-tag.soort[data-k="workshop"]{background:var(--ss-hemel)!important;border-color:var(--ss-hemel)!important}
.st .st-card .st-tag.soort[data-k="spelavond"],.st .st-card .st-tag.soort[data-k="bingo"]{background:var(--ss-limoen)!important;border-color:var(--ss-limoen)!important}
.st .st-card .st-tag.soort[data-k="pubquiz"]{background:var(--ss-oranje)!important;border-color:var(--ss-oranje)!important}
.st .st-card .st-tag.soort[data-k="talk"]{background:var(--ss-mint)!important;border-color:var(--ss-mint)!important}
.st .st-card .st-tag.soort[data-k="borrel"]{background:#FFC2E2!important;border-color:#FFC2E2!important}
.st .st-card .st-tag.herhaal{background:var(--ss-geel)!important;border-color:var(--ss-geel)!important;color:var(--ss-ink)!important}
.st .st-card .st-tag.plek{background:transparent!important;border:2px solid var(--ss-oranje)!important;color:var(--ss-ink)!important}
.st .st-card .st-tag.vol{background:transparent!important;border:2px solid var(--ss-hotpink)!important;color:var(--ss-ink)!important}

/* datumtegel: iets hoger, maand iets kleiner */
.st .st-card .st-dt{padding:14px 0 11px!important}
.st .st-card .st-dt span{font-size:12px!important;margin-top:2px}

/* ===== Footer met body: wit logo, slogan, socials — wit op de regenboog ===== */
.st .st-ft .st-wrap{position:relative;z-index:1}
.st .st-ft-bot{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;border-top:1.5px solid rgba(255,255,255,.7)!important;border-radius:0!important;padding:16px 0 0!important;margin-top:28px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.st .st-ft-bot,.st .st-ft-bot *{color:#fff!important;font:500 14px/1.4 var(--font-ui)}
.st .st-ft-bot a{text-decoration:underline;text-underline-offset:3px}
.st .st-ft-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:40px;padding-top:24px}
.st .st-ft-logo{width:150px;height:auto;filter:drop-shadow(0 4px 18px rgba(110,40,200,.28))}
.st .st-ft-mid{display:flex;flex-direction:column;gap:6px}
.st .st-ft-big{font:500 clamp(34px,4.4vw,56px)/1 var(--font-display);text-transform:uppercase;color:#fff;text-shadow:0 4px 22px rgba(110,40,200,.3)}
.st .st-ft-small{font:500 18px/1.3 var(--font-eyebrow);color:#fff;text-shadow:0 2px 12px rgba(110,40,200,.3)}
.st .st-ft-links{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.st .st-ft-links>a{font:500 16px/1 var(--font-ui);color:#fff!important;text-decoration:none}
.st .st-ft-links>a:hover{text-decoration:underline}
.st .st-ft-social{display:flex;gap:14px;margin-bottom:4px}
.st .st-ft-social a{color:#fff!important;font-size:26px;line-height:1}
.st .st-ft-social a:hover{opacity:.75}
@media (max-width:760px){.st .st-ft-box{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:20px}.st .st-ft-links{align-items:center;flex-direction:row;gap:18px}.st .st-ft-social{margin:0}.st .st-ft-logo{width:120px}.st .st-ft-bot{justify-content:center;text-align:center}}

/* mobiel: socials netjes mee in de knoppenrij, gecentreerd, als ronde ink-knopjes */
@media (max-width:760px){
.st .st-cnl .st-btns{flex-wrap:wrap;gap:10px}
.st .st-social-inline{margin-left:0;flex-basis:100%;gap:10px;margin-top:6px}
.st .st-social-inline a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--ss-ink);border-radius:999px;font-size:19px;background:transparent}
.st .st-social-inline a:hover{background:var(--ss-ink);color:#fff!important;opacity:1;transform:none}
}

/* ===== Eén systeem voor alle witte boxjes: 14px radius, 24px binnenmarge, zelfde schaduw ===== */
:root{--st-box-r:14px;--st-box-pad:32px}
.st .st-box,.st .st-vac,.st .st-help-grid>div,.st .st-help-grid>.st-box,.st .st-safe>div,.st .st-panel,.st .st-vform:not(.st-dlg .st-vform),.st .st-card{border-radius:var(--st-box-r)!important;overflow:hidden}
.st .st-box,.st .st-vac,.st .st-help-grid>.st-box{padding:var(--st-box-pad)!important}
.st .st-card .st-cb{padding:18px var(--st-box-pad) var(--st-box-pad)!important}
.st .st-vac-grid,.st .st-help-grid,.st .st-grid{gap:24px!important}

/* partnerlogo's een tikkie kleiner, behalve Ergens op de Regenboog + Stedelijk Museum */
.st .st-marquee img{max-height:124px;max-width:250px}
.st .st-marquee img[src*="ergens-op-de-regenboog"],.st .st-marquee img[src*="stedelijk-museum"]{max-height:150px;max-width:300px}
@media (max-width:760px){.st .st-marquee img{max-height:92px;max-width:184px}.st .st-marquee img[src*="ergens-op-de-regenboog"],.st .st-marquee img[src*="stedelijk-museum"]{max-height:110px;max-width:220px}}

/* mobiel: hero-compositie iets verschoven t.o.v. desktop */
@media (max-width:760px){.st .st-hero>.st-layers{left:-14%!important;right:-14%!important;top:-10%!important}.st .st-hero>.st-layers .st-l2{translate:8% -4%}
.st .st-hero .st-wrap{padding-left:24px;padding-right:24px}}

.st .st-card .st-tag.plek{color:var(--ss-oranje)!important}.st .st-card .st-tag.vol{color:var(--ss-hotpink)!important}

/* ===== Footer — volgens de regels: ink-tekst, titel Oswald KAPITALEN, eyebrow Barlow erboven, socials los in zwart, geen boxjes ===== */
.st .st-ft .sf{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px 40px;padding:32px 0 8px}
.st .st-ft .sf,.st .st-ft .sf *{color:var(--ss-ink)!important;text-shadow:none!important;opacity:1!important;filter:none!important}
.st .st-ft .sf-main{display:flex;flex-direction:column;gap:10px}
.st .st-ft .sf-eb{font:500 18px/1.3 var(--font-eyebrow)!important}
.st .st-ft .sf-title{margin:0;font:500 clamp(36px,4.6vw,58px)/1.02 var(--font-display)!important;text-transform:uppercase}
.st .st-ft .sf-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.st .st-ft .sf-social{display:flex;gap:18px}
.st .st-ft .sf-social a{font-size:26px;line-height:1;text-decoration:none}
.st .st-ft .sf-social a:hover{opacity:.65!important}
.st .st-ft .sf-links{display:flex;gap:20px}
.st .st-ft .sf-links a,.st .st-ft .sf-bot,.st .st-ft .sf-bot *{font:500 15px/1.4 var(--font-ui)!important;text-decoration:none}
.st .st-ft .sf-links a:hover,.st .st-ft .sf-bot a{text-decoration:underline;text-underline-offset:3px}
.st .st-ft .sf-bot{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding-top:18px;border-top:1.5px solid var(--ss-ink)}
@media (max-width:760px){
.st .st-ft .sf{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:22px;padding-top:24px}
.st .st-ft .sf-side{align-items:center}
.st .st-ft .sf-bot{flex-direction:column;align-items:center;text-align:center}}
/* contact-socials op mobiel: los in zwart, geen cirkel (regel) */
@media (max-width:760px){.st .st-social-inline a{width:auto;height:auto;border:0!important;border-radius:0;background:none!important;font-size:26px}.st .st-social-inline a:hover{color:var(--ss-ink)!important;opacity:.65}.st .st-social-inline{gap:18px;justify-content:flex-start}}

/* footer-titel = zelfde maat als de sectietitels (h2) */
.st .st-ft .sf-title{font-size:clamp(34px,4.2vw,48px)!important;line-height:1.02!important}

/* ruimere binnenmarge in alle boxen */
.st .st-vac{padding:var(--st-box-pad)!important;gap:16px}
.st .st-vac .st-btn{margin-top:10px}
.st .st-vac-tags{gap:8px}

/* EOR, Pink Society en Stedelijk ietsjes groter */
.st .st-marquee span{height:172px}
.st .st-marquee img[src*="ergens-op-de-regenboog"],.st .st-marquee img[src*="stedelijk-museum"],.st .st-marquee img[src*="pink-society"]{max-height:172px;max-width:340px}
@media (max-width:760px){.st .st-marquee span{height:126px}.st .st-marquee img[src*="ergens-op-de-regenboog"],.st .st-marquee img[src*="stedelijk-museum"],.st .st-marquee img[src*="pink-society"]{max-height:126px;max-width:250px}}

/* klein logo rechtsonder in hulpkaarten */
.st .st-help-box{position:relative}
.st .st-help-box .st-hl{padding-right:64px}
.st .st-help-logo{position:absolute;right:var(--st-box-pad,32px);bottom:var(--st-box-pad,32px);max-height:36px;max-width:56px;width:auto;object-fit:contain}
.st .st-help-logo--leeg{display:none}

/* geen horizontaal scrollen: alles wat over de rand loopt wordt geclipt (verticale fades blijven) */
html,body.st{overflow-x:clip}
.st .st-hero{overflow-x:clip}

.st .st-marquee img.is-groot{max-height:172px;max-width:340px}
@media (max-width:760px){.st .st-marquee img.is-groot{max-height:126px;max-width:250px}}
.st a.st-hl{color:inherit;text-decoration:underline;text-underline-offset:3px}

.st .st-help-logo[src*="switchboard"]{max-width:76px}

/* hulp: korte knop i.p.v. URL */
.st .st-help-box a.st-hl.st-btn{text-decoration:none!important;align-self:flex-start;margin-top:auto}
.st .st-help-box{display:flex;flex-direction:column}
.st .st-help-box p{flex:1}

/* logo niet in de knop: rechtsboven naast de titel */
.st .st-help-box .st-help-logo{bottom:auto!important;top:var(--st-box-pad,32px)}
.st .st-help-box h3{padding-right:64px}
.st .st-help-box .st-hl{padding-right:18px!important}

/* team: lid lijnt met de tekstlijn; iets binnenmarge zodat haar/hoofd links niet wegvalt */
.st .st-team>.st-mem{padding-left:14px;box-sizing:content-box}

/* JS lijnt uit; geen browser-snap naar het midden */
.st .st-team{scroll-snap-type:none!important}
.st .st-team>.st-mem{scroll-snap-align:none!important}

/* fix: geen centrering in de scrollbalk (dat duwde de helft van de rij onbereikbaar naar links) */
.st .st-team{justify-content:flex-start!important}
.st .st-team::before,.st .st-team::after{content:none!important;display:none!important}

/* pop-ups: meer lucht */
.st .st-dlg{padding:48px 44px 44px!important}
.st .st-dlg .st-vac-tags{margin:0 48px 20px 0}
.st .st-dlg h2{margin:0 0 14px!important}
.st .st-dlg .st-lead{margin:0 0 20px!important}
.st .st-dlg p{margin:0 0 16px}
.st .st-dlg h3{margin:32px 0 12px!important}
.st .st-dlg ul{margin:0 0 16px;padding-left:20px;display:grid;gap:6px}
.st .st-dlg-x{top:20px!important;right:20px!important}
@media (max-width:620px){.st .st-dlg{padding:40px 24px 28px!important}}

/* ===== Eventkaart v3: geen elementen, wit boxje met grote datum ===== */
.st .st-card.st-ev{display:flex;flex-direction:column;gap:14px;padding:var(--st-box-pad,32px)!important;background:#fff!important;border-radius:var(--st-box-r,14px)!important;box-shadow:0 12px 32px rgba(52,0,140,.12);color:var(--ss-ink)!important;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.st .st-card.st-ev:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(52,0,140,.18)}
.st .st-ev-top{display:flex;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:4px;border-bottom:1px solid rgba(46,46,45,.12)}
.st .st-ev-date{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--font-display);font-weight:500;text-transform:uppercase;line-height:.88}
.st .st-ev-date b{font-weight:500;font-size:56px;letter-spacing:-.01em}
.st .st-ev-date span{font-size:19px;margin-top:4px}
.st .st-ev-when{font:500 15px/1.35 var(--font-body);padding-left:16px;border-left:1px solid rgba(46,46,45,.12);align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.st .st-card.st-ev .st-price{position:static!important;margin-left:auto;align-self:flex-start;inset:auto!important;transform:none!important}
.st .st-card.st-ev h3{margin:0;font-family:var(--font-display);font-weight:500;text-transform:uppercase;font-size:26px;line-height:1.08;color:var(--ss-ink)!important;text-shadow:none!important}
.st .st-ev-pl{font:400 16px/1.4 var(--font-body);display:flex;gap:6px;align-items:baseline}
.st .st-ev-pl i{font-size:14px}
.st .st-card.st-ev .st-tags{display:flex;flex-wrap:wrap;gap:8px}
.st .st-card.st-ev .st-more{margin-top:auto;padding-top:10px}
.st .st-card.st-ev:hover .st-more .st-btn{background:var(--ss-ink);color:#fff!important}
.st .st-card.st-ev.is-vol .st-ev-date{opacity:.55}
.st .st-card.st-ev.is-past{box-shadow:0 8px 22px rgba(52,0,140,.08)}
.st .st-card.st-ev.is-past .st-ev-date b{font-size:44px}
.st .st-card.st-ev.is-past:hover{transform:none}

/* eventkaart compacter */
.st .st-card.st-ev{gap:10px;padding:22px 24px!important}
.st .st-ev-top{gap:12px;padding-bottom:12px;margin-bottom:0}
.st .st-ev-date b{font-size:40px}
.st .st-ev-date span{font-size:15px;margin-top:3px}
.st .st-ev-when{font-size:14px;padding-left:12px}
.st .st-card.st-ev h3{font-size:22px;line-height:1.05}
.st .st-ev-pl{font-size:15px}
.st .st-card.st-ev .st-tags{gap:6px}
.st .st-card.st-ev .st-more{padding-top:4px}
.st .st-card.st-ev.is-past .st-ev-date b{font-size:34px}

.st .st-card.st-ev .st-more{display:flex;justify-content:flex-end}

/* nog x plekken + vol: allebei roze outline */
.st .st-card .st-tag.plek{border-color:var(--ss-hotpink)!important;color:var(--ss-hotpink)!important}

/* ===== Eventkaart v4: kalenderblaadje links, info rechts ===== */
.st .st-card.st-ev{flex-direction:row!important;align-items:stretch;gap:20px!important;padding:20px!important}
.st .st-cal{flex:0 0 96px;display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 14px rgba(46,46,45,.12);overflow:visible;position:relative;align-self:flex-start}
.st .st-cal::before,.st .st-cal::after{content:"";position:absolute;top:-5px;width:4px;height:12px;border-radius:3px;background:#fff;box-shadow:0 0 0 1.5px rgba(46,46,45,.18);z-index:1}
.st .st-cal::before{left:26px}.st .st-cal::after{right:26px}
.st .st-cal-m{width:100%;background:var(--cal);border-radius:10px 10px 0 0;padding:8px 0 6px;text-align:center;font:500 16px/1 var(--font-display);text-transform:uppercase;color:var(--ss-ink)}
.st .st-cal-d{font:500 46px/1 var(--font-display);color:var(--ss-ink);padding:10px 0 8px}
.st .st-cal-w{width:calc(100% - 20px);border-top:1px solid rgba(46,46,45,.12);padding:8px 0 10px;text-align:center;font:500 13px/1.25 var(--font-body);color:var(--ss-ink)}
.st .st-ev-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;position:relative}
.st .st-card.st-ev .st-ev-b .st-price{position:absolute!important;top:0;right:0;margin:0}
.st .st-card.st-ev .st-ev-b h3{font-size:21px!important;line-height:1.08;padding-right:76px;margin:2px 0 0}
.st .st-card.st-ev.is-past .st-ev-b h3{padding-right:0}
.st .st-ev-f{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.st .st-ev-f .st-ev-pl{font:400 14px/1.35 var(--font-body);display:flex;gap:5px;align-items:baseline}
.st .st-card.st-ev .st-ev-top,.st .st-card.st-ev>.st-more{display:none}
.st .st-card.st-ev.is-vol .st-cal{opacity:.6}
.st .st-card.st-ev.is-past .st-cal-d{font-size:40px}
@media (max-width:420px){.st .st-cal{flex-basis:80px}.st .st-cal-d{font-size:38px}.st .st-card.st-ev{gap:14px!important;padding:16px!important}}

.st .st-card.st-ev .st-ev-b .st-price{position:absolute!important;inset:0 0 auto auto!important;margin:0!important}

/* geen events binnenkort */
.st .st-grid.is-leeg{display:block!important}
.st .st-leeg{max-width:680px}
.st .st-leeg h3{margin:0 0 10px}
.st .st-leeg p{margin:0 0 20px}
.st .st-leeg .st-btns{display:flex;gap:12px;flex-wrap:wrap}

/* ===== Eventpagina ===== */
.st .st-evp-top{position:relative;overflow:hidden;padding:72px 0 120px;background:var(--ss-lila)}
.st .st-evp-top .st-layers{position:absolute;inset:0 0 -40px;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.st .st-evp-top .st-layers img{position:absolute;height:auto;max-width:none}
.st .st-evp-top .st-wrap{position:relative;z-index:1}
.st .st-evp-back{display:inline-flex;margin-bottom:28px}
.st .st-evp-top h1{max-width:820px;margin:10px 0 18px;color:#fff;text-shadow:0 2px 18px rgba(110,40,200,.35)}
.st .st-evp-top .st-eb{color:#fff;text-shadow:0 1px 10px rgba(110,40,200,.35)}
.st .st-evp-top .st-tags{display:flex;gap:8px;flex-wrap:wrap}
.st .st-evp-main{position:relative;z-index:2;margin-top:-72px;padding-bottom:88px}
.st .st-evp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:28px;align-items:start}
.st .st-evp-grid>.st-box{padding:32px}
.st .st-evp-body h2{font-size:clamp(28px,3vw,34px)!important;margin:0 0 14px}
.st .st-evp-body h3{font-size:20px;margin:28px 0 10px}
.st .st-evp-body p{margin:0 0 14px}
.st .st-evp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:28px 0 0;padding-top:24px;border-top:1px solid rgba(46,46,45,.12)}
.st .st-evp-facts dt{font:500 13px/1.2 var(--font-display);text-transform:uppercase;margin-bottom:4px}
.st .st-evp-facts dd{margin:0;font:400 16px/1.45 var(--font-body)}
.st .st-evp-facts ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.st .st-evp-facts li::before{content:"✓ ";font-weight:600}
.st .st-evp-side{position:sticky;top:24px;display:grid;gap:18px}
.st .st-evp-head{display:flex;gap:18px;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(46,46,45,.12)}
.st .st-evp-head .st-cal{flex:0 0 96px}
.st .st-evp-dl{margin:0;display:grid;gap:12px}
.st .st-evp-dl div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:baseline;font:400 16px/1.4 var(--font-body)}
.st .st-evp-dl i{font-size:16px}
.st .st-evp-dl small{display:block;font-size:13px;opacity:.85}
.st .st-evp-side .st-vform{display:grid;gap:12px;margin:0}
.st .st-evp-side .st-vform .st-btn{justify-self:start}
.st .st-evp-note{font:400 14px/1.45 var(--font-body);margin:0}
.st .st-evp-photos{margin-top:28px}
.st .st-evp-photos .st-ph-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.st .st-evp-photos .st-ph-grid>*{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(52,0,140,.10);cursor:zoom-in;border:0;padding:0}
.st .st-evp-photos .st-ph-grid>*:first-child{grid-column:span 2;grid-row:span 2}
.st .st-evp-photos img{width:100%;height:100%;object-fit:cover;display:block}
.st .st-ph-slot{display:flex!important;align-items:center;justify-content:center;font:500 14px var(--font-body);background:repeating-linear-gradient(135deg,#fff 0 12px,#f6f2fe 12px 24px)!important;color:var(--ss-ink)}
.st .st-lb{padding:0!important;max-width:min(92vw,1100px)!important;background:transparent!important;box-shadow:none!important}
.st .st-lb img{display:block;max-width:100%;max-height:86vh;border-radius:14px}
.st .st-lb .st-dlg-x{background:#fff!important}
@media (max-width:900px){.st .st-evp-grid{grid-template-columns:minmax(0,1fr)}.st .st-evp-side{position:static;order:-1}.st .st-evp-photos .st-ph-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.st .st-evp-facts{grid-template-columns:minmax(0,1fr)}.st .st-evp-grid>.st-box{padding:24px}}

/* eventpagina: lila kop zacht laten uitlopen + signaallabels hotpink outline */
.st .st-evp-top{background:linear-gradient(180deg,var(--ss-lila) 0,var(--ss-lila) 55%,rgba(243,182,251,.5) 78%,rgba(243,182,251,0) 100%)!important}
.st .st-evp-top .st-tag.plek,.st .st-evp-top .st-tag.vol,.st .st-tag.plek,.st .st-tag.vol{background:#fff!important;border-color:var(--ss-hotpink)!important;color:var(--ss-hotpink)!important}

.st .st-evp-top .st-layers{inset:0!important;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 92%)!important;mask-image:linear-gradient(180deg,#000 45%,transparent 92%)!important}

/* hulpkaart: logo linksonder, rond pijltje rechtsonder */
.st .st-help-box h3{padding-right:0!important}
.st .st-help-foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.st .st-help-box .st-help-foot .st-help-logo{position:static!important;inset:auto!important;top:auto!important;max-height:40px;max-width:96px;width:auto;height:auto;object-fit:contain}
.st .st-help-box .st-help-foot .st-help-logo[src*="switchboard"]{max-width:110px;max-height:30px}
.st .st-help-go{flex:none;width:44px;height:44px;border-radius:50%;border:2px solid var(--ss-ink);display:flex;align-items:center;justify-content:center;color:var(--ss-ink)!important;text-decoration:none!important;font-size:20px;transition:background .2s,color .2s,transform .2s}
.st .st-help-go:hover,.st .st-help-box:hover .st-help-go{background:var(--ss-ink);color:#fff!important}
.st .st-help-go:hover{transform:translateX(2px)}

/* ===== Agenda: volle header met elementen + gecentreerd logo (terug naar home) ===== */
.st .st-ag-top{position:relative;overflow:hidden;min-height:min(56vh,480px);display:flex;align-items:center;justify-content:center;text-align:center;padding:64px 0 96px;background:linear-gradient(180deg,var(--ss-lila) 0,var(--ss-lila) 60%,rgba(243,182,251,.5) 82%,rgba(243,182,251,0) 100%)}
.st .st-ag-top>.st-layers{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 94%);mask-image:linear-gradient(180deg,#000 50%,transparent 94%)}
.st .st-ag-top>.st-layers img{position:absolute;height:auto;max-width:none}
.st .st-ag-top>.st-layers img.soft{-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent);mask-image:radial-gradient(closest-side,#000 70%,transparent)}
.st .st-ag-top .st-wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px}
.st .st-ag-logo{display:block;transition:transform .25s ease}
.st .st-ag-logo:hover{transform:scale(1.04)}
.st .st-ag-logo img{display:block;width:clamp(150px,18vw,220px);height:auto;filter:drop-shadow(0 4px 18px rgba(110,40,200,.35))}
.st .st-ag-top h1{margin:0;color:#fff!important;font-size:clamp(48px,7vw,88px);text-shadow:0 2px 18px rgba(110,40,200,.35)}
@media (max-width:760px){.st .st-ag-top{min-height:auto;padding:48px 0 72px}.st .st-ag-top>.st-layers img{scale:2.2;transform-origin:center}}

/* fix: titel Over SafeSpace mag nooit over de tekst heen lopen */
.st .st-over>*{width:100%;flex:none;min-height:0}
.st .st-over h2{overflow-wrap:normal}

/* mobiel: hero-titel over 2 regels */
@media (max-width:760px){.st .st-hero h1{white-space:normal!important;font-size:clamp(52px,15vw,68px)!important;line-height:.98!important;text-wrap:balance;max-width:8.5em;margin-left:auto;margin-right:auto}}

/* WordPress: pop-up scrollt binnen het scherm; Blocksy-knoppen verbergen */
.st .st-dlg{max-height:calc(100dvh - 48px)!important;overflow-y:auto!important;overscroll-behavior:contain}
.st .ct-back-to-top,.st .ct-drawer-canvas,.st #offcanvas{display:none!important}

/* Vangnet tegen thema-hoverkleuren */
.st a,.st a:hover,.st a:focus{color:inherit}
.st .st-btn{color:#fff!important}.st .st-btn:hover,.st .st-btn:focus-visible{color:var(--ss-ink)!important}
.st .st-btn.ghost{color:var(--ss-ink)!important}.st .st-btn.ghost:hover,.st .st-btn.ghost:focus-visible{color:#fff!important}
.st button:hover,.st .st-dlg button:hover{opacity:1}

/* verberg zwevende knoppen van plugins rechtsonder (Blocksy/LightStart) */
body.st .ct-back-to-top,body.st #ct-back-to-top,body.st [class*="back-to-top"]{display:none!important}

/* sluitkruisje: vast rechtsboven in de pop-up, titel loopt er niet onderdoor */
.st .st-dlg{position:relative}
.st .st-dlg-x{position:absolute!important;top:20px!important;right:20px!important;left:auto!important;margin:0!important;width:44px;height:44px;display:grid;place-items:center;z-index:2}
.st .st-dlg>.st-eb,.st .st-dlg>h2,.st .st-dlg h2{padding-right:56px}

/* agenda: lege melding gecentreerd + "meer events laden" */
.st .st-leeg{max-width:720px;margin-left:auto!important;margin-right:auto!important;text-align:center}
.st .st-leeg .st-btns,.st .st-leeg>div:last-child{justify-content:center}
.st .st-more-wrap{display:flex;justify-content:center;margin-top:40px}

/* achtergrond-elementen altijd ónder de inhoud (ook als ze bewegen) */
.st .st-endbg,.st .st-flow,.st .st-hero>.st-layers{z-index:0!important;pointer-events:none!important}
.st .st-endbg img,.st .st-flow img{pointer-events:none!important}
.st .st-sec,.st .st-ft{position:relative}
.st .st-sec>.st-wrap,.st .st-ft>.st-wrap,.st .st-ft .sf,.st .st-hero>.st-wrap{position:relative;z-index:3!important}

/* kruisje optisch in het midden van de cirkel */
.st .st-dlg-x{line-height:1!important;padding:0 0 4px!important;font-size:24px!important}
/* inhoud op eigen laag: voorkomt dat tekst/knoppen 'wegflippen' achter de bewegende, gemaskeerde achtergrond */
.st .st-endbg{z-index:-1!important}
.st .st-sec,.st .st-ft{isolation:isolate}
.st .st-contact>.st-wrap,.st .st-cnl,.st .st-cnl>*,.st .st-ft>.st-wrap,.st .st-help-grid{transform:translateZ(0);backface-visibility:hidden}
/* teamfoto: altijd zichtbaar boven de cirkel */
.st .st-cut-p img{opacity:1!important;visibility:visible!important;display:block}

/* onderaan: geen muis-reactie (voorkomt flikkeren van tekst/knoppen) */
.st .st-endbg img{--mx:0px!important;--my:0px!important}

/* onderaan: geen extra lagen/animaties op knoppen + icoontjes (voorkomt flikkeren) */
.st .st-contact>.st-wrap,.st .st-cnl,.st .st-cnl>*,.st .st-ft>.st-wrap,.st .st-help-grid{transform:none!important;backface-visibility:visible!important}
.st .st-cnl{position:relative;z-index:5}
.st .st-cnl .st-btn,.st .st-cnl .st-btn:hover{transition:none!important;transform:none!important}
.st .st-social-inline a{transition:none!important}
.st .st-social-inline a:hover{transform:none!important;opacity:.6}

/* onderaan lichter maken voor Chrome: geen masker over de hele laag, geen animatie/filters op de elementen */
.st .st-endbg{-webkit-mask-image:none!important;mask-image:none!important;contain:paint;transform:none!important}
.st .st-endbg::before{content:"";position:absolute;left:0;right:0;top:0;height:260px;z-index:3;pointer-events:none;background:linear-gradient(180deg,#fff 0,rgba(255,255,255,.85) 30%,rgba(255,255,255,0) 100%)}
.st .st-endbg img{animation:none!important;translate:none!important;filter:none!important;will-change:auto!important;transition:none!important}

/* eerdere events: gecentreerd + duidelijk klikbaar */
.st #agenda-past .st-past-head{text-align:center;margin-left:auto!important;margin-right:auto!important}
.st #agenda-past .st-month{justify-content:center}
.st #agenda-past .st-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:24px}
.st #agenda-past .st-grid>.st-card{flex:0 1 480px}
.st .st-card.is-past{cursor:pointer!important}
.st .st-card.is-past:hover{transform:translateY(-4px)!important;box-shadow:0 18px 40px rgba(46,46,45,.16)!important}
.st .st-card.is-past h3{text-decoration:underline transparent;text-underline-offset:4px;transition:text-decoration-color .15s}
.st .st-card.is-past:hover h3{text-decoration-color:currentColor}

/* hulpkaarten: schaduw niet afsnijden (geen harde band onder de rij) */
@media (min-width:1100px){.st .st-help-grid{overflow:visible!important;padding-bottom:8px!important;margin-bottom:0!important}}
@media (max-width:1099px){.st .st-help-grid{padding-bottom:48px!important;margin-bottom:-40px!important}}
.st #hulp .st-small,.st #hulp p.st-small{position:relative;z-index:1}

/* ===== Hulp + vacatures: gecentreerd; past het niet, dan langzaam lopende strook ===== */
.st .st-help-grid,.st .st-vac-grid{display:flex!important;flex-wrap:nowrap!important;justify-content:center;gap:20px!important;grid-template-columns:none!important;overflow-x:hidden!important;scroll-snap-type:none!important;padding:12px 24px 28px!important;margin:0 -24px!important;scrollbar-width:none}
.st .st-help-grid::-webkit-scrollbar,.st .st-vac-grid::-webkit-scrollbar{display:none}
.st .st-help-grid>*{flex:0 0 260px!important}
.st .st-vac-grid>*{flex:0 0 360px!important}
.st .is-loop{justify-content:flex-start!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
@media (max-width:620px){.st .st-help-grid>*{flex-basis:78%!important}.st .st-vac-grid>*{flex-basis:84%!important}}

.st .st-evp-ext{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.st .st-evp-ext .st-btn i{font-size:.85em;margin-left:4px}

/* schaduw onder hulp- en vacaturekaarten niet meer afsnijden */
.st .st-help-grid,.st .st-vac-grid{padding-top:24px!important;padding-bottom:64px!important;margin-top:-12px!important;margin-bottom:-36px!important}

/* ===== Alle knoppen even groot (ook .sm), behalve de kleine knop in de eventkaarten ===== */
.st .st-btn,.st .st-btn.sm,.st .st-vform button.st-btn{padding:13px 28px!important;font-size:17px!important;min-height:48px;line-height:1!important;box-sizing:border-box}
.st .st-card .st-more .st-btn{padding:9px 18px!important;font-size:15px!important;min-height:0}
.st .st-ag-back{margin-top:20px!important;text-align:center}

/* hulp + vacatures: ook zelf swipen/scrollen (scrollbalk verborgen) */
.st .st-help-grid,.st .st-vac-grid{overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}

.st .st-team,.st .st-help-grid,.st .st-vac-grid{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}
.st .st-team{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.st .st-team img,.st .st-help-grid img,.st .st-vac-grid img{-webkit-user-drag:none;user-drag:none}

/* ===== Geen automatische beweging; pijltjes onder stroken die niet passen ===== */
.st .st-help-grid.is-over,.st .st-vac-grid.is-over{justify-content:flex-start!important}
.st .st-help-grid,.st .st-vac-grid{-webkit-mask-image:none!important;mask-image:none!important;scroll-snap-type:x mandatory!important}
.st .st-help-grid>*,.st .st-vac-grid>*{scroll-snap-align:start}
.st .st-arrows{display:flex;justify-content:center;gap:12px;margin-top:8px;position:relative;z-index:2}
.st .st-arrows[hidden]{display:none}
.st .st-arr{width:48px;height:48px;border-radius:50%;border:2px solid var(--ss-ink);background:transparent;color:var(--ss-ink);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;padding:0}
.st .st-arr:hover{background:var(--ss-ink);color:#fff}
.st .st-arr:disabled{opacity:.3;cursor:default;background:transparent;color:var(--ss-ink)}
.st .st-arr:focus-visible{outline:2px solid var(--ss-ink);outline-offset:3px}

/* knoppen naast/onder elkaar met ruimte; footerlinks met tussenruimte; geen onderstreping bij eerdere events */
.st .mk-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px!important}
.st .sf-bot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 24px;text-align:center}
.st .sf-bot>span:last-child{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}
.st .st-card.is-past h3,.st .st-card.is-past:hover h3,.st .st-card.is-past:focus-visible h3{text-decoration:none!important}

/* pijltjes iets lager; kaarten op mobiel niet tegen de rand maar netjes binnen de marge */
.st .st-arrows{margin-top:28px}
.st .st-help-grid,.st .st-vac-grid{scroll-padding-inline:24px}
@media (max-width:620px){.st .st-help-grid>*,.st .st-vac-grid>*{scroll-snap-align:center}.st .st-help-grid.is-over,.st .st-vac-grid.is-over{padding-left:calc(8% + 0px)!important;padding-right:8%!important}}

/* pop-up open: pagina niet meer naar boven laten springen */
html.st-dlg-open{overflow:visible!important}
html.st-dlg-open body.st-locked{position:fixed;left:0;right:0;width:100%;overflow-y:scroll}

/* mobiel: socials boven "Alkmaar. Queer. Gezellig." in de footer */
.st .st-social-ft{display:none}
@media (max-width:620px){.st .st-social-inline{display:none!important}.st .st-social-ft{display:flex;justify-content:center;gap:22px;margin:0 0 22px}.st .st-social-ft a{color:var(--ss-ink)!important;font-size:28px;line-height:1;text-decoration:none}}
.st .st-ft-credit{display:inline!important}.st .st-ft-credit a{margin-left:.3em}

.st .sf-bot>span:last-child{display:inline!important}
.st .sf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px}

/* ===== Cookiemelding (Beautiful Cookie Consent / cookieconsent) in SafeSpace-stijl ===== */
.cc-window,.cc-window.cc-banner,.cc-window.cc-floating{position:fixed!important;left:20px!important;right:auto!important;bottom:20px!important;top:auto!important;width:auto!important;max-width:380px!important;background:#fff!important;color:var(--ss-ink,#2E2E2D)!important;border-radius:14px!important;padding:24px!important;box-shadow:0 12px 32px rgba(52,0,140,.18)!important;flex-direction:column!important;align-items:stretch!important;gap:16px;font:400 15px/1.5 "Barlow",system-ui,sans-serif!important;z-index:9998!important}
.cc-window .cc-message{margin:0!important;color:var(--ss-ink,#2E2E2D)!important;font:inherit!important;flex:none!important}
.cc-window .cc-link{color:var(--ss-ink,#2E2E2D)!important;opacity:1!important;text-decoration:underline!important;text-underline-offset:3px;padding:0!important;display:inline!important;font-weight:500}
.cc-window .cc-compliance{display:flex!important;gap:10px;flex-wrap:wrap;justify-content:flex-start!important}
.cc-window .cc-btn{flex:0 0 auto!important;min-width:0!important;width:auto!important;padding:12px 26px!important;border-radius:999px!important;border:2px solid var(--ss-ink,#2E2E2D)!important;background:var(--ss-ink,#2E2E2D)!important;color:#fff!important;font:500 16px/1 "Oswald","Arial Narrow",sans-serif!important;text-transform:uppercase!important;letter-spacing:0!important;transition:none!important}
.cc-window .cc-btn:hover,.cc-window .cc-btn:focus-visible{background:transparent!important;color:var(--ss-ink,#2E2E2D)!important;text-decoration:none!important}
.cc-window .cc-btn.cc-deny,.cc-window .cc-btn.cc-settings{background:transparent!important;color:var(--ss-ink,#2E2E2D)!important}
.cc-window .cc-btn.cc-deny:hover,.cc-window .cc-btn.cc-settings:hover{background:var(--ss-ink,#2E2E2D)!important;color:#fff!important}
@media (max-width:620px){.cc-window,.cc-window.cc-banner,.cc-window.cc-floating{left:12px!important;right:12px!important;bottom:12px!important;max-width:none!important}}
/* "Cookie Settings" wordt een klein rond beeldmerk linksonder */
.cc-revoke,.cc-revoke.cc-bottom,.cc-revoke.cc-left,.cc-revoke.cc-right{position:fixed!important;left:16px!important;right:auto!important;bottom:16px!important;top:auto!important;width:44px!important;height:44px!important;padding:0!important;border-radius:50%!important;font-size:0!important;color:transparent!important;background:#fff url(../../screenshot-icon.png) center/40px no-repeat!important;box-shadow:0 6px 18px rgba(52,0,140,.2)!important;opacity:.85;transform:none!important;transition:opacity .2s!important;overflow:hidden;z-index:9997!important}
.cc-revoke:hover,.cc-revoke:focus-visible{opacity:1;text-decoration:none!important}

/* cookie-knop: echt cookie-icoon (Lucide) in plaats van het beeldmerk */
.cc-revoke,.cc-revoke.cc-bottom,.cc-revoke.cc-left,.cc-revoke.cc-right{background:#fff!important}
.cc-revoke::before{content:"";position:absolute;inset:0;margin:auto;width:24px;height:24px;background:var(--ss-ink,#2E2E2D);-webkit-mask:url(https://cdn.jsdelivr.net/npm/lucide-static@0.452.0/icons/cookie.svg) center/contain no-repeat;mask:url(https://cdn.jsdelivr.net/npm/lucide-static@0.452.0/icons/cookie.svg) center/contain no-repeat}

/* cookie-knop schuilt half onder de rand; omhoog bij hover, eerste tik of omhoog slepen */
.cc-revoke,.cc-revoke.cc-bottom,.cc-revoke.cc-left,.cc-revoke.cc-right{bottom:-24px!important;transition:bottom .25s cubic-bezier(.2,.8,.2,1),opacity .2s!important;touch-action:none}
.cc-revoke::before{top:-14px!important;bottom:auto!important}
.cc-revoke.is-up,.cc-revoke:focus-visible{bottom:16px!important}
.cc-revoke.is-up::before,.cc-revoke:focus-visible::before{top:0!important;bottom:0!important}
@media (hover:hover){.cc-revoke:hover{bottom:16px!important}.cc-revoke:hover::before{top:0!important;bottom:0!important}}

/* geen kader na aanklikken (alleen bij toetsenbord-focus een subtiele ring) */
.st .st-mem:focus,.st .st-mem:focus-visible,.st .st-card:focus,.st [data-open]:focus{outline:none!important;box-shadow:none}
.st .st-mem:focus-visible .st-cut,.st .st-mem:focus .st-cut{outline:none!important}

/* team-pop-up: naam exact gecentreerd; sluitknop zonder dubbele focusring */
.st .st-dlg-team h2,.st .st-dlg-team h3,.st .st-dlg-team .st-mem-body>*{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;text-indent:0!important;transform:none!important;width:100%;text-align:center!important;align-self:center}
.st .st-dlg-x:focus{outline:none!important;box-shadow:none!important}
.st .st-dlg-x:focus-visible{outline:2px solid var(--ss-ink)!important;outline-offset:3px}

/* cookie-knop: alleen een zwart gevuld koekje, geen cirkel/achtergrond; schuilt half onder de rand */
.cc-revoke,.cc-revoke.cc-bottom,.cc-revoke.cc-left,.cc-revoke.cc-right{width:40px!important;height:40px!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;opacity:1!important;bottom:-18px!important;overflow:visible!important}
.cc-revoke::before,.cc-revoke.is-up::before,.cc-revoke:focus-visible::before{inset:0!important;top:0!important;bottom:0!important;width:40px!important;height:40px!important;margin:0!important;background:var(--ss-ink,#2E2E2D)!important;-webkit-mask:url(https://cdn.jsdelivr.net/npm/@phosphor-icons/core@2.1.1/assets/fill/cookie-fill.svg) center/contain no-repeat!important;mask:url(https://cdn.jsdelivr.net/npm/@phosphor-icons/core@2.1.1/assets/fill/cookie-fill.svg) center/contain no-repeat!important}
.cc-revoke.is-up,.cc-revoke:focus-visible{bottom:14px!important}
@media (hover:hover){.cc-revoke:hover{bottom:14px!important}}
.cc-revoke:focus{outline:none!important}

/* cookie-knop rechtsonder */
.cc-revoke,.cc-revoke.cc-bottom,.cc-revoke.cc-left,.cc-revoke.cc-right{left:auto!important;right:16px!important}

/* 2.5.1: komende events gecentreerd (agenda + homepagina); maandtitel alleen op de agendapagina gecentreerd */
.st #agenda-list .st-month{justify-content:center}
.st #agenda-list .st-grid,.st #home-grid:not(.is-leeg){display:flex!important;flex-wrap:wrap;justify-content:center;gap:24px!important}
.st #agenda-list .st-grid>.st-card,.st #home-grid>.st-card{flex:0 1 calc((100% - 48px)/3)}
@media (max-width:980px){.st #agenda-list .st-grid>.st-card,.st #home-grid>.st-card{flex-basis:calc((100% - 24px)/2)}}
@media (max-width:620px){.st #agenda-list .st-grid>.st-card,.st #home-grid>.st-card{flex-basis:100%}}

/* 2.5.1: "Hele agenda"-knop op de eventpagina: wit, bij hover inkt met witte tekst en pijl */
.st .st-evp-back{background:#fff!important;border-color:var(--ss-ink)!important;color:var(--ss-ink)!important}
.st .st-evp-back:hover,.st .st-evp-back:focus-visible{background:var(--ss-ink)!important;color:#fff!important}

/* 2.5.2: eventkaart: kleiner kalenderblaadje; titel bovenaan, labels eronder op één rij; plaats links- en knop rechtsonder op een vaste plek */
.st .st-card.st-ev{gap:16px!important}
.st .st-card.st-ev .st-cal{flex:0 0 72px;border-radius:8px}
.st .st-card.st-ev .st-cal::before{left:18px}.st .st-card.st-ev .st-cal::after{right:18px}
.st .st-card.st-ev .st-cal-m{font-size:13px;padding:7px 0 5px;border-radius:8px 8px 0 0}
.st .st-card.st-ev .st-cal-d{font-size:32px;padding:7px 0 5px}
.st .st-card.st-ev .st-cal-w{width:calc(100% - 14px);font-size:11.5px;padding:6px 0 7px}
.st .st-card.st-ev.is-past .st-cal-d{font-size:30px}
.st .st-card.st-ev .st-ev-b{gap:10px}
.st .st-card.st-ev .st-ev-b h3{padding-right:0!important;margin:0!important}
.st .st-card.st-ev .st-ev-b .st-price{position:static!important;inset:auto!important;margin:0!important;transform:none!important}
.st .st-card.st-ev .st-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.st .st-card.st-ev .st-ev-f{display:contents!important}
.st .st-card.st-ev .st-ev-f .st-ev-pl{display:block!important;margin:0}
.st .st-card.st-ev .st-ev-f .st-ev-pl i{margin-right:4px}
.st .st-card.st-ev .st-ev-f .st-btn{flex:none;align-self:flex-end;margin-top:auto}
.st .st-card.st-ev .st-ev-b{min-height:100%}
@media (max-width:420px){.st .st-card.st-ev .st-cal{flex-basis:64px}.st .st-card.st-ev .st-cal-d{font-size:28px}}

/* 2.5.3: alle labels in een eventkaart even hoog; geen knop meer (de hele kaart is klikbaar); kaart smaller en compacter */
.st .st-card.st-ev .st-tags>.st-tag,.st .st-card.st-ev .st-tags>.st-price{box-sizing:border-box!important;height:28px!important;display:inline-flex!important;align-items:center!important;padding:0 12px!important;line-height:1!important;font-size:13px!important;border-width:1.5px!important;border-style:solid!important;margin:0!important}
.st .st-card.st-ev .st-tags>.st-price{border-color:var(--ss-ink)!important}
.st .st-card.st-ev .st-ev-f .st-btn{display:none!important}
.st .st-card.st-ev{padding:18px!important;gap:16px!important}
.st #agenda-list .st-grid>.st-card,.st #home-grid>.st-card{flex:0 1 360px!important}
@media (max-width:620px){.st #agenda-list .st-grid>.st-card,.st #home-grid>.st-card{flex-basis:100%!important}}

/* 2.5.4: eerdere events net zo smal als de komende; titel altijd op één regel met … */
.st #agenda-past .st-grid>.st-card{flex:0 1 360px!important}
@media (max-width:620px){.st #agenda-past .st-grid>.st-card{flex-basis:100%!important}}
.st .st-card.st-ev .st-ev-b h3{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%}

/* 2.5.5: "← Hele agenda" onder de inhoud van de eventpagina, gecentreerd */
.st .st-evp-back-wrap{display:flex;justify-content:center;margin:40px 0 0!important}
.st .st-evp-back-wrap .st-evp-back{margin:0!important}

/* 2.5.6: op mobiel de inhoud van de header iets hoger (± 10% van het scherm) */
@media (max-width:760px){.st .st-hero .st-wrap{padding-bottom:calc(96px + 20vh)!important}}

/* 2.5.8: op telefoons een lichte versie van de beweging: rustig zweven (alleen via de GPU, zonder zware herberekening) en parallax op de header. Geen schudden en geen muis-effect. */
@media (max-width:760px),(pointer:coarse){
.st .st-hero .st-layers img,.st .st-flow img,.st .st-endbg img,.st .st-ag-top .st-layers img,.st .st-mem-top .st-layers img{animation:none!important;will-change:auto!important;translate:none!important;transition:none!important}
.st .st-hero .st-layers img,.st .st-flow img:nth-child(2n){animation:st-float-m 11s ease-in-out infinite alternate!important}
.st .st-hero .st-layers img:nth-child(3n),.st .st-flow img:nth-child(4n){animation-duration:15s!important;animation-delay:-5s!important;animation-name:st-float-m2!important}
.st .st-hero .st-layers img:nth-child(3n+1),.st .st-flow img:nth-child(6n){animation-duration:13s!important;animation-delay:-9s!important}
.st #hero-layers{will-change:transform}
}
@keyframes st-float-m{from{translate:0 0}to{translate:9px -14px}}
@keyframes st-float-m2{from{translate:0 0}to{translate:-11px 10px}}
@media (prefers-reduced-motion:reduce){.st .st-hero .st-layers img,.st .st-flow img{animation:none!important}}