[hidden]{display:none!important}@keyframes opkomst{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.btn{height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:Inter,sans-serif;font-size:18px}.btn--primary{border:none}.btn--secondary{padding:7px 1rem;border:1px solid #F5F0E6;border-radius:10rem;background-color:transparent;color:#f5f0e6;text-align:center;transition:.3s}.btn--secondary:hover{background-color:#f5f0e6;color:#000419}.btn--link{position:relative;height:auto;gap:.5rem;padding:.5rem 0;background-color:transparent;border:none;color:#f5f0e6;transition:.3s}.btn--link i{font-size:1rem}.btn--link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#ff5c45;transition:transform .3s}.btn--link:hover{color:#ff5c45;padding-bottom:.5rem}.btn--link:hover:after{transform:translateY(.25rem)}.btn--rood{border-color:#ff5c45;color:#ff5c45}.btn--rood:hover{background-color:#ff5c45;color:#f5f0e6}.nieuwsbrief{margin-top:0}.stap{margin-top:117.5px;animation:opkomst .4s both}.stap--personalisatie{min-height:calc(100vh - 117.5px);min-height:calc(100dvh - 117.5px);display:flex;flex-direction:column;justify-content:center;gap:2.5rem;padding-block:2.5rem}@media (width < 992px){.stap--personalisatie{padding-block:1.25rem;gap:1rem}}.stap--personalisatie h1{font-size:clamp(2rem,6vw,3rem)}@media (width < 992px){.stap--personalisatie h1{font-size:clamp(1.5rem,7vw,1.9rem);text-align:center}}.stap--personalisatie__inhoud{display:flex;align-items:center;justify-content:space-between;gap:3rem}@media (width < 992px){.stap--personalisatie__inhoud{flex-direction:column;justify-content:center;gap:1.25rem}}.stap--personalisatie__form{display:flex;flex-direction:column;gap:3rem}@media (width < 992px){.stap--personalisatie__form{gap:.9rem}}@media (576px <= width < 992px){.stap--personalisatie__form{width:30rem;max-width:100%}}@media (width < 576px){.stap--personalisatie__form{width:100%}}@media (width < 992px){.stap--personalisatie__form .form-veld{gap:.35rem}}@media (width < 992px){.stap--personalisatie__form .form-veld input,.stap--personalisatie__form .form-veld select{padding:.5rem 1rem}}.stap--personalisatie__form>button{width:min-content}@media (width < 992px){.stap--personalisatie__form>button{width:100%}}.stap--personalisatie__form input#aantal{width:5rem}.stap--personalisatie__naam{display:flex;gap:1.5rem}@media (width < 1200px){.stap--personalisatie__naam{flex-direction:column}}@media (width < 992px){.stap--personalisatie__naam{gap:.9rem}}.stap--personalisatie__naam>div{width:100%}.stap--bezorging{min-height:calc(100vh - 117.5px);max-width:35rem;margin-inline:auto;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.stap--bezorging h2{margin-bottom:1rem}.stap--bezorging__rij{display:flex;gap:1.5rem}@media (width < 576px){.stap--bezorging__rij{flex-direction:column}}.stap--bezorging__rij>div{width:100%}.stap--bezorging__acties{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.stap--bevestiging{min-height:calc(100vh - 117.5px);max-width:35rem;margin-inline:auto;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.stap--bevestiging h2{margin-bottom:1rem}.stap--bevestiging__acties{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}@media (width < 576px){.stap--bevestiging__acties{flex-direction:column-reverse}.stap--bevestiging__acties .btn{width:100%}}.form-veld{display:flex;flex-direction:column;gap:1rem}.form-veld label{color:#a6a6a6}.form-veld input,.form-veld select{height:auto;padding:.65rem 1.1rem;border-radius:2rem;border:none;background-color:#f5f0e6;color:#000419;font-family:Inter,sans-serif;transition:.3s}.form-veld input:focus,.form-veld select:focus{outline:none;box-shadow:0 0 0 3px #5c7cff40}.form-fout{display:block;margin-top:.25rem;color:#ff4136;font-size:.85rem}.overzicht{background-color:#080425;border:3px solid #2B2435;border-radius:2rem;padding:2rem;box-shadow:0 1rem 2.5rem #00000059;display:flex;flex-direction:column;gap:1rem}.overzicht p{display:flex;justify-content:space-between;gap:1rem;color:#a6a6a6}.overzicht p span{color:#f5f0e6}@media (width < 480px){.overzicht p:not(.overzicht__adres){justify-content:flex-start;gap:.25rem}}@media (width < 480px){.overzicht .overzicht__stapel{flex-direction:column}}.overzicht .overzicht__adres>span{text-align:right}.overzicht .overzicht__adres>span span:first-child:after{content:", "}@media (width < 576px){.overzicht .overzicht__adres>span{display:flex;flex-direction:column}.overzicht .overzicht__adres>span span:first-child:after{content:none}}@media (width < 480px){.overzicht .overzicht__adres{flex-direction:column;gap:.25rem}.overzicht .overzicht__adres>span{text-align:left}}.overzicht p:last-child{margin-top:1rem;padding-top:1rem;border-top:3px solid #2B2435;font-family:Bricolage Grotesque,sans-serif;font-size:1.5rem;color:#ff5c45}.overzicht p:last-child span{color:#ff5c45}.fysieke-kaart label{display:flex;align-items:center;gap:.5rem;font-size:18px;color:#f5f0e6;cursor:pointer}@media (width < 576px){.fysieke-kaart label{font-size:16.5px}}.fysieke-kaart input{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;width:1.1rem;height:1.1rem;border:1px solid #F5F0E6;border-radius:.3rem;background-color:transparent;cursor:pointer;transition:.3s}.fysieke-kaart input:hover{border-color:#ff5c45}.fysieke-kaart input:checked{border-color:transparent;background-color:#ff5c45}.fysieke-kaart input:checked:hover{background-color:#b84736}.kleurkeuze legend{margin-bottom:1rem}@media (width < 992px){.kleurkeuze legend{margin-bottom:.5rem}}.kleur-cirkel{display:inline-block;cursor:pointer}.kleur-cirkel+.kleur-cirkel{margin-left:1rem}.kleur-cirkel input{position:absolute;opacity:0;pointer-events:none}.kleur-cirkel__swatch{display:block;width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--kleur);transition:.3s}@media (width < 992px){.kleur-cirkel__swatch{width:2rem;height:2rem}}.kleur-cirkel:hover .kleur-cirkel__swatch{transform:scale(1.15)}.kleur-cirkel:has(input:checked) .kleur-cirkel__swatch{outline:3px solid #F5F0E6;outline-offset:3px}@media (width < 992px){.pas-preview{width:100%;display:flex;justify-content:center}}.pas{width:30rem;max-width:100%;min-height:20rem;border-radius:2rem;padding:2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;box-shadow:0 1.5rem 3rem #00000073}@media (width < 992px){.pas{min-height:16rem;padding:1.5rem;border-radius:1.5rem}}@media (width < 576px){.pas{width:100%;min-height:12rem;padding:1.25rem;border-radius:1.25rem}}.pas__logo{height:clamp(3.25rem,11vw,6rem)}.pas__body{display:flex;flex-direction:column;gap:clamp(1rem,3vw,2rem)}.pas__naam{font-size:clamp(1.5rem,7vw,2.5rem);font-weight:500;overflow-wrap:anywhere}.pas--blauw{background:linear-gradient(180deg,#1434c2,#0f227a)}.pas--oranje{background:linear-gradient(180deg,#ff5c45,#7a2719)}.pas--wit{background:linear-gradient(180deg,#f5f0e6,#e0d8c6);color:#000419}.login{margin-top:117.5px;min-height:calc(100vh - 117.5px);max-width:28rem;margin-inline:auto;padding-inline:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;text-align:center}.login h1{font-size:clamp(1.75rem,5vw,2.5rem)}.login>*{animation:opkomst .5s both}.login form{display:flex;flex-direction:column;gap:1.5rem;background-color:#080425;border:3px solid #2B2435;border-radius:2rem;padding:2rem;box-shadow:0 1rem 2.5rem #00000059;text-align:left}.dashboard{margin-top:117.5px;padding-block:3rem;display:flex;flex-direction:column;gap:2rem}.dashboard h1{font-size:clamp(2rem,5vw,3rem)}.dashboard__scheiding{width:100%;margin:0;border:none;border-top:1px solid #2B2435}.dashboard>.btn{align-self:center}@media (width < 768px){.dashboard>form{display:flex;justify-content:center;margin-top:1.5rem}}.dashboard>*:not(.modal){animation:opkomst .5s both}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (width < 992px){.dashboard-stats{grid-template-columns:1fr}}.stat{background-color:#080425;border:3px solid #2B2435;border-radius:1.5rem;padding:1.5rem;text-align:center;box-shadow:0 .75rem 2rem #00000059;transition:.3s;display:flex;flex-direction:column;gap:.75rem}.stat:hover{transform:translateY(-4px);border-color:#5c7cff}.stat__label{color:#a6a6a6;text-transform:uppercase;font-size:.85rem}.stat__waarde{font-family:Bricolage Grotesque,sans-serif;font-size:2.75rem;font-weight:500;color:#5c7cff}@media (width < 1200px){.stat__waarde{font-size:2.25rem}}.design-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (width < 992px){.design-stats{grid-template-columns:1fr}}.design-stat{background-color:#080425;border:3px solid #2B2435;border-radius:1.5rem;padding:1.25rem 1.5rem;box-shadow:0 .75rem 2rem #00000059;transition:.3s;display:flex;align-items:center;gap:1rem}.design-stat:hover{transform:translateY(-4px);border-color:#5c7cff}.design-stat__swatch{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background-color:var(--kleur)}.design-stat__naam{font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem}.design-stat__waarde{margin-left:auto;font-family:Bricolage Grotesque,sans-serif;font-weight:500;color:#5c7cff}.tabel-wrap{overflow-x:auto}@media (width < 992px){.tabel-wrap{overflow:visible}}.boekingen-tabel{width:100%;border-collapse:collapse;white-space:nowrap}.boekingen-tabel th,.boekingen-tabel td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid #2B2435}.boekingen-tabel thead th{color:#a6a6a6;text-transform:uppercase;font-size:.8rem}.boekingen-tabel tbody tr{animation:opkomst .3s}.boekingen-tabel tbody tr:hover{background-color:#080425}.boekingen-tabel th:last-child{text-align:right}.boekingen-tabel td:last-child{display:flex;justify-content:flex-end;gap:.5rem;align-items:center}.boekingen-tabel form{margin:0}@media (width < 1200px){.boekingen-tabel{font-size:.9rem}}@media (width < 992px){.boekingen-tabel{white-space:normal}.boekingen-tabel thead{display:none}.boekingen-tabel tbody{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (width < 992px) and (width < 768px){.boekingen-tabel tbody{grid-template-columns:1fr}}@media (width < 992px){.boekingen-tabel tr{display:flex;flex-direction:column;gap:.85rem;background-color:#080425;border:3px solid #2B2435;border-radius:1.5rem;padding:1.5rem;box-shadow:0 .75rem 2rem #00000059;transition:.3s}.boekingen-tabel tbody tr:hover{background-color:#080425;border-color:#5c7cff;transform:translateY(-4px)}.boekingen-tabel td{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0;border-bottom:none}.boekingen-tabel td:before{content:attr(data-label);color:#a6a6a6;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.boekingen-tabel td:last-child{margin-top:.25rem;padding-top:.85rem;border-top:1px solid #2B2435;justify-content:center}.boekingen-tabel td:last-child:before{content:none}}.actie-knop{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid #2B2435;background-color:transparent;color:#f5f0e6;font-size:1.1rem;cursor:pointer;transition:.3s}.actie-knop:hover{border-color:#5c7cff;color:#5c7cff}.actie-knop--verwijder:hover{border-color:#ff5c45;color:#ff5c45}.bewerken{margin-top:117.5px;padding-block:3rem;padding-inline:1.5rem;max-width:40rem;margin-inline:auto;animation:opkomst .5s both}.bewerken h1{margin-bottom:1.5rem;font-size:clamp(1.75rem,5vw,2.5rem)}.bewerken form{display:flex;flex-direction:column;gap:1.5rem}.bewerken__acties{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:opkomst .2s ease}.modal__box{background-color:#080425;border:3px solid #2B2435;border-radius:1.5rem;padding:2rem;max-width:28rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 1.5rem 4rem #0000008c}.modal__titel{font-family:Bricolage Grotesque,sans-serif;font-size:1.5rem;font-weight:500}.modal__acties{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.modal__acties .btn{flex:1 1 100%}@media (width > 576px){.modal__acties .btn{flex:1 1 0}}.modal__acties .btn--primary{padding-right:1rem}.modal__acties .btn--primary:after{content:none}.bevestiging-pagina{margin-top:117.5px;min-height:calc(100vh - 117.5px);padding-block:3rem;padding-inline:1.5rem;max-width:40rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center}.bevestiging-pagina h1{font-size:clamp(2rem,6vw,3rem)}.bevestiging-pagina__kop{display:flex;flex-direction:column;align-items:center;gap:1rem}.bevestiging-pagina__kop p{color:#a6a6a6;max-width:28rem}.bevestiging-pagina>*{animation:opkomst .6s both}.bevestiging-pagina>*:nth-child(2){animation-delay:.1s}.bevestiging-pagina>*:nth-child(3){animation-delay:.2s}.bevestiging-pagina>*:nth-child(4){animation-delay:.3s}.bevestiging-badge{display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:50%;color:#ff5c45;background-color:#080425;border:3px solid #2B2435;box-shadow:0 1rem 2.5rem #00000059;animation:badge-pop .5s .15s both}.bevestiging-badge path{stroke-dasharray:24;stroke-dashoffset:24;animation:check-teken .4s .5s forwards ease}@keyframes badge-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes check-teken{to{stroke-dashoffset:0}}.boeking-detail{margin-top:117.5px;padding-block:3rem;padding-inline:1.5rem;max-width:40rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:opkomst .5s both}.boeking-detail h1{font-size:clamp(1.75rem,5vw,2.5rem)}.boeking-detail__acties{display:flex;flex-wrap:wrap;gap:1rem}@media (width < 576px){.boeking-detail__acties{flex-direction:column;align-self:stretch}.boeking-detail__acties .btn{width:100%}}.overzicht-lijst{width:100%;list-style:none;margin:0;padding:2rem;background-color:#080425;border:3px solid #2B2435;border-radius:2rem;box-shadow:0 1rem 2.5rem #00000059;display:flex;flex-direction:column;gap:.75rem;text-align:left}.overzicht-lijst li{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid #2B2435}@media (width < 480px){.overzicht-lijst li{flex-direction:column;gap:.25rem}}.overzicht-lijst li:last-child{padding-bottom:0;border-bottom:none}.overzicht-lijst li:has(+.overzicht-lijst__totaal){padding-bottom:0;border-bottom:none}.overzicht-lijst li>span:first-child{color:#a6a6a6}.overzicht-lijst__adres>span:last-child{text-align:right}.overzicht-lijst__adres>span:last-child span:first-child:after{content:", "}@media (width < 576px){.overzicht-lijst__adres>span:last-child{display:flex;flex-direction:column}.overzicht-lijst__adres>span:last-child span:first-child:after{content:none}}@media (width < 480px){.overzicht-lijst__adres>span:last-child{text-align:left}}.overzicht-lijst__totaal{padding-top:1.25rem;border-top:3px solid #2B2435;font-family:Bricolage Grotesque,sans-serif;font-size:1.35rem}.overzicht-lijst__totaal span:last-child{color:#ff5c45}.foutpagina{margin-top:117.5px;min-height:calc(100vh - 117.5px);padding-inline:1.5rem;padding-bottom:4rem;max-width:40rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.foutpagina>*{animation:opkomst .5s both}.foutpagina h1{font-size:clamp(1.75rem,5vw,2.5rem)}.foutpagina__code{font-family:Bricolage Grotesque,sans-serif;font-size:clamp(5rem,20vw,9rem);font-weight:800;line-height:1;color:#5c7cff}.foutpagina__tekst{color:#a6a6a6;max-width:30rem}.foutpagina__acties{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem}