Gruppenpakete - Het Anker

:host { --enviso-primary-color: #040405; --enviso-secondary-color: #AC9C52; --enviso-disabled-color: #715D5D; --enviso-active-color: #AC9C52; --enviso-red-color: #5C1932; } @supports (display:grid) { :host .enviso-offers { gap: 20px; } :host .enviso-offers>enviso-offer-card { width: auto; max-width: 420px; } :host .enviso-offers.compact>enviso-offer-card { margin: 0 auto; width: 100%; } } :host .enviso-dialog-wrapper { overflow-y: hidden; } :host .enviso-dialog-wrapper .enviso-dialog-content { height: calc(100vh - 55px); overflow-y: auto; padding: 20px; } :host .enviso-dialog-backdrop-fullpage { top: 55px; } :host .enviso-dialog-backdrop-fullpage>.enviso-dialog-box { border-radius: 0; top: 0; height: 100vh; } :host .enviso-offer-description { max-height: none; } @media (min-width: 1100px) { :host .enviso-dialog-backdrop-fullpage { top: 0px; } :host .enviso-dialog-backdrop-fullpage>.enviso-dialog-box { border-radius: 15px; height: auto; } :host .enviso-dialog-wrapper .enviso-dialog-content { height: auto; padding: 30px 20px; } :host .enviso-offer-description { max-height: 50vh; overflow-y: auto; } } :host .enviso-dialog-box>nav.enviso-dialog-top-navigation { background: none; padding: 15px 8px; } :host .enviso-dialog-box>nav.enviso-dialog-top-navigation { height: auto; line-height: 1; } :host .enviso-dialog-box>nav.enviso-dialog-top-navigation>enviso-button { color: var(--clr-black); } @media (min-width: 1100px) { :host .enviso-dialog-backdrop-fullpage { padding: 0; } :host .enviso-dialog-box { max-width: 740px; } :host .enviso-dialog-box>nav.enviso-dialog-top-navigation { padding: 15px 12px; } } :host .enviso-dialog-wrapper header { display: none; } :host .enviso-dialog-wrapper enviso-offer-name { font-size: 2.7rem; } :host .enviso-ticket-widget-offer-name { color: var(--enviso-primary-color); font-family: var(--ff-title); font-size: 3.6rem; font-weight: 400; letter-spacing: 2.1px; line-height: 1; margin: 30px 0; text-transform: uppercase; } @media screen and (min-width: 940px) { :host .enviso-ticket-widget-offer-name { font-size: 4.2rem; } } .enviso-error { color: var(--clr-classic-red); } .enviso-offer-header { color: #040405; } .enviso-ticket-widget-offers-header { border-bottom: 3px solid var(--clr-gold); color: var(--clr-black); font-family: var(--ff-title); font-size: 3.6rem; font-weight: 400; letter-spacing: 2.1px; line-height: 1; margin: 25px 0 60px; padding-bottom: 22px; text-transform: uppercase; width: fit-content; } @media screen and (min-width: 940px) { .enviso-ticket-widget-offers-header { font-size: 4.2rem; } } .mobileHeader .enviso-ticket-widget-offers-header { margin: 25px auto 60px; } .enviso-basket-header-description { color: var(--clr-mid); font-family: var(--ff-base); font-weight: 400; font-size: 1.5rem; } .enviso-basket-bottom-buttons { align-items: center; gap: 20px; margin-top: 30px; } @media screen and (min-width: 940px) { .enviso-basket-bottom-buttons { margin-top: 60px; } } .enviso-basket-button-items-amount { background-color: var(--clr-gold); color: var(--clr-bright); font-family: var(--ff-title); font-weight: 400; } .enviso-basket-footer { background-color: transparent; border-top: 3px solid var(--clr-gold); margin: 30px 0 0 0; padding: 30px 0 0 0; } @media screen and (min-width: 940px) { .enviso-basket-footer { margin-top: 30px; } } .enviso-basket-offer-description-amount { font-family: var(--ff-title); font-weight: 400; font-size: 2.7rem; letter-spacing: 2.16px; line-height: 1.3; text-transform: uppercase; } .enviso-basket-flex-break { flex-basis: auto; display: none; } .enviso-basket-items-wrapper { display: flex; gap: 30px; flex-direction: column; } @media screen and (min-width: 940px) { .enviso-basket-items-wrapper { gap: 60px; } } .enviso-basket-item, .enviso-basket-total { gap: 20px; padding: 0; margin: 0; } .enviso-basket-item { border-bottom: 0; } .enviso-basket-item-entries { margin: 0; } .enviso-basket-item-entry { border-left: 6px solid var(--clr-gold); padding: 0 0 0 14px; } .enviso-basket-item.gt900 .enviso-basket-item-entry { padding: 10px 0 10px 14px; } .enviso-basket-item-entry-divider { border-color: var(--clr-grey); margin: 20px 0; } .enviso-basket-item-entry-description-name { color: var(--clr-mid); font-size: 1.5rem; font-weight: 500; margin: 0; } .enviso-basket-item-quantity, .enviso-basket-item-price, .enviso-basket-item-entry-price { color: var(--clr-black); font-family: var(--ff-button); font-size: 1.6rem; font-style: normal; font-weight: 500; margin: 0; text-transform: uppercase; } .enviso-basket-item-quantity { color: var(--clr-gold-dark); } .enviso-basket-item-entry-quantity-label { color: var(--clr-black); font-family: var(--ff-button); font-size: 1.6rem; font-style: normal; font-weight: 500; text-transform: uppercase; } .enviso-basket-item-entry-price-subtotal { color: var(--clr-mid); } .enviso-basket-item-price-subtotal { color: var(--clr-gold-dark); } .enviso-basket-item-description-extra, .enviso-basket-item-description-groupinfo, .enviso-basket-item-description-voucherinfo { color: var(--clr-gold-dark); font-family: var(--ff-title); font-size: 1.8rem; font-weight: 400; line-height: 1.3; letter-spacing: 2.16px; text-transform: uppercase; } .enviso-basket-item-description { gap: 15px; } .enviso-basket-offer-image { margin: 0; width: 100px; height: 100px; } .enviso-offer-image-box { display: none; } @media screen and (min-width: 940px) { .enviso-offer-image-box { display: flex; } } .enviso-final-amount { font-family: var(--ff-button); font-size: 1.8rem; font-style: normal; font-weight: 500; } .enviso-discount-header { display: flex; gap: 5px; } .enviso-discount-text { color: var(--clr-mid); font-family: var(--ff-base); font-size: 1.5rem; font-weight: 400; } .enviso-discount-apply-btn { font-size: inherit; height: auto; } .enviso-discount-open>* { margin-top: 15px; } .enviso-basket-header-description { color: var(--clr-mid); font-family: var(--ff-base); font-size: 1.5rem; font-style: normal; font-weight: 400; } .enviso-discount-open>input { background-color: var(--clr-bright); border: 1px solid var(--clr-gold); color: var(--clr-black); font-size: 1.5rem; font-family: var(--ff-base); padding: 10px 5px; margin-right: 15px; } :host([primary][disabled]), :host([secondary][disabled]) { background-color: transparent; } :host([primary][disabled]) .enviso-btn, :host([secondary][disabled]) .enviso-btn, :host([primary][disabled]) .enviso-btn:hover, :host([secondary][disabled]) .enviso-btn:hover { background-color: var(--clr-grey); color: var(--clr-white); } .enviso-steps-header-wrapper, .enviso-steps-header-progress { max-width: 750px; margin: 0 auto; } .enviso-steps-header-progress { margin-bottom: 30px; } .enviso-step-wrapper { display: flex; flex-direction: column; } .enviso-step-wrapper .enviso-validation-error { color: var(--clr-classic-red); margin: 0; min-height: unset; order: 4; } #enviso-value { color: var(--clr-gold-dark); font-family: var(--ff-title); font-weight: 400; font-size: 27px; text-transform: uppercase; } .enviso-dialog-box { border-radius: 15px; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.15), 0px 9px 14px 0px rgba(0, 0, 0, 0.10); } .enviso-title { color: var(--clr-gold); font-family: var(--ff-title); font-weight: 400; font-size: 27px; letter-spacing: 1.35px; text-transform: uppercase; }

:host { border-radius: 10em; color: var(--enviso-primary-color); height: auto; padding: 10px 20px; } :host([icon-only]) { padding: 0; } :host(.focus) { outline: 0; } :host([primary]) { background: transparent; border-radius: 0; color: var(--clr-bright); } :host(.btnNext), :host(.btnPreviousStep) { border-radius: 10rem; } :host(.btnNext.focus), :host(.btnPreviousStep.focus) { box-shadow: none !important; } :host(.btnPreviousStep), :host(.enviso-ticket-widget-offer-back-link) { color: var(--enviso-secondary-color); } :host(.btnPreviousStep) .enviso-btn .left { display: none; } :host(.btnPreviousStep), :host([data-testid=enviso-offer-card-info-button]) { padding: 0; } :host(.btnPreviousStep) .enviso-btn, :host([data-testid=enviso-offer-card-info-button]) .enviso-btn { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath d='M1 5.00891C0.585786 5.00891 0.25 5.3447 0.25 5.75891C0.25 6.17312 0.585786 6.50891 1 6.50891V5.00891ZM12.5303 6.28924C12.8232 5.99635 12.8232 5.52147 12.5303 5.22858L7.75736 0.45561C7.46447 0.162717 6.98959 0.162717 6.6967 0.45561C6.40381 0.748504 6.40381 1.22338 6.6967 1.51627L10.9393 5.75891L6.6967 10.0016C6.40381 10.2944 6.40381 10.7693 6.6967 11.0622C6.98959 11.3551 7.46447 11.3551 7.75736 11.0622L12.5303 6.28924ZM1 6.50891H12V5.00891H1V6.50891Z' fill='%23AC9C52'/%3E%3C/svg%3E"); background-position: 100% calc(50% - 4px); background-repeat: no-repeat; border-bottom: 1.5px solid var(--clr-gold); color: var(--clr-gold); font-family: var(--ff-base); font-size: 15px; font-weight: 700; line-height: 1.25; margin: 12px 0 10px; padding: 0 25px 10px 0; text-decoration: none; text-shadow: none; text-transform: none; transition: all 300ms ease-out; } :host(.btnPreviousStep) .enviso-btn:hover, :host([data-testid=enviso-offer-card-info-button]) .enviso-btn:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath d='M1 5.00891C0.585786 5.00891 0.25 5.3447 0.25 5.75891C0.25 6.17312 0.585786 6.50891 1 6.50891V5.00891ZM12.5303 6.28924C12.8232 5.99635 12.8232 5.52147 12.5303 5.22858L7.75736 0.45561C7.46447 0.162717 6.98959 0.162717 6.6967 0.45561C6.40381 0.748504 6.40381 1.22338 6.6967 1.51627L10.9393 5.75891L6.6967 10.0016C6.40381 10.2944 6.40381 10.7693 6.6967 11.0622C6.98959 11.3551 7.46447 11.3551 7.75736 11.0622L12.5303 6.28924ZM1 6.50891H12V5.00891H1V6.50891Z' fill='%23806d17'/%3E%3C/svg%3E"); border-color: 1.5px solid var(--clr-gold); color: var(--clr-gold-dark); } :host(.btnPreviousStep) .enviso-btn { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M12 7.25C12.4142 7.25 12.75 6.91421 12.75 6.5C12.75 6.08579 12.4142 5.75 12 5.75V7.25ZM0.46967 5.96967C0.176777 6.26256 0.176777 6.73744 0.46967 7.03033L5.24264 11.8033C5.53553 12.0962 6.01041 12.0962 6.3033 11.8033C6.59619 11.5104 6.59619 11.0355 6.3033 10.7426L2.06066 6.5L6.3033 2.25736C6.59619 1.96447 6.59619 1.48959 6.3033 1.1967C6.01041 0.903806 5.53553 0.903806 5.24264 1.1967L0.46967 5.96967ZM12 5.75L1 5.75V7.25L12 7.25V5.75Z' fill='%23AC9C52'/%3E%3C/svg%3E"); background-position: 0 calc(50% - 4px); padding: 0 0 10px 25px; } :host(.btnPreviousStep) .enviso-btn:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M12 7.25C12.4142 7.25 12.75 6.91421 12.75 6.5C12.75 6.08579 12.4142 5.75 12 5.75V7.25ZM0.46967 5.96967C0.176777 6.26256 0.176777 6.73744 0.46967 7.03033L5.24264 11.8033C5.53553 12.0962 6.01041 12.0962 6.3033 11.8033C6.59619 11.5104 6.59619 11.0355 6.3033 10.7426L2.06066 6.5L6.3033 2.25736C6.59619 1.96447 6.59619 1.48959 6.3033 1.1967C6.01041 0.903806 5.53553 0.903806 5.24264 1.1967L0.46967 5.96967ZM12 5.75L1 5.75V7.25L12 7.25V5.75Z' fill='%23806d17'/%3E%3C/svg%3E"); } :host([primary]), :host([data-testid=enviso-offer-card-purchase-button]) { padding: 0; } :host([primary]) .enviso-btn, :host([data-testid=enviso-offer-card-purchase-button]) .enviso-btn { color: var(--clr-bright); background-color: var(--clr-classic-red); border-radius: 10rem; box-shadow: inset 0px -3px 0px 0px rgba(4, 4, 5, 0.35), 0px 3px 4px 0px rgba(0, 0, 0, 0.15), 0px 9px 14px 0px rgba(0, 0, 0, 0.10); font-family: var(--ff-button); font-size: 15px; font-weight: 400; letter-spacing: 0.6px; padding: 19px 20px 18px; text-shadow: 0px 1px 3px rgba(4, 4, 5, 0.66); text-transform: uppercase; transition: all 300ms ease-out; } :host([primary]) .enviso-btn:hover, :host([data-testid=enviso-offer-card-purchase-button]) .enviso-btn:hover { background-color: var(--clr-classic-red-light); } :host .enviso-btn enviso-icon[name=shopping-cart] { color: var(--clr-gold); transition: all 300ms ease-out; } :host .enviso-btn:hover enviso-icon[name=shopping-cart] { color: var(--clr-gold-dark); }