#booking{width:100vw;height:100vh;position:fixed;z-index:1000;top:0;left:0}#booking .bookingcontainer{max-height:96vh;width:40rem;height:auto;padding-bottom:5rem;background:var(--bgcolor);position:fixed;z-index:1001;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--fgcolor)}#booking.standalone .buttons{display:flex;width:100%;background-color:var(--bgcolor)}#booking.standalone{max-height:90vh;min-height:20rem}#booking .scrollcontain{max-height:82vh;padding-bottom:2rem;width:100%;height:calc(100% - 8.5rem);display:flex;justify-content:center;margin-top:3.5rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--secondary-light-grey) transparent}#booking .small{font-size:var(--font-small);padding:.5rem;background:var(--secondary-light-grey-alternative);border-radius:var(--radius)}#booking .clipcardlist{margin-top:1rem}#booking .clipcarditem{display:grid;grid-template-columns:4rem 7fr 4rem;grid-gap:1rem;gap:1rem;margin-bottom:.5rem;border-radius:var(--radius);border:.0625rem solid var(--secondary-light-grey-alternative);padding:.5rem}#booking .clipcarditem *{pointer-events:none}#booking .clipcarditem:hover{cursor:pointer;outline:.25rem solid var(--maincolor)}#booking .clipcarditem:hover button{background:var(--mainpurple)}#booking .clipcardinfo{display:flex;flex-direction:column;justify-content:center}#booking .clipcarditem .save{font-size:var(--font-small);color:var(--secondary-grey)}#booking .clipcarditem .save span{font-weight:700;color:var(--fgcolor)}#booking .icon-clipcard{width:4rem;height:2rem;display:block;content:"";padding-bottom:4rem;font-size:1.5rem;font-weight:bolder;text-align:center;background-position:bottom;border-right:2px dashed var(--secondary-light-grey-alternative);margin-right:1rem}#booking .icon-clipcard span{font-size:1rem}#booking .content{height:100%;padding-top:1rem;max-width:40rem;width:calc(100% - 2rem)}#booking .trainerinfo{display:flex;flex-direction:row;gap:1rem;align-items:center;padding-bottom:1rem;text-align:left}#booking .trainerinfo *{pointer-events:none}#booking .trainerinfo:hover .alias{color:var(--fgcolor)}#booking .trainerinfo:hover .thumb{outline:.25rem solid var(--maincolor);animation:flash .2s ease-in-out}#booking .thumb{width:4rem;height:4rem;border-radius:100rem;overflow:hidden}#booking .smaller{font-size:.875rem;color:var(--secondary-grey)}#booking .thumb img{width:100%;height:100%;object-fit:cover}#booking .alias{font-size:1rem;color:var(--maincolor);font-weight:600}#booking .name{font-weight:600}#booking .sport{font-size:1.2rem;font-weight:600}#booking .address{color:var(--secondary-grey);font-size:.875rem}#booking .price{font-weight:600}#booking .place,#booking .producttype{font-size:.875rem}#booking .place{color:var(--secondary-grey)}#booking .description{margin-top:1rem}#booking .productinfo{text-align:left;border-radius:var(--radius);padding:1rem;box-shadow:0 .1875rem .375rem 0 rgba(0,0,0,.2)}#booking .buttons{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;position:absolute;bottom:0;width:100%;z-index:1;background-color:var(--bgcolor);left:0;padding:1rem;box-shadow:0 -.2rem .5rem rgba(0,0,0,.2)}#booking .schedule{margin-top:1rem;border-radius:var(--radius);overflow:hidden;box-shadow:0 3px 6px 0 rgba(0,0,0,.2)}#booking .schedule .scheduleheader{display:grid;grid-template-columns:3rem 1fr 3rem;border-bottom:1px solid var(--secondary-light-grey-alternative);width:100%;text-align:center;height:3rem;align-items:center;font-weight:600;font-size:1rem}#booking .passgrid{padding:1rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}#booking .programgrid{margin-top:1rem;display:grid;grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem}#booking .notice{color:gray;font-size:.875rem;margin-top:.5rem}#booking .passitem{border-radius:var(--radius);border:2px solid var(--secondary-light-grey);background:var(--secondary-light-grey-alternative);font-weight:600;text-align:left;padding:1rem .2rem 1rem 2.5rem;font-size:.875rem;background-image:url(/_next/static/media/icon-clock.c1a2fa99.svg);background-position:.8rem;background-size:1.2rem;background-repeat:no-repeat}#booking .passitem,#booking .passitem .time{-webkit-user-select:none;-moz-user-select:none;user-select:none}#booking .programgrid .passitem{padding-left:3rem;background-image:url(/_next/static/media/icon-dietprogram.706e9ed7.svg);background-position:.8rem;background-size:1.5rem;background-repeat:no-repeat}#booking .passitem *{pointer-events:none}#booking .passitem:hover{border-color:var(--maincolor);background-color:var(--bgcolor);outline:.1875rem solid var(--maincolor);cursor:pointer}#booking .passitem.active{filter:invert(1);border-color:transparent;background-color:#7b9715}#booking .passitem.active:hover{outline-color:#7b9715}#booking .next,#booking .prev{filter:invert(var(--inverted));width:100%;height:100%;opacity:.3;background-repeat:no-repeat;background-position:50%;background-size:2rem;border:none;background-color:transparent}#booking .prev{rotate:180deg}#booking .next,#booking .prev{background-image:url(/_next/static/media/icon-chevron.09980cdd.svg)}#booking .next:hover,#booking .prev:hover{cursor:pointer;opacity:1}#booking .next:active,#booking .prev:active{cursor:pointer;opacity:1;scale:.9}.darkoverlay{z-index:10000;width:100vw;height:100vh}.darkoverlay:hover{cursor:pointer}.choosepayment-container{top:0;left:0;width:100vw;height:100vh;justify-content:center;align-items:center}.choosepayment,.choosepayment-container{display:flex;position:fixed;z-index:999999;flex-direction:column}.choosepayment{background:var(--bgcolor);color:var(--fgcolor);padding:1rem;border-radius:var(--bigradius);bottom:1rem;width:calc(100% - 2rem);max-width:40rem;text-align:center;box-shadow:0 .3rem .8rem 0 rgba(0,0,0,.2)}.choosepayment-container .darkoverlay{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.5);z-index:0}.choosepayment-container .darkoverlay:hover{cursor:pointer}.selectpayment{grid-gap:1rem;gap:1rem;display:grid;grid-template-columns:1fr 1fr;margin:1rem 0}.selectpayment .payment{border-radius:var(--radius);box-shadow:0 .3rem .8rem 0 rgba(0,0,0,.2);padding:1rem}.selectpayment .payment:hover{cursor:pointer;outline:3px solid var(--maincolor)}.selectpayment .clipcard{background-image:url(/_next/static/media/icon-clipcard.09775ed6.svg)}.selectpayment .clipcard,.selectpayment .money{padding-top:4.5rem;background-size:4rem;background-repeat:no-repeat;background-position:center .3rem}.selectpayment .money{background-image:url(/_next/static/media/icon-card.ab59eb8f.svg)}.clipcards{background-image:url(/_next/static/media/icon-clipcard.09775ed6.svg);background-size:2rem;background-repeat:no-repeat;background-position:.3rem;padding-left:2.8rem;background-color:var(--secondary-light-grey-alternative);border-radius:var(--radius);line-height:2.5rem}.text-center{text-align:center}@media only screen and (max-width:640px){#booking .bookingcontainer{width:100%;height:100%;max-height:100%}#booking .scrollcontain{max-height:100%;height:calc(100% - 3.5rem)}}@media only screen and (min-width:641px){#booking .bookingcontainer{width:40rem;height:auto;padding-bottom:5rem;position:fixed;z-index:100001;top:0;left:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);overflow:hidden;border-radius:var(--bigradius);box-shadow:0 1rem 3rem 0 rgba(0,0,0,.5)}}