Enviso Test Single Ticket

Ga naar belangrijkste inhoud

:host { --enviso-primary-color: var(--white); --enviso-secondary-color: var(--nature); } nav { width: fit-content; } .enviso-rest-error { color: var(--white); font-weight: 500; } .enviso-dialog-box>nav.enviso-dialog-top-navigation.no-image { // popup button height: upset; transform: translate(-1rem, 2rem); } .enviso-dialog-header { padding: 2rem; grid-area: 1 / 2 / 2 / 3; background: var(--white); padding-top: 4rem; z-index: 12; } .enviso-dialog-header + enviso-ticket-flow .enviso-step-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) } enviso-loader { color: var(--white); } .enviso-selection-timeslot{ display: none; } .enviso-ticket-widget-offer-back-link { color: var(--white); } enviso-button { border-radius: 9999px; width: fit-content; } .enviso-ticket-widget-offers-header { font-weight: 900; --after-text: var(--header-offers-overview-text); } .enviso-ticket-widget-offers-header::after { --after-text: var(--header-offers-overview-text); content: var(--after-text); display: block; font-size: var(--body-text); line-height: var(--body-text-line-height); font-weight: 500; } .enviso-day { color: var(--black); font-weight: 600; padding-top: 0.25rem; } .enviso-dates .enviso-day.enviso-disabled { border: 4px solid var(--white); border-radius: 0.75rem; } .enviso-dates .enviso-day.enviso-disabled.enviso-busy-indication::after { display: none; } .enviso-day.enviso-disabled { color: #909090; font-weight: 500; } .enviso-day.enviso-selected .enviso-price-per-day { color: var(--white); } .enviso-price-per-day { color: #6f6f6f; font-weight: 500; margin: 0; } .enviso-price-indication::before { content: ""; display: block; margin: 0 15% 0.2rem 15%; height: 5px; border-radius: 10px; } .enviso-price-indication--high::before { background-color: var(--blue); } .enviso-price-indication--mid::before { background-color: var(--green); } .enviso-price-indication--low::before { background-color: var(--orange); } .enviso-busy-indication::after { display: block; margin: 0 auto 0.25rem auto; height: auto; } .enviso-busy-indication--quiet::after { content: ''; width: 10px; height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/images/busy_level/quiet.svg'); } .enviso-day.enviso-selected.enviso-busy-indication--quiet::after { background-image: url('/images/busy_level/quiet_selected.svg'); } .enviso-busy-indication--lively::after { content: ''; width: 14px; height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/images/busy_level/lively.svg'); } .enviso-day.enviso-selected.enviso-busy-indication--lively::after { background-image: url('/images/busy_level/lively_selected.svg'); } .enviso-busy-indication--busy::after { content: ''; width: 18px; height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/images/busy_level/busy.svg'); } .enviso-day.enviso-selected.enviso-busy-indication--busy::after { background-image: url('/images/busy_level/busy_selected.svg'); } .enviso-busy-indication--discount-campaign-wat-maki-me-nou::after { content: ''; width: 18px; height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/images/event_icon_orange.png'); } .enviso-day.enviso-selected.enviso-busy-indication---discount-campaign-wat-maki-me-nou::after { background-image: url('/images/event_icon_orange.png'); } .enviso-busy-indication--winters-blijdorp::after { content: ''; width: 18px; height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/images/event_icon_blue.png'); } .enviso-day.enviso-selected.enviso-busy-indication---winters-blijdorp::after { background-image: url('/images/event_icon_blue.png'); } .enviso-rebook-wrapper { margin-top: 3rem; } .enviso-header-info .enviso-rebook-header { color: var(--white); font-weight: 900; font-size: var(--heading-4); margin-bottom: 1rem; } enviso-responsive[slot="bottom"][responsive-class="enviso-mobile"] { grid-column: 1 / 11; } enviso-button.btnPreviousStep { border: 1px solid var(--white); color: var(--white); } enviso-button.btnNext, .enviso-btnNext { background-image: linear-gradient(265deg, #DF5200 6.26%, #BF3400 99.16%); } enviso-button.enviso-discount-apply-btn { background-image: linear-gradient(226deg, #0072bc, #004877); color: var(--white); font-weight: 500; height: unset; font-size: 1rem; padding: 0.75rem 1rem; } enviso-button.enviso-btn-overview { background: transparent; border: 1px solid var(--white); color: var(--white); transition: filter 0.5s, transform 0.5s; transition-timing-function: cubic-bezier(.4,0,.2,1); transform: scale(1); } enviso-button.enviso-btn-overview:hover { filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, .4)); transform: scale(1.05); } .enviso-discount-error { margin-top: 0.5rem; color: var(--orange); } .enviso-discount-open input { padding: 0.75rem 1rem; font-size: 1rem; font-family: inherit; } .btnPreviousStep, .btnNext, .enviso-btnNext { margin: 0; } .enviso-btn:not(.icon-only) { font-weight: 500; padding: 0 1.5rem; font-size: 1rem; } .enviso-btn:not(.icon-only).icon-left { padding-left: 1.5rem; } .enviso-btn.icon-left enviso-icon svg > path { fill: var(--white); } .enviso-ticket-flow-bottom-buttons, .enviso-basket-bottom-buttons { gap: 1rem; flex-wrap: wrap; } .enviso-mobile>.enviso-ticket-flow-bottom-buttons { align-items: center; } .enviso-ticket-flow-bottom-buttons { margin-top: 3rem; } .enviso-calendar-legend-wrapper { margin-top: 1rem; } .enviso-calendar-legend-title { margin: 0; color: var(--black); font-size: var(--heading-6); font-weight: 700; } .enviso-calendar-legend { grid-column: 1 / 6; background: var(--white); border-radius: 1rem; padding: 1rem; display: flex; flex-direction: column; row-gap: 0.75rem; } .enviso-calendar-legend-items { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; } .enviso-calendar-legend-item { display: flex; gap: 0.5rem; align-items: center; } .enviso-calendar-legend-label { color: var(--black); font-weight: 500; font-size: var(--caption-text); line-height: var(--caption-text-line-height); } .enviso-calendar-legend-icon::after { display: block; margin: 0 auto 0.25rem auto; height: auto; } .enviso-calendar-legend-icon--quiet::after { content: ''; width: 10px; height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/images/busy_level/quiet.svg'); } .enviso-calendar-legend-icon--lively::after { content: ''; width: 14px; height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/images/busy_level/lively.svg'); } .enviso-calendar-legend-icon--busy::after { content: ''; width: 18px; height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/images/busy_level/busy.svg'); } .enviso-calendar-legend-icon--discount-campaign-wat-maki-me-nou::after { content: ''; width: 18px; height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/images/event_icon_orange.png'); } .enviso-calendar-legend-icon--winters-blijdorp::after { content: ''; width: 18px; height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/images/event_icon_blue.png'); } @media only screen and (min-width: 540px) { .enviso-calendar-legend-wrapper { max-width: 30rem; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 767px) { .enviso-calendar-legend-wrapper { max-width: 100%; } } @media only screen and (min-width: 1024px) { .enviso-basket-bottom-buttons { padding: 0 2rem; } .enviso-calendar-legend-wrapper { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); column-gap: 1.5rem; margin-top: 1.5rem; } .enviso-calendar-legend { grid-column: 1 / 6; } } @media only screen and (min-width: 1240px) { .enviso-calendar-legend { grid-column: 1 / 5; } } enviso-icon[name="trash"] { color: var(--white); } .enviso-step-wrapper .enviso-validation-error { grid-column: 1 / 11; padding: 1rem; background: var(--light-orange); color: var(--orange); font-weight: 600; border-radius: 0.75rem; min-height: auto; margin-top: 1rem; margin-bottom: 1.5rem; } enviso-icon[name="plus"], enviso-icon[name="minus"] { font-weight: 900; transform: translateY(1px); } enviso-icon[name="back-arrow-open"] i svg path { fill: var(--white); !important; } .enviso-ticket-widget-offer-name { display: none; } .enviso-steps-header-progress { margin: 1rem auto 0; max-width: calc(100% - 5rem); position: relative; } .enviso-steps-header-progress { background-color: #6bbf92; } .enviso-steps-header-progress .enviso-steps-header-progress-bar { background-color: var(--white); } .enviso-steps-header-wrapper { max-width: 100%; margin-top: 3rem; } .enviso-steps-header .enviso-steps-header-label { text-transform: none; letter-spacing: initial; color: var(--white); } .enviso-steps-header-progress-bar::before { display: grid; place-content: center; content: "1"; position: absolute; width: 1.25rem; height: 1.25rem; background-color: var(--white); color: var(--nature); border: 2px solid var(--white); left: -0.625rem; top: -0.625rem; border-radius: 100%; text-align: center; font-weight: 700; font-size: 0.875rem; } .enviso-steps-header-wrapper:has(:nth-child(2):nth-last-child(1)) ~ .enviso-steps-header-progress:after { display: grid; place-content: center; content: "2"; position: absolute; width: 1.25rem; height: 1.25rem; background-color: var(--nature); border: 2px solid #6bbf92; color: #6bbf92; right: -0.625rem; top: -0.625rem; border-radius: 100%; text-align: center; font-weight: 700; font-size: 0.875rem; } .enviso-steps-header-wrapper:has(> :nth-child(2).active) + .enviso-steps-header-progress::after { background-color: var(--white); border-color: var(--white); color: var(--nature); } .enviso-steps-header-wrapper:has(:nth-child(3):nth-last-child(1)) ~ .enviso-steps-header-progress:before { display: grid; place-content: center; content: "2"; position: absolute; width: 1.25rem; height: 1.25rem; background-color: var(--nature); border: 2px solid #6bbf92; color: #6bbf92; left: calc(50% - 0.625rem); top: -0.625rem; border-radius: 100%; text-align: center; font-weight: 700; font-size: 0.875rem; } .enviso-steps-header-wrapper:has(:nth-child(3):nth-last-child(1)) ~ .enviso-steps-header-progress:after { display: grid; place-content: center; content: "3"; position: absolute; width: 1.25rem; height: 1.25rem; background-color: var(--nature); border: 2px solid #6bbf92; color: #6bbf92; right: -0.625rem; top: -0.625rem; border-radius: 100%; text-align: center; font-weight: 700; font-size: 0.875rem; } .enviso-steps-header-wrapper:has(> :nth-child(3):nth-last-child(1)):has( > :nth-child(2).active) ~ .enviso-steps-header-progress:before, .enviso-steps-header-wrapper:has(> :nth-child(3):nth-last-child(1)):has( > :nth-child(3).active) ~ .enviso-steps-header-progress:before { background-color: var(--white); border-color: var(--white); color: var(--nature); } .enviso-steps-header-wrapper:has(> :nth-child(3):nth-last-child(1)):has( > :nth-child(3).active) ~ .enviso-steps-header-progress:after { background-color: var(--white); border-color: var(--white); color: var(--nature); } .enviso-dates .enviso-day.enviso-selected { background-color: var(--nature) !important; border-radius: .5rem; border: 0 !important; outline: 1px solid var(--nature); color: var(--white); outline-offset: -2px; } .enviso-basket-wrapper .enviso-header { display: none; } .dynamic-fields.enviso-dynamic-fields { margin-top: 3rem; } @media only screen and (min-width: 1024px) { .dynamic-fields.enviso-dynamic-fields { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); column-gap: 1.5rem; } } enviso-country-select, enviso-multi-checkbox { max-width: 100%; grid-column: 5 / 10; } .enviso-select-label, .enviso-multi-checkbox-label { color: var(--white); font-weight: 500; } .enviso-multi-checkbox-label { margin-bottom: 0rem; font-size: 1rem; } .enviso-checkbox-box label:before { border: 2px solid transparent; } .enviso-select-info { color: var(--white); font-weight: 500; margin-top: -0.5rem; } .enviso-select-value { font-family: inherit; font-size: 1rem; color: var(--black); padding: 0.575rem 2rem 0.575rem 1rem; border-radius: 4px; max-width: 100%; border: none; } .enviso-select { max-width: unset; border: none; border-radius: 4px; } enviso-flag { margin-left: .5em; padding: 0.15rem .35rem; background: white; border-radius: 4px; } .enviso-select-error-message p { color: var(--orange); font-weight: 500; padding: 0.75rem; border-radius: 0.25rem; background-color: var(--light-orange); margin-top: -0.2em; } .enviso-basket-footer { background-color: transparent; padding: 0; } .enviso-basket-discount-panel { background-color: var(--white); border-radius: 1rem; padding: 1rem; margin-right: 0; font-weight: 500; } .enviso-basket-total-amount.enviso-final-amount { color: var(--white); display: start; align-items: end; border-top: 1px solid var(--white); padding-top: 1rem; font-size: 1rem; .enviso-price { font-weight: 900; font-size: var(--heading-5); } } .enviso-basket-footer { row-gap: 1rem; } .enviso-basket-total-amounts { width: 100%; color: var(--white); } .enviso-basket-total-amounts .enviso-basket-total-calculation { border: none; } @media only screen and (min-width: 1024px) { .enviso-basket-footer { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 1.5rem; align-items: unset; padding: 0 2rem; } .enviso-basket-discount-panel { max-width: 100%; grid-column: 5 / 11; } .enviso-basket-total-amounts { max-width: 100%; grid-column: 5 / 11; } } .enviso-offers > enviso-offer-card, .enviso-offers>enviso-offer-card { max-width: unset; width: 100%; } .enviso-offers.compact > enviso-offer-card{ max-width: 24rem; width: 100%; } .enviso-offers > enviso-offer-card { position: relative; overflow: hidden; } @media (min-width: 1024px) { .enviso-offers { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .enviso-offers > enviso-offer-card:after { content: ""; position: absolute; top: 0%; right: -14%; width: 100%; height: 100%; opacity: 0.7; pointer-events: none; background-repeat: no-repeat; background-size: contain; transform: scale(-1) rotate(180deg); } @media (max-width: 600px) { .enviso-offers > enviso-offer-card:after { right: -6%; top: 0%; } } @media (min-width: 1024px) { .enviso-offers > enviso-offer-card:after { transform: scale(-1.1) rotate(180deg); right: 5%; top: 5%; } } .enviso-offers > enviso-offer-card:first-of-type:after { background-image: url('/images/card_pattern/pattern_green.svg'); } .enviso-offers > enviso-offer-card:nth-of-type(2):after { background-image: url('/images/card_pattern/pattern_blue.svg'); } .enviso-offers > enviso-offer-card:nth-of-type(3):after { background-image: url('/images/card_pattern/pattern_orange.svg'); } .enviso-offers > enviso-offer-card:first-of-type { background-color: var(--light-green); } .enviso-offers > enviso-offer-card:nth-of-type(2) { background-color: var(--light-blue); } .enviso-offers > enviso-offer-card:nth-of-type(3) { background-color: var(--light-orange); } .enviso-customer-info-item enviso-checkbox { color: var(--white); a { color: var(--white); } a:hover { text-decoration: none; } } .enviso-error-message p { padding: 1rem; border-radius: 0.5rem; background-color: var(--light-orange); color: var(--orange); font-weight: 500; } .enviso-error-message { margin-top: 0.5rem; } .enviso-txt-error-message p { padding: 0.75rem; border-radius: 0.25rem; background-color: var(--light-orange); color: var(--orange); font-weight: 500; } .enviso-checkbox-label { color: var(--white); font-weight: 500; } @media only screen and (min-width: 1024px) { .enviso-customer-info-item { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); column-gap: 1.5rem; } .enviso-customer-info-item enviso-checkbox { grid-column: 5 / 10; } } .enviso-failed-img + p { color: var(--white); font-weight: 500; } .enviso-failed-img > svg path { fill: #ee0700; } .enviso-failed-img > svg path:first-child { fill: #fcede5; } .enviso-oc-title { margin-top: 1.5rem; font-weight: 900; font-size: var(--heading-4); } .enviso-rebook-order-title { font-weight: 900; font-size: var(--heading-4); color: var(--white); margin: 0; } .back-to-overview-button { color: var(--white); } @media only screen and (min-width:1024px) { .enviso-manage-order-guest { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); column-gap: 1.5rem; } enviso-rebook-order { grid-column: 1 / -1; margin-top: 1rem; } .enviso-rebook-order-title { grid-column: 1 / 5; font-weight: 900; font-size: var(--heading-4); color: var(--white); margin: 0; } .enviso-manage-order-guest__title, .enviso-manage-order-guest__description { grid-column: 1 / 5; } .enviso-manage-order-guest__form { grid-column: 5 / 11; grid-row-start: 1; grid-row-end: 3; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 1.5rem; } .enviso-manage-order-guest__order-number, .enviso-manage-order-guest__emailaddress { grid-column: span 3 / span 3; } .enviso-manage-order-guest__submit { grid-column: span 6 / span 6; margin-left: auto; } .enviso-manage-order-guest-overview__title { grid-column: 1 / 5; margin: 0; margin-bottom: 2rem; } .enviso-manage-order-guest-overview__order, enviso-customer-order-details { grid-column: 1 / 11; } } .enviso-manage-order-guest { margin-top: 3rem; } .enviso-manage-order-guest__title, .enviso-manage-order-guest-overview__title { font-weight: 900; font-size: var(--heading-4); color: var(--white); margin: 0; } .enviso-manage-order-guest__description { color: var(--white); font-weight: 500; max-width: 34rem; } .enviso-manage-order-guest__form { .enviso-manage-order-guest__order-number, .enviso-manage-order-guest__emailaddress { max-width: 28rem; } } enviso-button.enviso-manage-order-guest__submit[disabled] { color: var(--black); } enviso-button.enviso-manage-order-guest__submit:not([disabled]) { background-image: linear-gradient(226deg, #0072bc, #004877); color: var(--white); } .enviso-order-overview { background-color: var(--white); border-radius: 0.5rem; padding: 1.5rem; } .enviso-manage-order-guest-overview__order-overview { border-radius: 0.5rem; background-color: var(--white); } .enviso-cancel-order, .enviso-order-overview { padding: 1.5rem; } .enviso-grouped-order-line { font-weight:500; } .enviso-order-overview .enviso-grouped-order-line { display: grid; grid-template-columns: 3fr 3fr 4fr 1fr; background-color: var(--white); border-radius: 1rem; align-items: start; } @media only screen and (max-width: 1023px) { .enviso-order-overview .enviso-grouped-order-line { display: flex; flex-direction: column; align-items: start; row-gap: 0.5rem; } } .enviso-manage-order-guest-overview__order-number { color: var(--white); } .enviso-col-status--pill.enviso-col-status--pill--green { font-weight: 500; border-radius: 9999px; } .enviso-grouped-order-line__image { display: none; } .enviso-order-overview .enviso-grouped-order-lines .enviso-grouped-order-line div.enviso-grouped-order-line__info .enviso-grouped-order-line__title { display: none; } .enviso-order-overview .enviso-grouped-order-lines .enviso-grouped-order-line__name { margin-top: 0; font-size: var(--heading-5); font-weight: 700; } .enviso-order-overview .enviso-grouped-order-line .enviso-grouped-order-line__group, .enviso-order-overview .enviso-grouped-order-line .enviso-grouped-order-line__product { display: block; } @media only screen and (max-width: 1023px) { .enviso-order-overview .enviso-grouped-order-lines .enviso-grouped-order-line .enviso-grouped-order-line__time.no-time { display: none; } } .enviso-order-overview .enviso-grouped-order-line__time.no-time { display: initial; } .enviso-order-overview .enviso-grouped-order-lines .enviso-grouped-order-line .enviso-grouped-order-line__time.no-time { visibility: hidden; } .enviso-order-overview .enviso-grouped-order-lines .enviso-grouped-order-line__tickets .enviso-grouped-order-line__title, .enviso-order-overview .enviso-grouped-order-lines .enviso-grouped-order-line__time .enviso-grouped-order-line__title { font-size: var(--heading-6); } .enviso-order-overview .enviso-grouped-order-lines .enviso-grouped-order-line__title { font-weight: 700; color: var(--black); margin-bottom: 0.5rem; } @media only screen and (min-width: 1024px) { .upsells-container { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); column-gap: 1.5rem; align-items: start; padding: 0 2rem; } } .upsells-container { margin-top: 1.5rem; } .below-basket-items-upsell-title { grid-column: 5 / 11; color: var(--white); font-size: var(--heading-5); font-weight: 700; margin: 0; } .below-basket-items-upsells { grid-column: 5 / 11; } enviso-notice { color: var(--nature); background: white; font-weight: 500; font-size: 0.875rem; } .enviso-notice-wrapper { gap: 1.5rem; flex-wrap: wrap; width: 100%; } .basket-upsell-item { background-color: var(--light-green); border-radius: 1rem; padding: 1.5rem; display: flex; } .basket-upsell-price { color: var(--black); } .enviso-notice-content-name { font-weight: 700; color: var(--black); font-size: var(--body-text); } #add-upsell-btn { background-image: linear-gradient(226deg, #3db977, #259d5d); color: var(--white); font-weight: 500; height: unset; font-size: 1rem; padding: 0.75rem 1.5rem; border: none; } .enviso-order-actions__warning { color: var(--orange); }

.enviso-basket-wrapper { margin-top: -2.5rem; } .enviso-product-basket-item-remove { display: none; } .enviso-basket-item-entry-description-name { font-size: var(--heading-5); color: var(--black); font-weight: 700; } @media only screen and (min-width: 1024px) { .enviso-basket-item { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); column-gap: 1.5rem; margin-top: 2.5rem; align-items: start; padding: 0 2rem; } } .enviso-basket-item { margin-top: 1.5rem; } .enviso-basket-item-description { grid-column: 1 / 11; background-color: transparent; color: var(--white); padding-right: 0; margin-top: 0; } .enviso-offer-image-box { display: none; } .enviso-basket-offer-description-amount { font-size: var(--heading-4); } .enviso-basket-item-description-extra { color: var(--white); font-weight: 900; } .enviso-basket-item-entries { grid-column: 5 / 11; padding-right: 0; gap: 1rem; grid-row-start: 2; } .enviso-basket-item-entry { border-left: none; background-color: var(--white); border-radius: 1rem; padding: 1.5rem; margin-top: 0; } .enviso-basket-item-entry { display: grid; grid-template-columns: repeat(10, 1fr); grid-template-areas: "title title title title title title title amount amount amount" "price price price price price price price price price price"; row-gap: 1rem; } .enviso-basket-item-entry-description-name { grid-area: title; } .enviso-basket-item-entry-quantity { grid-area: amount; margin-left: auto; flex-shrink: 0; place-self: end; } .enviso-basket-item-entry-price { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #909090; padding-top: 0.5rem; grid-area: price; font-size: var(--heading-6); } .enviso-basket-item-entry-price:before { content: "Total"; font-weight: 700; color: var(--nature); font-size: var(--heading-6); } .enviso-basket-item-entry-price-subtotal { font-weight: 700; color: var(--nature); } .enviso-product-basket-item-remove { display: none; grid-area: cross; margin-left: auto; min-width: unset; } .enviso-basket-item-entry-quantity enviso-numeric-up-down { width: auto; }

.enviso-dialog-header { display: none; } .enviso-dialog-backdrop-fullpage>.enviso-dialog-box { height: unset; max-width: 60rem; } .enviso-dialog-box{ background: transparent; box-shadow: none; } .enviso-dialog-backdrop.enviso-dialog-backdrop-fullpage { background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); } .enviso-dialog-backdrop-fullpage { height: 100%; width: 100%; padding: 0; } enviso-tab-context { border-radius: 10px; } .enviso-dialog-image-wrapper { grid-column: 1 / 2; grid-row: 1 / 2; overflow: hidden; border-radius: 1rem; z-index: 11; transform: translate(2rem, -2rem); } @media only screen and (min-width: 1024px) { .enviso-dialog-content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto; } } .enviso-diaglog-image-wraper { grid-column: 1 / 2; height: 100%; overflow: hidden; position: relative; } .enviso-dialog-header { grid-column: 2 / 3; padding-left: 2rem; } enviso-ticket-flow { grid-column: 1 / -1; } .enviso-dialog-box>nav.enviso-dialog-top-navigation { background: none; height: unset; z-index: 302; } .enviso-dialog-box>nav.enviso-dialog-top-navigation.no-image { height: unset; } .enviso-dialog-box>nav.enviso-dialog-top-navigation>enviso-button { font-size: 1.5rem; } .enviso-dialog-box>nav.enviso-dialog-top-navigation { line-height: 1; } .enviso-dialog-box > nav.enviso-dialog-top-navigation { padding: 1rem; } .enviso-dialog-picture { height: 100%; } .enviso-diaglog-image-wraper { } nav.enviso-dialog-top-navigation enviso-button { width: 2rem; height: 2rem; font-size: 1.25rem; color: var(--white); font-weight: 500; background: var(--nature); }

.box { margin-top: 3rem; } @media only screen and (min-width: 540px) { .box { max-width: 30rem; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 767px) { .box { max-width: 100%; flex-direction: column; } } .enviso-calendar-container{ padding: 1rem; } .timeslots { background: var(--white); padding: 1rem; border-radius: 1rem; flex-basis: 100%; margin-top: 1rem; margin-bottom: 0rem; max-height: fit-content; } .enviso-timeslots-container { grid-template-columns: repeat(auto-fit, 100%); } enviso-loader { color: var(--nature); } .timeslots:has(enviso-loader) .enviso-schedule-header, .timeslots:has(enviso-loader) .enviso-schedule-info, .timeslots:has(enviso-loader) .enviso-schedule-title, .timeslots:has(enviso-loader) .enviso-schedule-items { opacity: 0; visibility: hidden; } .enviso-schedule-header { display: flex; align-items: start; justify-content: space-between; margin-bottom: 0.5rem; } .enviso-timeslot-description { display: none; } .enviso-schedule-selected-date { color: var(--nature); font-weight: 700; font-size: var(--heading-5); } .enviso-schedule-info { font-weight: 500; display: flex; flex-direction: column; row-gap: 0.25rem; } .enviso-schedule-hours-label { font-weight: 700; } .enviso-schedule-hours-time { margin-left: 1rem; } .enviso-schedule-total-price { display: flex; gap: 0.75rem; align-items: center; } .enviso-schedule-total-price:before { content: ''; display: block; height: 8px; width: 8px; border-radius: 8px; } .enviso-schedule-total-price.enviso-schedule-total-price--low:before { background-color: var(--blue); } .enviso-schedule-total-price.enviso-schedule-total-price--mid:before { background-color: var(--nature); } .enviso-schedule-total-price.enviso-schedule-total-price--high:before { background-color: var(--orange); } .enviso-schedule-total-price span { font-size: var(--caption-text); } .enviso-schedule-busy-indicator { display: flex; align-items: center; } .enviso-schedule-busy-indicator-icon { width: 20px; display: grid; } .enviso-schedule-busy-indicator-img { width: auto; translateX(-6px); } .enviso-schedule-event-indicator { display: flex; align-items: center; } .enviso-schedule-busy-indicator-label { font-weight: 500; font-size: var(--caption-text); } .enviso-schedule-title { color: var(--nature); font-weight: 700; margin-bottom: 0.75rem; margin-top: 1.5rem; } .enviso-schedule-items { display: flex; flex-direction: column; row-gap: 0.75rem; } .enviso-schedule-items p { margin: 0; font-weight: 500; } .enviso-schedule-item-content { display: flex; gap: 1rem; align-items: start; } .enviso-schedule-item-content-time { flex-shrink: 0; } .enviso-schedule-item-content-time, .enviso-schedule-item-content-location { display: flex; column-gap: 0.5rem; } .enviso-schedule-item-icon { fill: var(--black); width: 1.125rem; } .enviso-schedule-item-content .enviso-schedule-item-content-title { font-weight: 600; } .box > .calendar { max-width: 40rem; margin: 0 auto; } .enviso-upsell-timeslots-container, .enviso-cross-sell-timeslots-container { margin-left: 0; } @media only screen and (min-width: 1024px) { .enviso-calendar-container { padding: 2rem 1rem; } .box { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); column-gap: 1.5rem; } .box > .calendar { grid-column: 1 / 6; } .enviso-upsell-timeslots-container { grid-column: 6 / 11; margin-left: 0; } .timeslots { grid-column: 6 / 11; margin-top: 0; margin-left: 0; padding: 2rem; } .enviso-cross-sell-timeslots-container { grid-column: 6 / 11; margin-left: 0; } } @media only screen and (min-width: 1240px) { .enviso-upsell-timeslots-container { grid-column: 5 / 11; margin-left: 0; } } @media only screen and (min-width: 1240px) { .box > .calendar { grid-column: 1 / 5; } .timeslots { grid-column: 5 / 11; margin-left: 0; } .enviso-cross-sell-timeslots-container { grid-column: 5 / 11; margin-left: 0; } } .enviso-error { border-radius: 1rem; padding: 1rem; background-color: var(--light-orange); color: var(--orange); font-weight: 500; font-size: var(--caption-text); }

:host([status="success"]) { margin-bottom: 3rem; display: grid; padding-top: 3rem; grid-template-columns: repeat(4, 1fr); grid-template-areas: "text text text text" "desc desc desc desc" "desc2 desc2 desc2 desc2" "button button button button" "image image image image"; @media only screen and (min-width: 860px) { padding-top: 6rem; grid-template-columns: repeat(4, 1fr); grid-template-areas: "image image text text" "image image desc desc" "image image desc2 desc2" ". . button button"; } } .enviso-oc-title { grid-area: text; background: white; margin: 0; color: black; padding: 2rem 2rem 0.5rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; transform: translate(1rem, 0rem); text-align: left; margin-right: -2rem; } @media only screen and (min-width: 860px) { .enviso-oc-title { transform: translate(-3rem, 3rem); margin-right: -3rem; } } enviso-ticket-image { background: var(--light-orange); grid-area: image; border-radius: 1rem; background-image: var(--complete-order-image-url); background-size: cover; height: 50vw; margin-top: -2rem; } enviso-ticket-image .enviso-ticket-img { display: none; } @media only screen and (min-width: 860px) { enviso-ticket-image { margin-top: 0rem; height: auto; } } .enviso-ticket-img { display: none; } .enviso-order-id { text-align: left; grid-area: desc; margin: 0; background: white; padding: 0.5rem 2rem; transform: translate(1rem, 0rem); font-weight: 700; margin-right: -2rem; } @media only screen and (min-width: 860px) { .enviso-order-id { transform: translate(-3rem, 3rem); margin-right: -3rem; } } p:last-of-type { grid-area: desc2; margin: 0; padding: 0.5rem 2rem 6rem; transform: translate(1rem, 0rem); background: white; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; text-align: left; margin-right: -2rem; } @media only screen and (min-width: 860px) { p:last-of-type { transform: translate(-3rem, 3rem); margin-right: -3rem; } } enviso-button.enviso-btn-overview { grid-area: button; margin-left: 3rem; margin-top: -4rem; background-image: linear-gradient(226deg, #0072bc, #004877); border: none; } @media only screen and (min-width: 1024px) { enviso-button.enviso-btn-overview { margin-left: -1rem; margin-top: -1rem; } }

.enviso-offer-image-box { display: none; } @media only screen and (min-width:1024px) { .enviso-rebook-wrapper enviso-responsive { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); column-gap: 1.5rem; } .enviso-rebook-wrapper enviso-responsive .enviso-header { grid-column: 1 / 11; } .enviso-rebook-wrapper enviso-responsive .enviso-rebook-item-description { grid-column: 1 / -1; background: var(--white); border-radius: 1rem 1rem 0 0; padding: 1.5rem; margin: 0; margin-top: 1.5rem; } .enviso-rebook-wrapper enviso-responsive .enviso-rebook-item-description .enviso-rebook-item-quantity { font-size: var(--body-text); margin-left: 0.5rem; } .enviso-rebook-wrapper enviso-responsive .enviso-rebook-item-description .enviso-offer-image-box { display: none; } .enviso-rebook-wrapper enviso-responsive .enviso-basket-items-wrapper { grid-column: 1 / -1; } enviso-rebook-items { grid-column: 1 / -1; background: var(--white); border-radius: 0 0 1rem 1rem; padding: 0 1.5rem 1.5rem; } } .enviso-rebook-wrapper enviso-responsive .enviso-header { color: var(--white); } .enviso-rebook-wrapper enviso-responsive .enviso-header .enviso-rebook-header-description { font-style: normal; font-weight: 500; } .enviso-rebook-wrapper enviso-responsive .enviso-rebook-item-description { background: var(--white); border-radius: 1rem 1rem 0 0; padding: 1.5rem 1.5rem 0; margin: 0; margin-top: 1.5rem; } enviso-rebook-items { background: var(--white); border-radius: 0 0 1rem 1rem; padding: 0 1.5rem 1.5rem; } .enviso-rebook-wrapper enviso-responsive .enviso-rebook-item-description { color: var(--black); } .enviso-rebook-wrapper enviso-responsive enviso-rebook-items .enviso-basket-items-wrapper { color: var(--black); } @media only screen and (max-width: 811px) { .enviso-rebook-wrapper enviso-responsive .enviso-rebook-item-description .enviso-offer-description-box { max-width: 20rem; flex-grow: unset; } .enviso-rebook-wrapper enviso-responsive .enviso-rebook-item-description .enviso-rebook-item-quantity { text-align: left; } } .enviso-rebook-wrapper enviso-responsive .enviso-rebook-item-description .enviso-offer-description-box .enviso-rebook-offer-description-amount { font-weight: 700; font-size: var(--body-text); } .enviso-rebook-wrapper enviso-responsive .enviso-rebook-item-description .enviso-offer-description-box .enviso-rebook-item-description-extra { font-size: var(--body-text); font-weight: 400; color: var(--black); } .enviso-rebook-wrapper enviso-responsive .enviso-rebook-item-description .enviso-rebook-item-price { font-weight: 700; font-size: var(--body-text); } .enviso-rebook-wrapper enviso-responsive enviso-rebook-items enviso-rebook-item-element .enviso-rebook-item .enviso-rebook-item-entry { border-left: none; } .enviso-rebook-wrapper enviso-responsive enviso-rebook-items enviso-rebook-item-element .enviso-rebook-item .enviso-rebook-item-entry .enviso-rebook-item-entry-description-name { font-weight: 700; color: var(--black); font-size: var(--body-text); } .enviso-rebook-wrapper enviso-responsive enviso-rebook-items enviso-rebook-item-element .enviso-rebook-item .enviso-rebook-item-entry-divider { display: none; }

Test

werwet

€34.00

Test

€23.00

Test

Gratis

Test

Welkom bij Diergaarde Blijdorp

Wij zijn geopend van 09:45 - 17:45

Koop je tickets De Vleet Experience