:root{--navy:#1d1b1a;--navy-2:#2a2725}
.vastebalk{background:rgba(29,27,26,.9)}
.plattegrondband{background:radial-gradient(ellipse at 70% 50%,#34302d 0%,#1d1b1a 65%)}

.logoband img,.logomuur img{filter:none!important;opacity:1!important}
.logoband img.licht{filter:brightness(.35)!important}

.verhaal.groot{background:#fff}
.verhaal.groot h3{color:var(--bordeaux)}
.verhaal.groot p{color:var(--inkt)}
.verhaal.groot .bovenkop,.verhaal.groot cite a{color:var(--goud-tekst)}

.sponsorband{background:#fff;color:var(--inkt)}
.sponsorband h2{color:var(--bordeaux)}
.sponsorband .bovenkop{color:var(--goud-tekst)}
.sponsorband li{border-bottom-color:var(--lijn)}

.sectie.donker{background:#fff;color:var(--inkt)}
.sectie.donker h2,.sectie.donker h3{color:var(--bordeaux)}
.sectie.donker p,.sectie.donker li{color:var(--inkt)}
.sectie.donker .lead{color:var(--inkt)}
.sectie.donker .bovenkop{color:var(--goud-tekst)}
.sectie.donker .sectiekop p{color:var(--grijs)}
.pijler h3{color:var(--bordeaux)}
.pijler p{color:var(--inkt)}
.pijler .nr{color:var(--goud)}

.pakket.uitgelicht{background:#fff!important;color:var(--inkt);border:1px solid var(--lijn);border-top:4px solid var(--bordeaux-2);box-shadow:0 18px 40px -20px rgba(0,0,0,.25)}
.pakket.uitgelicht h3{color:var(--bordeaux)}
.pakket.uitgelicht li{color:var(--inkt);border-color:var(--lijn)}
.pakket.uitgelicht .niveau{color:var(--goud-tekst)}
.sectie.donker .lead{color:var(--inkt)!important}

.hoofdmenu li.taal{position:relative;gap:0}
.taalknop{display:flex;align-items:center;gap:7px;background:none;border:0;padding:6px 2px;cursor:pointer;color:inherit}
.taalknop .vlag{opacity:1!important;box-shadow:0 0 0 1px rgba(255,255,255,.35)!important}
.taalknop .pijl{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--goud-licht);transition:transform .2s}
.taalkeuze{list-style:none;position:absolute;right:0;top:100%;min-width:160px;margin:0;padding:6px 0;background:var(--navy);border-top:2px solid var(--goud);box-shadow:0 14px 30px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;z-index:80}
.taalkeuze li{display:block;margin:0;padding:0;border:0}
.hoofdmenu .taalkeuze a{display:flex!important;align-items:center;gap:10px;padding:9px 16px!important;color:rgba(255,255,255,.85)!important;font-family:var(--ui);font-size:.78rem;letter-spacing:.08em;text-transform:none;white-space:nowrap}
.hoofdmenu .taalkeuze a:hover{background:rgba(255,255,255,.06);color:#fff!important}
.hoofdmenu .taalkeuze a .vlag{opacity:1!important}
.hoofdmenu li.taal:hover .taalkeuze,.hoofdmenu li.taal:focus-within .taalkeuze{opacity:1;visibility:visible;transform:none}
.hoofdmenu li.taal:hover .pijl,.hoofdmenu li.taal:focus-within .pijl{transform:rotate(180deg)}

.mobielmenu .taalknop .pijl{display:none}
.mobielmenu .taalkeuze{position:static;opacity:1;visibility:visible;transform:none;background:none;box-shadow:none;border:0;padding:0;display:flex;gap:18px}
.mobielmenu .taalkeuze a{display:flex;align-items:center;gap:8px;color:#fff;font-family:var(--ui);font-weight:700;font-size:.9rem}
.hoofdmenu li.taal .taalknop .pijl{padding:0;display:block}

.brief .brief-aanhef{display:block;font-size:clamp(2.4rem,4vw,3.4rem);color:var(--goud-tekst);line-height:1.1}
.brief .brief-groet{margin-top:1.6rem;font-style:italic;color:var(--grijs)}
.brief .brief-groet strong{font-style:normal;color:var(--bordeaux);font-family:var(--kop);letter-spacing:.06em}
.bereik{background:#1d1b1a;color:#fff;padding:clamp(40px,5vw,70px) 0}
.bereik .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.bereik-vak b{display:block;font-family:var(--kop);font-size:clamp(2rem,3.4vw,3rem);color:var(--goud-licht);line-height:1.1}
.bereik-vak span{display:block;margin-top:.35rem;font-size:1.1rem}
.bereik-vak small{display:block;margin-top:.25rem;font-family:var(--ui);font-size:.72rem;letter-spacing:0.05em;text-transform:uppercase;color:rgba(255,255,255,.55)}
@media(max-width:800px){.bereik .container{grid-template-columns:1fr 1fr;gap:30px 16px}}
.pakket .embleem{width:74px;height:74px;margin:0 auto .9rem}
.pakket .embleem svg{width:100%;height:100%;display:block}
.pakket .pakketnaam{font-family:var(--script);font-size:2.1rem;color:var(--goud-tekst);text-transform:none;letter-spacing:0;margin:0 0 .2rem;line-height:1.1}
.sponsorgroep{margin-top:clamp(30px,4vw,54px)}
.sponsorgroep .groepkop{text-align:center;font-family:var(--script);text-transform:none;letter-spacing:0;font-size:2.2rem;color:var(--goud-tekst);margin-bottom:18px}
.sponsorgroep .groepkop small{display:block;font-family:var(--ui);font-size:.72rem;letter-spacing:0.07em;text-transform:uppercase;color:var(--grijs);margin-top:4px}
.sponsorgroep .logomuur{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;background:none}
.sponsorgroep .logomuur div{display:grid;place-items:center;background:#fff;border:1px solid var(--lijn);aspect-ratio:auto}
.sponsorgroep.maat-xl .logomuur div{width:min(100%,340px);height:200px;padding:28px}
.sponsorgroep.maat-xl .logomuur img{max-height:130px;max-width:100%}
.sponsorgroep.maat-l .logomuur div{width:min(100%,250px);height:150px;padding:22px}
.sponsorgroep.maat-l .logomuur img{max-height:95px;max-width:100%}
.sponsorgroep.maat-m .logomuur div{width:min(46%,180px);height:110px;padding:16px}
.sponsorgroep.maat-m .logomuur img{max-height:66px;max-width:100%}
.sponsorgroep .logomuur div.donker{background:var(--navy)}
.logoband img[data-maat="xl"]{height:86px;max-width:220px}
.logoband img[data-maat="l"]{height:70px}
.logoband img[data-maat="m"]{height:54px}
.sectie.donker a.meer{color:var(--bordeaux)!important}

.verhaal.breed{grid-column:1/-1;flex-direction:row;align-items:stretch}
.verhaal.breed img{width:42%;aspect-ratio:auto;object-fit:cover;min-height:240px}
.verhaal.breed>div{flex:1;display:flex;flex-direction:column;justify-content:center}
.verhaal.breed .bovenkop{color:var(--bordeaux)}
@media(max-width:700px){.verhaal.breed{flex-direction:column}.verhaal.breed img{width:100%;min-height:200px}}

.stemmenband{margin-top:clamp(30px,4vw,50px)}
.stemmenband .rij{gap:22px;animation-duration:80s;align-items:stretch}
.stem{width:340px;flex:none;margin:0;background:#fff;border-top:3px solid var(--goud);padding:26px 26px 22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 30px -20px rgba(0,0,0,.25)}
.stem blockquote{font-family:var(--tekst);font-style:italic;font-size:1.25rem;line-height:1.45;color:var(--bordeaux);margin:0 0 14px;white-space:normal}
.stem figcaption{font-size:.95rem;color:var(--grijs)}
.stem figcaption span{display:block;margin-top:6px;font-family:var(--ui);font-weight:700;font-size:.72rem;letter-spacing:0.06em;text-transform:uppercase}
.stem figcaption a{color:var(--goud-tekst);text-decoration:none}
@media(max-width:600px){.stem{width:270px}}
.stemmenband .rij{animation-duration:140s}

h1,h2,h3,h4{hyphens:manual!important;-webkit-hyphens:manual!important;overflow-wrap:normal;word-break:normal}
@media(max-width:600px){
  h2{font-size:clamp(1.55rem,7.2vw,2.1rem)!important;letter-spacing:0!important}
  h1{font-size:clamp(1.9rem,9vw,2.6rem)!important;letter-spacing:.02em!important}
  .hero h1{font-size:clamp(1.9rem,9.5vw,2.8rem)!important}
  h3{font-size:clamp(1.15rem,5.2vw,1.5rem)}
}
@media(max-width:380px){h2{font-size:1.45rem!important}}

.mk{width:calc(38px * var(--mks,1))!important;height:calc(38px * var(--mks,1))!important;padding:calc(6px * var(--mks,1))!important;border-radius:calc(10px * var(--mks,1))!important;transition:opacity .25s}
.mk em{transform:scale(var(--mks,1));transform-origin:top right}
.mk-ver .mk[data-s="rand"]:not([data-hoofd]),.mk-ver .mk[data-s="bus"],.mk-ver .mk[data-s="bezien"]{display:none!important}
.mk-heelver .mk[data-s="wc"],.mk-heelver .mk[data-s="joris"]{display:none!important}

.cijfers div{min-width:0}
.cijfers b{overflow-wrap:anywhere}
@media(max-width:640px){
  .cijfers{grid-template-columns:1fr;row-gap:22px}
  .cijfers div{border-right:0;padding:4px 12px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:18px}
  .cijfers div:last-child{border-bottom:0}
  .cijfers b{font-size:2.1rem}
}

.formulier fieldset.factuur{border:0;padding:0;margin:4px 0 10px;min-width:0}
.formulier fieldset.factuur legend{font-family:var(--kop);font-size:.9rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--bordeaux);padding:0;margin:14px 0 12px;border-bottom:1px solid rgba(0,0,0,.08);width:100%;padding-bottom:6px}

#kerstkaart .kaartsnel{position:absolute;top:12px;left:12px;right:58px;z-index:4;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
#kerstkaart .kaartsnel::-webkit-scrollbar{display:none}
#kerstkaart .kaartsnel button{flex:none;background:rgba(17,19,31,.86);color:#f3e7c9;border:1px solid rgba(217,180,90,.55);border-radius:999px;padding:8px 13px;font:700 .72rem/1 var(--ui,Arial,sans-serif);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.2s}
#kerstkaart .kaartsnel button:hover,#kerstkaart .kaartsnel button.actief{background:#d9b45a;color:#1a1c30;border-color:#d9b45a}
#kerstkaart .kaart-laad{top:auto!important;bottom:44px!important}
#kerstkaart .maplibregl-ctrl-top-right{top:6px;right:6px}
#kerstkaart .maplibregl-ctrl-group button{width:34px;height:34px}
.kaartvlak:fullscreen #kerstkaart,.kaartvlak:-webkit-full-screen #kerstkaart{height:100%}

/* Voorpagina: de grote kop mag nooit onder het logo en menu schuiven (lage of ingezoomde schermen) */
.hero .container{padding-top:250px}
@media(max-width:1020px){.hero .container{padding-top:160px}}
@media(max-height:820px) and (min-width:1021px){
  .hero .container{padding-bottom:70px}
  .hero h1{font-size:clamp(2.2rem,5.2vw,4rem)}
  .hero .script{font-size:clamp(2rem,4.2vw,3.2rem);margin:.1em 0 .15em}
  .hero .datumregel{margin-bottom:1.4rem}
  .aftellen{margin-top:26px}
}
/* Zelfde voor de paginakop van de andere pagina's */
.paginakop .container{padding-top:250px}
@media(max-width:1020px){.paginakop .container{padding-top:160px}}
@media(max-height:820px) and (min-width:1021px){.paginakop .container{padding-bottom:60px}}
/* Sponsorpagina: "Samen met Dokkum" als eerste regel van de grote kop */
.ovd h2 .kopregel{display:block}
.ovd h2{font-size:clamp(1.7rem,1.1rem + 1.7vw,2.7rem)}
@media(min-width:801px){.ovd h2 .kopregel{white-space:nowrap}}
/* Sponsorlogo's zonder lijnen en hokjes */
.sponsorgroep .logomuur,.logomuur{border:0;background:none}
.sponsorgroep .logomuur div:not(.donker),.logomuur div:not(.donker){border:0;background:none}
.sponsorgroep .logomuur{gap:18px 44px;align-items:center}
.sponsorgroep.maat-m .logomuur div{width:auto;height:auto;padding:6px 0}
.sponsorgroep.maat-m .logomuur img{max-height:96px;max-width:230px}
.sponsorgroep.maat-l .logomuur div{width:auto;height:auto;padding:6px 0}
.sponsorgroep.maat-l .logomuur img{max-height:120px;max-width:300px}
@media(max-width:600px){.sponsorgroep .logomuur{gap:14px 24px}.sponsorgroep.maat-m .logomuur img{max-height:60px;max-width:150px}.sponsorgroep.maat-l .logomuur img{max-height:80px;max-width:180px}}
/* Hoofdsponsoren: gelijke vakken, op één rij */
.sponsorgroep.maat-m .logomuur{gap:16px 28px}
.sponsorgroep.maat-m .logomuur div{width:170px;height:90px;padding:0}
.sponsorgroep.maat-m .logomuur img{max-height:78px;max-width:160px}
@media(max-width:600px){.sponsorgroep.maat-m .logomuur div{width:42%;height:70px}.sponsorgroep.maat-m .logomuur img{max-height:56px;max-width:90%}}
/* Standhouders: drie kraamkaartjes naast elkaar */
.tarieven.drie{grid-template-columns:1fr 1fr 1fr}
.tarieven.drie .tarief:has(.bovenkop:empty){display:none}
@media(max-width:900px){.tarieven.drie{grid-template-columns:1fr}}
.sponsorgroep.maat-m .logomuur{gap:16px 22px}
.sponsorgroep.maat-m .logomuur div{width:150px;height:84px}
.sponsorgroep.maat-m .logomuur img{max-height:72px;max-width:142px}
/* Hoofdsponsoren: gelijke vakken in een net raster (4 per rij), logo's even groot en op dezelfde hoogte */
.sponsorgroep.maat-m .logomuur{display:grid;grid-template-columns:repeat(4,190px);justify-content:center;gap:34px 44px}
.sponsorgroep.maat-m .logomuur div{width:auto;height:96px;display:flex;align-items:center;justify-content:center;padding:0}
.sponsorgroep.maat-m .logomuur img{max-height:84px;max-width:180px;width:auto;height:auto;object-fit:contain}
@media(max-width:1000px){.sponsorgroep.maat-m .logomuur{grid-template-columns:repeat(3,170px);gap:28px 30px}}
@media(max-width:600px){.sponsorgroep.maat-m .logomuur{grid-template-columns:repeat(2,42%);gap:22px 16px}.sponsorgroep.maat-m .logomuur div{height:72px}.sponsorgroep.maat-m .logomuur img{max-height:60px;max-width:100%}}
/* Sponsorpagina: blok naast de logo's van OVD en gemeente op de telefoon onder elkaar (viel buiten beeld) */
@media(max-width:800px){.ovd{grid-template-columns:1fr!important;text-align:center}.ovd h2 .kopregel{white-space:normal}}
.sponsorgroep.maat-m .logomuur{grid-template-columns:repeat(4,230px);gap:34px 36px}
.sponsorgroep.maat-m .logomuur img{max-width:220px}
@media(max-width:1000px){.sponsorgroep.maat-m .logomuur{grid-template-columns:repeat(3,200px)}.sponsorgroep.maat-m .logomuur img{max-width:190px}}
/* Sponsorgroepen per pakket: hoe hoger het pakket, hoe groter het logo */
.sponsorgroep{margin-top:clamp(40px,5vw,70px)}
.sponsorgroep .groepkop{font-size:2rem;margin-bottom:6px}
.sponsorgroep .groepkop small{font-size:.7rem;letter-spacing:.12em;color:var(--goud);margin-top:6px}
.sponsorgroep .groepkop::after{content:"";display:block;width:56px;height:1px;background:var(--goud);margin:14px auto 26px}
.sponsorgroep .logomuur{display:grid;justify-content:center;align-items:center}
.sponsorgroep .logomuur div{width:auto;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:0}
.sponsorgroep .logomuur img{width:auto;height:auto;object-fit:contain;max-width:100%}
.sponsorgroep.maat-xl .logomuur{grid-template-columns:repeat(3,320px);gap:40px 50px}
.sponsorgroep.maat-xl .logomuur div{height:150px}
.sponsorgroep.maat-xl .logomuur img{max-height:130px;max-width:300px}
.sponsorgroep.maat-l .logomuur{grid-template-columns:repeat(4,240px);gap:34px 40px}
.sponsorgroep.maat-l .logomuur div{height:110px}
.sponsorgroep.maat-l .logomuur img{max-height:92px;max-width:220px}
.sponsorgroep.maat-m .logomuur{grid-template-columns:repeat(5,180px);gap:28px 30px}
.sponsorgroep.maat-m .logomuur div{height:80px}
.sponsorgroep.maat-m .logomuur img{max-height:66px;max-width:170px}
.sponsorgroep.maat-s .logomuur{grid-template-columns:repeat(6,150px);gap:24px 24px}
.sponsorgroep.maat-s .logomuur div{height:64px}
.sponsorgroep.maat-s .logomuur img{max-height:52px;max-width:140px}
@media(max-width:1100px){.sponsorgroep.maat-xl .logomuur{grid-template-columns:repeat(2,300px)}.sponsorgroep.maat-l .logomuur{grid-template-columns:repeat(3,220px)}.sponsorgroep.maat-m .logomuur{grid-template-columns:repeat(4,170px)}.sponsorgroep.maat-s .logomuur{grid-template-columns:repeat(4,150px)}}
@media(max-width:700px){.sponsorgroep .logomuur{gap:20px 14px}.sponsorgroep.maat-xl .logomuur{grid-template-columns:repeat(2,44%)}.sponsorgroep.maat-xl .logomuur div{height:100px}.sponsorgroep.maat-xl .logomuur img{max-height:84px}.sponsorgroep.maat-l .logomuur{grid-template-columns:repeat(2,44%)}.sponsorgroep.maat-l .logomuur div{height:80px}.sponsorgroep.maat-l .logomuur img{max-height:66px}.sponsorgroep.maat-m .logomuur{grid-template-columns:repeat(3,30%)}.sponsorgroep.maat-m .logomuur div{height:64px}.sponsorgroep.maat-m .logomuur img{max-height:52px}.sponsorgroep.maat-s .logomuur{grid-template-columns:repeat(3,30%)}.sponsorgroep.maat-s .logomuur div{height:54px}.sponsorgroep.maat-s .logomuur img{max-height:44px}}
.sponsorgroep.maat-l .groepkop,.sponsorgroep.maat-s .groepkop{font-size:1.8rem}
/* voorpagina: wisselende achtergrondfoto's (crossfade) */
.hero .hero-beeld.wissel{opacity:0;animation:none;z-index:-2}
.hero .hero-beeld.actief{opacity:1;transition:opacity 1.5s ease;animation:kenburns 22s ease-out forwards}
.hero .hero-beeld.weg{opacity:0;transition:opacity 1.5s ease;animation:none}
.hero .hero-beeld.wissel.actief{z-index:-1}
.hero::before{z-index:0}
.hero>.container{position:relative;z-index:1}
.hero .scrollhint,.hero .schuin{z-index:1}
/* sponsorpakketten: duurste in het midden (het oog valt op het midden), op de telefoon gewoon 1-2-3 onder elkaar */
@media(min-width:901px){.pakketten .pakket:nth-child(2){order:3}.pakketten .pakket:nth-child(3){order:2}}
/* sponsorlogo als link naar de website van de sponsor */
.logomuur div>a{display:grid;place-items:center;width:100%;height:100%}
.logomuur div:hover img{filter:none;opacity:1}
.logoband a{display:block}
/* sponsorlogo's: per rang 4 naast elkaar, binnen een rang allemaal even groot; "Met steun van" onderaan groot */
.sponsorgroep .logomuur{display:grid;justify-content:center;align-items:center}
.sponsorgroep .logomuur div{display:flex;align-items:center;justify-content:center;padding:0;width:auto}
.sponsorgroep .logomuur div>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.sponsorgroep .logomuur img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.sponsorgroep.maat-xl .logomuur{grid-template-columns:repeat(4,250px);gap:44px 44px}
.sponsorgroep.maat-xl .logomuur div{height:140px}
.sponsorgroep.maat-l .logomuur{grid-template-columns:repeat(4,210px);gap:38px 40px}
.sponsorgroep.maat-l .logomuur div{height:112px}
.sponsorgroep.maat-m .logomuur{grid-template-columns:repeat(4,175px);gap:32px 36px}
.sponsorgroep.maat-m .logomuur div{height:90px}
.sponsorgroep.maat-s .logomuur{grid-template-columns:repeat(4,175px);gap:32px 36px}
.sponsorgroep.maat-s .logomuur div{height:90px}
.sponsorgroep.maat-partner{margin-top:clamp(60px,8vw,110px);padding-top:clamp(40px,5vw,60px);border-top:1px solid var(--lijn)}
.sponsorgroep.maat-partner .groepkop{font-size:2.4rem}
.sponsorgroep.maat-partner .groepkop small{display:block;font-family:var(--tekst,Georgia,serif);font-size:1.1rem;letter-spacing:0;text-transform:none;color:var(--grijs);margin-top:8px}
.sponsorgroep.maat-partner .logomuur{grid-template-columns:repeat(2,360px);gap:50px 80px}
.sponsorgroep.maat-partner .logomuur div{height:200px}
@media(max-width:1100px){.sponsorgroep.maat-xl .logomuur{grid-template-columns:repeat(3,230px)}.sponsorgroep.maat-l .logomuur{grid-template-columns:repeat(3,200px)}.sponsorgroep.maat-m .logomuur,.sponsorgroep.maat-s .logomuur{grid-template-columns:repeat(3,170px)}.sponsorgroep.maat-partner .logomuur{grid-template-columns:repeat(2,300px);gap:40px}.sponsorgroep.maat-partner .logomuur div{height:170px}}
@media(max-width:700px){.sponsorgroep .logomuur{gap:24px 18px}.sponsorgroep.maat-xl .logomuur,.sponsorgroep.maat-l .logomuur,.sponsorgroep.maat-m .logomuur,.sponsorgroep.maat-s .logomuur{grid-template-columns:repeat(2,44%)}.sponsorgroep.maat-xl .logomuur div{height:96px}.sponsorgroep.maat-l .logomuur div{height:84px}.sponsorgroep.maat-m .logomuur div,.sponsorgroep.maat-s .logomuur div{height:70px}.sponsorgroep.maat-partner .logomuur{grid-template-columns:repeat(2,46%);gap:24px}.sponsorgroep.maat-partner .logomuur div{height:110px}}
.sponsorgroep.maat-xl .groepkop{font-size:2.4rem}
.sponsorgroep.maat-xl .logomuur img,.sponsorgroep.maat-l .logomuur img,.sponsorgroep.maat-m .logomuur img,.sponsorgroep.maat-s .logomuur img,.sponsorgroep.maat-partner .logomuur img{max-width:100%;max-height:100%;width:100%;height:100%}
/* stille video in de kop van de voorpagina (ligt boven de foto, onder het donkere verloop) */
.hero .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.hero.video-speelt .hero-video{opacity:1;z-index:-1}
.hero.video-speelt .hero-beeld{animation:none}
/* sponsorgroepen strakker: minder lucht, kleinere kop, dunne lijn */
.sponsorgroep{margin-top:clamp(34px,4vw,56px)}
.sponsorgroep .groepkop{font-size:1.75rem;margin-bottom:4px}
.sponsorgroep .groepkop::after{width:44px;margin:10px auto 22px}
.sponsorgroep.maat-xl .groepkop{font-size:2rem}
.sponsorgroep.maat-partner{margin-top:clamp(50px,6vw,80px);padding-top:clamp(30px,4vw,44px)}
.sponsorgroep.maat-partner .groepkop{font-size:2rem}
.sponsorgroep.maat-xl .logomuur{gap:34px 40px}
.sponsorgroep.maat-l .logomuur{gap:28px 36px}
.sponsorgroep.maat-m .logomuur,.sponsorgroep.maat-s .logomuur{gap:24px 32px}
/* regel onder "Burgemeester" en knop "Ook sponsor worden?" */
.sponsorgroep.maat-xl .groepkop small{display:block;font-family:var(--tekst);font-size:1rem;letter-spacing:0;text-transform:none;color:var(--grijs);margin-top:6px}
.sponsor-oproep{text-align:center;margin:clamp(36px,5vw,56px) 0 0}
/* pakketten: label "Meest gekozen", regel over het logo onder de prijs, extra's t.o.v. het goedkopere pakket */
.pakket{position:relative}
.pakket .meest{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--bordeaux);color:#fff;font-family:var(--ui);font-weight:700;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 14px -6px rgba(0,0,0,.35)}
.pakket .logoregel{font-style:italic;font-size:.98rem;color:var(--grijs);margin:-1rem 0 1.4rem;line-height:1.35}
.pakket.uitgelicht .logoregel{color:var(--bordeaux)}
.pakket li.extra{font-weight:600}
.pakket li.extra::before{color:var(--bordeaux)}
.pakket li .plus{display:block;width:max-content;font-family:var(--ui);font-style:normal;font-weight:700;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--goud-tekst);padding:2px 7px;border-radius:3px;margin:6px 0 0;line-height:1.5}
/* logomuur: duidelijk groot / middel / klein, en meer ruimte boven "Met steun van" */
.sponsorgroep.maat-xl .logomuur{grid-template-columns:repeat(4,260px);gap:40px 30px}
.sponsorgroep.maat-xl .logomuur div{height:160px}
.sponsorgroep.maat-l .logomuur{grid-template-columns:repeat(4,200px);gap:30px 30px}
.sponsorgroep.maat-l .logomuur div{height:110px}
.sponsorgroep.maat-m .logomuur,.sponsorgroep.maat-s .logomuur{grid-template-columns:repeat(4,140px);gap:24px 30px}
.sponsorgroep.maat-m .logomuur div,.sponsorgroep.maat-s .logomuur div{height:72px}
.sponsorgroep.maat-partner{margin-top:clamp(110px,13vw,170px);padding-top:clamp(56px,7vw,90px)}
@media(max-width:1100px){.sponsorgroep.maat-xl .logomuur{grid-template-columns:repeat(3,250px)}.sponsorgroep.maat-l .logomuur{grid-template-columns:repeat(3,190px)}.sponsorgroep.maat-m .logomuur,.sponsorgroep.maat-s .logomuur{grid-template-columns:repeat(3,140px)}}
/* mediapartners: klein blok helemaal onderaan; zonder logo staat de naam in letters, met daaronder wat de partner doet */
.sponsorgroep.maat-media{margin-top:clamp(60px,7vw,90px)}
.sponsorgroep.maat-media .groepkop{font-size:1.4rem}
.sponsorgroep.maat-media .logomuur{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 56px}
.sponsorgroep.maat-media .logomuur div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:auto;min-width:160px;max-width:260px;height:auto;padding:0}
.sponsorgroep.maat-media .logomuur img{width:auto;height:auto;max-width:200px;max-height:64px}
.sponsorgroep.maat-media .naamlogo{font-family:var(--kop);font-size:1.35rem;letter-spacing:.08em;text-transform:uppercase;color:var(--inkt);line-height:1.2}
.sponsorgroep.maat-media a{text-decoration:none}
.sponsorgroep.maat-media .rol{display:block;margin-top:6px;font-size:.9rem;font-style:italic;color:var(--grijs)}
/* hoofdsponsoren (Burgemeester) groter, 3 per rij; leeg pakket toont een regel "nog vrij" */
.sponsorgroep.maat-xl .logomuur{grid-template-columns:repeat(3,340px);gap:44px 50px}
.sponsorgroep.maat-xl .logomuur div{height:190px}
@media(max-width:1100px){.sponsorgroep.maat-xl .logomuur{grid-template-columns:repeat(2,320px)}}
@media(max-width:700px){.sponsorgroep.maat-xl .logomuur{grid-template-columns:repeat(2,44%)}.sponsorgroep.maat-xl .logomuur div{height:110px}}
.sponsorgroep.leeg .groep-leeg{text-align:center;margin:0;font-style:italic;color:var(--grijs)}
.sponsorgroep.leeg .groep-leeg a{color:var(--grijs);text-decoration:underline;text-decoration-color:var(--goud);text-underline-offset:4px}
.sponsorgroep.leeg .groep-leeg a:hover{color:var(--bordeaux)}
/* sponsormuur v3: losse gecentreerde rijen, lijn tussen de rangen, groottes 100 / 70 / 55 procent, naam onder kleine logo's, "Met steun van" op een lichte band */
.sponsorgroep.maat-xl .logomuur,.sponsorgroep.maat-l .logomuur,.sponsorgroep.maat-m .logomuur,.sponsorgroep.maat-s .logomuur{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}
.sponsorgroep.maat-xl .logomuur{gap:40px 48px}
.sponsorgroep.maat-xl .logomuur div{width:300px;height:170px}
.sponsorgroep.maat-l .logomuur{gap:30px 40px}
.sponsorgroep.maat-l .logomuur div{width:210px;height:120px}
.sponsorgroep.maat-m .logomuur,.sponsorgroep.maat-s .logomuur{gap:26px 36px}
.sponsorgroep.maat-m .logomuur div,.sponsorgroep.maat-s .logomuur div{width:165px;height:95px}
.sponsorgroep.maat-m .logomuur div{flex-direction:column;height:auto}
.sponsorgroep.maat-m .logomuur div>a,.sponsorgroep.maat-m .logomuur div>img{display:flex;align-items:center;justify-content:center;width:100%;height:95px}
.sponsorgroep.maat-m .logomuur .naam{display:block;margin-top:8px;font-size:.88rem;color:var(--grijs);text-align:center;line-height:1.3}
.sponsorgroep .groepkop small{display:block;font-family:var(--tekst);font-size:1rem;letter-spacing:0;text-transform:none;color:var(--grijs);margin-top:6px}
.sponsorgroep.maat-l,.sponsorgroep.maat-m,.sponsorgroep.maat-s{border-top:1px solid var(--lijn);padding-top:clamp(30px,4vw,48px);margin-top:clamp(34px,4.5vw,60px)}
.sponsorgroep.leeg .groep-leeg{text-align:center;margin:0;font-style:normal}
.sponsorgroep.leeg .groep-leeg strong{display:block;font-family:var(--kop);font-weight:400;font-size:1.6rem;color:var(--bordeaux);margin:0 0 10px;line-height:1.2}
.sponsorgroep.leeg .groep-leeg a.meer{display:inline-block;font-family:var(--ui);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--goud-tekst);border-bottom:1px solid var(--goud);padding-bottom:3px;text-decoration:none}
.sponsorgroep.leeg .groep-leeg a.meer:hover{color:var(--bordeaux);border-color:var(--bordeaux)}
.sponsorgroep.maat-partner{background:#f6f6f1;border-top:0;margin:clamp(70px,8vw,110px) -24px 0;padding:clamp(40px,5vw,60px) 24px clamp(44px,5vw,64px)}
.sponsorgroep.maat-media{margin-top:clamp(50px,6vw,70px)}
@media(max-width:700px){.sponsorgroep.maat-xl .logomuur{gap:22px 18px}.sponsorgroep.maat-xl .logomuur div{width:44%;height:100px}.sponsorgroep.maat-l .logomuur div{width:40%;height:80px}.sponsorgroep.maat-m .logomuur div,.sponsorgroep.maat-s .logomuur div{width:36%}.sponsorgroep.maat-m .logomuur div>a,.sponsorgroep.maat-m .logomuur div>img{height:64px}}
/* vlaggen: Britse vlag voor Engels, alle vlaggen even hoog en op één lijn in het mobiele menu */
.taal .vlag{width:auto;height:17px}
.mobielmenu li.taal{align-items:center}
.mobielmenu li.taal .vlag{width:auto;height:22px}
.mobielmenu li.taal .taalkeuze{align-items:center}
.mobielmenu li.taal .taalkeuze a{display:flex!important;align-items:center;gap:8px;line-height:1}
/* sponsor zonder logo: naam in letters, netjes in het logovak */
.sponsorgroep .logomuur .naamlogo{font-family:var(--kop);font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:var(--inkt);line-height:1.2;text-align:center;padding:0 8px}
.sponsorgroep.maat-xl .logomuur .naamlogo{font-size:1.5rem}
.sponsorgroep.maat-m .logomuur .naamlogo,.sponsorgroep.maat-s .logomuur .naamlogo{font-size:1rem}
.sponsorgroep .logomuur a:has(.naamlogo){text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}

/* Zelf toegevoegde pagina's (Pagina's → Nieuwe pagina): opmaak van de tekst uit WordPress */
.vrij-tekst{font-size:1.12rem;color:var(--inkt)}
.vrij-tekst h2,.vrij-tekst h3,.vrij-tekst h4{margin:1.6em 0 .5em}
.vrij-tekst>h2:first-child,.vrij-tekst>h3:first-child{margin-top:0}
.vrij-tekst p,.vrij-tekst ul,.vrij-tekst ol{margin:0 0 1.1em}
.vrij-tekst ul,.vrij-tekst ol{padding-left:1.4em}
.vrij-tekst li{margin:.3em 0}
.vrij-tekst a{color:var(--bordeaux,#862626);text-decoration:underline}
.vrij-tekst img{max-width:100%;height:auto;border-radius:6px}
.vrij-tekst img.alignleft,.vrij-tekst .alignleft{float:left;margin:.3em 1.4em 1em 0;max-width:48%}
.vrij-tekst img.alignright,.vrij-tekst .alignright{float:right;margin:.3em 0 1em 1.4em;max-width:48%}
.vrij-tekst img.aligncenter,.vrij-tekst .aligncenter{display:block;margin:0 auto 1em;float:none}
.vrij-tekst .wp-caption{max-width:100%}
.vrij-tekst .wp-caption-text{font-size:.9rem;color:#666;margin-top:.4em}
.vrij-tekst blockquote{border-left:3px solid var(--goud);padding:.2em 0 .2em 1.2em;margin:1.4em 0;font-style:italic}
.vrij-tekst table{border-collapse:collapse;width:100%;margin:0 0 1.2em}
.vrij-tekst td,.vrij-tekst th{border:1px solid #ddd;padding:.5em .7em;text-align:left;vertical-align:top}
.vrij-tekst::after{content:"";display:block;clear:both}
@media (max-width:700px){.vrij-tekst img.alignleft,.vrij-tekst img.alignright,.vrij-tekst .alignleft,.vrij-tekst .alignright{float:none;max-width:100%;margin:0 0 1em}}

/* Meldingen van formulieren staan verborgen in het formulier (site.js leest ze uit) */
.formteksten{display:none!important}

/* Huisregels en afspraken (Omwonenden) als lichte vakken, net als de rest van de site; het sterretje blijft (verzoek Nienke 10-11-2026) */
.regels{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.6vw,22px);max-width:1200px;margin:0 auto}
.regel{display:block;position:relative;background:#fff;border-left:3px solid var(--goud);border-bottom:0;box-shadow:0 10px 30px rgba(23,51,40,.06);padding:clamp(22px,2.2vw,30px) clamp(22px,2.2vw,30px) clamp(22px,2.2vw,30px) 68px}
.regel::before{left:24px;top:calc(clamp(22px,2.2vw,30px) + 1px)}
.regel h3{font-size:1.15rem;margin-bottom:.35rem}
.regel p{font-size:1.08rem}
@media(max-width:800px){.regels{grid-template-columns:1fr;max-width:760px}.regel{padding-left:60px}.regel::before{left:18px}}

/* Eén opsommingsteken op de hele site: het gouden sterretje (lijsten op eigen pagina's; losse lijsten in de tekst hebben het sterretje al in de tekst staan) */
.vrij-tekst ul{list-style:none;padding-left:0}
.vrij-tekst ul li{position:relative;padding-left:1.5em}
.vrij-tekst ul li::before{content:"✦";position:absolute;left:0;top:.15em;color:var(--goud);font-size:.8em}

/* Hetzelfde sterretje als bij de huisregels als opsommingsteken op de hele site (pakketten, infoblokken, sponsorblok, eigen pagina's) */
:root{--ster:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='%23b08d2e'%3E%3Cpath d='M16 1l2.6 10.2L28 6.5l-5 8.9L32 16l-9 .6 5 8.9-9.4-4.7L16 31l-2.6-10.2L4 25.5l5-8.9L0 16l9-.6-5-8.9 9.4 4.7z' opacity='.35'/%3E%3Cpath d='M16 3.5l1.9 9.3 8.2-5.4-5.4 8.2 9.3 1.9-9.3 1.9 5.4 8.2-8.2-5.4L16 31.5l-1.9-9.3-8.2 5.4 5.4-8.2L2 17.5l9.3-1.9-5.4-8.2 8.2 5.4z' transform='translate(0 -1.5)'/%3E%3Ccircle cx='16' cy='16' r='2.2' fill='%23fff8dc'/%3E%3C/g%3E%3C/svg%3E")}
.pakket li::before,.infoblok li::before,.sponsorband li::before,.vrij-tekst ul li::before{content:"";width:15px;height:15px;background:var(--ster) center/contain no-repeat;top:9px}
.vrij-tekst ul li{padding-left:1.6em}
.vrij-tekst ul li::before{top:.3em;width:.9em;height:.9em}

/* Telefoon: duidelijk verschil tussen de pakketten (Burgemeester 1 per rij en groot, Koopman 2 per rij, Lantaarnopsteker 3 per rij en klein) */
@media(max-width:700px){
.sponsorgroep.maat-xl .logomuur{gap:18px 20px}
.sponsorgroep.maat-xl .logomuur div{width:74%;height:104px}
.sponsorgroep.maat-l .logomuur{gap:16px 14px}
.sponsorgroep.maat-l .logomuur div{width:40%;height:70px}
.sponsorgroep.maat-m .logomuur,.sponsorgroep.maat-s .logomuur{gap:14px 10px}
.sponsorgroep.maat-m .logomuur div,.sponsorgroep.maat-s .logomuur div{width:28%}
.sponsorgroep.maat-m .logomuur div>a,.sponsorgroep.maat-m .logomuur div>img{height:52px}
.sponsorgroep.maat-m .logomuur .naam{font-size:.7rem;margin-top:4px;line-height:1.25}
}

/* Mediapartners: logo's in een vak van gelijke hoogte, zodat de regel eronder op één lijn staat */
.sponsorgroep.maat-media .logomuur div>a,.sponsorgroep.maat-media .logomuur div>img,.sponsorgroep.maat-media .logomuur div>.naamlogo{display:flex;align-items:center;justify-content:center;height:72px}
.sponsorgroep.maat-media .logomuur img{max-height:72px;max-width:200px}

/* Sponsormuur: logo's per rang even zwaar. Elk logo krijgt per rang hetzelfde vlak (breed logo = breder en lager, vierkant logo = kleiner), nooit groter dan het vak.
   De verhouding van het logo (--r) zet de site zelf op het plaatje. Rangen: Burgemeester 30000, Koopman 14000, Lantaarnopsteker 8000. */
.sponsorgroep.maat-xl .logomuur{--opp:30000}
.sponsorgroep.maat-l .logomuur{--opp:14000}
.sponsorgroep.maat-m .logomuur,.sponsorgroep.maat-s .logomuur{--opp:8000}
.sponsorgroep.maat-xl .logomuur img,.sponsorgroep.maat-l .logomuur img,.sponsorgroep.maat-m .logomuur img,.sponsorgroep.maat-s .logomuur img{width:min(100%,calc(sqrt(var(--opp) * var(--r,2.5)) * 1px));height:auto;max-height:100%;object-fit:contain}
@media(max-width:700px){.sponsorgroep.maat-xl .logomuur{--opp:9000}.sponsorgroep.maat-l .logomuur{--opp:5000}.sponsorgroep.maat-m .logomuur,.sponsorgroep.maat-s .logomuur{--opp:3000}}
/* Meer lucht tussen de laatste rang en de rode knop, en tussen de knop en de mediapartners */
.sponsor-oproep{margin-top:clamp(56px,7vw,90px)}
.sponsorgroep.maat-media{margin-top:clamp(80px,9vw,120px)}
/* Mediapartners iets groter */
.sponsorgroep.maat-media .logomuur div{max-width:300px}
.sponsorgroep.maat-media .logomuur div>a,.sponsorgroep.maat-media .logomuur div>img,.sponsorgroep.maat-media .logomuur div>.naamlogo{height:96px}
.sponsorgroep.maat-media .logomuur img{max-height:96px;max-width:280px;width:min(100%,calc(sqrt(10000 * var(--r,2.5)) * 1px));height:auto;object-fit:contain}