h1[class^='api'],
.\--like-h1 {
    line-height: 1;
    font-weight: normal;
}

@media (max-width: 899px) {
    h1[class^='api'],
    .\--like-h1 {
        font-size: 3rem;
    }
}

@media (min-width: 900px) {
    h1[class^='api'],
    .\--like-h1 {
        font-size: 3rem;
    }
}

h2[class^='api'],
.\--like-h2,
.api-customeraccountviewregistration__headline h2,
.api-seatselectionpopup__headline h2 {
    line-height: 1;
    font-weight: normal;
}

@media (max-width: 899px) {
    h2[class^='api'],
    .\--like-h2,
    .api-customeraccountviewregistration__headline h2,
    .api-seatselectionpopup__headline h2{
        font-size: 2.0001rem;
    }
}

@media (min-width: 900px) {
    h2[class^='api'],
    .\--like-h2,
    .api-customeraccountviewregistration__headline h2,
    .api-seatselectionpopup__headline h2 {
        font-size: 3rem;
    }
}

h3[class^='api'],
.\--like-h3 {
    line-height: 1.1035;
    font-weight: normal;
}

@media (max-width: 899px) {
    h3[class^='api'],
    .\--like-h3 {
        font-size: 1.875rem;
    }
}

@media (min-width: 900px) {
    h3[class^='api'],
    .\--like-h3 {
        font-size: 2.25rem;
    }
}

h4[class^='api'],
.\--like-h4 {
    line-height: 1.1668;
    font-weight: normal;
}

@media (max-width: 899px) {
    h4[class^='api'],
    .\--like-h4 {
        font-size: 1.563rem;
    }
}

@media (min-width: 900px) {
    h4[class^='api'],
    .\--like-h4 {
        font-size: 1.563rem;
    }
}

h5[class^='api'],
.\--like-h5 {
    line-height: 1.2223;
    font-weight: normal;
}

@media (max-width: 899px) {
    h5[class^='api'],
    .\--like-h5 {
        font-size: 1.25rem;
    }
}

@media (min-width: 900px) {
    h5[class^='api'],
    .\--like-h5{
        font-size: 1.25rem;
    }
}

.page-top-header {
    background: var(--color-white);
    padding: 1rem 0;
    margin-bottom: 2rem;
    box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.3);
}

.page-top-header img {
    max-width: 100%;
    margin-bottom: 2rem;
}

.logo-container {
    display: flex;
    align-items: center;
}

.api-checkoutprocess__checkoutprogressbar {
    margin-top: 18px;
}

.api-customeraccountnavigationbar__step a,
.api-customeraccountnavigationbar__step a:hover,
.api-customeraccountnavigationbar__step a:visited:hover {
    color: var(--color-border);
}

.api-use-portal-icons .api-orderhistoryorder__paymentstatus--ok::after {
    border: 2px solid var(--color-secondary);
    border-left: 0 none;
    border-top: 0 none;
}

.api-use-portal-icons .api-orderhistoryorder__action::after {
    border: 2px solid var(--color-secondary);
    border-left: 0 none;
    border-bottom: 0 none;
}

.api-loginstatus__label {
    font-size: 0.8rem;
}

.api-loginstatus__label,
.api-loginstatus__userinfo {
    color: var(--color-gray-700);
}

.api-use-portal-icons input:checked + .api-customeraccountviewregistration__styledcheckbox::before {
    color: var(--color-gray-700);
    background-color: var(--color-gray-700);
}

.api-loginstatus::before,
.api-use-portal-icons .api-cartstatus {
    /*filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);*/
}

.api-use-portal-icons .api-customeraccountnavigationbar__step--overview.api-customeraccountnavigationbar__step--selected a::before,
.api-use-portal-icons .api-customeraccountnavigationbar__step--myorders.api-customeraccountnavigationbar__step--selected a::before,
.api-use-portal-icons .api-customeraccountnavigationbar__step--myaddresses.api-customeraccountnavigationbar__step--selected a::before,
.api-use-portal-icons .api-customeraccountnavigationbar__step--contact.api-customeraccountnavigationbar__step--selected a::before,
.api-use-portal-icons .api-customeraccountnavigationbar__step--account.api-customeraccountnavigationbar__step--selected a::before,
.api-use-portal-icons .api-accountinfo__link--overview:hover::before,
.api-use-portal-icons .api-accountinfo__link--orders:hover::before,
.api-use-portal-icons .api-accountinfo__link--addresses:hover::before,
.api-use-portal-icons .api-accountinfo__link--contact:hover::before,
.api-use-portal-icons .api-accountinfo__link--account:hover::before {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.api-cartreduced__addgiftwrapwrapper {
    display: none;
}

.api-customeraccountviewdashboard__contactdata,
.api-customeraccountviewdashboard__customeraccount {
    width: 100%;
}
.api-mlogin,
.api-customeraccountviewdashboard__newsletterview,
.api-customeraccountviewdashboard__whatsappview,
.api-customeraccountviewsupport__faqview,
.api-customeraccountnavigationbar__step--contact {
    display: none;
}

.api-customeraccountviewsupport__cols {
    flex-direction: row;
}

.api-login__submit::after {
    content: "";
}

.api-registration__submit::after {
    content: "";
}
.api-customeraccountnavigationbar ul {
    justify-content: space-around;
}

.api-cartclosed__action,
.api-cartrelease__confirmsubmit,
.api-contactform__submit,
.api-deactivatecustomeraccount__submit,
.api-deactivatecustomeraccount__cancel,
.api-emaileditconfirmation__submit,
.api-guestlogin__submit,
.api-mlogin__submit,
.api-mlogindatasyncconfirmation__submit,
.api-mloginregistration__submit,
.api-mobilephoneedit__submit,
.api-mobilephoneeditconfirmation__submit,
.api-newsletterview__submit,
.api-groupedpricecategoryitem__submit,
.api-setpassword__action,
.api-seatmap__choosebestseataction,
.api-seatmapmatrixplan__sectionlistitem,
.api-seatmapmatrixplan__choosebestseataction,
.api-whatsappview__submit,
.api-articleselection__addtocart,
.api-articleselection__infobutton,
.api-checkoutviewcart__continueshopping,
.api-checkoutviewconfirmation__submit,
.api-checkoutviewmloginregistration__submit,
.api-checkoutviewshipmentrefinement__submit,
.api-customeraccounteditview__submit,
.api-customeraccountviewdeactivateaccount__submit,
.api-customeraccountviewmloginregistration__submit,
.api-customeraccountviewregistration__submit,
.api-eventcalendar__searchformbutton,
.api-fullsizemessage__button,
.api-changepassword__cancel,
.api-emailedit__cancel,
.api-customeraccountaddresseditview__cancel {
    width: auto;
    letter-spacing: .125rem;
    display: inline-flex;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding: 0.875rem 2.5rem 0.875rem 3.5rem;
    text-align: center;
    font-size: 1.0625rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
    transition-property: color, background-color, border;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    border: 1px solid var(--color-tertiary);
    background-color: var(--color-tertiary);
    color: var(--color-tertiary-text);
    position: relative;
}

.api-cartclosed__action:hover,
.api-cartclosed__action:focus,
.api-cartclosed__action:active,
.api-cartrelease__confirmsubmit:hover,
.api-cartrelease__confirmsubmit:focus,
.api-cartrelease__confirmsubmit:active,
.api-contactform__submit:hover,
.api-contactform__submit:focus,
.api-contactform__submit:active,
.api-deactivatecustomeraccount__submit:hover,
.api-deactivatecustomeraccount__submit:focus,
.api-deactivatecustomeraccount__submit:active,
.api-deactivatecustomeraccount__cancel:hover,
.api-deactivatecustomeraccount__cancel:focus,
.api-deactivatecustomeraccount__cancel:active,
.api-emaileditconfirmation__submit:hover,
.api-emaileditconfirmation__submit:focus,
.api-emaileditconfirmation__submit:active,
.api-guestlogin__submit:hover,
.api-guestlogin__submit:focus,
.api-guestlogin__submit:active,
.api-mlogin__submit:hover,
.api-mlogin__submit:focus,
.api-mlogin__submit:active,
.api-mlogindatasyncconfirmation__submit:hover,
.api-mlogindatasyncconfirmation__submit:focus,
.api-mlogindatasyncconfirmation__submit:active,
.api-mloginregistration__submit:hover,
.api-mloginregistration__submit:focus,
.api-mloginregistration__submit:active,
.api-mobilephoneedit__submit:hover,
.api-mobilephoneedit__submit:focus,
.api-mobilephoneedit__submit:active,
.api-mobilephoneeditconfirmation__submit:hover,
.api-mobilephoneeditconfirmation__submit:focus,
.api-mobilephoneeditconfirmation__submit:active,
.api-newsletterview__submit:hover,
.api-newsletterview__submit:focus,
.api-newsletterview__submit:active,
.api-groupedpricecategoryitem__submit:hover,
.api-groupedpricecategoryitem__submit:focus,
.api-groupedpricecategoryitem__submit:active,
.api-setpassword__action:hover,
.api-setpassword__action:focus,
.api-setpassword__action:active,
.api-seatmap__choosebestseataction:hover,
.api-seatmap__choosebestseataction:focus,
.api-seatmap__choosebestseataction:active,
.api-seatmapmatrixplan__sectionlistitem:hover,
.api-seatmapmatrixplan__sectionlistitem:focus,
.api-seatmapmatrixplan__sectionlistitem:active,
.api-seatmapmatrixplan__choosebestseataction:hover,
.api-seatmapmatrixplan__choosebestseataction:focus,
.api-seatmapmatrixplan__choosebestseataction:active,
.api-whatsappview__submit:hover,
.api-whatsappview__submit:focus,
.api-whatsappview__submit:active,
.api-articleselection__addtocart:hover,
.api-articleselection__addtocart:focus,
.api-articleselection__addtocart:active,
.api-articleselection__infobutton:hover,
.api-articleselection__infobutton:focus,
.api-articleselection__infobutton:active,
.api-checkoutviewcart__continueshopping:hover,
.api-checkoutviewcart__continueshopping:focus,
.api-checkoutviewcart__continueshopping:active,
.api-checkoutviewconfirmation__submit:hover,
.api-checkoutviewconfirmation__submit:focus,
.api-checkoutviewconfirmation__submit:active,
.api-checkoutviewmloginregistration__submit:hover,
.api-checkoutviewmloginregistration__submit:focus,
.api-checkoutviewmloginregistration__submit:active,
.api-checkoutviewshipmentrefinement__submit:hover,
.api-checkoutviewshipmentrefinement__submit:focus,
.api-checkoutviewshipmentrefinement__submit:active,
.api-customeraccounteditview__submit:hover,
.api-customeraccounteditview__submit:focus,
.api-customeraccounteditview__submit:active,
.api-customeraccountaddresseditview__submit:hover,
.api-customeraccountaddresseditview__submit:focus,
.api-customeraccountaddresseditview__submit:active,
.api-customeraccountviewdeactivateaccount__submit:hover,
.api-customeraccountviewdeactivateaccount__submit:focus,
.api-customeraccountviewdeactivateaccount__submit:active,
.api-customeraccountviewmloginregistration__submit:hover,
.api-customeraccountviewmloginregistration__submit:focus,
.api-customeraccountviewmloginregistration__submit:active,
.api-customeraccountviewregistration__submit:hover,
.api-customeraccountviewregistration__submit:focus,
.api-customeraccountviewregistration__submit:active,
.api-eventcalendar__searchformbutton:hover,
.api-eventcalendar__searchformbutton:focus,
.api-eventcalendar__searchformbutton:active,
.api-fullsizemessage__button:hover,
.api-fullsizemessage__button:focus,
.api-fullsizemessage__button:active,
.api-changepassword__cancel:hover,
.api-changepassword__cancel:focus,
.api-changepassword__cancel:active,
.api-emailedit__cancel:hover,
.api-emailedit__cancel:focus,
.api-emailedit__cancel:active,
.api-customeraccountaddresseditview__cancel:hover,
.api-customeraccountaddresseditview__cancel:focus,
.api-customeraccountaddresseditview__cancel:active {
    text-decoration-line: none;
    background-color: var(--color-tertiary-dark);
    border: 1px solid var(--color-tertiary-dark);
    color: var(--color-tertiary-text);
}

.api-cartrelease__confirmcancel,
.api-login__submit,
.api-mlogindatasyncconfirmation__cancel,
.api-mloginregistration__cancel,
.api-mobilephoneedit__cancel,
.api-registration__submit,
.api-passwordmail__action,
.api-checkoutviewaddress__submit,
.api-checkoutviewcart__submit,
.api-redeemvoucher__submit,
.api-checkoutviewpaymentmethod__submit,
.api-checkoutviewshipment__submit,
.api-checkoutviewsummary__submit,
.api-customeraccountviewregistration__cancel,
.api-accountinfo__popupbutton,
.api-contactdataview__edit,
.api-customeraccountoverview__action,
.api-customeraccountaddressview__action,
.api-customeraccountaddresseditview__submit,
.api-customeraccountdetails__action,
.api-emailedit__submit,
.api-ticketbutton,
.api-changepassword__submit,
.api-viewbestseat__submit,
.api-voucherselection__action {
    width: auto;
    letter-spacing: .125rem;
    display: inline-flex;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding: 0.875rem 2.5rem 0.875rem 3.5rem;
    text-align: center;
    font-size: 1.0625rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
    transition-property: color, background-color, border;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: var(--color-primary-text);
}

.api-cartrelease__confirmcancel,
.api-login__submit,
.api-mlogindatasyncconfirmation__cancel,
.api-mloginregistration__cancel,
.api-mobilephoneedit__cancel,
.api-registration__submit,
.api-passwordmail__action,
.api-checkoutviewaddress__submit,
.api-checkoutviewcart__submit,
.api-redeemvoucher__submit,
.api-checkoutviewpaymentmethod__submit,
.api-checkoutviewshipment__submit,
.api-checkoutviewsummary__submit,
.api-customeraccountviewregistration__cancel,
.api-accountinfo__popupbutton,
.api-contactdataview__edit,
.api-customeraccountoverview__action,
.api-customeraccountaddressview__action,
.api-customeraccountaddresseditview__submit,
.api-customeraccountdetails__action,
.api-emailedit__submit,
.api-changepassword__submit,
.api-viewbestseat__submit,
.api-voucherselection__action {
    position: relative;
}

.api-cartrelease__confirmcancel:hover,
.api-cartrelease__confirmcancel:focus,
.api-cartrelease__confirmcancel:active,
.api-login__submit:hover,
.api-login__submit:focus,
.api-login__submit:active,
.api-mlogindatasyncconfirmation__cancel:hover,
.api-mlogindatasyncconfirmation__cancel:focus,
.api-mlogindatasyncconfirmation__cancel:active,
.api-mloginregistration__cancel:hover,
.api-mloginregistration__cancel:focus,
.api-mloginregistration__cancel:active,
.api-mobilephoneedit__cancel:hover,
.api-mobilephoneedit__cancel:focus,
.api-mobilephoneedit__cancel:active,
.api-registration__submit:hover,
.api-registration__submit:focus,
.api-registration__submit:active,
.api-passwordmail__action:hover,
.api-passwordmail__action:focus,
.api-passwordmail__action:active,
.api-checkoutviewaddress__submit:hover,
.api-checkoutviewaddress__submit:focus,
.api-checkoutviewaddress__submit:active,
.api-checkoutviewcart__submit:hover,
.api-checkoutviewcart__submit:focus,
.api-checkoutviewcart__submit:active,
.api-redeemvoucher__submit:hover,
.api-redeemvoucher__submit:focus,
.api-redeemvoucher__submit:active,
.api-checkoutviewpaymentmethod__submit:hover,
.api-checkoutviewpaymentmethod__submit:focus,
.api-checkoutviewpaymentmethod__submit:active,
.api-checkoutviewshipment__submit:hover,
.api-checkoutviewshipment__submit:focus,
.api-checkoutviewshipment__submit:active,
.api-checkoutviewsummary__submit:hover,
.api-checkoutviewsummary__submit:focus,
.api-checkoutviewsummary__submit:active,
.api-customeraccountviewregistration__cancel:hover,
.api-customeraccountviewregistration__cancel:focus,
.api-customeraccountviewregistration__cancel:active,
.api-accountinfo__popupbutton:hover,
.api-accountinfo__popupbutton:focus,
.api-accountinfo__popupbutton:active,
.api-contactdataview__edit:hover,
.api-contactdataview__edit:focus,
.api-contactdataview__edit:active,
.api-customeraccountoverview__action:hover,
.api-customeraccountoverview__action:focus,
.api-customeraccountoverview__action:active,
.api-customeraccountaddressview__action:hover,
.api-customeraccountaddressview__action:focus,
.api-customeraccountaddressview__action:active,
.api-customeraccountaddresseditview__submit:hover,
.api-customeraccountaddresseditview__submit:focus,
.api-customeraccountaddresseditview__submit:active,
.api-customeraccountdetails__action:hover,
.api-customeraccountdetails__action:focus,
.api-customeraccountdetails__action:active,
.api-emailedit__submit:hover,
.api-emailedit__submit:focus,
.api-emailedit__submit:active,
.api-ticketbutton:hover,
.api-ticketbutton:focus,
.api-ticketbutton:active,
.api-changepassword__submit:hover,
.api-changepassword__submit:focus,
.api-changepassword__submit:active,
.api-viewbestseat__submit:hover,
.api-viewbestseat__submit:focus,
.api-viewbestseat__submit:active,
.api-voucherselection__action:hover,
.api-voucherselection__action:focus,
.api-voucherselection__action:active {
    text-decoration-line: none;
    background-color: var(--color-primary-dark);
    border: 1px solid var(--color-primary-dark);
    color: var(--color-primary-text);
}

.api-cartclosed__action:before,
.api-cartrelease__confirmsubmit:before,
.api-contactform__submit:before,
.api-deactivatecustomeraccount__submit:before,
.api-deactivatecustomeraccount__cancel:before,
.api-emaileditconfirmation__submit:before,
.api-guestlogin__submit:before,
.api-mlogin__submit:before,
.api-mlogindatasyncconfirmation__submit:before,
.api-mloginregistration__submit:before,
.api-mobilephoneedit__submit:before,
.api-mobilephoneeditconfirmation__submit:before,
.api-newsletterview__submit:before,
.api-groupedpricecategoryitem__submit:before,
.api-setpassword__action:before,
.api-seatmap__choosebestseataction:before,
.api-seatmapmatrixplan__sectionlistitem:before,
.api-seatmapmatrixplan__choosebestseataction:before,
.api-whatsappview__submit:before,
.api-articleselection__addtocart:before,
.api-articleselection__infobutton:before,
.api-checkoutviewcart__continueshopping:before,
.api-checkoutviewconfirmation__submit:before,
.api-checkoutviewmloginregistration__submit:before,
.api-checkoutviewshipmentrefinement__submit:before,
.api-customeraccounteditview__submit:before,
.api-customeraccountaddresseditview__submit:before,
.api-customeraccountviewdeactivateaccount__submit:before,
.api-customeraccountviewmloginregistration__submit:before,
.api-customeraccountviewregistration__submit:before,
.api-eventcalendar__searchformbutton:before,
.api-fullsizemessage__button:before,
.api-changepassword__cancel:before,
.api-emailedit__cancel:before,
.api-customeraccountaddresseditview__cancel:before,
.api-cartrelease__confirmcancel:before,
.api-login__submit:before,
.api-mlogindatasyncconfirmation__cancel:before,
.api-mloginregistration__cancel:before,
.api-mobilephoneedit__cancel:before,
.api-registration__submit:before,
.api-passwordmail__action:before,
.api-checkoutviewaddress__submit:before,
.api-checkoutviewcart__submit:before,
.api-redeemvoucher__submit:before,
.api-checkoutviewpaymentmethod__submit:before,
.api-checkoutviewshipment__submit:before,
.api-checkoutviewsummary__submit:before,
.api-customeraccountviewregistration__cancel:before,
.api-accountinfo__popupbutton:before,
.api-contactdataview__edit:before,
.api-customeraccountoverview__action:before,
.api-customeraccountaddressview__action:before,
.api-customeraccountaddresseditview__submit:before,
.api-customeraccountdetails__action:before,
.api-emailedit__submit:before,
.api-changepassword__submit:before,
.api-viewbestseat__submit:before,
.api-voucherselection__action:before {
    content: '\e92b';
    position: absolute;
    width: 1.25rem;
    font-family: 'bk-icon-font';
    top: 0;
    left: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    margin: auto;
    font-size: 12px;
    line-height: 1;
    transition: width 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.api-cartclosed__action:hover:before,
.api-cartrelease__confirmsubmit:hover:before,
.api-contactform__submit:hover:before,
.api-deactivatecustomeraccount__submit:hover:before,
.api-deactivatecustomeraccount__cancel:hover:before,
.api-emaileditconfirmation__submit:hover:before,
.api-guestlogin__submit:hover:before,
.api-mlogin__submit:hover:before,
.api-mlogindatasyncconfirmation__submit:hover:before,
.api-mloginregistration__submit:hover:before,
.api-mobilephoneedit__submit:hover:before,
.api-mobilephoneeditconfirmation__submit:hover:before,
.api-newsletterview__submit:hover:before,
.api-groupedpricecategoryitem__submit:hover:before,
.api-setpassword__action:hover:before,
.api-seatmap__choosebestseataction:hover:before,
.api-seatmapmatrixplan__sectionlistitem:hover:before,
.api-seatmapmatrixplan__choosebestseataction:hover:before,
.api-whatsappview__submit:hover:before,
.api-articleselection__addtocart:hover:before,
.api-articleselection__infobutton:hover:before,
.api-checkoutviewcart__continueshopping:hover:before,
.api-checkoutviewconfirmation__submit:hover:before,
.api-checkoutviewmloginregistration__submit:hover:before,
.api-checkoutviewshipmentrefinement__submit:hover:before,
.api-customeraccounteditview__submit:hover:before,
.api-customeraccountaddresseditview__submit:hover:before,
.api-customeraccountviewdeactivateaccount__submit:hover:before,
.api-customeraccountviewmloginregistration__submit:hover:before,
.api-customeraccountviewregistration__submit:hover:before,
.api-eventcalendar__searchformbutton:hover:before,
.api-fullsizemessage__button:hover:before,
.api-changepassword__cancel:hover:before,
.api-emailedit__cancel:hover:before,
.api-customeraccountaddresseditview__cancel:hover:before,
.api-cartrelease__confirmcancel:hover:before,
.api-login__submit:hover:before,
.api-mlogindatasyncconfirmation__cancel:hover:before,
.api-mloginregistration__cancel:hover:before,
.api-mobilephoneedit__cancel:hover:before,
.api-registration__submit:hover:before,
.api-passwordmail__action:hover:before,
.api-checkoutviewaddress__submit:hover:before,
.api-checkoutviewcart__submit:hover:before,
.api-redeemvoucher__submit:hover:before,
.api-checkoutviewpaymentmethod__submit:hover:before,
.api-checkoutviewshipment__submit:hover:before,
.api-checkoutviewsummary__submit:hover:before,
.api-customeraccountviewregistration__cancel:hover:before,
.api-accountinfo__popupbutton:hover:before,
.api-contactdataview__edit:hover:before,
.api-customeraccountoverview__action:hover:before,
.api-customeraccountaddressview__action:hover:before,
.api-customeraccountaddresseditview__submit:hover:before,
.api-customeraccountdetails__action:hover:before,
.api-emailedit__submit:hover:before,
.api-changepassword__submit:hover:before,
.api-viewbestseat__submit:hover:before,
.api-voucherselection__action:hover:before {
    width: 1.875rem;
}

.api-viewbestseat__toggleseatingplan,
.api-viewseatingplan__togglebestseat {
    background-color: var(--color-secondary);
    color: var(--color-secondary-text);
}

.api-viewbestseat__submit,
.api-viewseatingplan__submit {
    letter-spacing: .09375rem;
    user-select: none;
    padding: 0.75rem 1.5rem;
    font-size: .875rem;
    line-height: 1;
    border-radius: 9999px;
}

.api-viewbestseat__toggleseatingplan:hover,
.api-viewseatingplan__togglebestseat:hover {
    color: var(--color-secondary-text);
}

body .leaflet-container {
    width: 100%;
}

.api-login__actions {
    margin-top: 20px;
    max-width: 220px;
}

.api-registration__actions {
    max-width: 300px;
}

.api-loginstatus {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    vertical-align: top;
    background-position: center center;
    background-size: 1.875rem;
    background-repeat: no-repeat;
    background-image: url('../dist/images/general/icons/user--gray.svg');
    background-color: transparent;
    text-align: left;
}

.api-loginstatus::before {
    transform: none;
    position: relative;
    left: 0;
}

*.api--is-loading {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 35px !important;
    background-image: url('../dist/images/general/loading-spinner.gif') !important;
    color: transparent !important;
}

.api--is-loading .api-loading__animation {
    display: none;
}

.api-fullsizeloading.api--is-loading {
    background-image: none !important;
}

.api-fullsizeloading__animation {
    width: 75px;
    height: 75px;
    background-image: url('../dist/images/general/loading-spinner.gif') !important;
}

.api-fullsizeloading__overlay {
    background-color: rgba(175, 175, 175, 0.8);
}

.api-loginstatus::before {
    display: none;
}

.api-loginstatus__label,
.api-loginstatus__userinfo {
    display: none;
}

.api-login__forgotpassword {
    padding: 0;
    border: none;
    color: inherit;
    text-align: left;
    font-weight: 400;
    margin-top: 1rem;
    display: inline-block;
}

.api-use-portal-icons .api-cartstatus {
    content: "";
    display: inline-block;
    vertical-align: top;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 2rem;
    text-align: left;
    width: 2rem;
    height: 2rem;
    background-image: url('../dist/images/general/icons/cart--gray.svg');
    overflow: visible;
    background-color: transparent;
    text-indent: 0;
}

.api-cartstatus::before {
    display: none;
}

.api-cartstatus__itemcount {
    background-color: var(--color-primary);
    color: var(--color-primary-text);
    top: -0.1875rem;
    right: -0.5rem;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
}

.api-use-portal-icons input:checked + .api-differingdeliveryaddress__deliveryaddresstyledcheckbox::before {
  border-color: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
}

.api-use-portal-icons input:checked + .api-deactivatecustomeraccount__styledcheckbox::before {
  border-color: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
}

.api-customeraccountaddressview__actions {
    margin-top: 3rem;
}

.api-customeraccountaddressview__customeraccountaddressviewitem:not(:first-child) .api-customeraccountaddressviewitem {
    margin-top: 3rem;
}

.api-customeraccountaddressviewitem__actions {
    max-width: 22rem;
}

.api-customeraccountaddressviewitem__action {
    width: auto;
    letter-spacing: .125rem;
    display: inline-flex;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding: 0.875rem 2.5rem 0.875rem 3.5rem;
    text-align: center;
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1;
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
    transition-property: color, background-color, border;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: var(--color-primary-text);
    margin-bottom: 0;
    margin-top: 1rem;
}

.api-customeraccountaddressviewitem__action:hover,
.api-customeraccountaddressviewitem__action:focus,
.api-customeraccountaddressviewitem__action:active {
    text-decoration-line: none;
    background-color: var(--color-primary-dark);
    border: 1px solid var(--color-primary-dark);
    color: var(--color-primary-text);
}

.api-customeraccountaddressviewitem--default {
    border-left: 4px solid var(--color-primary) !important;
}

.api-login__field,
.api-passwordmail__field,
.api-addressdataform__field--text,
.api-contactdataform__field--text,
.api-emailedit__field--text {
    border: 1px solid var(--color-border) !important;
}

.api-customeraccountviewregistration__dataprotection {
    position: relative;
    padding-left: 30px;
    margin-top: 10px;
}

.api-customeraccountviewregistration__dataprotection a {
    font-weight: bold;
    color: var(--color-primary);
}

.api-customeraccountviewregistration__checkboxlabel {
    cursor: pointer;
}

.api-customeraccountviewregistration__styledcheckbox {
    position: relative;
    left: 0;
    top: 3px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 6px 10px -1px -30px;
    border: 1px solid var(--color-border);
    border-radius: 5px;
    background-color: transparent;
    transition: all 0.25s ease-in-out;
}

input:checked+.api-customeraccountviewregistration__styledcheckbox {
    background-color: transparent;
}

input:checked+.api-customeraccountviewregistration__styledcheckbox::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    height: 10px;
    width: 10px;
    border-radius: 2px;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.api-customeraccountviewregistration__errormessage {
    margin-top: 2rem;
}

.api-customeraccountviewregistration__errormessage:last-child {
    margin-bottom: 30px;
}

.api-customeraccount__customeraccountnavigationbar {
    display: block;
    background-color: var(--color-white);
    text-align: center;
    margin-top: 20px;
}

.api-customeraccountnavigationbar__step--selected a,
.api-customeraccountnavigationbar__step--selected a:hover,
.api-customeraccountnavigationbar__step--selected a:visited:hover {
    border-bottom: 2px solid var(--color-primary);
    color: var(--color-primary);
    text-decoration: none;
}

.api-customeraccount__customeraccountviewaddresses {
    display: block;
    padding-bottom: 50px;
}

.api-customeraccountaddresseditview__actions {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.api-customeraccountdetails__action {
    display: flex !important;
}

.api-accountinfo__popup {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    z-index: 9999;
    top: 200px;
    width: 100%;
    max-width: 500px;
}

.api-accountinfo__close {
    background-color: var(--color-white);
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
}

.api-accountinfo__close::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: left;
    text-indent: -9999px;
    width: 20px;
    height: 1px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -10px;
    background-color: var(--color-gray-650);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.api-accountinfo__close::after {
    content: "";
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: left;
    text-indent: -9999px;
    width: 20px;
    height: 1px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -10px;
    background-color: var(--color-gray-650);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.api-accountinfo__link {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    margin-bottom: 15px;
    font-weight: bold;
}

.api-accountinfo__link:hover {
    color: var(--color-primary);
    text-decoration: none;
}

.api-accountinfo__overlay {
    position: fixed;
    z-index: 7;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(51,51,51,0.3);
}

.api-accountinfo__link::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: left;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background-color: transparent;
}

.api-accountinfo__link:hover::before {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.api-accountinfo__link:hover::before {
    background-color: transparent;
}

.api-accountinfo__link--contact {
    display: none;
}

.api-accountinfo__link--account::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg id=%22Ebene_1%22 data-name=%22Ebene 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2214.01%22 height=%2218.01%22 viewBox=%220 0 14.01 18.01%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2392949c;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon_account-colored%3C/title%3E%3Cpath class=%22cls-1%22 d=%22M9.65,7.8a2.55,2.55,0,0,1,2.55,2.55v3.31a2.55,2.55,0,0,1-2.55,2.55H4.35A2.55,2.55,0,0,1,1.8,13.66V10.35A2.55,2.55,0,0,1,4.35,7.8h5.3m0-1.8H4.35A4.35,4.35,0,0,0,0,10.35v3.31A4.35,4.35,0,0,0,4.35,18H9.66A4.35,4.35,0,0,0,14,13.66V10.35A4.37,4.37,0,0,0,9.65,6Z%22/%3E%3Cpath class=%22cls-1%22 d=%22M8.05,1.8A1.15,1.15,0,0,1,9.2,3V6.2H4.8V3A1.15,1.15,0,0,1,6,1.8h2.1m0-1.8H6A3,3,0,0,0,3,3V8h8V3A3,3,0,0,0,8.05,0Z%22/%3E%3Cpath class=%22cls-1%22 d=%22M7,11.8a.2.2,0,1,1-.2.2.2.2,0,0,1,.2-.2M7,10a2,2,0,1,0,2,2,2,2,0,0,0-2-2Z%22/%3E%3C/svg%3E');
}

.api-accountinfo__link--addresses::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg id=%22Ebene_1%22 data-name=%22Ebene 1%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%2218.48%22 height=%2219%22 viewBox=%220 0 18.48 19%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%2392949c;%7D.cls-3%7Bclip-path:url%28%23clip-path%29;%7D%3C/style%3E%3CclipPath id=%22clip-path%22 transform=%22translate%28-0.77%29%22%3E%3Cpath class=%22cls-1%22 d=%22M16.11,10C14.44,12.67,10,15,10,15s-4.44-2.33-6.11-5L0,9V19H20V9Z%22/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Eicon_accountadress%3C/title%3E%3Cpath class=%22cls-2%22 d=%22M10,1.8a4.41,4.41,0,0,1,4.2,4.6c0,1.49-2.24,3.82-4.2,5.37C8,10.22,5.8,7.89,5.8,6.4A4.41,4.41,0,0,1,10,1.8M10,0A6.22,6.22,0,0,0,4,6.4C4,9.93,10,14,10,14s6-4.07,6-7.6A6.22,6.22,0,0,0,10,0Z%22 transform=%22translate%28-0.77%29%22/%3E%3Cpath class=%22cls-2%22 d=%22M10,4a2,2,0,1,0,2,2,2,2,0,0,0-2-2Z%22 transform=%22translate%28-0.77%29%22/%3E%3Cg class=%22cls-3%22%3E%3Cpath class=%22cls-2%22 d=%22M13,10.8l3.84,6.4H3.18L7,10.8h6M14,9H6L.91,17.49A1,1,0,0,0,1.77,19H18.24a1,1,0,0,0,.86-1.51L14,9Z%22 transform=%22translate%28-0.77%29%22/%3E%3C/g%3E%3C/svg%3E');
}

.api-accountinfo__link--orders::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg id=%22Ebene_1%22 data-name=%22Ebene 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2214%22 height=%2218%22 viewBox=%220 0 14 18%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2392949c;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon_accountorders%3C/title%3E%3Cpath class=%22cls-1%22 d=%22M12,2V16H2V2H12m0-2H2A2,2,0,0,0,0,2V16a2,2,0,0,0,2,2H12a2,2,0,0,0,2-2V2a2,2,0,0,0-2-2Z%22/%3E%3Cpolygon class=%22cls-1%22 points=%2210 4 6 4 6 5 10 5 10 4%22/%3E%3Cpolygon class=%22cls-1%22 points=%2210 6 6 6 6 7 10 7 10 6%22/%3E%3Cpolygon class=%22cls-1%22 points=%2210 8 6 8 6 9 10 9 10 8%22/%3E%3Cpolygon class=%22cls-1%22 points=%2210 10 6 10 6 11 10 11 10 10%22/%3E%3Cpolygon class=%22cls-1%22 points=%2210 12 6 12 6 13 10 13 10 12%22/%3E%3Cpolygon class=%22cls-1%22 points=%225 4 4 4 4 5 5 5 5 4%22/%3E%3Cpolygon class=%22cls-1%22 points=%225 6 4 6 4 7 5 7 5 6%22/%3E%3Cpolygon class=%22cls-1%22 points=%225 8 4 8 4 9 5 9 5 8%22/%3E%3Cpolygon class=%22cls-1%22 points=%225 10 4 10 4 11 5 11 5 10%22/%3E%3Cpolygon class=%22cls-1%22 points=%225 12 4 12 4 13 5 13 5 12%22/%3E%3C/svg%3E');
}

.api-accountinfo__link--overview::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg id=%22Ebene_1%22 data-name=%22Ebene 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2218%22 height=%2216.98%22 viewBox=%220 0 18 16.98%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2392949c;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon_accountoverview-colored%3C/title%3E%3Cpath class=%22cls-1%22 d=%22M10.74.72a2.46,2.46,0,0,0-3.48,0L0,8H2v8a1,1,0,0,0,1,1H7a1,1,0,0,0,1-1V12h2v4a1,1,0,0,0,1,1h4a1,1,0,0,0,1-1V8h2ZM14,8v7H12V10H6v5H4V6.81L8.67,2.14A.47.47,0,0,1,9,2a.43.43,0,0,1,.33.14L14,6.81Z%22/%3E%3C/svg%3E');
}

.api-seatselectionpopup {
    text-align: center;
    font-size: 13px;
    z-index: 60;
}

.api-seatselectionpopup__overlay {
    background-color: transparent;
    backdrop-filter: blur(13px);
    z-index: 60;
}

.api-seatselectionpopup__datefilter {
    display: none;
}

.api-seatselectionpopup__header {
    padding: 30px 40px;
    background-color: var(--color-secondary);
    background-position: center;
    background-size: cover;
    color: var(--color-secondary-text);
}

.api-seatmap__legenditem {
    line-height: 1.8;
}

.api-seatmap__legenditem::before {
    margin-right: 5px;
    margin-top: 1px;
    border: 1px solid var(--color-border);
    background-color: transparent;
}

.api-seatselectionpopup__close {
    border-radius: 50%;
    background-color: var(--color-white);
}

.api-seatmap__legenditem::before {
    margin-right: 5px;
    margin-top: 1px;
    border: 1px solid var(--color-border);
    background-color: transparent;
}

.api-seatmap__legenditem::before {
    margin-right: 5px;
    margin-top: 1px;
    border: 1px solid var(--color-border);
    background-color: transparent;
}

.api-seatselectionpopup__close::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: left;
    text-indent: -9999px;
    width: 20px;
    height: 1px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -10px;
    background-color: var(--color-gray-650);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.api-seatselectionpopup__close::after {
    content: "";
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: left;
    text-indent: -9999px;
    width: 20px;
    height: 1px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -10px;
    background-color: var(--color-gray-650);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.api-seatselectionpopup__wrap, .api-seatselectionpopup__container {
    position: fixed;
    z-index: 60;
    left: 0;
    top: 50px;
    width: 100%;
    height: calc(100% - 50px);
    overflow: auto;
}

.api-seatselectionpopup__popup {
    z-index: 60;
    box-shadow: 0 3px 14px rgba(0,0,0,.3);
}

.api-checkoutviewcart__mobileaction,
.api-checkoutviewaddress__mobileaction,
.api-checkoutviewshipment__mobileaction,
.api-checkoutviewpaymentmethod__mobileaction,
.api-checkoutviewsummary__mobileaction {
    position: relative;
    left: inherit;
    right: inherit;
    bottom: inherit;
}

.api-checkoutviewaddress__dataprotection a {
    color: var(--color-primary);
}

.api-checkoutviewaddress__mobileerror {
    z-index: 99;
}

.api-use-portal-icons input:checked + .api-checkoutviewaddress__styledcheckbox::before {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.api-checkoutviewaddress__mobileaction {
    margin-top: 30px;
}

.api-checkoutprocess__col--main {
    margin-bottom: 40px;
}

.api-checkoutprocess__cols {
    padding-bottom: 0;
}

.api-checkoutviewcart__cart {
    display: block;
    margin-bottom: 40px;
}

.api-checkoutviewcart__redeemvoucher {
    margin-bottom: 40px;
}

.api-redeemvoucher {
    padding: 20px;
    border: 1px solid var(--color-border) !important;
    background-color: var(--color-white);
}

.api-redeemvoucher__voucherlist {
    margin-bottom: 15px;
}

.api-redeemvoucher__field {
    flex: 1 1 100%;
}

.api-redeemvoucher__field .api-redeemvoucher__input {
    height: 100%;
}

.api-redeemvoucher__action {
    flex: 0 0 170px;
}

.api-redeemvoucher__action .api-redeemvoucher__submit {
    width: 100%;
}

.api-redeemvoucher__fieldwrapper {
    display: flex;
    flex-wrap: nowrap;
}

.api-redeemvoucher__input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid var(--color-border) !important;
}

.api-ticketcartitem__toggle--show, .api-ticketcartitem__toggle--hide {
    color: var(--color-primary);
}

.api-ticketcartitemgroup__headline {
    font-size: 1.75rem;
    margin-bottom: 10px;
    color: var(--color-secondary);
}

.api-ticketcartitem__detailcontenttoggle {
    text-decoration: none !important;
    margin-bottom: 10px;
    display: block;
}

.api-cartreduced__flap {
    background-color: var(--color-primary);
}

@media (min-width: 900px) {
    .api-cart__total,
    .api-cartreduced__total {
        font-size: 1.5rem;
    }
}

.api-ticketcartitemgroup__colgroup {
    display: flex;
    flex: 1 1 0;
    justify-content: space-between;
}

.api-ticketcartitemgroup__colgroup--itemdetails {
    flex: 0 0 30%;
    max-width: 30%;
}

.api-ticketcartitemgroup__col {
    flex: 1 1 0;
}

.api-ticketcartitemgroup__col--category {
    flex: 0 0 40%;
    max-width: 40%;
}

.api-ticketcartitemgroup__col--price {
    text-align: right;
    flex: 0 0 15%;
    max-width: 15%;
}

.api-ticketcartitemgroup__col--remove {
    text-align: right;
    flex: 0 0 15%;
    max-width: 15%;
}

.api-ticketcartitem__col--selectseat {
    text-align: center;
}

.api-ticketcartitem__col--section {
    text-align: center;
}

.api-ticketcartitem__col--row {
    text-align: center;
}

.api-ticketcartitem__col--seat {
    text-align: center;
}

.api-ticketcartitem__col--price {
    text-align: right;
    flex: 0 0 15%;
    max-width: 15%;
    line-height: 1.4;
}

.api-ticketcartitem__col--remove {
    text-align: right;
    flex: 0 0 15%;
    max-width: 15%;
}

.api-ticketcartitem__colgroup {
    display: flex;
    flex: 1 1 0;
    justify-content: space-between;
}

.api-ticketcartitem__colgroup--itemdetails {
    flex: 0 0 30%;
    max-width: 30%;
}

.api-viewseatingplan__headline {
    overflow: hidden;
    margin-bottom: 10px;
}

.api-viewseatingplan__submit {
    display: block;
    vertical-align: bottom;
    width: 100%;
    padding: 10px;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    border-radius: 3px;
    background-color: var(--color-primary);
    font-weight: bold;
    color: var(--color-primary-text);
    text-align: center;
    margin-left: auto;
}

.api-viewseatingplan__submit--disabled {
    cursor: not-allowed;
    background-color: var(--color-border) !important;
    border-color: var(--color-border) !important;
    color: var(--color-white) !important;
    pointer-events: none;
}

.api-viewseatingplan__submit--disabled:hover {
    text-decoration: none;
}

.api-viewseatingplan__submit:hover {
    color: var(--color-primary-text);
}

.api-checkoutviewshipment.api--is-loading::after {
    content: '';
    position: fixed;
    z-index: 6;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(175, 175, 175, 0.8);
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 75px 75px !important;
    background-image: url('../dist/images/general/loading-spinner.gif') !important;
}

.api-checkoutviewshipment__submit--disabled {
    cursor: not-allowed;
    background-color: var(--color-border) !important;
    border-color: var(--color-border) !important;
    color: var(--color-white) !important;
}

.api-shippingmethod__icon {
    display: none;
}

.api-shippingmethod__price {
    margin-left: 0;
}

.api-shippingmethod__iconandprice {
    float: left;
}

.api-checkoutviewsummary__headline {
    margin-bottom: 20px;
}

.api-checkoutviewsummary__submit--disabled {
    cursor: not-allowed;
    background-color: var(--color-border) !important;
    border-color: var(--color-border) !important;
    color: var(--color-white) !important;
}

.api-checkoutviewsummary__submit--disabled:hover {
    text-decoration: none;
}

.api-checkoutviewsummary__gtc {
    margin-bottom: 20px;
}

.api-checkoutviewsummary__gtc a {
    font-weight: bold;
    color: var(--color-primary);
}

.api-checkoutviewsummary__action {
    text-align: left;
}

input:checked+.api-checkoutviewsummary__styledcheckbox {
    background-color: transparent;
}

input:checked+.api-checkoutviewsummary__styledcheckbox {
    background-color: var(--color-primary);
}

.api-use-portal-icons input:checked + .api-checkoutviewsummary__styledcheckbox::before{
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    height: 10px;
    width: 10px;
    border-radius: 2px;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.api-checkoutprogressbar__step a {
    transition: all 250ms ease-in-out;
    color: var(--color-gray-650);
    opacity: 0.3;
}

.api-checkoutprogressbar__step--done a, .api-checkoutprogressbar__step--current a {
    opacity: 1;
    font-weight: bold;
    color: var(--color-primary) !important;
}

.api-checkoutprogressbar__step--done a,
.api-checkoutprogressbar__step--current a {
    opacity: 1;
    font-weight: bold;
    color: var(--color-primary) !important;
}

.api-checkoutprogressbar__step--done a i,
.api-checkoutprogressbar__step--current a i {
    background-color: var(--color-primary);
}

.api-checkoutprogressbar__step a:hover {
    color: var(--color-primary);
    text-decoration: none;
    opacity: 1;
}

.api-checkoutprogressbar__step i {
    font-style: normal;
    font-size: 14px;
    margin-right: 5px;
    font-family: 'Open Sans', sans-serif;
    width: 20px;
    height: 20px;
    background-color: var(--color-primary);
    color: var(--color-primary-text) !important;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 250ms ease-in-out;
}

.api-loading--bright .api-loading__overlay {
    background-color: transparent;
    display: none;
}

.api-loading__animation {
    background-image: url('../dist/images/general/loading-spinner.gif');
}

.api-loginstatuswrapper,
.api-cartstatuswrapper {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 250ms ease-in-out;
    border-radius: 50%;
}

.api-loginstatuswrapper:hover,
.api-cartstatuswrapper:hover {
    background-color: var(--color-tertiary-light);
}

.api-customeraccountviewregistration__mandatoryhint {
    margin-left: 0;
}

.api-use-portal-icons input:checked + .api-pricecategorylist__filteroptionstyledcheckbox::before {
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
}

.api-ticketorderitem__ticketdownload,
.api-articleorderhistoryorderitem__ticketdownload {
    color: var(--color-secondary);
}

.api-checkoutviewconfirmation__documentsdownload {
    color: var(--color-secondary);
}

.api-orderhistory__action {
    color: var(--color-secondary);
}

.api-ticketorderhistoryorderitem__ticketdownload {
    color: var(--color-secondary);
}

.api-orderhistoryorder__downloadlink {
    color: var(--color-secondary);
}

.api-use-portal-icons input:checked + .api-cartrelease__styledcheckbox::before {
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
}

.api-ticketcartitemgroup__action {
    color: var(--color-primary);
}

.api-ticketcartitemgroup__reductionpackagetitle {
    color: var(--color-primary);
}

.api-ticketcartitemgroup__reductionpackagelink {
    color: var(--color-primary);
}

.api-cartreductionteaser__infotext a {
    color: var(--color-primary);
}

.api-cartreductionteaser__action {
    background-color: var(--color-primary);
}

.api-checkoutviewpaymentmethod__redeemvoucher {
    display: none;
}

.api-voucherselectionwrapper__dropdown {
    border-radius: 0;
}

.api-voucherselection {
    background-color: var(--color-gray-150);
    padding: 32px;
    margin: 0;
    margin-inline: auto;
    max-width: 600px;
    border: none;
}

.api-voucherselectionwrapper__errormessage {
    border: 1px solid var(--color-error);
    background-color: transparent;
    font-weight: bold;
    color: var(--color-error);
    margin-top: 20px;
}

.api-voucherselectionwrapper__actions {
    margin-top: 20px;
    text-align: left;
}

.api-voucherselectionwrapper__headline {
    display: none !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
}

.api-cartrelease__confirmactions .api-cartrelease__confirmsubmit {
    max-width: 300px;
    margin-right: 50px;
}

.api-cartrelease__confirmactions .api-cartrelease__confirmcancel {
    max-width: 300px;
}

.api-cartrelease__confirmform {
    margin-left: 10px;
}

.api-articlecartitemgroup__table {
    margin-top: 20px;
}

@media (min-width: 900px) {
    .api-checkoutviewsummary__submit {
        max-width: 400px;
    }

    .api-ticketcartitem__col {
        flex: 1 1 0;
    }

    .api-viewseatingplan__submit {
        max-width: 300px;
    }

    .api-checkoutprocess__cols {
        display: flex;
    }

    .api-shippingmethod__grouphead {
        font-size: 1.5rem;
    }

    .api-seatselectionpopup__header {
        border-radius: 30px 30px 0 0;
    }

    .api-seatselectionpopup__close {
        right: -20px;
        top: -20px;
    }

    .api-redeemvoucher__action {
        width: 170px;
        margin-left: 20px;
    }

    .api-ticketcartitem__col {
        flex: 1 1 0;
    }

    .api-ticketcartitem__col--category {
        flex: 0 0 40%;
        max-width: 40%;
        padding-right: 10px;
    }

    .api-ticketcartitem__col--category > * {
        max-width: 100%;
    }

    .api-ticketcartitem__col--category select {
        border: 1px solid black;
        padding: 0 10px;
        cursor: pointer;
    }

    .api-viewseatingplan__togglebestseat {
        max-width: 300px;
    }
}

@media (max-width: 899px) {
    .api-cartrelease__confirmcancel,
    .api-changepassword__cancel,
    .api-emailedit__cancel,
    .api-login__submit,
    .api-mlogindatasyncconfirmation__cancel,
    .api-mloginregistration__cancel,
    .api-mobilephoneedit__cancel,
    .api-registration__submit,
    .api-passwordmail__action,
    .api-checkoutviewaddress__submit,
    .api-checkoutviewcart__submit,
    .api-redeemvoucher__submit,
    .api-checkoutviewpaymentmethod__submit,
    .api-checkoutviewshipment__submit,
    .api-checkoutviewsummary__submit,
    .api-customeraccountaddresseditview__cancel,
    .api-customeraccountviewregistration__cancel,
    .api-cartclosed__action,
    .api-cartrelease__confirmsubmit,
    .api-changepassword__submit,
    .api-contactform__submit,
    .api-customeraccountdetails__action,
    .api-customeraccountoverview__action,
    .api-deactivatecustomeraccount__submit,
    .api-deactivatecustomeraccount__cancel,
    .api-emailedit__submit,
    .api-emaileditconfirmation__submit,
    .api-guestlogin__submit,
    .api-mlogin__submit,
    .api-mlogindatasyncconfirmation__submit,
    .api-mloginregistration__submit,
    .api-mobilephoneedit__submit,
    .api-mobilephoneeditconfirmation__submit,
    .api-newsletterview__submit,
    .api-groupedpricecategoryitem__submit,
    .api-setpassword__action,
    .api-seatmap__choosebestseataction,
    .api-seatmapmatrixplan__sectionlistitem,
    .api-seatmapmatrixplan__choosebestseataction,
    .api-whatsappview__submit,
    .api-accountinfo__popupbutton,
    .api-articleselection__addtocart,
    .api-articleselection__infobutton,
    .api-checkoutviewcart__continueshopping,
    .api-checkoutviewconfirmation__submit,
    .api-checkoutviewmloginregistration__submit,
    .api-checkoutviewshipmentrefinement__submit,
    .api-customeraccounteditview__submit,
    .api-customeraccountaddresseditview__submit,
    .api-customeraccountaddressview__action,
    .api-customeraccountviewdeactivateaccount__submit,
    .api-customeraccountviewmloginregistration__submit,
    .api-customeraccountviewregistration__submit,
    .api-eventcalendar__searchformbutton,
    .api-fullsizemessage__button,
    .api-ticketbutton {
        font-size: .875rem;
        line-height: 1;
        letter-spacing: .09375rem;
        user-select: none;
        padding: 0.75rem 1.5rem;
    }

    .api-seatselectionpopup__header {
        padding: 20px;
    }

    .api-checkoutprocess__col--main {
        padding-bottom: 0;
    }

    .api-ticketcartitem__col--category {
        width: 60%;
    }

    .api-ticketcartitem__col--category select {
        width: 100%;
    }

    .api-ticketcartitem__col--category {
        width: 60%;
    }

    .api-ticketcartitem__col--category select {
        width: 100%;
    }

    .api-ticketcartitem__col--price {
        width: 30%;
    }

    .api-ticketcartitem__col--remove {
        width: 10%;
    }

    .api-ticketcartitem__colgroup--itemdetails {
        display: none;
    }

    .api-checkoutprocess__checkoutviewaddress {
        width: calc(100% - 40px);
    }

    .api-shippingmethod__grouphead {
        font-size: 1.3rem;
    }

    .api-checkoutprocess__checkoutviewsummary {
        width: calc(100% - 40px);
    }

    .api-checkoutviewsummary__action {
        display: none;
    }

    .api-checkoutprocess__checkoutviewshipment {
        width: calc(100% - 40px);
    }

    .api-checkoutprocess__checkoutviewpaymentmethod {
        width: calc(100% - 40px);
        padding-bottom: 40px;
    }

    .api-viewbestseat__submit {
        font-size: .75rem;
    }

    .api-customeraccountnavigationbar ul {
        display: block;
    }

    .api-customeraccountnavigationbar li {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .api-voucherselection {
        padding: 20px;
    }

    .api-voucherselectionwrapper__headline {
        font-size: 1.5rem !important;
    }
}

@media (max-width: 600px) {
    .api-accountinfo__close {
        right: 15px;
        top: 15px;
    }

    .api-redeemvoucher__fieldwrapper {
        flex-wrap: wrap;
    }

    .api-redeemvoucher__action {
        width: 100%;
        flex: 0 0 100%;
        margin-left: 0;
        margin-top: 15px;
    }

    .api-redeemvoucher__action .api-redeemvoucher__submit {
        width: 100%;
    }

    .api-redeemvoucher__field .api-redeemvoucher__input {
        height: 37px;
    }
}