/* psytools.nl */
:root, [data-theme="standaard"]{
  --accent:#5A7258; --accent-donker:#3E5140; --accent-licht:#EDF0E8;
  --goud:#C8A44A; --bg:#F7F8F4; --kaart:#FFFFFF; --tekst:#111A0F;
  --gedempt:#6D7468; --rand:#C8D0B8; --deco:"";
}
[data-theme="valentijn"]{
  --accent:#A82D5C; --accent-donker:#7E1E44; --accent-licht:#FCEBF1;
  --goud:#C98B3F; --bg:#FFFAFC; --kaart:#FFFFFF; --tekst:#331E27;
  --gedempt:#7A5A67; --rand:#F0D6E0; --deco:"\1F495";
}
[data-theme="pasen"]{
  --accent:#7A5F9E; --accent-donker:#6B4E96; --accent-licht:#F3EDFA;
  --goud:#E9B44C; --bg:#FDFCF7; --kaart:#FFFFFF; --tekst:#3B3547;
  --gedempt:#787183; --rand:#E7E0F0; --deco:"\1F423";
}
[data-theme="koningsdag"]{
  --accent:#B3520F; --accent-donker:#8F3F0A; --accent-licht:#FDF0E4;
  --goud:#E8A33D; --bg:#FFFCF8; --kaart:#FFFFFF; --tekst:#3A2A1C;
  --gedempt:#857160; --rand:#F0DCC6; --deco:"\1F451";
}
[data-theme="zomer"]{
  --accent:#1D769A; --accent-donker:#155E7D; --accent-licht:#E6F4F9;
  --goud:#F2A03D; --bg:#FBFEFF; --kaart:#FFFFFF; --tekst:#1F3540;
  --gedempt:#627881; --rand:#D8EAF1; --deco:"\2600";
}
[data-theme="halloween"]{
  --accent:#6B3FA0; --accent-donker:#4E2C77; --accent-licht:#F2ECFA;
  --goud:#C4661A; --bg:#FBF8FD; --kaart:#FFFFFF; --tekst:#241B2E;
  --gedempt:#6B5F7C; --rand:#E3D7F0; --deco:"\1F383";
}
[data-theme="sinterklaas"]{
  --accent:#8C4A2F; --accent-donker:#5E3020; --accent-licht:#F6EDE4;
  --goud:#C8892E; --bg:#FDFAF6; --kaart:#FFFFFF; --tekst:#33231A;
  --gedempt:#817164; --rand:#E8DACB; --deco:"\1F381";
}
[data-theme="kerst"]{
  --accent:#B03A2E; --accent-donker:#7B241C; --accent-licht:#FBEAE8;
  --goud:#C9A227; --bg:#FDFBF7; --kaart:#FFFFFF; --tekst:#3A2626;
  --gedempt:#836F6F; --rand:#EADDD6; --deco:"\1F384";
}
[data-theme="nieuwjaar"]{
  --accent:#2E4A7D; --accent-donker:#1C2E52; --accent-licht:#E9EEF7;
  --goud:#D4AF37; --bg:#FAFBFE; --kaart:#FFFFFF; --tekst:#1B2333;
  --gedempt:#69748B; --rand:#D6DEEC; --deco:"\1F386";
}

/* De twee schreefloze en schreefletters komen van de server zelf. Er gaat geen
   verzoek naar een andere partij; dat is de reden dat deze site zonder
   cookiebanner kan. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:200 400;font-display:swap;
  src:url(fonts/dm-sans-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 500;font-display:swap;
  src:url(fonts/cormorant-garamond-normal.woff2) format('woff2')}

*{margin:0;padding:0;box-sizing:border-box}
/* De achtergrondkleur staat op html en niet op body, zodat de versieringslaag
   (z-index -1) erboven getekend wordt en niet erachter verdwijnt. */
html{-webkit-text-size-adjust:100%;background:var(--bg)}
/* Gewicht 400 en niet dunner: op 300 wordt lopende tekst op een gewoon scherm
   te licht om prettig te lezen (WCAG-advies bij dunne gewichten). */
body{font-family:'DM Sans','Segoe UI',system-ui,-apple-system,sans-serif;
     color:var(--tekst);line-height:1.6;font-weight:400}
a{color:var(--accent)}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}

/* De kop loopt bewust buiten .wrap door: het zoekveld hoort tegen de rand van
   het scherm te staan en niet tegen de rand van de tekstkolom. */
header{padding:16px clamp(18px,3.5vw,52px) 0}
.topbar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"thema merk rechts";
  align-items:center;gap:14px 20px}
/* Het logo staat midden en is een link naar de voorpagina, zodat je van elke
   pagina terugkomt. De hoogte is leidend; de breedte volgt uit de tekening. */
.merk{grid-area:merk;justify-self:center;display:block;height:clamp(61px,7.4vw,89px);
  color:var(--accent);text-decoration:none;-webkit-tap-highlight-color:transparent}
.merk .pt-logo{height:100%;width:auto}
.thema-kiezer{grid-area:thema;justify-self:start;display:flex;align-items:center;gap:2px;
  padding:3px;border:1px solid var(--rand);border-radius:999px;background:var(--kaart)}
/* Op de beta staat de hele lijst erin; die past niet op één regel. */
.thema-kiezer.alle{flex-wrap:wrap;border-radius:14px;max-width:min(100%,420px)}
.thema-kiezer.alle button{padding:3px 10px;font-size:9pt}
.thema-kiezer[hidden]{display:none}
.thema-kiezer button{font:inherit;font-size:9.5pt;padding:4px 14px;border:0;border-radius:999px;
  background:none;color:var(--gedempt);cursor:pointer}
.thema-kiezer button[aria-pressed="true"]{background:var(--accent-licht);color:var(--accent-donker)}

.hero{padding:22px 0 6px}
.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:34pt;font-weight:400;
  color:var(--accent-donker);line-height:1.12;max-width:20ch}
.hero h1 strong{font-style:italic;font-weight:400;color:var(--accent)}
.hero.start h1::after{content:var(--deco);margin-left:10px;font-size:22pt}
.hero p{max-width:660px;margin-top:12px;font-size:11.5pt;color:var(--gedempt)}
/* Streepje boven een kop, het rustpunt dat op presenza.nl overal terugkomt. */
.eyebrow{display:block;font-size:8pt;font-weight:400;letter-spacing:.3em;text-transform:uppercase;
  color:var(--goud);margin-bottom:14px}

section{padding:26px 0 6px}
h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:22pt;font-weight:500;
  color:var(--accent-donker);line-height:1.1}
.sub{font-size:9.5pt;color:var(--gedempt);margin:8px 0 18px;line-height:1.6}

/* Drie stappen naast elkaar, met een eigen teller: de nummers in goud, de
   tekst gewoon. Op een smal scherm vallen ze onder elkaar. */
.stappen{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px 28px;list-style:none;counter-reset:stap}
.stappen li{counter-increment:stap;font-size:10pt;color:var(--tekst);line-height:1.6;
  padding-top:6px;border-top:1px solid var(--rand)}
.stappen li::before{content:counter(stap);display:block;font-family:'Cormorant Garamond',Georgia,serif;
  font-size:16pt;color:var(--goud);line-height:1.2;margin-bottom:2px}

/* Analyses links, technieken rechts, met een haarlijn ertussen: hetzelfde
   rooster als de kaarten op presenza.nl. Valt er tijdens het zoeken een van de
   twee weg, dan neemt de ander de hele breedte (auto-fit laat een lege baan
   inklappen). */
.panelen{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:1px;
  background:var(--rand);border:1px solid var(--rand);margin-top:26px}
.panelen>section{background:var(--kaart);padding:34px 32px 26px;margin:0}
.panelen>section::before{content:'';display:block;width:24px;height:1.5px;background:var(--goud);
  margin-bottom:20px}

.grid{display:block}
.tool-kaart{position:relative;display:flex;align-items:stretch;
  border-bottom:1px solid var(--rand);transition:background .15s}
.tool-kaart:last-child{border-bottom:none}
.tool-kaart:hover{background:var(--accent-licht)}
/* Het gouden streepje staat op de hoogte van de naam en niet in het midden van
   de rij: bij een omschrijving van twee regels zou het anders wegzakken. */
.tool{flex:1;display:block;text-decoration:none;padding:11px 0 11px 20px;position:relative}
.tool::before{content:'';position:absolute;left:0;top:1.15em;width:9px;height:1px;background:var(--goud)}
/* Rechts ruimte houden voor de Word-knop, die absoluut in de hoek staat; een
   lange naam zou er anders onderdoor lopen. */
.tool .naam{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:16pt;
  font-weight:500;line-height:1.2;color:var(--accent-donker);padding-right:48px}
.tool .oms{display:block;font-size:9pt;color:var(--gedempt);line-height:1.5;margin-top:2px;
  padding-right:64px}
/* De vakterm, klein onder de omschrijving in mensentaal. */
.tool .vak{display:block;font-size:7.5pt;color:var(--gedempt);line-height:1.5;margin-top:3px;
  font-style:italic;padding-right:64px}
/* Altijd zichtbaar en niet pas bij hover: op een aanraakscherm is er geen hover. */
.word-knop{position:absolute;top:12px;right:0;display:inline-flex;align-items:center;
  padding:3px 5px;border:1px solid var(--rand);border-radius:7px;
  background:var(--bg);color:var(--gedempt);text-decoration:none;line-height:1}
.word-knop svg{width:23px;height:23px;display:block}
.pt-modus-vraag{position:fixed;inset:0;z-index:20000;background:rgba(28,42,32,.42);display:flex;align-items:center;justify-content:center;padding:20px}
.pt-modus-vraag[hidden]{display:none}
.pt-modus-kaart{background:#fff;border-radius:14px;padding:24px 26px 22px;max-width:460px;width:100%;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.pt-modus-kaart h2{font-size:13pt;font-weight:500;color:var(--accent);margin:0 0 8px}
.pt-modus-kaart p{font-size:10pt;line-height:1.5;margin:0 0 16px}
.pt-modus-knoppen{display:flex;gap:10px;flex-wrap:wrap}
.pt-modus-knoppen button{font-family:inherit;font-size:10pt;padding:8px 16px;border-radius:6px;cursor:pointer;border:1px solid var(--accent);background:#fff;color:var(--accent)}
.pt-modus-knoppen .pt-modus-met{background:var(--accent);color:#fff}
.pt-modus-knoppen .pt-modus-annuleer{border:0;color:#888;margin-left:auto}
.word-knop:hover,.word-knop:focus{border-color:var(--accent);color:var(--accent)}
/* De losse apps dragen hun eigen icoon rechtsboven op de kaart, met een tipje
   dat bij hover of toetsenbordfocus omhoog komt. Aanraakschermen kennen geen
   hover; daar is het tipje een extraatje dat wegblijft. */
.app-icoon{position:absolute;top:12px;right:0;width:38px;height:38px;border-radius:9px}
.tool .app-tip{display:block;overflow:hidden;max-height:0;opacity:0;transform:translateY(6px);
  margin-top:0;font-size:8pt;color:var(--accent);line-height:1.5;
  transition:max-height .35s ease,opacity .35s ease,transform .35s ease,margin-top .35s ease}
.tool:hover .app-tip,.tool:focus-visible .app-tip{max-height:3.5em;opacity:1;transform:none;margin-top:4px}
/* Groen bolletje met telling: in dit werkblad staat al opgeslagen werk. Hij
   hangt in de link zelf, rechts naast de Word-knop, en klikt dus gewoon door
   naar het werkblad. */
.pz-heeft{position:absolute;top:14px;right:52px;display:inline-flex;align-items:center;gap:6px;
  padding:3px 10px;border-radius:999px;background:var(--accent);color:var(--bg);
  font-size:8.5pt;font-weight:500;line-height:1.4;white-space:nowrap}
.pz-heeft::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--bg);flex-shrink:0}
/* De naam mag niet onder het bolletje doorlopen. */
.pz-heeft-kaart .naam{padding-right:112px}

/* Knoppenbalk in de stijl van presenza.nl: hoofdletters, wijde letterafstand. */
.knoprij{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:8.5pt;font-weight:400;
  letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding:13px 26px;
  border:1px solid transparent;cursor:pointer;transition:background .22s,color .22s,border-color .22s}
.btn-vol{background:var(--accent);color:var(--bg)}
.btn-vol:hover{background:var(--accent-donker)}
.btn-open{background:transparent;color:var(--accent);border-color:var(--rand)}
.btn-open:hover{border-color:var(--accent)}

/* Zoeken, recent en back-up */
.verborgen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Het zoekveld en de taalknop staan samen tegen de rechterrand. Op de
   privacypagina is er geen zoekveld en schuift de taalknop vanzelf door. */
.rechts{grid-area:rechts;justify-self:end;display:flex;align-items:center;gap:14px}
.zoek{display:flex;align-items:center;gap:10px}
/* Dezelfde knop als op presenza.nl: een rond vlaggetje met de taal waar je
   naartoe gaat, niet de taal waar je in staat. */
/* Muzieknoot-knop — zichtbaar bij de thema's die een eigen geluidsstukje
   hebben. Kerst speelt Jingle Bells (Pierpont 1857, publiek domein), Halloween
   een langzame donkere drone met af en toe een spookkrijs. Alles via Web
   Audio, dus zonder MP3 en pas ná een klik (geen autoplay). */
.thema-muziek{display:none;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--rand);background:var(--kaart);color:var(--accent);border-radius:999px;cursor:pointer}
.thema-muziek:hover,.thema-muziek:focus{border-color:var(--accent);background:var(--accent-licht);outline:none}
.thema-muziek.spelen{background:var(--accent);color:#fff;border-color:var(--accent)}
/* Wisselen tussen noot-icoon (rust) en pauze-icoon (loopt). Beide staan altijd
   in het DOM; alleen de zichtbare gaat mee met de .spelen-klasse. */
.thema-muziek .tm-pauze{display:none}
.thema-muziek.spelen .tm-noot{display:none}
.thema-muziek.spelen .tm-pauze{display:block}
html[data-theme="kerst"] .thema-muziek,
html[data-theme="sinterklaas"] .thema-muziek,
html[data-theme="halloween"] .thema-muziek{display:inline-flex}
@media (max-width:768px){.thema-muziek{width:40px;height:40px}}
@media print{.thema-muziek{display:none!important}}
/* Popover die bij kerst (en later evt. andere thema's) verschijnt naast de
   muzieknoot: onze eigen copyright-vrije Jingle Bells of, voor wie liever de
   klassieke hits erbij wil, een YouTube-playlist die in een nieuw tabblad
   opent op een willekeurig punt of bij een Dean-Martin-nummer. */
.thema-muziek-wrap{position:relative;display:inline-flex}
.tm-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:99999;width:min(320px,88vw);
  padding:14px 15px 13px;background:var(--kaart);color:var(--tekst);
  border:1px solid var(--rand);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);
  font-size:9.5pt;line-height:1.45}
.tm-pop[hidden]{display:none}
.tm-pop-titel{font-weight:600;margin:0 0 6px;font-size:10pt}
.tm-pop-uit{position:absolute;top:6px;right:8px;width:22px;height:22px;padding:0;
  background:transparent;border:0;color:var(--tekst);cursor:pointer;font-size:14pt;line-height:1}
.tm-pop p{margin:0 0 10px}
.tm-pop-rij{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.tm-pop-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:8px 12px;border-radius:8px;border:1px solid var(--accent);background:var(--kaart);
  color:var(--accent);cursor:pointer;font:inherit;font-size:9.5pt;text-align:center;
  text-decoration:none}
.tm-pop-btn.primair{background:var(--accent);color:#fff}
.tm-pop-btn:hover,.tm-pop-btn:focus{outline:none;filter:brightness(.95)}
.tm-pop-btn:disabled{opacity:.6;cursor:progress}
@media print{.tm-pop{display:none!important}}
.taal-knop{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:8.5pt;
  font-weight:400;letter-spacing:.12em;padding:7px 12px;border:1px solid var(--rand);
  border-radius:999px;background:var(--kaart);color:var(--gedempt);cursor:pointer;line-height:1}
.taal-knop:hover,.taal-knop:focus{border-color:var(--accent);color:var(--accent)}
.taal-knop svg{width:15px;height:15px;display:block;flex-shrink:0}
/* Een steviger rand dan de kaarten: --rand haalt tegen de achtergrond nergens
   de 3:1 van WCAG 1.4.11, en bij een leeg invoerveld is die rand het enige
   waaraan je ziet dát er iets in te vullen valt. --gedempt haalt overal 4,5:1.
   Bij de kaarten en knoppen elders blijft --rand staan: daar zegt de tekst zelf
   al wat het is. */
.zoek input{font:inherit;font-size:10.5pt;padding:8px 14px;width:min(260px,100%);
  border:1px solid var(--gedempt);border-radius:10px;background:var(--kaart);color:var(--tekst)}
.zoek .telling{font-size:9.5pt;color:var(--gedempt);white-space:nowrap}
/* Vanaf hier passen het logo en het zoekveld niet meer op één regel. Het logo
   gaat dan boven, met de keuzelijst en het zoekveld eronder. */
@media (max-width:860px){
  .topbar{grid-template-columns:auto 1fr;grid-template-areas:"merk merk" "thema rechts";row-gap:12px}
  .merk{height:clamp(57px,12.8vw,77px)}
  .rechts{width:100%}
  .zoek{flex:1}
  .zoek input{width:100%}
}
[hidden]{display:none!important}
.doos{background:var(--kaart);border:1px solid var(--rand);border-radius:14px;padding:22px 26px}
.doos .rij{display:flex;gap:10px;flex-wrap:wrap}
.fijn{font-size:9.5pt;color:var(--gedempt);margin-top:14px;line-height:1.65;max-width:70ch}
.pt-knop{font:inherit;font-size:10pt;padding:8px 16px;border:1px solid var(--rand);border-radius:9px;
  background:var(--bg);color:var(--tekst);cursor:pointer}
.pt-knop:hover{border-color:var(--accent)}
.pt-knop.primair{background:var(--accent);border-color:var(--accent);color:#fff}
.knop-bestand{position:relative;overflow:hidden;display:inline-block}
.knop-bestand input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}

.tekst{max-width:680px}
.tekst h2{margin-top:30px}
.tekst h3{font-size:11.5pt;font-weight:600;color:var(--accent-donker);margin-top:22px}
.tekst p{margin-top:10px;font-size:10.5pt}
.tekst ul{margin-top:10px;padding-left:20px;font-size:10.5pt}
.tekst li{margin-top:4px}

.disclaimer{font-size:9pt;color:var(--gedempt);margin-top:26px;line-height:1.7;max-width:760px}
footer{margin-top:40px;padding:32px 0 0;border-top:1px solid var(--rand);font-size:10.5pt;
  color:var(--gedempt);overflow:hidden}
.voet-regel{display:flex;justify-content:center;text-align:center;gap:18px;flex-wrap:wrap;
  font-size:12pt;padding-bottom:30px}
/* Het merk nog één keer, paginabreed onderaan; de onderkant van de letters
   loopt net van de pagina af. Puur versiering, dus aria-hidden en niet te
   selecteren. Het blok is dichtgeklapt (max-height:0) zodat er onderaan geen
   lege ruimte staat; pas als psytools.js de klasse merk-zichtbaar op de
   footer zet — bij de twééde keer dat de onderkant bereikt wordt — klapt het
   open en schuiven de letters omhoog. Daarna blijft het gewoon staan. De
   vertraging loopt vanuit het midden op, zodat het woord van binnen naar
   buiten opkomt. */
.voet-merk{font-family:'DM Sans','Segoe UI',system-ui,-apple-system,sans-serif;font-weight:400;text-align:center;
  font-size:clamp(64px,14.5vw,200px);line-height:1.1;letter-spacing:-.01em;
  color:var(--accent-donker);opacity:.16;margin-bottom:-0.14em;
  max-height:0;transition:max-height .9s cubic-bezier(.22,.61,.21,1);
  user-select:none;-webkit-user-select:none;pointer-events:none}
footer.merk-zichtbaar .voet-merk{max-height:1.1em}
.voet-merk span{display:inline-block;transform:translateY(105%);
  transition:transform .9s cubic-bezier(.22,.61,.21,1)}
footer.merk-zichtbaar .voet-merk span{transform:none}
.voet-merk span:nth-child(4),.voet-merk span:nth-child(5){transition-delay:.03s}
.voet-merk span:nth-child(3),.voet-merk span:nth-child(6){transition-delay:.09s}
.voet-merk span:nth-child(2),.voet-merk span:nth-child(7){transition-delay:.15s}
.voet-merk span:nth-child(1),.voet-merk span:nth-child(8){transition-delay:.21s}
@media (prefers-reduced-motion:reduce){.voet-merk{transition:none}.voet-merk span{transition:none;transform:none}}
@media print{.voet-merk{display:none}}
@media (max-width:520px){ .hero h1{font-size:24pt} .panelen>section{padding:26px 22px 20px} }

/* ── Telefoonweergave: kies eerst een soort werkblad ────────────────────────
   Op een telefoon zet psytools.js de kiezer aan: drie grote knoppen
   (analyses, technieken, vragenlijsten). Na de keuze staat alleen die sectie
   op het scherm en wordt de kiezer een vaste balk bovenin om te wisselen
   (klasse cat-vast). Op een breed scherm blijft de kiezer verborgen en staat
   alles naast elkaar zoals het was. Tijdens het zoeken (pt-zoekt op body)
   doen alle secties weer mee: een treffer in een andere categorie moet
   zichtbaar blijven. */
.cat-kiezer{margin:18px 0 4px}
.cat-vraag{font-family:'Cormorant Garamond',Georgia,serif;font-size:17pt;font-weight:500;
  color:var(--accent-donker);margin:0 0 12px}
.cat-knoppen{display:flex;flex-direction:column;gap:10px}
.cat-knoppen button{font:inherit;font-size:12pt;text-align:left;padding:16px 18px;
  border:1px solid var(--rand);border-radius:14px;background:var(--kaart);color:var(--tekst);
  cursor:pointer}
.cat-knoppen button::after{content:'\2192';float:right;color:var(--accent)}
.cat-kiezer.cat-vast{position:sticky;top:0;z-index:60;background:var(--bg);
  margin:0 0 8px;padding:10px 0;border-bottom:1px solid var(--rand)}
.cat-kiezer.cat-vast .cat-vraag{display:none}
.cat-kiezer.cat-vast .cat-knoppen{flex-direction:row;gap:6px}
.cat-kiezer.cat-vast .cat-knoppen button{flex:1;text-align:center;font-size:9.5pt;
  padding:9px 4px;border-radius:999px}
.cat-kiezer.cat-vast .cat-knoppen button::after{content:none}
.cat-kiezer.cat-vast .cat-knoppen button.actief{background:var(--accent);border-color:var(--accent);color:#fff}
/* De importknop in de kiezer: geen categorie maar een handeling, vandaar de
   gestippelde rand. Het is een label bij het bestandsveld van de back-upsectie
   onderaan; klikken opent dus meteen de bestandskiezer. */
.cat-import{position:relative;overflow:hidden;font:inherit;font-size:12pt;text-align:left;padding:16px 18px;
  border:1px dashed var(--gedempt);border-radius:14px;background:var(--kaart);color:var(--tekst);
  cursor:pointer;display:flex;align-items:center;gap:10px}
.cat-import input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.cat-import .pijl{color:var(--accent);font-size:13pt;line-height:1}
.cat-kiezer.cat-vast .cat-import{flex:0 0 auto;padding:9px 12px;border-radius:999px;min-height:38px}
.cat-kiezer.cat-vast .cat-import-tekst{display:none}
/* De melding van de back-upsectie, herhaald als strook onderin voor wie via de
   importknop bovenin een bestand inlas en de sectie zelf niet in beeld heeft. */
#pt-toast{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));
  z-index:99998;background:var(--accent-donker);color:#fff;padding:13px 17px;border-radius:11px;
  font-size:10pt;line-height:1.5;box-shadow:0 8px 30px rgba(0,0,0,.3)}
@media (max-width:720px){
  body.cat-keuze #uitleg,body.cat-keuze .panelen{display:none}
  body.cat-gekozen .hero,body.cat-gekozen #uitleg{display:none}
  body.cat-analyses .panelen>section:not([data-cat=analyses]),
  body.cat-technieken .panelen>section:not([data-cat=technieken]),
  body.cat-vragenlijsten .panelen>section:not([data-cat=vragenlijsten]){display:none}
  /* "Opgeslagen" is op de telefoon een eigen categorie: de sectie staat alleen
     op het scherm als die gekozen is, en niet ook nog eens boven de andere. */
  body.cat-keuze #opgeslagen,body.cat-gekozen #opgeslagen{display:none}
  body.cat-opgeslagen #opgeslagen{display:block}
  body.cat-opgeslagen .panelen{display:none}
  body.pt-zoekt .hero{display:none}
  body.pt-zoekt #uitleg{display:block}
  body.pt-zoekt .panelen{display:grid}
  /* Zwaarder dan de verbergregels hierboven ([data-cat] erbij), zodat een
     treffer in een andere categorie tijdens het zoeken gewoon te zien is. */
  body.pt-zoekt .panelen>section[data-cat]{display:block}
  /* Compactere kaarten: naam voorop, omschrijving op twee regels afgekapt,
     vakterm weg — zo staat een hele categorie vrijwel in één schermvullling. */
  .tool .naam{font-size:14pt;padding-right:44px}
  .tool .oms{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;padding-right:52px}
  .tool .vak{display:none}
}

.lucht,.grond{pointer-events:none;z-index:-1}
.lucht{position:fixed;inset:0;overflow:hidden}
.grond{position:absolute;left:0;right:0;bottom:0;height:130px}
.lucht div,.grond div{position:absolute}
.drift{top:-280px;left:0;right:0;bottom:0;background-repeat:repeat;
  background-size:280px 280px;animation:pt-zak 30s linear infinite;will-change:transform}
.sfeer{inset:0;background-repeat:no-repeat}
/* Dansers is de cameo-laag: één tekening (kerstman, spook, cupido, tweede
   vuurwerk) die over de pagina beweegt of ter plekke opflitst. */
.dansers{inset:0;background-repeat:no-repeat;will-change:transform,opacity;pointer-events:none}
.band{left:0;right:0;bottom:0;height:100%;background-repeat:repeat-x;
  background-position:center bottom;background-size:auto 100%}
.extra{left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center bottom;
  will-change:transform}
@keyframes pt-zak{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,280px,0)}}
@keyframes pt-schuif{from{transform:translate3d(0,0,0)}to{transform:translate3d(600px,0,0)}}
@keyframes pt-vlam{0%,100%{opacity:.88}42%{opacity:1}68%{opacity:.78}}
@keyframes pt-knal{0%{opacity:0;transform:scale(.86)}14%{opacity:1;transform:scale(1)}
  48%{opacity:0;transform:scale(1.14)}100%{opacity:0;transform:scale(.86)}}
@keyframes pt-wapper{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes pt-draai{to{transform:rotate(360deg)}}
/* Kerstman glijdt van rechts naar links en zwaait onderweg. */
@keyframes pt-santa{
  0%,100%{transform:translate3d(100vw,0,0);opacity:0}
  10%{opacity:1}
  50%{transform:translate3d(6vw,10px,0);opacity:1}
  90%{opacity:1}
}
/* Slee vliegt van rechts naar links dwars door het scherm, met een licht
   deinend hoogteverschil zodat het niet als een rails aandoet. */
@keyframes pt-kerstslee{
  0%{transform:translate3d(0,0,0);opacity:0}
  6%{opacity:1}
  20%{transform:translate3d(-24vw,-14px,0)}
  40%{transform:translate3d(-46vw,8px,0)}
  60%{transform:translate3d(-68vw,-8px,0)}
  85%{opacity:1}
  100%{transform:translate3d(-118vw,4px,0);opacity:0}
}
/* Sinterklaas op zijn paard rijdt rustig van rechts naar links, iets
   trager dan de slee — een paard is geen vliegtuig. */
@keyframes pt-sint{
  0%{transform:translate3d(0,0,0);opacity:0}
  8%{opacity:1}
  50%{transform:translate3d(-55vw,0,0);opacity:1}
  92%{opacity:1}
  100%{transform:translate3d(-118vw,0,0);opacity:0}
}
/* Koning verschijnt op zijn plek, blijft even, en verdwijnt weer. */
@keyframes pt-koning{
  0%,100%{opacity:0;transform:translate3d(0,10px,0)}
  15%,30%{opacity:.95;transform:translate3d(0,0,0)}
  45%{opacity:0;transform:translate3d(0,10px,0)}
  70%,80%{opacity:0}
}
/* Konijnen huppelen zijwaarts met kleine sprongetjes. Elk halve seconde
   in de keyframe komen ze weer op de grond, ertussen een sprong omhoog. */
@keyframes pt-hupsen{
  0%{transform:translate3d(0,0,0)}
  5%{transform:translate3d(3vw,-18px,0)}
  10%{transform:translate3d(6vw,0,0)}
  15%{transform:translate3d(9vw,-14px,0)}
  20%{transform:translate3d(12vw,0,0)}
  30%{transform:translate3d(18vw,-16px,0)}
  40%{transform:translate3d(24vw,0,0)}
  50%{transform:translate3d(38vw,-14px,0)}
  60%{transform:translate3d(50vw,0,0)}
  70%{transform:translate3d(62vw,-16px,0)}
  80%{transform:translate3d(74vw,0,0)}
  90%{transform:translate3d(90vw,-12px,0)}
  100%{transform:translate3d(100vw,0,0)}
}
/* Tweede vuurwerk: net iets later dan de eerste, andere duur, andere positie. */
@keyframes pt-knal2{
  0%{opacity:0;transform:scale(.7)}
  22%{opacity:0;transform:scale(.7)}
  38%{opacity:1;transform:scale(1)}
  70%{opacity:0;transform:scale(1.25)}
  100%{opacity:0;transform:scale(.7)}
}
/* Spookje zweeft langzaam over het scherm heen, wiebelt onderweg. */
@keyframes pt-zweef{
  0%{transform:translate3d(-140px,0,0);opacity:0}
  8%{opacity:.9}
  50%{transform:translate3d(50vw,-14px,0);opacity:.9}
  92%{opacity:.9}
  100%{transform:translate3d(calc(100vw + 140px),0,0);opacity:0}
}
/* Cupido zweeft naar het midden en schiet zijn pijl los; daarna verdwijnt hij
   en begint alles opnieuw. */
@keyframes pt-cupido{
  0%{transform:translate3d(-200px,0,0);opacity:0}
  10%{opacity:1}
  40%{transform:translate3d(30vw,-6px,0);opacity:1}
  60%{transform:translate3d(35vw,-4px,0);opacity:1}
  100%{transform:translate3d(calc(100vw + 200px),-4px,0);opacity:0}
}

/* De strook waar .grond in staat. Zonder thema is er niets te tonen en hoort
   die ruimte er ook niet te zijn. */
body{position:relative}
html:not([data-theme="standaard"]) body{padding-bottom:150px}
/* Bij een actief seizoensthema moet de body-achtergrond doorschijnend zijn,
   anders liggen sneeuw / pompoenen / hartjes achter een dichte kleur. De
   pagina-kleur (die de kleurkiezer op --pz-pagina zet) hangen we in plaats
   daarvan aan <html>; zo blijft het gekozen kleurtje zichtbaar én komen de
   thema-lagen erdoorheen. !important is nodig omdat inject-kleur.js zijn eigen
   regel al met normale gewichten op body zet. */
html[data-theme]:not([data-theme="standaard"]) body{background:transparent!important}
html[data-theme]:not([data-theme="standaard"])[data-veld]{background:var(--pz-pagina)}

[data-theme="sinterklaas"] .band{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20300%20130'%3E%20%3Crect%20y%3D'118'%20width%3D'300'%20height%3D'12'%20fill%3D'%238C4A2F'%20opacity%3D'.16'%2F%3E%20%3Crect%20x%3D'19'%20y%3D'76'%20width%3D'54'%20height%3D'44'%20rx%3D'2'%20fill%3D'%23B03A2E'%2F%3E%20%3Crect%20x%3D'41.7'%20y%3D'76'%20width%3D'8.6'%20height%3D'44'%20fill%3D'%23D8B24A'%2F%3E%20%3Crect%20x%3D'19'%20y%3D'92.7'%20width%3D'54'%20height%3D'6.2'%20fill%3D'%23D8B24A'%2F%3E%20%3Ccircle%20cx%3D'36.8'%20cy%3D'73'%20r%3D'9.2'%20fill%3D'%23D8B24A'%2F%3E%20%3Ccircle%20cx%3D'55.2'%20cy%3D'73'%20r%3D'9.2'%20fill%3D'%23D8B24A'%2F%3E%20%3Crect%20x%3D'85'%20y%3D'58'%20width%3D'38'%20height%3D'62'%20rx%3D'2'%20fill%3D'%232E4A7D'%2F%3E%20%3Crect%20x%3D'101'%20y%3D'58'%20width%3D'6.1'%20height%3D'62'%20fill%3D'%23EFE3D6'%2F%3E%20%3Crect%20x%3D'85'%20y%3D'81.6'%20width%3D'38'%20height%3D'8.7'%20fill%3D'%23EFE3D6'%2F%3E%20%3Ccircle%20cx%3D'97.5'%20cy%3D'55'%20r%3D'6.5'%20fill%3D'%23EFE3D6'%2F%3E%20%3Ccircle%20cx%3D'110.5'%20cy%3D'55'%20r%3D'6.5'%20fill%3D'%23EFE3D6'%2F%3E%20%3Crect%20x%3D'133'%20y%3D'86'%20width%3D'46'%20height%3D'34'%20rx%3D'2'%20fill%3D'%233E5140'%2F%3E%20%3Crect%20x%3D'152.3'%20y%3D'86'%20width%3D'7.4'%20height%3D'34'%20fill%3D'%23D8B24A'%2F%3E%20%3Crect%20x%3D'133'%20y%3D'98.9'%20width%3D'46'%20height%3D'4.8'%20fill%3D'%23D8B24A'%2F%3E%20%3Ccircle%20cx%3D'148.2'%20cy%3D'83'%20r%3D'7.8'%20fill%3D'%23D8B24A'%2F%3E%20%3Ccircle%20cx%3D'163.8'%20cy%3D'83'%20r%3D'7.8'%20fill%3D'%23D8B24A'%2F%3E%20%3Crect%20x%3D'197'%20y%3D'70'%20width%3D'62'%20height%3D'50'%20rx%3D'2'%20fill%3D'%238C4A2F'%2F%3E%20%3Crect%20x%3D'223'%20y%3D'70'%20width%3D'9.9'%20height%3D'50'%20fill%3D'%23EFE3D6'%2F%3E%20%3Crect%20x%3D'197'%20y%3D'89'%20width%3D'62'%20height%3D'7'%20fill%3D'%23EFE3D6'%2F%3E%20%3Ccircle%20cx%3D'217.5'%20cy%3D'67'%20r%3D'10.5'%20fill%3D'%23EFE3D6'%2F%3E%20%3Ccircle%20cx%3D'238.5'%20cy%3D'67'%20r%3D'10.5'%20fill%3D'%23EFE3D6'%2F%3E%20%3Crect%20x%3D'263'%20y%3D'90'%20width%3D'34'%20height%3D'30'%20rx%3D'2'%20fill%3D'%23B03A2E'%2F%3E%20%3Crect%20x%3D'277.3'%20y%3D'90'%20width%3D'5.4'%20height%3D'30'%20fill%3D'%23D8B24A'%2F%3E%20%3Crect%20x%3D'263'%20y%3D'101.4'%20width%3D'34'%20height%3D'4.2'%20fill%3D'%23D8B24A'%2F%3E%20%3Ccircle%20cx%3D'274.2'%20cy%3D'87'%20r%3D'5.8'%20fill%3D'%23D8B24A'%2F%3E%20%3Ccircle%20cx%3D'285.8'%20cy%3D'87'%20r%3D'5.8'%20fill%3D'%23D8B24A'%2F%3E%20%3Cg%20fill%3D'%237A4A22'%3E%20%3Ccircle%20cx%3D'190'%20cy%3D'115'%20r%3D'7'%2F%3E%3Ccircle%20cx%3D'203'%20cy%3D'117'%20r%3D'6'%2F%3E%20%3Ccircle%20cx%3D'196'%20cy%3D'104'%20r%3D'6.5'%2F%3E%3Ccircle%20cx%3D'183'%20cy%3D'104'%20r%3D'5'%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");height:118px;opacity:0.85}
[data-theme="sinterklaas"] .drift{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20280%20280'%3E%20%3Cg%20fill%3D'%237A4A22'%3E%20%3Ccircle%20cx%3D'38'%20cy%3D'34'%20r%3D'7'%2F%3E%3Ccircle%20cx%3D'214'%20cy%3D'58'%20r%3D'6'%2F%3E%3Ccircle%20cx%3D'122'%20cy%3D'96'%20r%3D'7.5'%2F%3E%20%3Ccircle%20cx%3D'258'%20cy%3D'158'%20r%3D'6.5'%2F%3E%3Ccircle%20cx%3D'62'%20cy%3D'188'%20r%3D'7'%2F%3E%3Ccircle%20cx%3D'166'%20cy%3D'232'%20r%3D'6'%2F%3E%20%3Ccircle%20cx%3D'24'%20cy%3D'128'%20r%3D'5.5'%2F%3E%3Ccircle%20cx%3D'196'%20cy%3D'196'%20r%3D'5'%2F%3E%20%3C%2Fg%3E%20%3Cpolygon%20points%3D'96%2C32%2098%2C37.3%20103.6%2C37.5%2099.2%2C41%20100.7%2C46.5%2096%2C43.4%2091.3%2C46.5%2092.8%2C41%2088.4%2C37.5%2094%2C37.3'%20fill%3D'%23C8892E'%2F%3E%3Cpolygon%20points%3D'244%2C101%20245.7%2C105.6%20250.7%2C105.8%20246.8%2C108.9%20248.1%2C113.7%20244%2C110.9%20239.9%2C113.7%20241.2%2C108.9%20237.3%2C105.8%20242.3%2C105.6'%20fill%3D'%23C8892E'%2F%3E%20%3Cpolygon%20points%3D'52%2C238.5%2053.9%2C243.5%2059.1%2C243.7%2055%2C247%2056.4%2C252.1%2052%2C249.2%2047.6%2C252.1%2049%2C247%2044.9%2C243.7%2050.1%2C243.5'%20fill%3D'%23C8892E'%2F%3E%3Cpolygon%20points%3D'184%2C142%20185.5%2C146%20189.7%2C146.1%20186.4%2C148.8%20187.5%2C152.9%20184%2C150.5%20180.5%2C152.9%20181.6%2C148.8%20178.3%2C146.1%20182.5%2C146'%20fill%3D'%23C8892E'%2F%3E%3C%2Fsvg%3E");opacity:0.5;animation-duration:34s}
[data-theme="sinterklaas"] .dansers{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20220%20300'%3E%20%3C!--%20Gewaad%20--%3E%20%3Cpath%20d%3D'M50%20158%20q%2060%20-20%20120%200%20l%2012%20130%20q%20-72%2020%20-144%200%20z'%20fill%3D'%23C8302A'%2F%3E%20%3C!--%20Kruis-band%20midden%20--%3E%20%3Cpath%20d%3D'M108%20158%20l%204%20130'%20stroke%3D'%23F7E7C2'%20stroke-width%3D'4'%20fill%3D'none'%2F%3E%20%3C!--%20Witte%20kraag%2Fbaard%20achter%20het%20lichaam%20--%3E%20%3Cpath%20d%3D'M110%20128%20q%2046%200%2046%2042%20q%200%2044%20-12%2068%20q%20-10%2014%20-34%2014%20q%20-24%200%20-34%20-14%20q%20-12%20-24%20-12%20-68%20q%200%20-42%2046%20-42%20z'%20fill%3D'%23FFFFFF'%2F%3E%20%3C!--%20Gezichtje%3A%20grote%20ronde%20vorm%2C%20blozende%20wangen%20--%3E%20%3Cellipse%20cx%3D'110'%20cy%3D'118'%20rx%3D'34'%20ry%3D'32'%20fill%3D'%23F7D6B4'%2F%3E%20%3C!--%20Wangen%20--%3E%20%3Ccircle%20cx%3D'84'%20cy%3D'128'%20r%3D'7'%20fill%3D'%23F0947F'%20opacity%3D'.85'%2F%3E%20%3Ccircle%20cx%3D'136'%20cy%3D'128'%20r%3D'7'%20fill%3D'%23F0947F'%20opacity%3D'.85'%2F%3E%20%3C!--%20Ogen%20%E2%80%94%20schattige%20gesloten%20%22%5E%22%20streepjes%20met%20kleine%20puntjes%20--%3E%20%3Cpath%20d%3D'M84%20110%20q%206%20-6%2012%200%20M124%20110%20q%206%20-6%2012%200'%20stroke%3D'%231A0F08'%20stroke-width%3D'2.2'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%20%3Ccircle%20cx%3D'90'%20cy%3D'112'%20r%3D'1.6'%20fill%3D'%231A0F08'%2F%3E%20%3Ccircle%20cx%3D'130'%20cy%3D'112'%20r%3D'1.6'%20fill%3D'%231A0F08'%2F%3E%20%3C!--%20Mondje%20omhoog%2C%20klein%20glimlachje%20--%3E%20%3Cpath%20d%3D'M100%20130%20q%2010%208%2020%200'%20stroke%3D'%237A2019'%20stroke-width%3D'2'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%20%3C!--%20Snor%20%26%20baard%20verticaal%20--%3E%20%3Cpath%20d%3D'M90%20132%20q%2020%20-6%2040%200%20q%20-6%206%20-20%206%20q%20-14%200%20-20%20-6%20z'%20fill%3D'%23FFFFFF'%2F%3E%20%3C!--%20Mijter%20%E2%80%94%20rood%20driehoek%20met%20wit%20vlak%20en%20oranje%20kruis%20--%3E%20%3Cpath%20d%3D'M76%2078%20q%2034%20-80%2068%200%20l%20-6%2010%20q%20-28%20-18%20-56%200%20z'%20fill%3D'%23C8302A'%2F%3E%20%3Cpath%20d%3D'M76%2078%20q%2034%20-6%2068%200%20l%20-6%2010%20q%20-28%20-12%20-56%200%20z'%20fill%3D'%23F7E7C2'%2F%3E%20%3C!--%20Kruis%20in%20oranje%20op%20de%20mijter%20--%3E%20%3Crect%20x%3D'106'%20y%3D'34'%20width%3D'8'%20height%3D'30'%20fill%3D'%23E8892C'%2F%3E%20%3Crect%20x%3D'96'%20y%3D'44'%20width%3D'28'%20height%3D'8'%20fill%3D'%23E8892C'%2F%3E%20%3C!--%20Linker%20arm%20met%20cadeau%20--%3E%20%3Cpath%20d%3D'M46%20174%20q%20-18%20-24%20-6%20-60%20q%206%20-14%2020%20-12%20q%2012%202%2012%2018%20q%200%2014%20-8%2030%20q%20-6%2012%20-6%2022%20z'%20fill%3D'%23C8302A'%2F%3E%20%3Cpath%20d%3D'M40%20226%20q%206%204%2012%20-2'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'4'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%20%3Ccircle%20cx%3D'40'%20cy%3D'108'%20r%3D'11'%20fill%3D'%23F7D6B4'%2F%3E%20%3C!--%20Cadeau%20in%20linkerhand%20--%3E%20%3Crect%20x%3D'16'%20y%3D'72'%20width%3D'40'%20height%3D'30'%20rx%3D'2'%20fill%3D'%23C8302A'%20stroke%3D'%237A1E19'%20stroke-width%3D'1.2'%2F%3E%20%3Cpath%20d%3D'M20%2088%20q%208%20-6%2016%200%20q%208%206%2016%200'%20stroke%3D'%23E8B93D'%20stroke-width%3D'2'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M32%2072%20q%20-4%20-10%204%20-12%20q%206%200%204%2012%20M36%2072%20q%204%20-10%20-4%20-12%20q%20-6%200%20-4%2012'%20stroke%3D'%23E8B93D'%20stroke-width%3D'2'%20fill%3D'none'%2F%3E%20%3C!--%20Rechter%20arm%20met%20staf%20--%3E%20%3Cpath%20d%3D'M174%20174%20q%2018%20-24%206%20-60%20q%20-6%20-14%20-20%20-12%20q%20-12%202%20-12%2018%20q%200%2014%208%2030%20q%206%2012%206%2022%20z'%20fill%3D'%23C8302A'%2F%3E%20%3Cpath%20d%3D'M180%20226%20q%20-6%204%20-12%20-2'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'4'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%20%3Ccircle%20cx%3D'180'%20cy%3D'108'%20r%3D'11'%20fill%3D'%233E1A16'%2F%3E%20%3C!--%20Staf%3A%20gouden%20krul-top%20--%3E%20%3Cpath%20d%3D'M188%20106%20l%200%20180'%20stroke%3D'%23E8B93D'%20stroke-width%3D'5'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M188%2074%20q%2022%20-8%2020%2014%20q%20-2%2020%20-20%2012'%20stroke%3D'%23E8B93D'%20stroke-width%3D'5'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%20%3C!--%20Zwarte%20laarzen%20onderaan%20gewaad%20--%3E%20%3Cellipse%20cx%3D'90'%20cy%3D'294'%20rx%3D'10'%20ry%3D'5'%20fill%3D'%233E241A'%2F%3E%20%3Cellipse%20cx%3D'130'%20cy%3D'294'%20rx%3D'10'%20ry%3D'5'%20fill%3D'%233E241A'%2F%3E%3C%2Fsvg%3E");background-position:left 100% top 14%;background-size:auto 240px;opacity:0.95;animation:pt-sint 34s linear infinite}
[data-theme="kerst"] .band{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20300%20130'%3E%20%3Cellipse%20cx%3D'150'%20cy%3D'138'%20rx%3D'220'%20ry%3D'24'%20fill%3D'%23DCE8F1'%2F%3E%20%3Crect%20x%3D'35.1'%20y%3D'112'%20width%3D'9.7'%20height%3D'10'%20fill%3D'%236B4A2F'%2F%3E%20%3Cpolygon%20points%3D'40%2C62.8%20-1%2C118%2081%2C118'%20fill%3D'%232F5D3A'%2F%3E%20%3Cpolygon%20points%3D'40%2C34.7%207.6%2C85.4%2072.4%2C85.4'%20fill%3D'%232F5D3A'%2F%3E%20%3Cpolygon%20points%3D'40%2C12%2016.2%2C57.4%2063.8%2C57.4'%20fill%3D'%232F5D3A'%2F%3E%20%3Cpolygon%20points%3D'40%2C4%2042%2C9.3%2047.6%2C9.5%2043.2%2C13%2044.7%2C18.5%2040%2C15.4%2035.3%2C18.5%2036.8%2C13%2032.4%2C9.5%2038%2C9.3'%20fill%3D'%23D8B24A'%2F%3E%20%3Crect%20x%3D'108.7'%20y%3D'114'%20width%3D'6.7'%20height%3D'10'%20fill%3D'%236B4A2F'%2F%3E%20%3Cpolygon%20points%3D'112%2C82.8%2083.9%2C120%20140.1%2C120'%20fill%3D'%23376943'%2F%3E%20%3Cpolygon%20points%3D'112%2C63.5%2089.8%2C98.3%20134.2%2C98.3'%20fill%3D'%23376943'%2F%3E%20%3Cpolygon%20points%3D'112%2C48%2095.7%2C79.1%20128.3%2C79.1'%20fill%3D'%23376943'%2F%3E%20%3Crect%20x%3D'193.7'%20y%3D'112'%20width%3D'8.6'%20height%3D'10'%20fill%3D'%236B4A2F'%2F%3E%20%3Cpolygon%20points%3D'198%2C69.1%20161.5%2C118%20234.5%2C118'%20fill%3D'%232F5D3A'%2F%3E%20%3Cpolygon%20points%3D'198%2C44.2%20169.2%2C89.3%20226.8%2C89.3'%20fill%3D'%232F5D3A'%2F%3E%20%3Cpolygon%20points%3D'198%2C24%20176.9%2C64.3%20219.1%2C64.3'%20fill%3D'%232F5D3A'%2F%3E%20%3Cpolygon%20points%3D'198%2C17%20199.7%2C21.6%20204.7%2C21.8%20200.8%2C24.9%20202.1%2C29.7%20198%2C26.9%20193.9%2C29.7%20195.2%2C24.9%20191.3%2C21.8%20196.3%2C21.6'%20fill%3D'%23D8B24A'%2F%3E%20%3Crect%20x%3D'261.2'%20y%3D'114'%20width%3D'5.6'%20height%3D'10'%20fill%3D'%236B4A2F'%2F%3E%20%3Cpolygon%20points%3D'264%2C89.1%20240.4%2C120%20287.6%2C120'%20fill%3D'%23376943'%2F%3E%20%3Cpolygon%20points%3D'264%2C73%20245.4%2C102.2%20282.6%2C102.2'%20fill%3D'%23376943'%2F%3E%20%3Cpolygon%20points%3D'264%2C60%20250.4%2C86%20277.6%2C86'%20fill%3D'%23376943'%2F%3E%20%3Cg%20fill%3D'%23B03A2E'%3E%20%3Ccircle%20cx%3D'30'%20cy%3D'86'%20r%3D'4'%2F%3E%3Ccircle%20cx%3D'52'%20cy%3D'68'%20r%3D'3.5'%2F%3E%20%3Ccircle%20cx%3D'190'%20cy%3D'90'%20r%3D'4'%2F%3E%3Ccircle%20cx%3D'208'%20cy%3D'64'%20r%3D'3.5'%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");height:130px;opacity:0.95}
[data-theme="kerst"] .drift{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20280%20280'%3E%20%3Cpath%20d%3D'M42%2036%20l%2011%200%20M42%2036%20l%205.5%209.5%20M42%2036%20l%20-5.5%209.5%20M42%2036%20l%20-11%200%20M42%2036%20l%20-5.5%20-9.5%20M42%2036%20l%205.5%20-9.5'%20stroke%3D'%23A6C4DA'%20stroke-width%3D'2.6'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M178%2022%20l%208%200%20M178%2022%20l%204%206.9%20M178%2022%20l%20-4%206.9%20M178%2022%20l%20-8%200%20M178%2022%20l%20-4%20-6.9%20M178%2022%20l%204%20-6.9'%20stroke%3D'%23A6C4DA'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M238%2092%20l%2012%200%20M238%2092%20l%206%2010.4%20M238%2092%20l%20-6%2010.4%20M238%2092%20l%20-12%200%20M238%2092%20l%20-6%20-10.4%20M238%2092%20l%206%20-10.4'%20stroke%3D'%23A6C4DA'%20stroke-width%3D'2.9'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M96%20118%20l%209%200%20M96%20118%20l%204.5%207.8%20M96%20118%20l%20-4.5%207.8%20M96%20118%20l%20-9%200%20M96%20118%20l%20-4.5%20-7.8%20M96%20118%20l%204.5%20-7.8'%20stroke%3D'%23A6C4DA'%20stroke-width%3D'2.2'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%20168%20l%2010%200%20M20%20168%20l%205%208.7%20M20%20168%20l%20-5%208.7%20M20%20168%20l%20-10%200%20M20%20168%20l%20-5%20-8.7%20M20%20168%20l%205%20-8.7'%20stroke%3D'%23A6C4DA'%20stroke-width%3D'2.4'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M146%20196%20l%2012%200%20M146%20196%20l%206%2010.4%20M146%20196%20l%20-6%2010.4%20M146%20196%20l%20-12%200%20M146%20196%20l%20-6%20-10.4%20M146%20196%20l%206%20-10.4'%20stroke%3D'%23A6C4DA'%20stroke-width%3D'2.9'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M252%20210%20l%208%200%20M252%20210%20l%204%206.9%20M252%20210%20l%20-4%206.9%20M252%20210%20l%20-8%200%20M252%20210%20l%20-4%20-6.9%20M252%20210%20l%204%20-6.9'%20stroke%3D'%23A6C4DA'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M74%20248%20l%209%200%20M74%20248%20l%204.5%207.8%20M74%20248%20l%20-4.5%207.8%20M74%20248%20l%20-9%200%20M74%20248%20l%20-4.5%20-7.8%20M74%20248%20l%204.5%20-7.8'%20stroke%3D'%23A6C4DA'%20stroke-width%3D'2.2'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M198%20148%20l%207%200%20M198%20148%20l%203.5%206.1%20M198%20148%20l%20-3.5%206.1%20M198%20148%20l%20-7%200%20M198%20148%20l%20-3.5%20-6.1%20M198%20148%20l%203.5%20-6.1'%20stroke%3D'%23A6C4DA'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%20%3Cg%20fill%3D'%23A6C4DA'%3E%20%3Ccircle%20cx%3D'126'%20cy%3D'62'%20r%3D'3'%2F%3E%3Ccircle%20cx%3D'214'%20cy%3D'158'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'58'%20cy%3D'96'%20r%3D'2.5'%2F%3E%20%3Ccircle%20cx%3D'168'%20cy%3D'260'%20r%3D'3'%2F%3E%3Ccircle%20cx%3D'266'%20cy%3D'42'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'104'%20cy%3D'224'%20r%3D'2.5'%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");opacity:0.7;animation-duration:26s}
[data-theme="kerst"] .extra{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20200%20176'%3E%20%3Crect%20x%3D'4'%20y%3D'44'%20width%3D'192'%20height%3D'132'%20rx%3D'6'%20fill%3D'%237B4A38'%2F%3E%20%3Crect%20x%3D'0'%20y%3D'28'%20width%3D'200'%20height%3D'22'%20rx%3D'4'%20fill%3D'%238C5540'%2F%3E%20%3Cpath%20d%3D'M30%20176%20v-92%20a%2070%2070%200%200%201%20140%200%20v%2092%20z'%20fill%3D'%232A1A14'%2F%3E%20%3Cellipse%20cx%3D'100'%20cy%3D'162'%20rx%3D'56'%20ry%3D'10'%20fill%3D'%234A3128'%2F%3E%20%3Cg%20stroke%3D'%236B4A2F'%20stroke-width%3D'9'%20stroke-linecap%3D'round'%3E%20%3Cpath%20d%3D'M66%20160%20l%2070%20-16'%2F%3E%3Cpath%20d%3D'M68%20146%20l%2066%2018'%2F%3E%20%3C%2Fg%3E%20%3Cpath%20d%3D'M100%2076%20c%2026%2022%2034%2040%2034%2054%20a%2034%2034%200%200%201%20-68%200%20c%200%20-18%2016%20-26%2020%20-44%20c%208%2010%206%2020%204%2028%20c%206%20-8%2010%20-22%2010%20-38%20z'%20fill%3D'%23E8621F'%2F%3E%20%3Cpath%20d%3D'M100%20104%20c%2015%2014%2020%2024%2020%2033%20a%2020%2020%200%200%201%20-40%200%20c%200%20-12%2012%20-18%2020%20-33%20z'%20fill%3D'%23F2A33D'%2F%3E%20%3Cpath%20d%3D'M100%20126%20c%208%208%2011%2013%2011%2018%20a%2011%2011%200%200%201%20-22%200%20c%200%20-7%207%20-10%2011%20-18%20z'%20fill%3D'%23F7DC8A'%2F%3E%3C%2Fsvg%3E"),radial-gradient(46% 58% at 50% 78%, rgba(255,150,50,.45), rgba(255,110,30,.14) 46%, rgba(255,110,30,0) 74%);background-position:left 6% bottom 0,left calc(6% - 190px) bottom -70px;background-size:auto 172px,560px 470px;background-repeat:no-repeat,no-repeat;height:250px;animation:pt-vlam 5.5s ease-in-out infinite}
[data-theme="kerst"] .dansers{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20220%20280'%3E%20%3C!--%20Lichaam%20%2F%20jas%20%E2%80%94%20iets%20warmere%20rood%2C%20zachter%20silhouet%20--%3E%20%3Cpath%20d%3D'M60%20158%20q%2050%20-22%20100%200%20l%206%20100%20q%20-56%2016%20-112%200%20z'%20fill%3D'%23E24942'%2F%3E%20%3C!--%20Baard%20%E2%80%94%20grote%20ronde%20wolk%2C%20achter%20het%20lichaam%20maar%20voor%20de%20jas%20--%3E%20%3Cpath%20d%3D'M110%20100%20q%2056%200%2056%2054%20q%200%2046%20-14%2066%20q%20-10%2014%20-42%2014%20q%20-32%200%20-42%20-14%20q%20-14%20-20%20-14%20-66%20q%200%20-54%2056%20-54%20z'%20fill%3D'%23FFFFFF'%2F%3E%20%3C!--%20Baardplooien%20--%3E%20%3Cpath%20d%3D'M64%20176%20q%2016%208%2026%204%20M156%20176%20q%20-16%208%20-26%204%20M82%20198%20q%2028%2012%2056%200'%20stroke%3D'%23EFECE6'%20stroke-width%3D'2.2'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%20%3C!--%20Gezichtje%20%E2%80%94%20ronder%20en%20groter%20--%3E%20%3Cellipse%20cx%3D'110'%20cy%3D'108'%20rx%3D'36'%20ry%3D'32'%20fill%3D'%23F7D6B4'%2F%3E%20%3C!--%20Blozende%20wangen%20(roze%2C%20groter%20en%20zachter%20dan%20voorheen)%20--%3E%20%3Cellipse%20cx%3D'82'%20cy%3D'120'%20rx%3D'11'%20ry%3D'7'%20fill%3D'%23F09090'%20opacity%3D'.85'%2F%3E%20%3Cellipse%20cx%3D'138'%20cy%3D'120'%20rx%3D'11'%20ry%3D'7'%20fill%3D'%23F09090'%20opacity%3D'.85'%2F%3E%20%3C!--%20Grote%20ronde%20ogen%20%E2%80%94%20schattig%20kawaii%20met%20witte%20glinstering%20--%3E%20%3Ccircle%20cx%3D'92'%20cy%3D'104'%20r%3D'7'%20fill%3D'%231A0F08'%2F%3E%20%3Ccircle%20cx%3D'128'%20cy%3D'104'%20r%3D'7'%20fill%3D'%231A0F08'%2F%3E%20%3Ccircle%20cx%3D'94'%20cy%3D'101'%20r%3D'2.6'%20fill%3D'%23FFFFFF'%2F%3E%20%3Ccircle%20cx%3D'130'%20cy%3D'101'%20r%3D'2.6'%20fill%3D'%23FFFFFF'%2F%3E%20%3Ccircle%20cx%3D'89'%20cy%3D'107'%20r%3D'1.2'%20fill%3D'%23FFFFFF'%20opacity%3D'.7'%2F%3E%20%3Ccircle%20cx%3D'125'%20cy%3D'107'%20r%3D'1.2'%20fill%3D'%23FFFFFF'%20opacity%3D'.7'%2F%3E%20%3C!--%20Kleine%20rode%20neus%2C%20zachter%20--%3E%20%3Cellipse%20cx%3D'110'%20cy%3D'120'%20rx%3D'6'%20ry%3D'5'%20fill%3D'%23EB8B7F'%2F%3E%20%3Ccircle%20cx%3D'108'%20cy%3D'118'%20r%3D'1.4'%20fill%3D'%23F7BFB6'%20opacity%3D'.9'%2F%3E%20%3C!--%20Brede%20glimlach%3A%20opgaande%20boog%2C%20geen%20%22O%22%20--%3E%20%3Cpath%20d%3D'M96%20130%20q%2014%2012%2028%200'%20stroke%3D'%237A2A20'%20stroke-width%3D'2.6'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%20%3C!--%20Klein%20roze%20tongetje%20net%20onder%20de%20mond%2C%20subtiel%20--%3E%20%3Cpath%20d%3D'M104%20135%20q%206%204%2012%200%20q%20-1%204%20-6%204%20q%20-5%200%20-6%20-4%20z'%20fill%3D'%23E8807A'%2F%3E%20%3C!--%20Snor%20%E2%80%94%20twee%20zachte%20curven%20onder%20de%20neus%20--%3E%20%3Cpath%20d%3D'M96%20127%20q%20-4%20-2%20-6%20-6%20M124%20127%20q%204%20-2%206%20-6'%20stroke%3D'%23F0EDE6'%20stroke-width%3D'2'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%20%3C!--%20Muts%3A%20rond%20druppelvormig%2C%20opzij%20vallend%2C%20met%20witte%20rand%20en%20pom%20--%3E%20%3Cpath%20d%3D'M70%2082%20q%204%20-66%2046%20-72%20q%2034%20-4%2052%2040%20q%206%2012%20-8%2022%20q%20-22%2014%20-52%2014%20q%20-24%200%20-38%20-4%20z'%20fill%3D'%23E24942'%2F%3E%20%3Cpath%20d%3D'M66%2080%20q%2034%2010%2066%2010%20q%2028%200%2042%20-6%20l%20-2%2012%20q%20-10%2010%20-42%2010%20q%20-32%200%20-66%20-8%20z'%20fill%3D'%23FFFFFF'%2F%3E%20%3Ccircle%20cx%3D'172'%20cy%3D'36'%20r%3D'13'%20fill%3D'%23FFFFFF'%2F%3E%20%3Ccircle%20cx%3D'168'%20cy%3D'30'%20r%3D'4'%20fill%3D'%23F5F3EE'%20opacity%3D'.7'%2F%3E%20%3C!--%20Armen%20--%3E%20%3Cpath%20d%3D'M62%20164%20q%20-24%2014%20-24%2048%20q%200%2014%2010%2022%20q%2010%206%2022%20-2%20q%206%20-8%204%20-20%20z'%20fill%3D'%23E24942'%2F%3E%20%3Ccircle%20cx%3D'42'%20cy%3D'232'%20r%3D'11'%20fill%3D'%23F7D6B4'%2F%3E%20%3Cpath%20d%3D'M158%20164%20q%2032%20-20%2048%20-66%20q%204%20-12%20-8%20-18%20q%20-10%20-6%20-22%204%20q%20-12%2014%20-28%2046%20z'%20fill%3D'%23E24942'%2F%3E%20%3Ccircle%20cx%3D'198'%20cy%3D'78'%20r%3D'12'%20fill%3D'%23F7D6B4'%2F%3E%20%3C!--%20Witte%20manchetten%20--%3E%20%3Cpath%20d%3D'M30%20240%20q%2014%206%2024%20-8%20M162%2076%20q%2012%20-14%2022%20-6'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'7'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%20%3C!--%20Riem%20bruin%20met%20gouden%20gesp%20--%3E%20%3Crect%20x%3D'58'%20y%3D'224'%20width%3D'104'%20height%3D'16'%20rx%3D'2'%20fill%3D'%233E241A'%2F%3E%20%3Crect%20x%3D'102'%20y%3D'222'%20width%3D'16'%20height%3D'20'%20rx%3D'2'%20fill%3D'%23E8B93D'%20stroke%3D'%238B7217'%20stroke-width%3D'1.4'%2F%3E%20%3C!--%20Laarzen%20%E2%80%94%20iets%20ronder%20--%3E%20%3Cellipse%20cx%3D'82'%20cy%3D'266'%20rx%3D'14'%20ry%3D'9'%20fill%3D'%233E241A'%2F%3E%20%3Cellipse%20cx%3D'138'%20cy%3D'266'%20rx%3D'14'%20ry%3D'9'%20fill%3D'%233E241A'%2F%3E%3C%2Fsvg%3E");background-position:left 100% top 12%;background-size:auto 220px;opacity:0.95;animation:pt-kerstslee 28s linear infinite}
[data-theme="nieuwjaar"] .band{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20300%20130'%3E%20%3Cg%20fill%3D'%231C2E52'%3E%20%3Crect%20x%3D'0'%20y%3D'68'%20width%3D'42'%20height%3D'62'%2F%3E%20%3Crect%20x%3D'48'%20y%3D'34'%20width%3D'34'%20height%3D'96'%2F%3E%20%3Crect%20x%3D'88'%20y%3D'82'%20width%3D'50'%20height%3D'48'%2F%3E%20%3Crect%20x%3D'144'%20y%3D'22'%20width%3D'30'%20height%3D'108'%2F%3E%20%3Cpolygon%20points%3D'159%2C2%20149%2C22%20169%2C22'%2F%3E%20%3Crect%20x%3D'180'%20y%3D'60'%20width%3D'46'%20height%3D'70'%2F%3E%20%3Crect%20x%3D'232'%20y%3D'42'%20width%3D'38'%20height%3D'88'%2F%3E%20%3Crect%20x%3D'276'%20y%3D'76'%20width%3D'24'%20height%3D'54'%2F%3E%20%3C%2Fg%3E%20%3Cg%20fill%3D'%23D4AF37'%20opacity%3D'.85'%3E%20%3Crect%20x%3D'8'%20y%3D'78'%20width%3D'7'%20height%3D'9'%2F%3E%3Crect%20x%3D'24'%20y%3D'94'%20width%3D'7'%20height%3D'9'%2F%3E%20%3Crect%20x%3D'56'%20y%3D'46'%20width%3D'7'%20height%3D'9'%2F%3E%3Crect%20x%3D'68'%20y%3D'68'%20width%3D'7'%20height%3D'9'%2F%3E%20%3Crect%20x%3D'98'%20y%3D'92'%20width%3D'7'%20height%3D'9'%2F%3E%3Crect%20x%3D'118'%20y%3D'92'%20width%3D'7'%20height%3D'9'%2F%3E%20%3Crect%20x%3D'152'%20y%3D'36'%20width%3D'7'%20height%3D'9'%2F%3E%3Crect%20x%3D'152'%20y%3D'58'%20width%3D'7'%20height%3D'9'%2F%3E%20%3Crect%20x%3D'192'%20y%3D'72'%20width%3D'7'%20height%3D'9'%2F%3E%3Crect%20x%3D'210'%20y%3D'88'%20width%3D'7'%20height%3D'9'%2F%3E%20%3Crect%20x%3D'240'%20y%3D'54'%20width%3D'7'%20height%3D'9'%2F%3E%3Crect%20x%3D'254'%20y%3D'76'%20width%3D'7'%20height%3D'9'%2F%3E%20%3Crect%20x%3D'284'%20y%3D'86'%20width%3D'7'%20height%3D'9'%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");height:140px;opacity:0.85}
[data-theme="nieuwjaar"] .drift{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20280%20280'%3E%20%3Crect%20x%3D'34'%20y%3D'28'%20width%3D'10'%20height%3D'5'%20rx%3D'1'%20fill%3D'%23D4AF37'%20transform%3D'rotate(24%2039%2030)'%2F%3E%20%3Crect%20x%3D'168'%20y%3D'52'%20width%3D'10'%20height%3D'5'%20rx%3D'1'%20fill%3D'%232E4A7D'%20transform%3D'rotate(-38%20173%2054)'%2F%3E%20%3Crect%20x%3D'236'%20y%3D'104'%20width%3D'10'%20height%3D'5'%20rx%3D'1'%20fill%3D'%23D4AF37'%20transform%3D'rotate(62%20241%20106)'%2F%3E%20%3Crect%20x%3D'88'%20y%3D'132'%20width%3D'10'%20height%3D'5'%20rx%3D'1'%20fill%3D'%238FA8CE'%20transform%3D'rotate(-12%2093%20134)'%2F%3E%20%3Crect%20x%3D'22'%20y%3D'198'%20width%3D'10'%20height%3D'5'%20rx%3D'1'%20fill%3D'%23D4AF37'%20transform%3D'rotate(45%2027%20200)'%2F%3E%20%3Crect%20x%3D'150'%20y%3D'216'%20width%3D'10'%20height%3D'5'%20rx%3D'1'%20fill%3D'%232E4A7D'%20transform%3D'rotate(-58%20155%20218)'%2F%3E%20%3Crect%20x%3D'254'%20y%3D'244'%20width%3D'10'%20height%3D'5'%20rx%3D'1'%20fill%3D'%23D4AF37'%20transform%3D'rotate(16%20259%20246)'%2F%3E%20%3Crect%20x%3D'120'%20y%3D'262'%20width%3D'10'%20height%3D'5'%20rx%3D'1'%20fill%3D'%238FA8CE'%20transform%3D'rotate(-30%20125%20264)'%2F%3E%20%3Crect%20x%3D'198'%20y%3D'166'%20width%3D'10'%20height%3D'5'%20rx%3D'1'%20fill%3D'%23D4AF37'%20transform%3D'rotate(72%20203%20168)'%2F%3E%3C%2Fsvg%3E");opacity:0.8;animation-duration:19s}
[data-theme="nieuwjaar"] .sfeer{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20360%20240'%3E%20%3Cg%20stroke-linecap%3D'round'%20fill%3D'none'%3E%20%3Cg%20stroke%3D'%23D4AF37'%20stroke-width%3D'3'%3E%20%3Cpath%20d%3D'M92%2084%20v-46%20M92%2084%20v46%20M92%2084%20h-46%20M92%2084%20h46%20M92%2084%20l-33%20-33%20M92%2084%20l33%2033%20M92%2084%20l33%20-33%20M92%2084%20l-33%2033'%2F%3E%20%3C%2Fg%3E%20%3Cg%20stroke%3D'%23E9847C'%20stroke-width%3D'2.5'%3E%20%3Cpath%20d%3D'M262%2052%20v-34%20M262%2052%20v34%20M262%2052%20h-34%20M262%2052%20h34%20M262%2052%20l-24%20-24%20M262%2052%20l24%2024%20M262%2052%20l24%20-24%20M262%2052%20l-24%2024'%2F%3E%20%3C%2Fg%3E%20%3Cg%20stroke%3D'%238FC8E8'%20stroke-width%3D'2.5'%3E%20%3Cpath%20d%3D'M184%20176%20v-30%20M184%20176%20v30%20M184%20176%20h-30%20M184%20176%20h30%20M184%20176%20l-21%20-21%20M184%20176%20l21%2021%20M184%20176%20l21%20-21%20M184%20176%20l-21%2021'%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%20fill%3D'%23D4AF37'%3E%20%3Ccircle%20cx%3D'92'%20cy%3D'34'%20r%3D'3'%2F%3E%3Ccircle%20cx%3D'92'%20cy%3D'134'%20r%3D'3'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'84'%20r%3D'3'%2F%3E%3Ccircle%20cx%3D'142'%20cy%3D'84'%20r%3D'3'%2F%3E%20%3C%2Fg%3E%20%3Cg%20fill%3D'%23E9847C'%3E%20%3Ccircle%20cx%3D'262'%20cy%3D'14'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'262'%20cy%3D'90'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'224'%20cy%3D'52'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'300'%20cy%3D'52'%20r%3D'2.5'%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");background-position:right 5% top 7%;background-size:auto 230px;opacity:0.8;animation:pt-knal 6s ease-in-out infinite}
[data-theme="nieuwjaar"] .dansers{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20220%20220'%3E%20%3Cg%20stroke-linecap%3D'round'%20fill%3D'none'%3E%20%3Cg%20stroke%3D'%23F2A03D'%20stroke-width%3D'2.5'%3E%20%3Cpath%20d%3D'M110%20110%20v-52%20M110%20110%20v52%20M110%20110%20h-52%20M110%20110%20h52%20M110%20110%20l-37%20-37%20M110%20110%20l37%2037%20M110%20110%20l37%20-37%20M110%20110%20l-37%2037'%2F%3E%20%3C%2Fg%3E%20%3Cg%20stroke%3D'%237CB87C'%20stroke-width%3D'2'%3E%20%3Cpath%20d%3D'M110%20110%20v-32%20M110%20110%20v32%20M110%20110%20h-32%20M110%20110%20h32'%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%20fill%3D'%23F2A03D'%3E%20%3Ccircle%20cx%3D'110'%20cy%3D'58'%20r%3D'3'%2F%3E%3Ccircle%20cx%3D'110'%20cy%3D'162'%20r%3D'3'%2F%3E%20%3Ccircle%20cx%3D'58'%20cy%3D'110'%20r%3D'3'%2F%3E%3Ccircle%20cx%3D'162'%20cy%3D'110'%20r%3D'3'%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");background-position:left 8% top 22%;background-size:auto 180px;opacity:0.75;animation:pt-knal2 7s ease-in-out infinite}
[data-theme="pasen"] .band{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20300%20130'%3E%20%3Cpath%20d%3D'M0%20130%20v-22%20q%2040%20-14%2080%20-2%20q%2046%2014%2092%20-2%20q%2050%20-16%20128%200%20v%2026%20z'%20fill%3D'%237FA35C'%2F%3E%20%3Cg%20stroke%3D'%235E8442'%20stroke-width%3D'2.5'%20stroke-linecap%3D'round'%20fill%3D'none'%3E%20%3Cpath%20d%3D'M100%20120%20v-17%20M106%20120%20v-12%20M94%20120%20v-12'%2F%3E%20%3Cpath%20d%3D'M236%20120%20v-16%20M242%20120%20v-11%20M230%20120%20v-11'%2F%3E%20%3C%2Fg%3E%20%3Cellipse%20cx%3D'44'%20cy%3D'98'%20rx%3D'15'%20ry%3D'19.8'%20fill%3D'%23F3E2A9'%2F%3E%20%3Cpath%20d%3D'M30.2%2093.5%20q%206.9%20-5.1%2013.8%200%20q%206.9%205.1%2013.8%200'%20fill%3D'none'%20stroke%3D'%237A5F9E'%20stroke-width%3D'3'%20stroke-linecap%3D'round'%2F%3E%20%3Cellipse%20cx%3D'76'%20cy%3D'103'%20rx%3D'12'%20ry%3D'15.8'%20fill%3D'%23CDE3F0'%2F%3E%20%3Cpath%20d%3D'M65%2099.4%20q%205.5%20-4.1%2011%200%20q%205.5%204.1%2011%200'%20fill%3D'none'%20stroke%3D'%23E9847C'%20stroke-width%3D'2.4'%20stroke-linecap%3D'round'%2F%3E%20%3Cpath%20d%3D'M127.2%20109.8%20l%20-3%207%20M135.6%20109.8%20l%203%207'%20stroke%3D'%23E2801F'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%20%3Cellipse%20cx%3D'130'%20cy%3D'100'%20rx%3D'14'%20ry%3D'12.3'%20fill%3D'%23F2C744'%2F%3E%20%3Ccircle%20cx%3D'131.7'%20cy%3D'85.3'%20r%3D'9.2'%20fill%3D'%23F7D45C'%2F%3E%20%3Cpolygon%20points%3D'140.1%2C84.3%20147.4%2C86.6%20140.1%2C88.8'%20fill%3D'%23E2801F'%2F%3E%20%3Ccircle%20cx%3D'134.2'%20cy%3D'82.9'%20r%3D'1.8'%20fill%3D'%233A2A12'%2F%3E%20%3Cellipse%20cx%3D'178'%20cy%3D'98'%20rx%3D'16'%20ry%3D'21.1'%20fill%3D'%23EFC7D8'%2F%3E%20%3Cpath%20d%3D'M163.3%2093.2%20q%207.4%20-5.4%2014.7%200%20q%207.4%205.4%2014.7%200'%20fill%3D'none'%20stroke%3D'%236B8E4E'%20stroke-width%3D'3.2'%20stroke-linecap%3D'round'%2F%3E%20%3Cellipse%20cx%3D'212'%20cy%3D'104'%20rx%3D'11'%20ry%3D'14.5'%20fill%3D'%23D8E8C8'%2F%3E%20%3Cpath%20d%3D'M201.9%20100.7%20q%205.1%20-3.7%2010.1%200%20q%205.1%203.7%2010.1%200'%20fill%3D'none'%20stroke%3D'%237A5F9E'%20stroke-width%3D'2.2'%20stroke-linecap%3D'round'%2F%3E%20%3Cpath%20d%3D'M259.8%20112.7%20l%20-3%207%20M266.4%20112.7%20l%203%207'%20stroke%3D'%23E2801F'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%20%3Cellipse%20cx%3D'262'%20cy%3D'105'%20rx%3D'11'%20ry%3D'9.7'%20fill%3D'%23F2C744'%2F%3E%20%3Ccircle%20cx%3D'263.3'%20cy%3D'93.5'%20r%3D'7.3'%20fill%3D'%23F7D45C'%2F%3E%20%3Cpolygon%20points%3D'269.9%2C92.7%20275.6%2C94.4%20269.9%2C96.2'%20fill%3D'%23E2801F'%2F%3E%20%3Ccircle%20cx%3D'265.3'%20cy%3D'91.6'%20r%3D'1.4'%20fill%3D'%233A2A12'%2F%3E%3C%2Fsvg%3E");height:120px;opacity:0.9}
[data-theme="pasen"] .drift{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20280%20280'%3E%20%3Cellipse%20cx%3D'44'%20cy%3D'42'%20rx%3D'10'%20ry%3D'13.2'%20fill%3D'%23F3E2A9'%2F%3E%20%3Cpath%20d%3D'M34.8%2039%20q%204.6%20-3.4%209.2%200%20q%204.6%203.4%209.2%200'%20fill%3D'none'%20stroke%3D'%237A5F9E'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%2F%3E%20%3Cellipse%20cx%3D'196'%20cy%3D'86'%20rx%3D'9'%20ry%3D'11.9'%20fill%3D'%23EFC7D8'%2F%3E%20%3Cpath%20d%3D'M187.7%2083.3%20q%204.1%20-3.1%208.3%200%20q%204.1%203.1%208.3%200'%20fill%3D'none'%20stroke%3D'%236B8E4E'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%2F%3E%20%3Cellipse%20cx%3D'102'%20cy%3D'178'%20rx%3D'10'%20ry%3D'13.2'%20fill%3D'%23CDE3F0'%2F%3E%20%3Cpath%20d%3D'M92.8%20175%20q%204.6%20-3.4%209.2%200%20q%204.6%203.4%209.2%200'%20fill%3D'none'%20stroke%3D'%23E9847C'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%2F%3E%20%3Cellipse%20cx%3D'248'%20cy%3D'216'%20rx%3D'8'%20ry%3D'10.6'%20fill%3D'%23D8E8C8'%2F%3E%20%3Cpath%20d%3D'M240.6%20213.6%20q%203.7%20-2.7%207.4%200%20q%203.7%202.7%207.4%200'%20fill%3D'none'%20stroke%3D'%237A5F9E'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%2F%3E%20%3Cg%20fill%3D'%23F0C8D8'%3E%20%3Ccircle%20cx%3D'150'%20cy%3D'34'%20r%3D'5'%2F%3E%3Ccircle%20cx%3D'158'%20cy%3D'42'%20r%3D'5'%2F%3E%3Ccircle%20cx%3D'148'%20cy%3D'48'%20r%3D'5'%2F%3E%20%3Ccircle%20cx%3D'139'%20cy%3D'42'%20r%3D'5'%2F%3E%3Ccircle%20cx%3D'149'%20cy%3D'41'%20r%3D'3'%20fill%3D'%23E9B44C'%2F%3E%20%3C%2Fg%3E%20%3Cg%20fill%3D'%23FBE2EC'%3E%20%3Ccircle%20cx%3D'58'%20cy%3D'232'%20r%3D'5'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'240'%20r%3D'5'%2F%3E%3Ccircle%20cx%3D'56'%20cy%3D'246'%20r%3D'5'%2F%3E%20%3Ccircle%20cx%3D'47'%20cy%3D'240'%20r%3D'5'%2F%3E%3Ccircle%20cx%3D'57'%20cy%3D'239'%20r%3D'3'%20fill%3D'%23E9B44C'%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");opacity:0.5;animation-duration:42s}
[data-theme="pasen"] .dansers{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20180%20200'%3E%20%3C!--%20Zittend%20lichaam%20--%3E%20%3Cellipse%20cx%3D'90'%20cy%3D'150'%20rx%3D'50'%20ry%3D'30'%20fill%3D'%23B6B6B6'%2F%3E%20%3C!--%20Voorpoten%20--%3E%20%3Cellipse%20cx%3D'60'%20cy%3D'170'%20rx%3D'10'%20ry%3D'18'%20fill%3D'%23B6B6B6'%2F%3E%20%3Cellipse%20cx%3D'118'%20cy%3D'170'%20rx%3D'10'%20ry%3D'18'%20fill%3D'%23B6B6B6'%2F%3E%20%3C!--%20Witte%20buik%20--%3E%20%3Cellipse%20cx%3D'90'%20cy%3D'158'%20rx%3D'24'%20ry%3D'16'%20fill%3D'%23F0F0F0'%2F%3E%20%3C!--%20Achterlijf%20%2F%20staart%20--%3E%20%3Ccircle%20cx%3D'142'%20cy%3D'158'%20r%3D'14'%20fill%3D'%23F5F5F5'%2F%3E%20%3C!--%20Hoofd%20--%3E%20%3Cellipse%20cx%3D'80'%20cy%3D'104'%20rx%3D'40'%20ry%3D'36'%20fill%3D'%23B6B6B6'%2F%3E%20%3C!--%20Twee%20lange%20oren%2C%20met%20binnenkant%20roze%20--%3E%20%3Cpath%20d%3D'M56%2076%20q%20-14%20-60%206%20-66%20q%2022%20-4%2014%2062%20z'%20fill%3D'%23B6B6B6'%2F%3E%20%3Cellipse%20cx%3D'58'%20cy%3D'40'%20rx%3D'6'%20ry%3D'24'%20fill%3D'%23F0AAB0'%2F%3E%20%3Cpath%20d%3D'M102%2076%20q%206%20-68%2030%20-62%20q%2020%206%20-12%2066%20z'%20fill%3D'%23B6B6B6'%2F%3E%20%3Cellipse%20cx%3D'114'%20cy%3D'40'%20rx%3D'6'%20ry%3D'24'%20fill%3D'%23F0AAB0'%2F%3E%20%3C!--%20Grote%20ronde%20ogen%20met%20witte%20glinstering%20--%3E%20%3Ccircle%20cx%3D'66'%20cy%3D'102'%20r%3D'7'%20fill%3D'%231A0F08'%2F%3E%20%3Ccircle%20cx%3D'94'%20cy%3D'102'%20r%3D'7'%20fill%3D'%231A0F08'%2F%3E%20%3Ccircle%20cx%3D'68'%20cy%3D'100'%20r%3D'2.4'%20fill%3D'%23FFFFFF'%2F%3E%20%3Ccircle%20cx%3D'96'%20cy%3D'100'%20r%3D'2.4'%20fill%3D'%23FFFFFF'%2F%3E%20%3C!--%20Roze%20neus%20--%3E%20%3Cpath%20d%3D'M76%20118%20q%208%20-6%2016%200%20q%20-2%206%20-8%206%20q%20-6%200%20-8%20-6%20z'%20fill%3D'%23E8899A'%2F%3E%20%3C!--%20Mond%20met%20twee%20kleine%20tandjes%20--%3E%20%3Cpath%20d%3D'M84%20124%20l%200%208%20M76%20132%20q%208%206%2016%200'%20stroke%3D'%235C3820'%20stroke-width%3D'1.4'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%20%3Crect%20x%3D'78'%20y%3D'132'%20width%3D'4'%20height%3D'6'%20fill%3D'%23FFFFFF'%20stroke%3D'%23B0A090'%20stroke-width%3D'.6'%2F%3E%20%3Crect%20x%3D'86'%20y%3D'132'%20width%3D'4'%20height%3D'6'%20fill%3D'%23FFFFFF'%20stroke%3D'%23B0A090'%20stroke-width%3D'.6'%2F%3E%20%3C!--%20Snorren%20--%3E%20%3Cpath%20d%3D'M62%20122%20l%20-18%20-2%20M62%20128%20l%20-20%204%20M96%20122%20l%2020%20-2%20M96%20128%20l%2022%204'%20stroke%3D'%238A8A8A'%20stroke-width%3D'1'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%20%3C!--%20Blos%20op%20wangetjes%20--%3E%20%3Cellipse%20cx%3D'58'%20cy%3D'120'%20rx%3D'6'%20ry%3D'3.5'%20fill%3D'%23F0AAB0'%20opacity%3D'.65'%2F%3E%20%3Cellipse%20cx%3D'104'%20cy%3D'120'%20rx%3D'6'%20ry%3D'3.5'%20fill%3D'%23F0AAB0'%20opacity%3D'.65'%2F%3E%3C%2Fsvg%3E");background-position:left 0 top 60%;background-size:auto 160px;opacity:0.95;animation:pt-hupsen 24s linear infinite}
[data-theme="koningsdag"] .band{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20300%20130'%3E%20%3Cpath%20d%3D'M0%20130%20v-16%20q%2060%20-12%20150%200%20q%2090%2012%20150%20-4%20v%2020%20z'%20fill%3D'%23E8A33D'%20opacity%3D'.3'%2F%3E%20%3Cpath%20d%3D'M34%20118%20v%20-58.9'%20stroke%3D'%233E7A3C'%20stroke-width%3D'4.6'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M34%2081.2%20q%20-25.8%20-7.4%20-27.6%20-25.8%20q%2023.9%201.8%2027.6%2025.8'%20fill%3D'%234A8C45'%2F%3E%20%3Cpath%20d%3D'M18.4%2061%20q%200%20-27.6%2015.6%20-33.1%20q%2015.6%205.5%2015.6%2033.1%20z'%20fill%3D'%23D94F1E'%2F%3E%20%3Cpath%20d%3D'M72%20118%20v%20-47.4'%20stroke%3D'%233E7A3C'%20stroke-width%3D'3.7'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M72%2088.4%20q%20-20.7%20-5.9%20-22.2%20-20.7%20q%2019.2%201.5%2022.2%2020.7'%20fill%3D'%234A8C45'%2F%3E%20%3Cpath%20d%3D'M59.4%2072.1%20q%200%20-22.2%2012.6%20-26.6%20q%2012.6%204.4%2012.6%2026.6%20z'%20fill%3D'%23E8A33D'%2F%3E%20%3Cpath%20d%3D'M112%20118%20v%20-64'%20stroke%3D'%233E7A3C'%20stroke-width%3D'5'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M112%2078%20q%20-28%20-8%20-30%20-28%20q%2026%202%2030%2028'%20fill%3D'%234A8C45'%2F%3E%20%3Cpath%20d%3D'M95%2056%20q%200%20-30%2017%20-36%20q%2017%206%2017%2036%20z'%20fill%3D'%23B3520F'%2F%3E%20%3Cpath%20d%3D'M158%20118%20v%20-51.2'%20stroke%3D'%233E7A3C'%20stroke-width%3D'4'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M158%2086%20q%20-22.4%20-6.4%20-24%20-22.4%20q%2020.8%201.6%2024%2022.4'%20fill%3D'%234A8C45'%2F%3E%20%3Cpath%20d%3D'M144.4%2068.4%20q%200%20-24%2013.6%20-28.8%20q%2013.6%204.8%2013.6%2028.8%20z'%20fill%3D'%23D94F1E'%2F%3E%20%3Cpath%20d%3D'M206%20118%20v%20-61.4'%20stroke%3D'%233E7A3C'%20stroke-width%3D'4.8'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M206%2079.6%20q%20-26.9%20-7.7%20-28.8%20-26.9%20q%2025%201.9%2028.8%2026.9'%20fill%3D'%234A8C45'%2F%3E%20%3Cpath%20d%3D'M189.7%2058.5%20q%200%20-28.8%2016.3%20-34.6%20q%2016.3%205.8%2016.3%2034.6%20z'%20fill%3D'%23E8A33D'%2F%3E%20%3Cpath%20d%3D'M248%20118%20v%20-44.8'%20stroke%3D'%233E7A3C'%20stroke-width%3D'3.5'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M248%2090%20q%20-19.6%20-5.6%20-21%20-19.6%20q%2018.2%201.4%2021%2019.6'%20fill%3D'%234A8C45'%2F%3E%20%3Cpath%20d%3D'M236.1%2074.6%20q%200%20-21%2011.9%20-25.2%20q%2011.9%204.2%2011.9%2025.2%20z'%20fill%3D'%23B3520F'%2F%3E%20%3Cpath%20d%3D'M286%20118%20v%20-56.3'%20stroke%3D'%233E7A3C'%20stroke-width%3D'4.4'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M286%2082.8%20q%20-24.6%20-7%20-26.4%20-24.6%20q%2022.9%201.8%2026.4%2024.6'%20fill%3D'%234A8C45'%2F%3E%20%3Cpath%20d%3D'M271%2063.4%20q%200%20-26.4%2015%20-31.7%20q%2015%205.3%2015%2031.7%20z'%20fill%3D'%23D94F1E'%2F%3E%3C%2Fsvg%3E");height:120px;opacity:0.85}
[data-theme="koningsdag"] .drift{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20280%20280'%3E%20%3Crect%20x%3D'40'%20y%3D'30'%20width%3D'11'%20height%3D'6'%20rx%3D'1'%20fill%3D'%23D94F1E'%20transform%3D'rotate(28%2045%2033)'%2F%3E%20%3Crect%20x%3D'176'%20y%3D'64'%20width%3D'11'%20height%3D'6'%20rx%3D'1'%20fill%3D'%23E8A33D'%20transform%3D'rotate(-42%20181%2067)'%2F%3E%20%3Crect%20x%3D'250'%20y%3D'128'%20width%3D'11'%20height%3D'6'%20rx%3D'1'%20fill%3D'%23B3520F'%20transform%3D'rotate(58%20255%20131)'%2F%3E%20%3Crect%20x%3D'96'%20y%3D'146'%20width%3D'11'%20height%3D'6'%20rx%3D'1'%20fill%3D'%23E8A33D'%20transform%3D'rotate(-18%20101%20149)'%2F%3E%20%3Crect%20x%3D'28'%20y%3D'210'%20width%3D'11'%20height%3D'6'%20rx%3D'1'%20fill%3D'%23D94F1E'%20transform%3D'rotate(40%2033%20213)'%2F%3E%20%3Crect%20x%3D'160'%20y%3D'232'%20width%3D'11'%20height%3D'6'%20rx%3D'1'%20fill%3D'%23B3520F'%20transform%3D'rotate(-64%20165%20235)'%2F%3E%20%3Crect%20x%3D'232'%20y%3D'254'%20width%3D'11'%20height%3D'6'%20rx%3D'1'%20fill%3D'%23E8A33D'%20transform%3D'rotate(12%20237%20257)'%2F%3E%3C%2Fsvg%3E");opacity:0.7;animation-duration:17s}
[data-theme="koningsdag"] .sfeer{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20300%2076'%3E%20%3Cpath%20d%3D'M0%208%20q%2075%2034%20150%2012%20q%2075%20-22%20150%2012'%20stroke%3D'%238F3F0A'%20stroke-width%3D'3'%20fill%3D'none'%2F%3E%20%3Cpolygon%20points%3D'8%2C15%2034%2C15%2021%2C51'%20fill%3D'%23D94F1E'%2F%3E%3Cpolygon%20points%3D'46%2C22%2072%2C22%2059%2C58'%20fill%3D'%23E8A33D'%2F%3E%20%3Cpolygon%20points%3D'84%2C27%20110%2C27%2097%2C63'%20fill%3D'%23B3520F'%2F%3E%3Cpolygon%20points%3D'122%2C27%20148%2C27%20135%2C63'%20fill%3D'%23D94F1E'%2F%3E%20%3Cpolygon%20points%3D'160%2C23%20186%2C23%20173%2C59'%20fill%3D'%23E8A33D'%2F%3E%3Cpolygon%20points%3D'198%2C18%20224%2C18%20211%2C54'%20fill%3D'%23B3520F'%2F%3E%20%3Cpolygon%20points%3D'236%2C15%20262%2C15%20249%2C51'%20fill%3D'%23D94F1E'%2F%3E%3Cpolygon%20points%3D'274%2C16%20300%2C16%20287%2C52'%20fill%3D'%23E8A33D'%2F%3E%3C%2Fsvg%3E");background-position:left top;background-size:300px auto;background-repeat:repeat-x;opacity:0.9;animation:pt-wapper 7s ease-in-out infinite}
[data-theme="koningsdag"] .dansers{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20180%20220'%3E%20%3C!--%20Pak%20in%20oranje-blauw%20(blauw%20dominant%2C%20oranje-gele%20accent)%20--%3E%20%3Cpath%20d%3D'M12%20220%20l%200%20-60%20q%2078%20-32%20156%200%20l%200%2060%20z'%20fill%3D'%234A6BA8'%2F%3E%20%3Cpath%20d%3D'M78%20172%20l%2024%200%20l%208%2048%20l%20-40%200%20z'%20fill%3D'%233F4A5E'%2F%3E%20%3C!--%20Baard%3A%20grijs-wit%20vierkant%20onder%20het%20gezicht%20--%3E%20%3Cpath%20d%3D'M40%20132%20q%2050%204%20100%200%20q%200%2060%20-50%2060%20q%20-50%200%20-50%20-60%20z'%20fill%3D'%23DFD8D0'%2F%3E%20%3C!--%20Hoofd%20--%3E%20%3Cellipse%20cx%3D'90'%20cy%3D'108'%20rx%3D'50'%20ry%3D'48'%20fill%3D'%23F5D6A8'%2F%3E%20%3C!--%20Blonde%20haardot%20bovenop%20(klein%20pieken-vlak)%20--%3E%20%3Cpath%20d%3D'M46%2088%20q%2012%20-22%2044%20-22%20q%2032%200%2044%2022%20q%20-4%2010%20-14%206%20q%20-12%20-14%20-30%20-14%20q%20-18%200%20-30%2014%20q%20-10%204%20-14%20-6%20z'%20fill%3D'%23E8C56F'%2F%3E%20%3C!--%20Oren%20(subtiel)%20--%3E%20%3Cellipse%20cx%3D'40'%20cy%3D'108'%20rx%3D'8'%20ry%3D'12'%20fill%3D'%23F5D6A8'%2F%3E%20%3Cellipse%20cx%3D'140'%20cy%3D'108'%20rx%3D'8'%20ry%3D'12'%20fill%3D'%23F5D6A8'%2F%3E%20%3C!--%20Ogen%3A%20twee%20grote%20zwarte%20ronde%20--%3E%20%3Ccircle%20cx%3D'72'%20cy%3D'108'%20r%3D'5'%20fill%3D'%231A0F08'%2F%3E%20%3Ccircle%20cx%3D'108'%20cy%3D'108'%20r%3D'5'%20fill%3D'%231A0F08'%2F%3E%20%3C!--%20Open%20mond%20met%20rode%20tong%20--%3E%20%3Cpath%20d%3D'M74%20138%20q%2016%2018%2032%200%20q%20-2%2014%20-16%2014%20q%20-14%200%20-16%20-14%20z'%20fill%3D'%231A0F08'%2F%3E%20%3Cellipse%20cx%3D'90'%20cy%3D'146'%20rx%3D'6'%20ry%3D'4'%20fill%3D'%23E13B33'%2F%3E%20%3C!--%20Kroon%3A%203%20grote%20pieken%20in%20helder%20geel%20--%3E%20%3Cpath%20d%3D'M28%2078%20l%2012%20-60%20l%2022%2040%20l%2018%20-50%20l%2020%2050%20l%2020%20-40%20l%2012%2060%20z'%20fill%3D'%23F0D046'%20stroke%3D'%23B48420'%20stroke-width%3D'1.6'%2F%3E%20%3Crect%20x%3D'28'%20y%3D'76'%20width%3D'104'%20height%3D'10'%20fill%3D'%23B48420'%2F%3E%3C%2Fsvg%3E");background-position:right 8% top 22%;background-size:auto 200px;opacity:0.9;animation:pt-koning 18s ease-in-out infinite}
[data-theme="zomer"] .band{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20300%20130'%3E%20%3Cpath%20d%3D'M0%2082%20q%2037%20-18%2075%200%20q%2037%2018%2075%200%20q%2037%20-18%2075%200%20q%2037%2018%2075%200%20v%2048%20H0%20z'%20fill%3D'%237FC6DE'%20opacity%3D'.5'%2F%3E%20%3Cpath%20d%3D'M0%20100%20q%2037%20-16%2075%200%20q%2037%2016%2075%200%20q%2037%20-16%2075%200%20q%2037%2016%2075%200%20v%2030%20H0%20z'%20fill%3D'%233F9CBE'%20opacity%3D'.55'%2F%3E%20%3Cpath%20d%3D'M0%20117%20q%2037%20-12%2075%200%20q%2037%2012%2075%200%20q%2037%20-12%2075%200%20q%2037%2012%2075%200%20v%2013%20H0%20z'%20fill%3D'%231D769A'%20opacity%3D'.6'%2F%3E%3C%2Fsvg%3E");height:150px;opacity:0.9}
[data-theme="zomer"] .sfeer{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20200%20200'%3E%20%3Cg%20stroke%3D'%23F2A03D'%20stroke-width%3D'9'%20stroke-linecap%3D'round'%3E%20%3Cpath%20d%3D'M100%208%20v26%20M100%20166%20v26%20M8%20100%20h26%20M166%20100%20h26%20M35%2035%20l18%2018%20M147%20147%20l18%2018%20M165%2035%20l-18%2018%20M53%20147%20l-18%2018'%2F%3E%20%3C%2Fg%3E%20%3Ccircle%20cx%3D'100'%20cy%3D'100'%20r%3D'54'%20fill%3D'%23F7C05A'%2F%3E%20%3Ccircle%20cx%3D'100'%20cy%3D'100'%20r%3D'42'%20fill%3D'%23FBD87C'%2F%3E%3C%2Fsvg%3E");background-position:right 7% top 9%;background-size:auto 148px;opacity:0.8;animation:pt-draai 90s linear infinite}
[data-theme="halloween"] .band{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20300%20130'%3E%20%3Cpath%20d%3D'M0%20130%20v-14%20q%2060%20-10%20150%20-2%20q%2090%208%20150%20-4%20v%2020%20z'%20fill%3D'%232B2233'%20opacity%3D'.5'%2F%3E%20%3Cpath%20d%3D'M28%20118%20v%20-104'%20stroke%3D'%23332B3D'%20stroke-width%3D'9.4'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M28%2055.6%20l%20-31.2%20-25%20M28%2055.6%20l%2029.1%20-31.2%20M28%2032.7%20l%20-22.9%20-20.8%20M28%2032.7%20l%2020.8%20-22.9'%20stroke%3D'%23332B3D'%20stroke-width%3D'5.7'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M72%20120%20v%20-34%20a%2020%2020%200%200%201%2040%200%20v%2034%20z'%20fill%3D'%235E5A66'%2F%3E%20%3Crect%20x%3D'88.4'%20y%3D'80'%20width%3D'7.2'%20height%3D'19.4'%20fill%3D'%23474350'%2F%3E%20%3Crect%20x%3D'80'%20y%3D'85.4'%20width%3D'24'%20height%3D'7'%20fill%3D'%23474350'%2F%3E%20%3Crect%20x%3D'147.1'%20y%3D'58.9'%20width%3D'5.7'%20height%3D'13'%20rx%3D'2'%20fill%3D'%234E7A32'%2F%3E%20%3Cellipse%20cx%3D'136.5'%20cy%3D'94'%20rx%3D'14.3'%20ry%3D'26'%20fill%3D'%23C4661A'%2F%3E%20%3Cellipse%20cx%3D'163.5'%20cy%3D'94'%20rx%3D'14.3'%20ry%3D'26'%20fill%3D'%23C4661A'%2F%3E%20%3Cellipse%20cx%3D'150'%20cy%3D'94'%20rx%3D'20.3'%20ry%3D'27.3'%20fill%3D'%23E8862A'%2F%3E%20%3Cpolygon%20points%3D'138.6%2C86.7%20147.4%2C86.7%20143%2C95.6'%20fill%3D'%233A1F0B'%2F%3E%20%3Cpolygon%20points%3D'161.4%2C86.7%20152.6%2C86.7%20157%2C95.6'%20fill%3D'%233A1F0B'%2F%3E%20%3Cpath%20d%3D'M136.5%20102.3%20l%206.8%20-5.2%20l%206.8%205.2%20l%206.8%20-5.2%20l%206.8%205.2%20l%20-4.2%206.8%20l%20-22.9%200%20z'%20fill%3D'%233A1F0B'%2F%3E%20%3Crect%20x%3D'192'%20y%3D'77.7'%20width%3D'4'%20height%3D'9'%20rx%3D'2'%20fill%3D'%234E7A32'%2F%3E%20%3Cellipse%20cx%3D'184.6'%20cy%3D'102'%20rx%3D'9.9'%20ry%3D'18'%20fill%3D'%23C4661A'%2F%3E%20%3Cellipse%20cx%3D'203.4'%20cy%3D'102'%20rx%3D'9.9'%20ry%3D'18'%20fill%3D'%23C4661A'%2F%3E%20%3Cellipse%20cx%3D'194'%20cy%3D'102'%20rx%3D'14'%20ry%3D'18.9'%20fill%3D'%23E8862A'%2F%3E%20%3Cpolygon%20points%3D'186.1%2C97%20192.2%2C97%20189.1%2C103.1'%20fill%3D'%233A1F0B'%2F%3E%20%3Cpolygon%20points%3D'201.9%2C97%20195.8%2C97%20198.9%2C103.1'%20fill%3D'%233A1F0B'%2F%3E%20%3Cpath%20d%3D'M184.6%20107.8%20l%204.7%20-3.6%20l%204.7%203.6%20l%204.7%20-3.6%20l%204.7%203.6%20l%20-2.9%204.7%20l%20-15.8%200%20z'%20fill%3D'%233A1F0B'%2F%3E%20%3Cpath%20d%3D'M223%20120%20v%20-27%20a%2017%2017%200%200%201%2034%200%20v%2027%20z'%20fill%3D'%235E5A66'%2F%3E%20%3Crect%20x%3D'236.9'%20y%3D'87.4'%20width%3D'6.1'%20height%3D'15.8'%20fill%3D'%23474350'%2F%3E%20%3Crect%20x%3D'229.8'%20y%3D'91.8'%20width%3D'20.4'%20height%3D'5.7'%20fill%3D'%23474350'%2F%3E%20%3Cpath%20d%3D'M284%20118%20v%20-84'%20stroke%3D'%23332B3D'%20stroke-width%3D'7.6'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%20%3Cpath%20d%3D'M284%2067.6%20l%20-25.2%20-20.2%20M284%2067.6%20l%2023.5%20-25.2%20M284%2049.1%20l%20-18.5%20-16.8%20M284%2049.1%20l%2016.8%20-18.5'%20stroke%3D'%23332B3D'%20stroke-width%3D'4.6'%20stroke-linecap%3D'round'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");height:130px;opacity:0.9}
[data-theme="halloween"] .drift{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20280%20280'%3E%20%3Cpath%20transform%3D'translate(34%2039.2)%20scale(1.1)'%20d%3D'M20%204c-2%200-3%201.6-3%203.4-2-2-5-3.4-8-3.4-1.6%200-3%20.5-4%201.4.6%201.6.4%203.4-.6%204.8%201.8.2%203.4%201.2%204.4%202.8-1.6-.4-3.2%200-4.4%201%202.4.2%204.6%201.6%206%203.6%201.4-1.6%203.4-2.6%205.6-2.6s4.2%201%205.6%202.6c1.4-2%203.6-3.4%206-3.6-1.2-1-2.8-1.4-4.4-1%201-1.6%202.6-2.6%204.4-2.8-1-1.4-1.2-3.2-.6-4.8-1-.9-2.4-1.4-4-1.4-3%200-6%201.4-8%203.4C23%205.6%2022%204%2020%204z'%20fill%3D'%232B2233'%2F%3E%20%3Cpath%20transform%3D'translate(182%2089.6)%20scale(0.8)'%20d%3D'M20%204c-2%200-3%201.6-3%203.4-2-2-5-3.4-8-3.4-1.6%200-3%20.5-4%201.4.6%201.6.4%203.4-.6%204.8%201.8.2%203.4%201.2%204.4%202.8-1.6-.4-3.2%200-4.4%201%202.4.2%204.6%201.6%206%203.6%201.4-1.6%203.4-2.6%205.6-2.6s4.2%201%205.6%202.6c1.4-2%203.6-3.4%206-3.6-1.2-1-2.8-1.4-4.4-1%201-1.6%202.6-2.6%204.4-2.8-1-1.4-1.2-3.2-.6-4.8-1-.9-2.4-1.4-4-1.4-3%200-6%201.4-8%203.4C23%205.6%2022%204%2020%204z'%20fill%3D'%232B2233'%2F%3E%20%3Cpath%20transform%3D'translate(93%20170.4)%20scale(1)'%20d%3D'M20%204c-2%200-3%201.6-3%203.4-2-2-5-3.4-8-3.4-1.6%200-3%20.5-4%201.4.6%201.6.4%203.4-.6%204.8%201.8.2%203.4%201.2%204.4%202.8-1.6-.4-3.2%200-4.4%201%202.4.2%204.6%201.6%206%203.6%201.4-1.6%203.4-2.6%205.6-2.6s4.2%201%205.6%202.6c1.4-2%203.6-3.4%206-3.6-1.2-1-2.8-1.4-4.4-1%201-1.6%202.6-2.6%204.4-2.8-1-1.4-1.2-3.2-.6-4.8-1-.9-2.4-1.4-4-1.4-3%200-6%201.4-8%203.4C23%205.6%2022%204%2020%204z'%20fill%3D'%232B2233'%2F%3E%20%3Cpath%20transform%3D'translate(232%20218.4)%20scale(0.7)'%20d%3D'M20%204c-2%200-3%201.6-3%203.4-2-2-5-3.4-8-3.4-1.6%200-3%20.5-4%201.4.6%201.6.4%203.4-.6%204.8%201.8.2%203.4%201.2%204.4%202.8-1.6-.4-3.2%200-4.4%201%202.4.2%204.6%201.6%206%203.6%201.4-1.6%203.4-2.6%205.6-2.6s4.2%201%205.6%202.6c1.4-2%203.6-3.4%206-3.6-1.2-1-2.8-1.4-4.4-1%201-1.6%202.6-2.6%204.4-2.8-1-1.4-1.2-3.2-.6-4.8-1-.9-2.4-1.4-4-1.4-3%200-6%201.4-8%203.4C23%205.6%2022%204%2020%204z'%20fill%3D'%232B2233'%2F%3E%20%3Cpath%20transform%3D'translate(15%20240.8)%20scale(0.7)'%20d%3D'M20%204c-2%200-3%201.6-3%203.4-2-2-5-3.4-8-3.4-1.6%200-3%20.5-4%201.4.6%201.6.4%203.4-.6%204.8%201.8.2%203.4%201.2%204.4%202.8-1.6-.4-3.2%200-4.4%201%202.4.2%204.6%201.6%206%203.6%201.4-1.6%203.4-2.6%205.6-2.6s4.2%201%205.6%202.6c1.4-2%203.6-3.4%206-3.6-1.2-1-2.8-1.4-4.4-1%201-1.6%202.6-2.6%204.4-2.8-1-1.4-1.2-3.2-.6-4.8-1-.9-2.4-1.4-4-1.4-3%200-6%201.4-8%203.4C23%205.6%2022%204%2020%204z'%20fill%3D'%232B2233'%2F%3E%3C%2Fsvg%3E");opacity:0.5;animation-duration:22s}
[data-theme="halloween"] .sfeer{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20160%20160'%3E%20%3Cdefs%3E%3CradialGradient%20id%3D'mg'%3E%20%3Cstop%20offset%3D'42%25'%20stop-color%3D'%23E8892B'%20stop-opacity%3D'.34'%2F%3E%20%3Cstop%20offset%3D'100%25'%20stop-color%3D'%23E8892B'%20stop-opacity%3D'0'%2F%3E%20%3C%2FradialGradient%3E%3C%2Fdefs%3E%20%3Ccircle%20cx%3D'80'%20cy%3D'80'%20r%3D'80'%20fill%3D'url(%23mg)'%2F%3E%20%3Ccircle%20cx%3D'80'%20cy%3D'80'%20r%3D'52'%20fill%3D'%23F0A93C'%2F%3E%20%3Cg%20fill%3D'%23D68C22'%3E%20%3Ccircle%20cx%3D'62'%20cy%3D'64'%20r%3D'10'%2F%3E%3Ccircle%20cx%3D'98'%20cy%3D'94'%20r%3D'13'%2F%3E%20%3Ccircle%20cx%3D'94'%20cy%3D'56'%20r%3D'6'%2F%3E%3Ccircle%20cx%3D'58'%20cy%3D'102'%20r%3D'7'%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");background-position:right 8% top 8%;background-size:auto 128px;opacity:0.85}
[data-theme="halloween"] .extra{background-image:linear-gradient(90deg, rgba(255,255,255,0), rgba(140,128,160,.3) 26%, rgba(255,255,255,0) 50%, rgba(140,128,160,.22) 74%, rgba(255,255,255,0));background-size:600px 100%;background-repeat:repeat-x;height:170px;left:-600px;opacity:0.9;animation:pt-schuif 34s linear infinite}
[data-theme="halloween"] .dansers{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20120%20160'%3E%20%3Cpath%20d%3D'M60%2012%20c%2028%200%2044%2022%2044%2048%20v%2074%20q%200%208%20-6%208%20q%20-6%200%20-8%20-8%20q%20-2%20-6%20-8%20-6%20q%20-6%200%20-8%208%20q%20-2%208%20-8%208%20q%20-6%200%20-8%20-8%20q%20-2%20-8%20-8%20-8%20q%20-6%200%20-8%206%20q%20-2%208%20-8%208%20q%20-6%200%20-6%20-8%20v%20-74%20c%200%20-26%2016%20-48%2044%20-48%20z'%20fill%3D'%23F7F5F2'%20opacity%3D'.92'%2F%3E%20%3Cellipse%20cx%3D'46'%20cy%3D'54'%20rx%3D'6'%20ry%3D'9'%20fill%3D'%23241B2E'%2F%3E%20%3Cellipse%20cx%3D'74'%20cy%3D'54'%20rx%3D'6'%20ry%3D'9'%20fill%3D'%23241B2E'%2F%3E%20%3Cellipse%20cx%3D'60'%20cy%3D'84'%20rx%3D'7'%20ry%3D'11'%20fill%3D'%23241B2E'%2F%3E%3C%2Fsvg%3E");background-position:left 0 top 40%;background-size:110px auto;opacity:0.85;animation:pt-zweef 32s ease-in-out infinite}
[data-theme="valentijn"] .band{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20300%20130'%3E%20%3Cpath%20transform%3D'translate(12%2078)%20scale(2.2)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23E8A0BC'%20fill-opacity%3D'0.75'%2F%3E%20%3Cpath%20transform%3D'translate(66%2094)%20scale(1.5)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23D4718F'%20fill-opacity%3D'0.7'%2F%3E%20%3Cpath%20transform%3D'translate(96%2066)%20scale(2.7)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23B03060'%20fill-opacity%3D'0.5'%2F%3E%20%3Cpath%20transform%3D'translate(158%2088)%20scale(1.8)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23E8A0BC'%20fill-opacity%3D'0.8'%2F%3E%20%3Cpath%20transform%3D'translate(199%2073)%20scale(2.3)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23D4718F'%20fill-opacity%3D'0.6'%2F%3E%20%3Cpath%20transform%3D'translate(257%2097)%20scale(1.4)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23B03060'%20fill-opacity%3D'0.55'%2F%3E%3C%2Fsvg%3E");height:110px;opacity:0.55}
[data-theme="valentijn"] .drift{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20280%20280'%3E%20%3Cpath%20transform%3D'translate(30%2032)%20scale(1.2)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23D4718F'%20fill-opacity%3D'0.8'%2F%3E%3Cpath%20transform%3D'translate(176%2020)%20scale(0.8)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23E8A0BC'%20fill-opacity%3D'0.85'%2F%3E%20%3Cpath%20transform%3D'translate(230%20100)%20scale(1.3)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23B03060'%20fill-opacity%3D'0.55'%2F%3E%3Cpath%20transform%3D'translate(84%20120)%20scale(1)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23E8A0BC'%20fill-opacity%3D'0.8'%2F%3E%20%3Cpath%20transform%3D'translate(13%20179)%20scale(0.9)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23D4718F'%20fill-opacity%3D'0.75'%2F%3E%3Cpath%20transform%3D'translate(140%20196)%20scale(1.5)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23E8A0BC'%20fill-opacity%3D'0.7'%2F%3E%20%3Cpath%20transform%3D'translate(252%20238)%20scale(0.8)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23D4718F'%20fill-opacity%3D'0.8'%2F%3E%3Cpath%20transform%3D'translate(99%20249)%20scale(1.1)'%20d%3D'M12%2021C4%2014%201%209.6%201%206.6A5.6%205.6%200%200%201%2012%205%205.6%205.6%200%200%201%2023%206.6c0%203-3%207.4-11%2014.4z'%20fill%3D'%23B03060'%20fill-opacity%3D'0.5'%2F%3E%3C%2Fsvg%3E");opacity:0.6;animation-duration:30s;animation-direction:reverse}
[data-theme="valentijn"] .dansers{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20280%20220'%3E%20%3C!--%20Vleugel%20achterlangs%20--%3E%20%3Cpath%20d%3D'M170%2060%20q%2060%20-30%2090%20-6%20q%20-20%208%20-30%2022%20q%2020%20-8%2034%204%20q%20-20%2022%20-50%2022%20q%20-22%200%20-44%20-8%20z'%20fill%3D'%23F5F5F5'%20stroke%3D'%23D8D5D0'%20stroke-width%3D'1.2'%2F%3E%20%3Cpath%20d%3D'M180%2070%20q%2026%20-8%2044%20-2%20M186%2082%20q%2022%20-4%2040%204'%20stroke%3D'%23D8D5D0'%20stroke-width%3D'1'%20fill%3D'none'%2F%3E%20%3C!--%20Lichaam%20%2F%20romp%20--%3E%20%3Cellipse%20cx%3D'130'%20cy%3D'138'%20rx%3D'36'%20ry%3D'30'%20fill%3D'%23F7D0A8'%2F%3E%20%3C!--%20Wit%20doek%20om%20middel%20--%3E%20%3Cpath%20d%3D'M96%20138%20q%2034%2020%2068%200%20q%206%2022%20-4%2032%20q%20-30%2012%20-60%200%20q%20-10%20-10%20-4%20-32%20z'%20fill%3D'%23FFFFFF'%2F%3E%20%3Cpath%20d%3D'M102%20156%20q%2030%2010%2060%200'%20stroke%3D'%23E7E4DE'%20stroke-width%3D'1'%20fill%3D'none'%2F%3E%20%3C!--%20Been%20in%20sprong%20--%3E%20%3Cpath%20d%3D'M162%20158%20q%2030%20-6%2050%2010%20q%206%206%20-2%2012%20q%20-22%208%20-50%20-8%20z'%20fill%3D'%23F7D0A8'%2F%3E%20%3C!--%20Ander%20been%20onderaan%20--%3E%20%3Cpath%20d%3D'M110%20168%20q%20-8%2020%204%2034%20q%208%206%2016%20-2%20q%20-4%20-12%204%20-22%20z'%20fill%3D'%23F7D0A8'%2F%3E%20%3C!--%20Hoofd%20--%3E%20%3Ccircle%20cx%3D'120'%20cy%3D'84'%20r%3D'38'%20fill%3D'%23F7D0A8'%2F%3E%20%3C!--%20Krullend%20blond%20haar%20bovenop%20--%3E%20%3Cpath%20d%3D'M84%2076%20q%20-4%20-30%2020%20-38%20q%2020%20-6%2030%208%20q%208%20-14%2024%20-8%20q%2022%208%2020%2030%20q%20-2%2012%20-14%2012%20q%204%20-14%20-8%20-18%20q%20-10%20-2%20-12%208%20q%20-8%20-10%20-20%20-6%20q%20-10%204%20-10%2014%20q%20-14%20-6%20-22%204%20q%20-6%206%20-8%20-6%20z'%20fill%3D'%23E8C56F'%2F%3E%20%3Cpath%20d%3D'M96%2060%20q%20-4%20-6%204%20-12%20M108%2052%20q%200%20-8%208%20-8%20M136%2052%20q%204%20-8%2012%20-6'%20stroke%3D'%23C8A44A'%20stroke-width%3D'2'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%20%3C!--%20Blauwe%20ogen%20(groot%20en%20rond)%20--%3E%20%3Ccircle%20cx%3D'106'%20cy%3D'84'%20r%3D'5'%20fill%3D'%231F3A6E'%2F%3E%20%3Ccircle%20cx%3D'134'%20cy%3D'84'%20r%3D'5'%20fill%3D'%231F3A6E'%2F%3E%20%3Ccircle%20cx%3D'108'%20cy%3D'82'%20r%3D'1.6'%20fill%3D'%23FFFFFF'%2F%3E%20%3Ccircle%20cx%3D'136'%20cy%3D'82'%20r%3D'1.6'%20fill%3D'%23FFFFFF'%2F%3E%20%3C!--%20Roze%20wangetjes%20--%3E%20%3Ccircle%20cx%3D'94'%20cy%3D'98'%20r%3D'6'%20fill%3D'%23F0947F'%20opacity%3D'.85'%2F%3E%20%3Ccircle%20cx%3D'146'%20cy%3D'98'%20r%3D'6'%20fill%3D'%23F0947F'%20opacity%3D'.85'%2F%3E%20%3C!--%20Grote%20glimlach%20met%20tanden%20--%3E%20%3Cpath%20d%3D'M104%20104%20q%2016%2020%2032%200%20q%20-2%2012%20-16%2012%20q%20-14%200%20-16%20-12%20z'%20fill%3D'%237A1E19'%2F%3E%20%3Crect%20x%3D'114'%20y%3D'106'%20width%3D'12'%20height%3D'6'%20fill%3D'%23FFFFFF'%2F%3E%20%3C!--%20Boog%20in%20linkerhand%20(bruin)%20--%3E%20%3Cpath%20d%3D'M76%20152%20q%20-16%20-30%200%20-60%20q%204%20-6%208%20-2%20q%20-10%2026%204%2060%20q%20-6%206%20-12%202%20z'%20fill%3D'%234A2E1C'%2F%3E%20%3C!--%20Snaar%20--%3E%20%3Cpath%20d%3D'M80%2092%20l%204%2060'%20stroke%3D'%23F7DC8A'%20stroke-width%3D'1.2'%2F%3E%20%3C!--%20Pijl%20door%20de%20boog%3A%20schacht%20%2B%20hart-punt%20--%3E%20%3Cpath%20d%3D'M40%20122%20l%2082%20-4'%20stroke%3D'%234A2E1C'%20stroke-width%3D'3'%20stroke-linecap%3D'round'%2F%3E%20%3Cpath%20d%3D'M118%20116%20l%208%20-4%20l%200%2012%20z'%20fill%3D'%234A2E1C'%2F%3E%20%3Cpath%20d%3D'M30%20118%20l%206%204%20l%20-6%204%20M28%20124%20l%204%20-4%20l%20-2%208'%20stroke%3D'%23F7DC8A'%20stroke-width%3D'1.4'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%20%3C!--%20Hart%20aan%20de%20punt%20van%20de%20pijl%20--%3E%20%3Cpath%20d%3D'M30%20120%20q%20-6%20-6%20-10%200%20q%200%206%2010%2012%20q%2010%20-6%2010%20-12%20q%20-4%20-6%20-10%200%20z'%20fill%3D'%23E13B33'%2F%3E%20%3C!--%20Zwevende%20hartjes%20%2F%20stipjes%20--%3E%20%3Cpath%20d%3D'M228%2026%20q%20-4%20-4%20-8%200%20q%200%204%208%208%20q%208%20-4%208%20-8%20q%20-4%20-4%20-8%200%20z'%20fill%3D'%23FFFFFF'%20opacity%3D'.9'%2F%3E%20%3Ccircle%20cx%3D'250'%20cy%3D'58'%20r%3D'2'%20fill%3D'%23FFFFFF'%20opacity%3D'.8'%2F%3E%20%3Ccircle%20cx%3D'40'%20cy%3D'36'%20r%3D'2'%20fill%3D'%23FFFFFF'%20opacity%3D'.8'%2F%3E%20%3Ccircle%20cx%3D'20'%20cy%3D'80'%20r%3D'1.5'%20fill%3D'%23FFFFFF'%20opacity%3D'.7'%2F%3E%3C%2Fsvg%3E");background-position:left 0 top 26%;background-size:240px auto;opacity:0.95;animation:pt-cupido 22s ease-in-out infinite}

/* Wie beweging heeft uitgezet houdt de tekeningen, maar dan stil. */
@media (prefers-reduced-motion: reduce){ [data-theme] .lucht div, [data-theme] .grond div{animation:none} }

/* Op een smal scherm zou de band bijna een derde van de pagina vullen. */
@media (max-width:560px){
  html:not([data-theme="standaard"]) body{padding-bottom:104px}
  [data-theme] .grond{height:84px}
  [data-theme] .sfeer{opacity:.45}
  [data-theme] .drift{opacity:.28}
  [data-theme] .extra{height:120px}
}

/* Bij afdrukken hoort er niets van op papier. */
@media print{ .lucht,.grond{display:none} }


/* Geen blauw vlak bij het aantikken. Een browser op de telefoon zet standaard
   een gekleurd blok over het aangeraakte element, en omdat het logo in een link
   zit wordt dat het hele merk. -webkit-user-select houdt de tekening ook heel
   als je er per ongeluk overheen sleept. */
.pt-logo{width:100%;height:auto;display:block;cursor:pointer;
  -webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.pt-ballonnen,.pt-krabbel,.pt-oog,.pt-mond,.pt-letter,.pt-groet,.pt-oogpaar{transform-box:fill-box;transform-origin:center}
.pt-wieg{animation:pt-wieg 5s 2.6s ease-in-out infinite}
.pt-ballonnen{animation:pt-opkomen .75s cubic-bezier(.2,1.5,.4,1) both}
.pt-veegK{animation:pt-veegK .95s .5s cubic-bezier(.5,0,.2,1) both}
.pt-veegM{animation:pt-veegM .4s 1.65s cubic-bezier(.4,0,.2,1) both}
.pt-oog{animation:pt-oogop .35s cubic-bezier(.2,1.7,.4,1) both, pt-knipperen 6.5s 3.5s infinite}
.pt-oog.pt-l{animation-delay:1.3s,3.5s}
.pt-oog.pt-r{animation-delay:1.38s,3.62s}
.pt-letter{animation:pt-letterop .5s cubic-bezier(.2,.9,.3,1) both;animation-delay:calc(1.5s + var(--i) * .06s)}
.pt-raakvlak{fill:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
/* Een muisklik geeft geen rand; alleen wie met de tab-toets komt ziet waar hij
   staat. Zonder deze regel tekent de browser een blauw kader om het vlak. */
.pt-raakvlak:focus{outline:none}
.pt-raakvlak:focus-visible{outline:3px solid currentColor;outline-offset:6px}
.pt-groet{opacity:0}
.pt-logo.groet .pt-groet{animation:pt-groetIn 3.6s ease both}
.pt-logo.groet .pt-krabbel{animation:pt-krabbelWeg 3.6s ease both}
.pt-logo.groet .pt-knik{animation:pt-knik .75s cubic-bezier(.3,1.4,.5,1) both}
.pt-logo.groet .pt-oogpaar{animation:pt-groetKnipper .75s ease both}
.pt-logo.groet .pt-mond{animation:pt-blij .75s cubic-bezier(.3,1.5,.5,1) both}
@keyframes pt-opkomen{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes pt-veegK{from{transform:translateX(-292px)}to{transform:none}}
@keyframes pt-veegM{from{transform:translateX(-90px)}to{transform:none}}
@keyframes pt-oogop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}
@keyframes pt-letterop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes pt-wieg{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pt-knipperen{0%,4%,100%{transform:scaleY(1)}2%{transform:scaleY(.12)}}
@keyframes pt-krabbelWeg{0%{opacity:1}7%{opacity:0}84%{opacity:0}100%{opacity:1}}
@keyframes pt-groetIn{0%{opacity:0;transform:translateY(12px) scale(.88)}13%{opacity:1;transform:none}84%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
@keyframes pt-knik{0%,100%{transform:translateY(0)}28%{transform:translateY(10px)}64%{transform:translateY(-4px)}}
@keyframes pt-groetKnipper{0%,26%,58%,100%{transform:scaleY(1)}13%,42%{transform:scaleY(.14)}}
@keyframes pt-blij{0%,100%{transform:scale(1)}45%{transform:scale(1.4)}}
@media (prefers-reduced-motion:reduce){
  .pt-wieg,.pt-ballonnen,.pt-veegK,.pt-veegM,.pt-oog,.pt-letter{animation:none}
  .pt-krabbel,.pt-mond{clip-path:none !important}
  .pt-logo.groet .pt-knik,.pt-logo.groet .pt-oogpaar,.pt-logo.groet .pt-mond{animation:none}
  .pt-logo.groet .pt-groet{animation:pt-groetStil 3.6s step-end both}
  @keyframes pt-groetStil{0%{opacity:1}84%{opacity:1}100%{opacity:0}}
}
/* Kleurkiezer — zelfde stijl als in de werkbladen zodat de knop op de
   voorpagina en in een werkblad identiek oogt. */
.pz-kleur{position:relative;display:inline-flex;align-items:center;margin-right:12px;vertical-align:middle}.pz-kleur-knop{display:inline-flex;align-items:center;gap:4px;padding:3px 6px 3px 4px;border:1px solid var(--blue,#5A7258);background:transparent;border-radius:999px;cursor:pointer;line-height:0;font-size:0}.pz-kleur-vlak{display:block;width:14px;height:14px;border-radius:50%;border:1px solid var(--blue,#5A7258);background:var(--pz-veld,#F7F8F4)}.pz-kleur-pijl{display:block;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid var(--blue,#5A7258)}.pz-kleur-paneel{position:absolute;top:calc(100% + 6px);right:0;z-index:99999;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px 11px 11px;background:#fff;border:1px solid var(--blue-mid,#C8D0B8);border-radius:11px;box-shadow:0 6px 20px rgba(0,0,0,.13)}.pz-kleur-paneel[hidden]{display:none}.pz-kleur-rij{display:flex;align-items:center;gap:7px}.pz-kleur-paneel button[data-kleur]{width:21px;height:21px;padding:0;border-radius:50%;border:1px solid var(--blue,#5A7258);cursor:pointer;font-size:0;line-height:0}.pz-kleur-paneel button[data-kleur][aria-pressed="true"],.pz-kleur-eigen.pz-aan{outline:2px solid var(--gold,#B8860B);outline-offset:2px}.pz-kleur-eigen{position:relative;display:block;width:21px;height:21px;border-radius:50%;overflow:hidden;border:1px solid var(--blue,#5A7258);cursor:pointer;background:conic-gradient(#d96c6c,#d9b96c,#7cb87c,#6aa8d9,#a48ad9,#d96c6c)}.pz-kleur-scheiding{width:1px;height:19px;background:var(--blue-mid,#C8D0B8)}.pz-kleur-wiel-wrap{position:relative;align-self:center;width:150px;height:150px}.pz-kleur-wiel{display:block;width:150px;height:150px;border-radius:50%;cursor:crosshair;touch-action:none;user-select:none}.pz-kleur-punt{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.55);pointer-events:none;transform:translate(-50%,-50%);display:none}html[data-veld] input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="color"]),html[data-veld] textarea,html[data-veld] select,html[data-veld] [contenteditable="true"]{background:var(--pz-veld)!important}html[data-veld] body{background:var(--pz-pagina)}@media print{.pz-kleur{display:none!important}html[data-veld] body{background:#fff!important}html[data-veld] input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="color"]),html[data-veld] textarea,html[data-veld] select,html[data-veld] [contenteditable="true"]{background:var(--pz-veld)!important}}@media (max-width:768px){.pz-kleur-knop{min-width:44px;min-height:40px;justify-content:center}.pz-kleur-paneel button[data-kleur]{width:32px;height:32px}.pz-kleur-eigen{width:32px;height:32px}.pz-kleur-scheiding{height:28px}.pz-kleur-paneel{gap:12px;padding:12px}.pz-kleur-wiel-wrap{width:180px;height:180px}.pz-kleur-wiel{width:180px;height:180px}}