@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-ext-wght-normal-IYF56FF6.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-wght-normal-JEOLYBOO.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-ext-wght-normal-EOVOK2B5.woff2") format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-wght-normal-IRE366VL.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-vietnamese-wght-normal-CE5GGD3W.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-ext-wght-normal-HA22NDSG.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-wght-normal-NRMW37G5.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--merk: #112471;--merk-donker: #0b1850;--merk-licht: #eef1fb;--accent: #62b5e5;--groen: #17693f;--groen-licht: #e6f4ec;--rood: #b3261e;--oranje: #7a4f00;--oranje-licht: #fff5e2;--tekst: #1a2034;--tekst-zacht: #586076;--rand: #e3e6ee;--rand-sterk: #b7bed0;--vlak: #ffffff;--achtergrond: #f5f6fa;--straal: 16px;--straal-klein: 10px;--schaduw: 0 1px 2px rgb(11 24 80 / 5%), 0 12px 32px -8px rgb(11 24 80 / 10%);--breedte: 1120px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-bottom:6rem}body{background:var(--achtergrond);color:var(--tekst);font-family:Inter Variable,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1rem;line-height:1.55;margin:0}app-root{display:flex;flex-direction:column;min-height:100vh}a{color:var(--merk);text-underline-offset:2px}h1,h2,h3{color:var(--merk-donker);font-weight:700;letter-spacing:-.015em;line-height:1.2;margin:0 0 .4rem}h2{font-size:1.5rem}h3{border-top:1px solid var(--rand);font-size:1.1rem;letter-spacing:-.01em;margin-top:1.75rem;padding-top:1.5rem}svg{fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.kop{background:var(--merk);color:#fff}.kop-balk,.held,.voet-binnen{margin:0 auto;max-width:var(--breedte);padding-inline:1rem}.kop-balk{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding-block:.75rem}.logo{display:block;line-height:0}.logo img{height:52px;width:auto}.kop-hulp{color:#cdd5ef;font-size:.875rem;text-decoration:none}.kop-hulp span{color:#fff;font-weight:500}.kop-hulp:hover span{text-decoration:underline}.held{padding-block:1.25rem 5.25rem}.held-boven{color:var(--accent);font-size:.8rem;font-weight:600;letter-spacing:.06em;margin:0 0 .5rem;text-transform:uppercase}.held h1{color:#fff;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:750;letter-spacing:-.025em;margin:0 0 1rem;text-wrap:balance}.held-feiten{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.held-feiten li{align-items:center;background:#ffffff1c;border-radius:999px;color:#e4e8f7;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.35rem .85rem .35rem .7rem}.held-feiten strong{color:#fff;font-weight:600}.held-feiten svg{color:var(--accent);flex:none;height:1.05rem;width:1.05rem}.pagina{flex:1;margin:0 auto;max-width:var(--breedte);padding:1.5rem 1rem 3rem;width:100%}.pagina.met-held{margin-top:-4rem;padding-top:0}.kaart{background:var(--vlak);border-radius:var(--straal);box-shadow:var(--schaduw);padding:1.25rem}.melding{margin:2rem auto;max-width:640px;text-align:center}.inleiding{color:var(--tekst-zacht);margin:0 0 1.25rem}.stappen{background:var(--vlak);border-radius:var(--straal);box-shadow:var(--schaduw);display:flex;justify-content:space-between;list-style:none;margin:0 0 1rem;padding:.9rem .25rem .75rem}.stappen li{align-items:center;color:var(--tekst-zacht);display:flex;flex:1;flex-direction:column;font-size:.72rem;font-weight:500;gap:.3rem;min-width:0;position:relative;text-align:center}.stappen li+li:before{background:var(--rand);content:"";height:2px;left:calc(-50% + 1.05rem);position:absolute;right:calc(50% + 1.05rem);top:.8rem}.stappen li.klaar+li:before{background:var(--merk)}.nummer{align-items:center;background:var(--achtergrond);border-radius:50%;color:var(--tekst-zacht);display:flex;font-size:.8rem;font-weight:600;height:1.7rem;justify-content:center;width:1.7rem}.nummer svg{height:.95rem;stroke-width:3;width:.95rem}.stappen li.actief{color:var(--merk-donker);font-weight:650}.stappen li.actief .nummer{background:var(--merk);box-shadow:0 0 0 4px var(--merk-licht);color:#fff}.stappen li.klaar .nummer{background:var(--merk);color:#fff}.indeling{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}.indeling:not(.met-zijkolom){margin-inline:auto;max-width:760px}.indeling.eerste-stap .mandje{display:none}.uitleg{background:var(--merk-licht);border-radius:var(--straal-klein);color:var(--merk-donker);font-size:.925rem;padding:.85rem 1rem}.uitleg:empty{display:none}.uitleg>:first-child{margin-top:0}.uitleg>:last-child{margin-bottom:0}.uitleg img{height:auto;max-width:100%}.mandje h2{font-size:1.05rem;letter-spacing:-.01em;margin-bottom:.75rem}.mandje ul{display:grid;gap:.55rem;list-style:none;margin:0;padding:0}.mandje li{display:grid;font-size:.925rem;gap:.5rem;grid-template-columns:2rem minmax(0,1fr) auto}.mandje-aantal{color:var(--tekst-zacht);font-variant-numeric:tabular-nums}.mandje-bedrag{font-variant-numeric:tabular-nums;font-weight:500}.mandje li.mandje-leeg{color:var(--tekst-zacht);display:block}.mandje-totaal{align-items:baseline;border-top:1px solid var(--rand);display:flex;font-weight:600;justify-content:space-between;margin:.9rem 0 0;padding-top:.9rem}.mandje-totaal strong{color:var(--merk-donker);font-size:1.2rem;font-variant-numeric:tabular-nums;font-weight:700}@media(min-width:900px){.pagina.met-held{margin-top:-3.5rem}.kaart{padding:2rem}.stappen{margin-bottom:1.25rem;padding:1.1rem 1rem .95rem}.stappen li{font-size:.85rem}.indeling.met-zijkolom{align-items:start;gap:1.25rem;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto 1fr}.indeling.met-zijkolom .stap{grid-column:1;grid-row:1 / span 2}.indeling.met-zijkolom .uitleg{grid-column:2;grid-row:2}.indeling.met-zijkolom .mandje,.indeling.eerste-stap .mandje{display:block;grid-column:2;grid-row:1;padding:1.5rem}}.producten{display:grid;gap:.6rem;list-style:none;margin:0;padding:0}.product{align-items:center;border:1px solid var(--rand);border-radius:var(--straal-klein);display:grid;gap:.6rem .75rem;grid-template-areas:"tekst tekst" "prijs teller";grid-template-columns:1fr auto;padding:.85rem 1rem;transition:border-color .15s,background-color .15s}.product.gekozen{background:#f8f9fe;border-color:var(--merk)}.product-tekst{grid-area:tekst;min-width:0}.product-naam{font-weight:600}.product-omschrijving{color:var(--tekst-zacht);font-size:.875rem;margin:.1rem 0 0}.product-prijs{color:var(--tekst-zacht);font-variant-numeric:tabular-nums;grid-area:prijs}.teller{align-items:center;border:1px solid var(--rand-sterk);border-radius:999px;display:inline-flex;grid-area:teller;padding:2px}.teller-knop{align-items:center;background:var(--merk-licht);border:0;border-radius:50%;color:var(--merk);cursor:pointer;display:flex;font:inherit;font-size:1.2rem;font-weight:600;height:40px;justify-content:center;line-height:1;width:40px}.teller-knop:hover:not(:disabled){background:var(--merk);color:#fff}.teller-knop:disabled{background:transparent;color:var(--rand-sterk);cursor:not-allowed}.teller-getal{font-variant-numeric:tabular-nums;font-weight:600;min-width:2rem;text-align:center}.product-totaal{display:none}@media(min-width:640px){.product{grid-template-areas:"tekst prijs teller totaal";grid-template-columns:minmax(0,1fr) auto auto 4.75rem}.product-totaal{display:block;font-variant-numeric:tabular-nums;font-weight:600;grid-area:totaal;text-align:right}}.actiebalk{align-items:center;background:var(--vlak);border-top:1px solid var(--rand);bottom:0;display:flex;gap:.75rem;justify-content:space-between;margin:1rem -1.25rem -1.25rem;padding:.85rem 1.25rem;position:sticky;border-radius:0 0 var(--straal) var(--straal)}.actiebalk .knop{padding-inline:1rem;white-space:nowrap}.totaal{display:grid;font-size:.8rem;line-height:1.25;margin:0}.totaal span{color:var(--tekst-zacht)}.totaal strong{color:var(--merk-donker);font-size:1.2rem;font-variant-numeric:tabular-nums;font-weight:700}@media(min-width:900px){.actiebalk{border-top:0;margin:1rem 0 0;padding:0;position:static}.eerste-stap .actiebalk .totaal{visibility:hidden}}.veld{margin-bottom:1rem;min-width:0}.veld label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.3rem}input:not([type=checkbox],[type=radio]),select{background:var(--vlak);border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);color:var(--tekst);font:inherit;min-height:46px;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s;width:100%}input:not([type=checkbox],[type=radio]):hover,select:hover{border-color:#8f98b0}input::placeholder{color:#8a91a5}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{border-color:var(--merk);box-shadow:0 0 0 3px #62b5e573;outline:2px solid transparent}.kop a:focus-visible,.voet a:focus-visible{border-radius:4px;box-shadow:0 0 0 3px var(--accent)}.veld.fout input{border-color:var(--rood)}.foutmelding{color:var(--rood);font-size:.875rem;margin:.3rem 0 0}.foutmelding[role=alert]{margin-bottom:1rem}.veldrij{display:grid;gap:0 .85rem;grid-template-columns:1fr 1fr}.veldrij.paar{grid-template-columns:minmax(0,1fr)}.veldrij .veld:first-child:nth-last-child(3){grid-column:1 / -1}@media(min-width:560px){.veldrij.paar{grid-template-columns:1fr 1fr}.veldrij.adresrij{grid-template-columns:2fr 1.5fr 1fr}.veldrij .veld:first-child:nth-last-child(3){grid-column:auto}}.adres{align-items:center;background:var(--groen-licht);border-radius:var(--straal-klein);color:var(--groen);display:flex;font-size:.925rem;font-weight:600;gap:.5rem;margin:0 0 1rem;padding:.6rem .85rem}.adres svg{flex:none;height:1.05rem;stroke-width:2.5;width:1.05rem}.adres.zoeken{background:var(--achtergrond);color:var(--tekst-zacht);font-weight:500}.keuzes{display:grid;gap:.6rem;margin-bottom:1.25rem}.keuze{align-items:flex-start;border:1px solid var(--rand);border-radius:var(--straal-klein);cursor:pointer;display:flex;gap:.75rem;padding:.95rem 1rem;transition:border-color .15s,background-color .15s}.keuze:hover{border-color:var(--rand-sterk)}.keuze.gekozen{background:#f8f9fe;border-color:var(--merk);box-shadow:inset 0 0 0 1px var(--merk)}.keuze input{accent-color:var(--merk);flex:none;height:1.15rem;margin:.2rem 0 0;width:1.15rem}.keuze-tekst{display:block;min-width:0}.keuze-tekst strong{font-weight:600}.keuze-uitleg{color:var(--tekst-zacht);display:block;font-size:.9rem;margin-top:.25rem}.overzicht{border-collapse:collapse;margin-bottom:1.25rem;width:100%}.overzicht th,.overzicht td{border-bottom:1px solid var(--rand);padding:.7rem .25rem;text-align:left}.overzicht thead th{color:var(--tekst-zacht);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.overzicht tfoot th,.overzicht tfoot td{border-bottom:0;font-size:1.05rem;font-weight:600}.overzicht tfoot strong{color:var(--merk-donker);font-size:1.25rem;font-weight:700}.overzicht .midden{text-align:center}.overzicht .bedrag{font-variant-numeric:tabular-nums;text-align:right}.samenvatting{background:var(--achtergrond);border-radius:var(--straal-klein);display:grid;gap:1rem;margin:0 0 1.5rem;padding:1rem 1.1rem}.samenvatting dt{color:var(--tekst-zacht);font-size:.75rem;font-weight:600;letter-spacing:.04em;margin-bottom:.15rem;text-transform:uppercase}.samenvatting dd{font-size:.95rem;margin:0}@media(min-width:560px){.samenvatting{grid-template-columns:repeat(3,minmax(0,1fr))}}.vink{align-items:flex-start;cursor:pointer;display:flex;font-size:.95rem;gap:.65rem;margin-bottom:.75rem}.vink input{accent-color:var(--merk);flex:none;height:1.2rem;margin:.15rem 0 0;width:1.2rem}.waarschuwing{background:var(--oranje-licht);border-radius:var(--straal-klein);color:var(--oranje);margin-top:1rem;padding:1rem 1.1rem}.waarschuwing p{font-weight:500;margin:0}.knoppen{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;margin-top:1.5rem}.knop{background:var(--vlak);border:1px solid var(--rand-sterk);border-radius:var(--straal-klein);color:var(--merk-donker);cursor:pointer;font:inherit;font-weight:600;min-height:46px;padding:.5rem 1.25rem;transition:background-color .15s,border-color .15s}.knop:hover:not(:disabled){background:var(--merk-licht)}.knop.primair{background:var(--merk);border-color:var(--merk);color:#fff;padding-inline:1.5rem}.knop.primair:hover:not(:disabled){background:var(--merk-donker);border-color:var(--merk-donker)}.knop.primair:not(:disabled):after{content:"\2192";margin-left:.5rem}.waarschuwing .knop.primair:after{content:none}.knop:disabled{cursor:not-allowed;opacity:.45}.bedankt{padding:.5rem 0;text-align:center}.vinkje{align-items:center;background:var(--groen-licht);border-radius:50%;color:var(--groen);display:inline-flex;height:4.5rem;justify-content:center;margin-bottom:1rem;width:4.5rem}.vinkje svg{height:2.25rem;stroke-width:2.5;width:2.25rem}.bestelnummer{background:var(--achtergrond);border-radius:var(--straal-klein);color:var(--tekst-zacht);display:inline-flex;gap:.6rem;margin:.5rem 0 1.5rem;padding:.5rem 1rem}.bestelnummer strong{color:var(--merk-donker);font-variant-numeric:tabular-nums}.verborgen{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}.betaalblok{background:var(--merk-licht);border-radius:var(--straal-klein);margin-bottom:1.5rem;padding:1.1rem;text-align:left}.betaalblok h3{border-top:0;margin-top:0;padding-top:0}.betaalblok .inleiding{color:var(--tekst);font-size:.95rem;margin-bottom:.85rem}.betaalregels{background:var(--vlak);border-radius:var(--straal-klein);display:grid;margin:0}.betaalregels>div{align-items:center;border-bottom:1px solid var(--rand);display:grid;gap:0 .75rem;grid-template-areas:"label knop" "waarde knop";grid-template-columns:minmax(0,1fr) auto;padding:.6rem .75rem}.betaalregels>div:last-child{border-bottom:0}.betaalregels dt{color:var(--tekst-zacht);font-size:.8rem;grid-area:label}.betaalregels dd{font-variant-numeric:tabular-nums;font-weight:600;grid-area:waarde;margin:0;overflow-wrap:anywhere}.knop.kopieer{font-size:.875rem;grid-area:knop;min-height:40px;min-width:7.25rem;padding:.25rem .75rem}.betaalqr{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.betaalqr img{background:#fff;border-radius:var(--straal-klein);display:block;flex:none;height:180px;width:180px}.betaalqr>div{flex:1 1 14rem;min-width:0}.betaalqr p{margin:0 0 .6rem}.betaalqr .qr-melding{background:var(--oranje-licht);border-left:4px solid #d99a1c;border-radius:6px;color:var(--oranje);font-size:.9rem;font-weight:500;margin:0;padding:.6rem .75rem}.vervolg{border-top:1px solid var(--rand);display:grid;list-style:none;margin:0;padding:0;text-align:left}.vervolg li{border-bottom:1px solid var(--rand);display:grid;gap:.15rem;padding:.85rem 0}.vervolg li:last-child{border-bottom:0;padding-bottom:0}.vervolg span{color:var(--tekst-zacht);font-size:.95rem}.sponsoren{margin-top:3rem}.sponsoren h2{color:var(--tekst-zacht);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:1rem;text-align:center;text-transform:uppercase}.sponsoren ul{background:var(--rand);border:1px solid var(--rand);border-radius:var(--straal);display:grid;gap:1px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;overflow:hidden;padding:0}.sponsoren a{align-items:center;background:var(--vlak);display:flex;height:96px;justify-content:center;padding:1rem 1.25rem;transition:background-color .15s}.sponsoren a:hover{background:#fafbfe}.sponsoren a:focus-visible{box-shadow:inset 0 0 0 3px var(--accent)}.sponsoren img{max-height:100%;max-width:100%;object-fit:contain}@media(min-width:640px){.sponsoren ul{grid-template-columns:repeat(4,minmax(0,1fr))}}.voet{background:var(--merk-donker);color:#cdd5ef;font-size:.875rem}.voet-binnen{display:flex;flex-wrap:wrap;gap:.25rem 1rem;justify-content:space-between;padding-block:1.1rem}.voet a{color:#fff;text-decoration:none}.voet a:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
