html .mybilettix-heading{display:flex;flex-direction:row;justify-content:space-between;max-height:8.5rem;background-color:#000;margin-bottom:3rem;padding:0.75rem}html .mybilettix-heading *{color:white}html .mybilettix-heading .heading-content{display:flex;flex-direction:column;padding:0.75rem;justify-content:space-between}html .mybilettix-heading .heading-content h2{margin-bottom:unset}html .mybilettix-heading .heading-content .heading-text{word-break:break-word;margin-bottom:unset}html .mybilettix-heading .heading-logo-wrapper{padding:0.75rem}html .mybilettix-heading .heading-logo-wrapper .heading-logo{max-height:7rem;max-width:20rem;object-fit:contain;width:100%}html .mybilettix-heading .heading-logo-wrapper img{filter:invert(100%)}html #mybilettix{display:flex;flex-direction:row;gap:2rem}html #mybilettix .navigation{flex-direction:column;gap:0.5rem;border:unset;min-width:13rem}html #mybilettix .navigation li{margin:unset !important}html #mybilettix .navigation li a{padding:0.75rem !important}html #mybilettix .navigation li.active *,html #mybilettix .navigation li:hover *{background-color:#000 !important;color:white !important}html #mybilettix .navigation li *{font-size:1rem}html #mybilettix>.content{width:100%}html #mybilettix>.content h2:first-of-type{margin-top:0.75rem}@media screen and (max-width: 1600px){html #mybilettix>.content ol.collection:not(.small):not(.table-only){display:grid;grid-template-columns:1fr;grid-gap:1.5rem}html #mybilettix>.content ol.collection:not(.small):not(.table-only) a{text-decoration:none}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item{box-shadow:0 3px 10px rgba(0,0,0,0.2);border-radius:2px;min-height:5rem;display:flex;justify-content:space-between;align-items:center;position:relative}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item:hover{box-shadow:0 3px 10px rgba(0,0,0,0.5)}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item .attribute{border-right:unset !important;border-bottom:unset !important}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.body .attribute{padding:unset !important}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.body .attribute.first{border-left:unset !important}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.body .attribute:not(.button-field),html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.body .attribute p,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.body .attribute span{margin-bottom:unset}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.membership,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.coupon,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.check,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.voucher{display:flex;flex-direction:column;align-items:flex-start;gap:0.5rem;padding:0.5rem}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.membership .name,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.coupon .name,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.check .name,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.voucher .name{grid-area:title;font-weight:bold;font-size:1rem;color:#000;text-overflow:ellipsis}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.membership .value,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.coupon .value,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.check .value,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.voucher .value{display:flex;gap:0.25rem}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.membership .value .price,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.coupon .value .price,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.check .value .price,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.voucher .value .price{display:flex;gap:0.2rem}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.membership .redeemed,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.coupon .redeemed,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.check .redeemed,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.voucher .redeemed{grid-area:redeemed;display:flex;align-items:center;gap:0.5rem}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.membership .validTo,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.coupon .validTo,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.check .validTo,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.voucher .validTo{grid-area:validity;display:block !important}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.membership .valid,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.coupon .valid,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.check .valid,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.voucher .valid{display:flex;align-items:center;gap:0.5rem}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.membership .code,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.coupon .code,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.check .code,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.voucher .code{grid-area:code;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:0.9rem}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.membership .code .copy,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.coupon .code .copy,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.check .code .copy,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.voucher .code .copy{width:1.5rem;height:1.5rem;cursor:pointer}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.membership :not(.desktop).overlay.active,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.coupon :not(.desktop).overlay.active,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.check :not(.desktop).overlay.active,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.voucher :not(.desktop).overlay.active{display:block !important;position:absolute !important;top:0 !important;left:0 !important;bottom:0 !important;right:0 !important;background-color:rgba(0,0,0,0.3) !important;border-radius:2px !important}html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.membership .desktop,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.coupon .desktop,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.check .desktop,html #mybilettix>.content ol.collection:not(.small):not(.table-only) li.item.voucher .desktop{display:none !important}html #mybilettix>.content ol.collection:not(.small):not(.table-only)>li.item:first-child{display:none}}html #mybilettix .button{padding:0.75rem}html #mybilettix.ChangePasswordShow>.content,html #mybilettix.ChangeAddressShow>.content{width:100%;display:flex;flex-direction:column;align-items:center}html #mybilettix.ChangePasswordShow>.content form,html #mybilettix.ChangeAddressShow>.content form{max-width:25rem !important;width:100% !important}html #mybilettix.ChangePasswordShow .content-box,html #mybilettix.ChangeAddressShow .content-box,html #mybilettix.ContactForm .content-box{border:unset}html #mybilettix.ChangePasswordShow .content-box .header,html #mybilettix.ChangeAddressShow .content-box .header,html #mybilettix.ContactForm .content-box .header{background-color:unset;margin-bottom:0.75rem;padding:0.75rem 0;color:#000;font-size:1rem}html #mybilettix.ChangePasswordShow .content-box .content,html #mybilettix.ChangeAddressShow .content-box .content,html #mybilettix.ContactForm .content-box .content{padding:unset !important}html #mybilettix.ChangeAddressShow .content .form{grid-template-areas:"gender" "title" "firstname" "lastname" "company" "street" "zip" "city" "country" "tel";grid-template-columns:1fr;gap:1rem}html #mybilettix.ChangeAddressShow .content .form .street-container{flex-direction:column;align-items:start;justify-content:center}html #mybilettix.ChangeAddressShow .content .form .street-container .field-container{max-width:25rem !important;width:100% !important;justify-content:start !important}html #mybilettix.ChangeAddressShow .content .form label{flex-direction:column;align-items:start;justify-content:center}html #mybilettix.ChangeAddressShow .content .form label select,html #mybilettix.ChangeAddressShow .content .form label input{max-width:25rem !important;width:100% !important;max-height:unset !important;box-sizing:border-box !important}html #mybilettix.ChangePasswordShow .flex-container{margin:unset}html #mybilettix.ChangePasswordShow .content .form{gap:1rem}html #mybilettix.ChangePasswordShow .content .form label{flex-direction:column;align-items:start;justify-content:center;gap:0.5rem}html #mybilettix.ChangePasswordShow .content .form label select,html #mybilettix.ChangePasswordShow .content .form label input{max-width:25rem !important;width:100% !important;max-height:unset !important;box-sizing:border-box}html #mybilettix.ChangePasswordShow .button{min-width:5rem;font-size:0.8rem}html #mybilettix.ContactForm .button{min-width:5rem;min-height:unset;font-size:0.8rem;width:fit-content;align-self:end}@media only screen and (max-width: 730px){html #mybilettix{display:block}html #mybilettix .navigation{flex-direction:row;gap:11px;flex-flow:wrap;justify-content:flex-start;border-bottom:2px solid #000;position:relative}html #mybilettix .navigation li{position:relative}html #mybilettix .navigation li:not(:last-child):after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);height:20px;width:1px;background-color:#000}}@media only screen and (max-width: 600px){html .heading-logo-wrapper{display:none}}