:host { --enviso-primary-color: #000; --enviso-secondary-color: #000; --enviso-tertiary-color: #000; box-shadow: none !important; } /*niet tonen van het winkelmandje indien leeg*/ .enviso-btn.icon-left.icon-only enviso-icon[name="shopping-cart"] { display: none; } /* Overview */ .enviso-ticket-widget-offers{ margin-top: 3.5rem; }.enviso-error{ font-weight: 500; }.enviso-txt-error-message p{ font-weight: 500; }.enviso-description{ font-style: normal; color: #000; }.enviso-validation-error{ font-weight: 500; }.enviso-ticket-widget-offer-back-link{ margin-top: 10px; }:host(.enviso-ticket-widget-offer-back-link) .enviso-btn { display: flex; align-items: center; font-size: 16px; gap: 8px; font-family: var(--font-heading); }:host(.enviso-ticket-widget-offer-back-link) .enviso-btn enviso-icon { transition: transform .3s ease; }:host(.enviso-ticket-widget-offer-back-link) .enviso-btn:hover enviso-icon { transform: translateX(-6px); }.enviso-btn { display: block; width: 100%; height: 100%; border: none; color: inherit; font-family: inherit; font-weight: 500; line-height: 1; font-size: 1.2em; background-color: transparent; cursor: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 1em; color: #000; margin: 0; }:host([data-testid="enviso-offer-card-info-button"]) .enviso-btn, :host([data-testid="enviso-offer-card-purchase-button"]) .enviso-btn { text-align: left; font-size: 16px; padding: 6px 24px 10px 24px; background-color: #f6f6f6; display: flex; align-items: center; justify-content: flex-start; gap: 8px; }:host([data-testid="enviso-offer-card-info-button"]) .enviso-btn::after, :host([data-testid="enviso-offer-card-purchase-button"]) .enviso-btn::after { content: ""; width: 20px; height: 20px; display: inline-block; flex: 0 0 20px; background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon fill='%23000' points='10.1 4 7.5 4 14.7 12 7.5 20 10.1 20 17.3 12 10.1 4'/%3E%3C/svg%3E") no-repeat center / contain; transition: transform .3s ease; }:host([data-testid="enviso-offer-card-info-button"]) .enviso-btn:hover::after, :host([data-testid="enviso-offer-card-purchase-button"]) .enviso-btn:hover::after { transform: translateX(6px); }.enviso-btn.icon-only { margin-top: 2px; padding: 0; color: #000; }.btnPreviousStep{ padding-left: 0; margin-left: -10px; }.enviso-btn.icon-only:hover { opacity: 0.5 }:host([primary]) .enviso-btn { font-size: 16px; padding: 10px 24px; height: 48px; background-color: #f6f6f6; color: #000; border: 2px solid #000; background-color: #fff; border-radius: 0px !important; font-family: var(--font-heading); }#enviso-filter-date-clear::part(label) { font-size: 16px; }#enviso-filter-date-clear, #enviso-filter-date-popup-close{ font-size: 12px; padding: 10px 24px; height: 48px; max-width: 19.5em; width: 100%; background-color: #f6f6f6; color: #000; border: 2px solid #000; font-family: var(--font-heading); background-color: #fff; border-radius: 0px !important; }.enviso-filters-mobile-header{ text-align: left; font-weight: 700; margin-left: 1.25rem; text-transform: uppercase; font-family: var(--font-heading); font-size: 24px; margin-bottom: 0px; margin-top: 30px; line-height: 28px; }.enviso-filters-mobile{ margin: 3rem auto; width: calc(100% - 2.5rem); } .mobile-filter-apply-button{ margin: 2rem auto 12rem auto; width: calc(100% - 2.5rem); font-family: var(--font-heading); height: 48px; max-width: none; }.mobile-filter-apply-button::after{ content: none; }#enviso-filter-date-clear:hover { background-color: #f6f6f6; color: #fff !important; }:host([primary]) .enviso-btn:hover { background-color: #000; color: #fff; }.enviso-btn:hover { color: #000; }.enviso-filter-button{ width: 25% !important; }.enviso-flex-wrapper{ border: 1px solid #000 !important; }.enviso-filter-button:last-of-type{ border-radius: 0px; }nav.enviso-offer-actions { display: flex; flex-direction: column; flex-wrap: nowrap; border-top: none; padding-bottom: 12px; }.enviso-offer-actions{ background-color: #f6f6f6; }nav.enviso-offer-actions>enviso-button+enviso-button { border-left: 0px solid #000; text-align: left !important; background-color: #fff; }header.enviso-offer-name { padding: 24px 24px 12px 24px !important; margin: 0px !important; }.enviso-upsell-offer-card header.enviso-offer-name { padding: 16px !important; }.enviso-header{ margin-bottom: 20px; display: flex; flex-direction: row; }.enviso-offers.compact > enviso-offer-card{ width: 100%; max-width: none; }@media screen and (max-width: 992px) { .enviso-header { flex-direction: column; }.enviso-filter-button{ width: 100% !important; } }header.enviso-offer-name>span { font-weight: bold; font-size: 1.5em; line-height: 24px; text-transform: uppercase; font-family: var(--font-heading); color: var(--enviso-primary-color, #000); }.enviso-offer-picture{ aspect-ratio: 685/494 !important; }span.enviso-offer-picture{ border-radius: 0px; }.enviso-offer-info{ background-color: #f6f6f6; }.offer-specifications > .offer-details > .enviso-offer > .enviso-title { font-weight: bold; font-size: 1.5em; line-height: 24px; text-transform: uppercase; color: var(--enviso-primary-color, #000); }.offer-details { display: flex; flex-direction: none; align-items: center; gap: 24px; }@media screen and (max-width: 992px) { .offer-details { justify-content: start; } }/* Headers, filters and titles */enviso-notice{ border-radius: 0px; background-color: #ffdf3c; }.enviso-notice-wrapper:after{ background: #ffdf3c; }.enviso-notice-content{ font-weight: 500; }span.title { font-size: 1.2em; font-weight: 700; margin: 16px 0; display: block; text-align: center; color: #fff; left: 2%; position: relative; }/* dialog */.enviso-dialog-backdrop-fullpage{ background-color: rgba(0,0,0,0.6); }.enviso-dialog-top-navigation > enviso-button{ background-color: #fff; margin: 16px; }.enviso-dialog-box > nav.enviso-dialog-top-navigation > enviso-button{ padding-top: 5px; }.enviso-dialog-picture { height: 20rem; }.enviso-dialog-content{ padding: 32px 32px 40px 32px; }.enviso-offer-meta-element > enviso-icon{ margin-top: -1.5px; }.enviso-offer-header{ margin-bottom: 0px; }.enviso-offer-description{ margin-bottom: 24px; font-size: 16px; color: #000; }.enviso-offer-detail-wrapper > .enviso-offer-header > .enviso-offer-name{ font-weight: 700; text-transform: uppercase; font-size: 24px; margin-bottom: 0px; line-height: 28px; font-family: var(--font-heading); }/* Ticket selection */ :host enviso-ticket-item { background-color: rgba(0,0,0,0); border-bottom: 1px solid #000; border-left: 0px; border-top: 1px solid #000; border-radius: 0px; }.enviso-ticket-flow-bottom-buttons{ margin-top: 40px; }.enviso-ticket-item-wrapper{ align-items: center; }.enviso-ticket-item-wrapper > .enviso-info{ padding: 0px; display: flex; }.enviso-ticket-item-wrapper > .enviso-info > .enviso-name{ text-transform: uppercase; font-size: 18px; font-family: var(--font-heading); }.enviso-price-full{ font-weight: 400 !important; font-size: 16px !important; color: #000; }.enviso-price{ margin-top: 0px; }.offer-image { height: 10rem; flex-basis: auto; width: 10rem; }.offer-image > .picture{ border-radius: 0px; height: 10rem; width: 10rem; }.offer-info{ margin: 0px 0px; }.offer-info > .enviso-title{ font-weight: 700; text-transform: uppercase; font-family: var(--font-heading); font-size: 18px; margin-bottom: 0px; line-height: 28px; }.offer-info > p{ margin: 4px 0px; color: #000; }.enviso-ticket-widget-offer-name{ margin-top: 56px; font-family: var(--font-heading); }.enviso-ticket-widget-offer-name > span{ font-weight: 700; font-family: var(--font-heading); text-transform: uppercase; font-size: 24px; margin-bottom: 0px; line-height: 28px; }.enviso-filter-content > .enviso-btn { background-color: #000 !important; }.enviso-filter-button { border: black 1px solid; border-radius: none; } .enviso-filter-name{ color: #000; text-transform: uppercase; font-weight: 600 !important; }.enviso-filter-placeholder{ margin-top: 2px !important; color: #000; }.enviso-filter-value{ margin-top: 2px !important; color: #000; }.enviso-tickets { margin-right: 0; grid-template-columns: 50% 50%; gap: 0.5em; }.enviso-nud-wrapper.vertical { flex-direction: row; height: 48px; width: 150px; justify-content: space-around; background-color: #fff; border: 2px solid rgba(0,0,0,1); position: relative; top: 0px; right: 0px; }@media screen and (max-width: 992px) { [slot="enviso-header-actions"]{ display: none; }.enviso-amount .enviso-nud-wrapper.vertical { right: 0px; }.enviso-nud-wrapper.vertical { width: 110px; } }#enviso-value { color: #000; }.mobile-enviso-filter-button{ margin: 0px; width: 100%; max-width: none; border: 1px solid black !important; border-radius: 0px !important; font-size: 16px !important; height: 48px !important; }.enviso-ticket-widget-offers-header{ font-weight: 500; text-align: left; font-size: 20px; line-height: 25px; margin-top: 10px; }@media screen and (max-width: 992px) { .enviso-ticket-widget-offers-header{ font-size: 24px; line-height: 28px; } }.mobileHeader .enviso-ticket-widget-offers-header{ margin: 10px 0 0 0; }.enviso-btn icon-left icon-only { color #fff; } .enviso-amount { border-left: 0px solid #e00e0e; margin-right: 100px; } /* steps */.enviso-steps-header-progress { width: 100%; max-width: 850px; height: 2px; background-color: #e7e7e7; margin-bottom: 2em; } .enviso-steps-header-progress .enviso-steps-header-progress-bar { background-color: #000; }enviso-steps-header-label{ font-family: var(--font-heading); }.enviso-steps-header.active { color: #000; } .enviso-name { color: #000; }.enviso-title { color: #000; margin-bottom: 0px; text-transform: uppercase; font-family: var(--font-heading); } /* Calendar *//* let the disabled dates have strips and a background-color */ .enviso-day.enviso-disabled { cursor: default; pointer-events: none; background: #D7D7D7; border: 2px solid #000 !important; color: #5D5D5D !important; } .enviso-dates .enviso-day{ border: 2px solid #000; }.enviso-dates .enviso-day:hover{ background-color: #000; color: #fff; }.enviso-dates .enviso-day.enviso-range-start{ background-color: #000; color: #fff; outline: 0px; }.enviso-dates .enviso-day.enviso-selected{ background-color: #000; color: #fff; outline: 0px; }.enviso-btn.icon-left enviso-icon.left svg { transition: transform .3s ease; }.enviso-btn.icon-left:hover enviso-icon.left svg { transform: translateX(-6px); }.enviso-dates .enviso-day.enviso-range-end{ background-color: #000; color: #fff; outline: 0px; }/* let the old price be red and the new price be green */ .enviso-original-price-per-day { font-size: 9px; font-weight: 400; text-decoration: line-through; color: red; } .enviso-price-per-day { font-size: 11px; font-weight: 400; color: green; }.enviso-timeslot-original-price { color: red; text-decoration-line: line-through; }.enviso-timeslot-description{ margin-top: 10px; }.enviso-timeslot-info{ font-weight: 600; }.enviso-time-selection-step-header-description{ font-style: normal; color: #000; }enviso-dropdown-button-container enviso-calendar{ border-radius: 0px; margin-top: 16px; width: 345px; }.enviso-date-value[name='day']{ border-radius: 0px; }.enviso-date-value[name='month']{ border-radius: 0px; }.enviso-date-value[name='year']{ border-radius: 0px; }.enviso-filters-large #enviso-filter-date{ min-width: 345px; }.enviso-middle{ font-family: var(--font-heading); }.enviso-month-text{ padding: 0px; }.enviso-cross-sell__title{ font-weight: 700 !important; text-transform: uppercase; text-align: left; font-size: 28px !important; line-height: 32px; margin-top: 44px !important; }@media screen and (max-width: 992px) { .enviso-cross-sell-timeslots-container{ margin: 0px; } }.enviso-week > .enviso-header{ display: table-cell !important; }.enviso-header > abbr{ font-weight: 500; }.enviso-timeslot-button{ border-radius: 0px; border: solid 1px #000; height: 48px; border: 2px solid #000; }.enviso-timeslot-button:hover{ background-color: #000; color: #fff; }:host([selected]) .enviso-timeslot-button{ background-color: #000 !important; opacity: 1 !important; color: #fff; }.enviso-day.enviso-disabled { color: #000; }.enviso-day::before { position: absolute; width: 100%; height: 100%; background: linear-gradient(0deg, transparent, transparent 30%,#e00e0e); transition: all 0.1s ease; opacity: 0; }/* Basket */.enviso-basket-header{ margin-bottom: 0px !important; text-transform: uppercase; font-family: var(--font-heading); }.enviso-basket-item-remove{ scale: 0.9; }.enviso-basket-header-description{ font-style: normal; color: #000; }.enviso-basket-item-entry-description-name{ text-transform: uppercase; hyphens: auto; font-weight: 700; font-size: 20px; font-family: var(--font-heading); }@media screen and (max-width: 992px) { .enviso-basket-item-entry-description-name{ font-size: 16px; } }.enviso-basket-item-description { background-color: rgba(0,0,0,0); border: none; gap: 24px; margin-top: 0px; padding: 0.5rem 0; }.enviso-basket-button-items-amount{ background-color: #ffdf3c; color: #000 } .enviso-basket-item { border-bottom: 1px solid black; margin: 12px 0px; padding: 0.5rem 0; }.enviso-basket-item-entry { border: none; margin-bottom: 22px; padding: 0.5rem 0; }.enviso-basket-footer { background-color: rgba(0,0,0,0); border: none; font-weight: bold; margin-top: 40px; padding: 0px; }.enviso-basket-item-description-extra{ color: #000; }:host(.btnPreviousStep) .enviso-btn { display: flex; align-items: center; font-size: 16px; gap: 8px; margin-top: 0px; }:host(.btnPreviousStep) .enviso-btn > enviso-icon.left { display: none; }enviso-icon.right { transform: translateX(-1px); }:host(.btnPreviousStep) .enviso-btn::before { content: ""; width: 20px; height: 20px; display: inline-block; flex: 0 0 20px; background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon fill='%23000' points='13.9 4 16.5 4 9.3 12 16.5 20 13.9 20 6.7 12 13.9 4'/%3E%3C/svg%3E") no-repeat center / contain; transition: transform .3s ease; }:host(.btnPreviousStep) .enviso-btn:hover::before { transform: translateX(-6px); }.enviso-basket-offer-description-amount{ font-weight: 700; text-transform: uppercase; hyphens: auto; font-size: 24px; margin-bottom: 0px; line-height: 28px; color: #000; font-family: var(--font-heading); }@media screen and (max-width: 992px) { .enviso-basket-offer-description-amount{ font-size: 20px; line-height: 24px; } }.enviso-discount-open{ margin-top: 10px; }.enviso-discount-open>input { margin-right: .5em; max-width: 14em; padding-left: 16px; border: 1px solid #000; height: 44px; background-color: #fff; color: #000; }input:focus-visible { outline: 2px solid transparent; border: 1px solid black; border-radius: 0px; }.enviso-discount-open > * { margin-top: 0px; }.enviso-nud-wrapper.horizontal { flex-direction: row; height: 50px; width: 150px; justify-content: space-around; background-color: #fff; position: relative; top: 15%; right:0px; } :host([layout=horizontal]) .enviso-nud-wrapper.bordered, :not(:host([layout=horizontal])) .enviso-nud-wrapper.bordered #enviso-value { border: 2px solid #000; border-radius: 0px; font-weight: bold; margin-top: -9px; }:host([layout=horizontal]) .enviso-nud-wrapper.bordered #enviso-value { border-left: 0px solid #000; border-right: 0px solid #000; }.enviso-basket-item-entry-quantity { font-size: 1em; }.enviso-basket-offer-image{ height: 10rem; width: 10rem; object-fit: cover; }@media screen and (max-width: 992px) { .enviso-basket-offer-image{ height: 6rem; width: 6rem; }.enviso-basket-item-entry-price{ min-width: 4.5rem; }.enviso-basket-item-description{ align-items: start; } }.enviso-txt-value{ border-radius: 0px; }.enviso-txt-value:focus{ outline: 0px; box-shadow: 0 0 #000; border: 2px solid black; }.enviso-textarea-value{ border-radius: 0px; border: 1px solid black; max-width: 40rem; }.enviso-textarea-value:focus{ outline: 0px; box-shadow: 0 0 #000; border: 2px solid black; }.enviso-select-value{ border-radius: 0px; border: 1px solid black; max-width: 40rem; }.enviso-select-value:focus{ outline: 0px; box-shadow: 0 0 #000; border: 2px solid black; }.enviso-txt-info{ color: #000; font-weight: 400; }.enviso-txt-label{ color: #000; margin-bottom: 4px; }.enviso-select-info{ color: #000; font-weight: 400; }.enviso-textarea-label{ color: #000; }:host enviso-textbox, :host enviso-textarea{ max-width: 40rem; }#country-select > enviso-flag{ margin-left: -4.5rem }/* Pay */.adyen-checkout__input-wrapper{ border-radius: 0px; border: 1px solid #000; }.adyen-checkout__payment-method{ border-radius: 0px; }.enviso-final-amount{ margin-top: 16px; }.adyen-checkout__button.adyen-checkout__button--pay{ border-radius: 0px; background-color: #ffdf3c; color: #000; font-weight: 500; font-family: var(--font-heading); }.adyen-checkout__button--pay:hover{ background-color: #000; box-shadow: 0 0 #000; }.adyen-checkout__button--pay:hover .adyen-checkout__button__text { color: #fff; }.enviso-additional-payment-method{ border-radius: 0px !important; }[data-testid="enviso-paylater-reserve-payment-button"]{ border-radius: 0px; background-color: #ffdf3c; color: #000; font-weight: 500; font-family: var(--font-heading); }[data-testid="enviso-paylater-reserve-payment-button"] .adyen-checkout__button__text { color: #fff; }button[data-testid="enviso-paylater-reserve-payment-button"]:hover { background-color: #000; box-shadow: 0 0 #000; }button[data-testid="enviso-paylater-reserve-payment-button"]:hover span { color: #fff; }.adyen-checkout__button__icon{ display: none; }/* Order complete */enviso-ticket-order-complete-step{ text-align: left; }.enviso-rest-error{ text-align: left; }.enviso-error-page { text-align: left; }.enviso-rest-error > header { font-weight: 700; text-transform: uppercase; font-size: 24px; margin-bottom: 0px; line-height: 28px; color: #000; }.enviso-oc-title{ font-weight: 700; text-transform: uppercase; font-size: 24px; margin-bottom: 0px; line-height: 28px; color: #000; }.enviso-ticket-image{ text-align: left; } :host { width: 100%; margin-left: 0%; max-width: 1920px; margin: 0 auto; background-color: 000; padding: 5%; }Tickets | De Pont Museum
Tickets

Tickets