@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;padding:0;margin:0;-webkit-tap-highlight-color:transparent}body{height:100%}input,span{line-height:1.6em;font-size:1em}button span{font-size:16px}input[type=email],input[type=password],input[type=search],input[type=text]{-webkit-appearance:textfield}@-webkit-keyframes button-ripple-effect{0%{opacity:0}25%{opacity:1}100%{width:200%;padding-bottom:200%;opacity:0}}@keyframes button-ripple-effect{0%{opacity:0}25%{opacity:1}100%{width:200%;padding-bottom:200%;opacity:0}}.button.is-active .rippleEffect{-webkit-animation:ripple .4s ease-in;animation:ripple .4s ease-in;-webkit-animation:button-ripple-effect .4s ease-in;animation:button-ripple-effect .4s ease-in}.button .rippleEffect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;width:0;height:0;border-radius:50%;background-color:rgba(255,255,255,.25)}.left{float:left}.right{float:right}.clear{clear:both}.hide{display:none!important}.bold{font-weight:700}.show{display:block}@media only screen and (min-width:320px) and (max-width:767px){.showOnlyOnDesktop{display:none}}.centerContent{display:flex;align-items:center;justify-content:center}.clickable{cursor:pointer}.flex{display:flex}.centerVert{display:flex;align-items:center}.spaceBetween{justify-content:space-between}.fal.fa-angle-double-left{font-size:.9em!important}button{outline:0;border-style:outset;border:none;background:0 0;padding:0}button span{font-size:16px}.button{min-width:140px;padding-left:1em;padding-right:1em;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.button span{text-transform:uppercase}@media only screen and (min-width:320px) and (max-width:767px){.button{margin-left:auto;margin-right:auto}}.center{justify-content:center!important}input[type=email],input[type=password],input[type=search],input[type=text]{height:100%;width:100%;border:0;padding-left:.5em}textarea{border:0;padding-left:.6em;padding-top:.6em;font-size:.9em}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus{outline:0!important}select{width:100%;height:30px}.inputContainer{margin-left:1em;margin-right:1em;margin-top:1em}.inputContainer .inputTitle{padding-bottom:.3em;display:inline}.inputContainer .input{height:30px;width:100%}@media only screen and (min-width:320px) and (max-width:767px){.buttonContainer{padding-top:1.5em;padding-bottom:1.5em}}@media only screen and (min-width:768px){.buttonContainer{display:flex;align-items:center;justify-content:center;padding-top:1em;padding-bottom:1em}}.contentContainer{margin-top:.5em}@media only screen and (min-width:320px) and (max-width:767px){.main{min-height:calc(100% - 125px)}}@media only screen and (min-width:768px){.main{min-height:calc(100% - 100px)}}#successMessageContainer{padding:1em 2em 2em 2em;padding-top:1em}#successMessageContainer #succesTop #successTitle span{font-size:1.4em}#successMessageContainer #succesTop #closeIconSuccess{margin-left:auto;position:relative;bottom:10px;left:10px;font-size:1.3em}#successMessageContainer #successContent{margin-top:1em}#main{padding:0;margin:0;height:calc(100% - 30px);width:100%;-webkit-tap-highlight-color:transparent}@media only screen and (min-width:768px){#main{max-width:900px;margin-left:auto;margin-right:auto}}#closeIcon{padding:.5em;position:absolute;top:0;right:0;font-size:1.3em}.p1b{padding-bottom:1em}.checkboxTitle span{line-height:1.2em}.checkBox input[type=checkbox]{display:none}.checkBox input[type=checkbox]:checked+.label-cbx:after{-webkit-animation:.1s ease-out .1s DrawMark;animation:.1s ease-out .1s DrawMark;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.checkBox input[type=checkbox]:checked+.label-cbx{border-color:transparent;box-shadow:none}.checkBox input[type=checkbox]:checked+.label-cbx:before{-webkit-animation:.5s ease-out fadeinout;animation:.5s ease-out fadeinout;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.checkBox .label-cbx{width:15px;height:15px;position:relative;display:inline-block;vertical-align:middle;border-radius:2px;transition:.3s ease;cursor:pointer;margin-right:7px}.checkBox .label-cbx:before{transform:scale(1);opacity:0;content:'';position:absolute;top:3px;left:3px;margin:-10px 0 0 -10px;width:30px;height:30px;border-radius:100%}.checkBox .label-cbx:after{content:"";position:absolute;top:12px;left:4px;border-bottom:3px solid transparent;border-right:3px solid transparent}.tooltip,[data-tooltip]{position:relative;cursor:pointer}.tooltip:after,.tooltip:before,[data-tooltip]:after,[data-tooltip]:before{position:absolute;visibility:hidden;opacity:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24);transform:translate3d(0,0,0);pointer-events:none}.tooltip:focus:after,.tooltip:focus:before,.tooltip:hover:after,.tooltip:hover:before,[data-tooltip]:focus:after,[data-tooltip]:focus:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;opacity:1}.tooltip:before,[data-tooltip]:before{z-index:1001;border:6px solid transparent;background:0 0;content:""}.tooltip:after,[data-tooltip]:after{z-index:1000;padding:8px;width:160px;content:"";font-size:14px;line-height:1.2;text-align:center}.tooltip-top:after,.tooltip-top:before,.tooltip:after,.tooltip:before,[data-tooltip]:after,[data-tooltip]:before{bottom:100%;left:50%}.tooltip-top:before,.tooltip:before,[data-tooltip]:before{margin-left:-6px;margin-bottom:-12px}.tooltip-top:after,.tooltip:after,[data-tooltip]:after{margin-left:-88px}.tooltip-top:focus:after,.tooltip-top:focus:before,.tooltip-top:hover:after,.tooltip-top:hover:before,.tooltip:focus:after,.tooltip:focus:before,.tooltip:hover:after,.tooltip:hover:before,[data-tooltip]:focus:after,[data-tooltip]:focus:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{transform:translateY(-12px)}.tooltip-top:focus:after,.tooltip-top:hover:after,.tooltip:focus:after,.tooltip:hover:after,[data-tooltip]:focus:after,[data-tooltip]:hover:after{content:attr(data-tooltip);font-weight:100}.tooltip-left:after,.tooltip-left:before{right:100%;bottom:50%;left:auto}.tooltip-left:before{margin-left:0;margin-right:-12px;margin-bottom:0;border-top-color:transparent}.tooltip-left:focus:after,.tooltip-left:focus:before,.tooltip-left:hover:after,.tooltip-left:hover:before{transform:translateX(-12px)}.tooltip-bottom:after,.tooltip-bottom:before{top:100%;bottom:auto;left:50%}.tooltip-bottom:before{margin-top:-12px;margin-bottom:0;border-top-color:transparent}.tooltip-bottom:focus:after,.tooltip-bottom:focus:before,.tooltip-bottom:hover:after,.tooltip-bottom:hover:before{transform:translateY(12px)}.tooltip-right:after,.tooltip-right:before{bottom:50%;left:100%}.tooltip-right:before{margin-bottom:0;margin-left:-12px;border-top-color:transparent}.tooltip-right:focus:after,.tooltip-right:focus:before,.tooltip-right:hover:after,.tooltip-right:hover:before{transform:translateX(12px)}.tooltip-left:before,.tooltip-right:before{top:3px}.tooltip-left:after,.tooltip-right:after{margin-left:0;margin-bottom:-16px}.select_box{-ms-user-select:None;-moz-user-select:None;-webkit-user-select:None}.select_box[data-state='1']{position:relative}.select_box[data-state='1'] .select_box_options{display:block;transition:.5s}.select_box[data-state='1'] .select_box_selected{border:0}.select_box[data-state='1'] .select_box_options{border:0}.select_box img{height:30px}.select_box .select_box_infos_title{font-size:.7em;padding-top:.25em}.select_box .select_box_selected{display:flex;align-items:center;height:30px}.select_box .select_box_selected .select_box_selected_option{display:flex;align-items:center;width:calc(100% - 30px);height:30px}.select_box .select_box_selected:hover .select_icon{transition:all .5s}.select_box .select_box_options{display:none;z-index:2;position:relative}.select_box .select_box_options .select_box_option{display:flex;align-items:center;height:30px}.select_box .select_box_options .select_box_option:hover{transition:all .25s}.select_box .select_box_infos{padding-left:.4em;height:30px;display:flex;justify-content:center;flex-direction:column}.select_box .select_icon{height:30px;width:30px;display:flex;justify-content:center;align-items:center;font-size:1.3em}#openMapButton{height:30px;position:absolute;width:150px;z-index:3;background-color:rgba(0,60,136,.5);bottom:0}#overlay,#overlayError{height:100%;width:100%;position:absolute;position:fixed;top:0;z-index:1;display:flex;justify-content:center;align-items:center}#overlay .overlayInfoContainer,#overlayError .overlayInfoContainer{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:650px;padding:1em;position:relative}@media only screen and (min-width:320px) and (max-width:767px){#overlay .overlayInfoContainer,#overlayError .overlayInfoContainer{max-width:300px}}#overlay .overlayInfoContainer .overlayInfoTitle,#overlayError .overlayInfoContainer .overlayInfoTitle{font-weight:700;font-size:1em}#overlay .overlayInfoContainer .overlayInfoContent,#overlay .overlayInfoContainer .overlayInfoTitle,#overlayError .overlayInfoContainer .overlayInfoContent,#overlayError .overlayInfoContainer .overlayInfoTitle{text-align:center;padding-top:1em;padding-left:1em;padding-right:1em}#overlay .overlayInfoContainer .overlayInfoContent,#overlayError .overlayInfoContainer .overlayInfoContent{padding-top:1em}#overlayError{z-index:3}#main #header{display:flex;justify-content:space-between;align-items:center;padding-right:1em;position:relative;z-index:2;height:67px}@media only screen and (min-width:768px){#main #header{padding-right:2em}}#main #header #logoContainer{width:240px;position:relative}@media only screen and (min-width:768px){#main #header #logoContainer{left:calc(50% - 120px + 2em)}}#main #header #logoContainer img{max-height:57px;max-width:240px}#main #header #nav{position:relative;z-index:999}#main #header #nav ul{list-style:none}#main #header #nav ul li{position:relative}#main #header #nav #menuIconNav{width:25px;height:25px;position:relative;cursor:pointer}#main #header #nav #menuIconNav span{display:block;position:absolute;height:4px;width:100%;background:#000;border-radius:9px;left:0;transition:.25s ease-in-out}#main #header #nav #menuIconNav span:nth-child(1){top:4px}#main #header #nav #menuIconNav span:nth-child(2){top:12px}#main #header #nav #menuIconNav span:nth-child(3){top:20px}#main #header #nav #menuIconNav.openMenu{height:22px}#main #header #nav #menuIconNav.openMenu span{background:#2665aa}#main #header #nav #menuIconNav.openMenu span:nth-child(1){top:12px;transform:rotate(135deg)}#main #header #nav #menuIconNav.openMenu span:nth-child(2){opacity:0;left:-30px}#main #header #nav #menuIconNav.openMenu span:nth-child(3){top:12px;transform:rotate(-135deg)}#main #header #menuOverlay .top-triangle{width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;position:absolute;top:26px;right:4px;transform:rotate(90deg)}#main #header #menuOverlay .top-triangle:after{content:'';width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;position:absolute;top:-13px;left:2px}#main #header #menuOverlay #menu{top:48px;position:absolute;right:-1px;width:305px}#main #header #menuOverlay #menu #menuMap{position:relative;overflow:hidden;height:200px}#main #header #menuOverlay #menu #menuContent span{display:block}#main #header #menuOverlay #menu #menuContent .buttonContainer{padding-top:1em}#main #header #menuOverlay #menu #menuContent .menuRow{display:flex;align-items:center;padding:.3em;padding-left:1.5em;padding-right:1.5em;padding-top:.7em}#main #header #menuOverlay #menu #menuContent .menuRow .menuRowIcon{padding-right:1em;font-size:1.2em}#main #header #menuOverlay #menu #menuContent .menuRow .menuRowIcon span:first-of-type{width:30px}#main #header #menuOverlay #menu #menuContent .menuRow:last-of-type{padding-bottom:1em}#main #header #menuOverlay #menu #menuContent .subMenu{padding-left:1.5em}#main #header #menuOverlay #menu #menuContent .subMenu .inputContainer{margin-right:0;margin-left:0;height:30px}#main #header #menuOverlay #menu #menuContent .subMenu#saloons .subMenuContent{display:flex;align-items:center;justify-content:space-between}#main #header #menuOverlay #menu #menuContent .subMenu#saloons .subMenuContent:hover{background-color:#ebf1f7}#main #header #menuOverlay #menu #menuContent .subMenu .subMenuContent{padding:.3em;padding-left:3em;padding-right:1.5em}#main #header #menuOverlay #menu #menuContent .subMenu .subMenuContent .buttonContainer{padding-top:1em}#main #header #menuOverlay #menu #menuContent .subMenu .subMenuContent button:not(.button) span{text-align:left}#main #footer{text-align:center;font-size:.9em;padding:.5em}#loginPage #forgotPasswort{padding-top:.5em}#loginPage #startPageTitleContainer{width:100%;text-align:left}#loginPage #startPageTitleContainer #startPageTitle{margin-left:2em;margin-right:2em;padding-top:1em;padding-right:1em;padding-bottom:1em}@media only screen and (min-width:320px) and (max-width:767px){#loginPage #startPageTitleContainer #startPageTitle{border-bottom:0!important}}#loginPage #startPageTitleContainer #startPageTitle span{font-size:1.4em;font-weight:700}@media only screen and (min-width:320px) and (max-width:767px){#loginPage #startPageTitleContainer #startPageTitle span{order:2}}#loginPage img{width:100%}#loginPage #infoContent{padding:2em}#loginPage #infoTitle{font-weight:700;padding-bottom:1em}#loginPage #infoTitle span{font-size:1.1em}#loginPage #infoText{padding-bottom:1em}#loginPage #infoFooterTitle{font-weight:700}#loginPage #loginContainerForDesktop{display:flex}@media only screen and (min-width:320px) and (max-width:767px){#loginPage #loginContainerForDesktop{flex-direction:column}}@media only screen and (min-width:768px){#loginPage #loginContainerForDesktop{display:flex;flex-wrap:wrap}}#loginPage .contentContainer{margin-top:.5em}#loginPage .contentContainer .inputContainer .inputTitle{padding-bottom:.3em}#loginPage .contentContainer .inputContainer .input{height:30px;width:100%}@media only screen and (min-width:768px){#loginPage .contentContainer#loginContainer{height:calc(225px);width:calc(50% - 4em);order:2;margin-top:0;padding:2em;padding-top:1em;padding-bottom:0}}@media only screen and (min-width:320px) and (max-width:767px){#loginPage .contentContainer#loginContainer{order:1}}@media only screen and (min-width:768px){#loginPage .contentContainer#loginContainer .inputContainer{margin-left:0;margin-right:0}}#loginPage .contentContainer#loginContainer #loginHeader{display:flex;align-items:center}@media only screen and (min-width:320px) and (max-width:767px){#loginPage .contentContainer#loginContainer #loginHeader{justify-content:center;padding-top:.5em}}#loginPage .contentContainer#loginContainer #loginHeader #loginHeaderTitle{padding-right:1em}#loginPage .contentContainer#loginContainer #loginHeader #loginHeaderTitle span{font-weight:700;font-size:1.4em}@media only screen and (min-width:768px){#loginPage .contentContainer#loginContainer .buttonContainer{float:right;padding-bottom:1em;position:relative;bottom:21px;padding-top:0;padding-bottom:0}}#loginPage .contentContainer#registrationContainer{margin-top:0;padding:2em;padding-top:1em;padding-bottom:0}@media only screen and (min-width:768px){#loginPage .contentContainer#registrationContainer{width:calc(50% - 4em);order:1;height:225px}}@media only screen and (min-width:320px) and (max-width:767px){#loginPage .contentContainer#registrationContainer{order:3;margin-top:1em}}#loginPage .contentContainer#registrationContainer #registrationTitle span{font-weight:700;font-size:1.4em}#loginPage .contentContainer#registrationContainer #registrationContent{min-height:84px}#loginPage .contentContainer#registrationContainer #registrationContent,#loginPage .contentContainer#registrationContainer #registrationTitle{padding-bottom:.5em}@media only screen and (min-width:320px) and (max-width:767px){#loginPage .contentContainer#registrationContainer #registrationContent,#loginPage .contentContainer#registrationContainer #registrationTitle{text-align:center}}#loginPage .contentContainer#registrationContainer #registrationContent span{line-height:1.8em}@media only screen and (min-width:768px){#loginPage .contentContainer#registrationContainer .buttonContainer{display:flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0}}@media only screen and (min-width:768px){#loginPage .contentContainer#registrationContainer .buttonContainer{justify-content:end}}@media only screen and (min-width:768px){#loginPage .contentContainer#infoContainer{display:flex;order:3;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media only screen and (min-width:768px){#loginPage .contentContainer#infoContainer #infoImage{width:50%}}@media only screen and (min-width:768px){#loginPage .contentContainer#infoContainer #infoContent{width:calc(50% - 4em);max-height:calc(299px - 4em);overflow:auto}}#loginPage .contentContainer#newsContainer{overflow:hidden}@media only screen and (min-width:768px){#loginPage .contentContainer#newsContainer{display:flex;order:4;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}#loginPage .contentContainer#newsContainer #infoImage{position:relative}@media only screen and (min-width:768px){#loginPage .contentContainer#newsContainer #infoImage{width:50%;order:2}}#loginPage .contentContainer#newsContainer #infoImage #nextImg,#loginPage .contentContainer#newsContainer #infoImage #prevImg{position:absolute;font-size:1.5em;top:calc(50% - 25px);border-radius:100%;padding:.3em;width:23px;height:23px;display:flex;justify-content:center;align-items:center}#loginPage .contentContainer#newsContainer #infoImage #prevImg{left:5px}#loginPage .contentContainer#newsContainer #infoImage #prevImg span{position:relative;right:1px}#loginPage .contentContainer#newsContainer #infoImage #nextImg{right:5px}#loginPage .contentContainer#newsContainer #infoImage #nextImg span{position:relative;left:1px}@media only screen and (min-width:768px){#loginPage .contentContainer#newsContainer #infoContent{width:calc(50% - 4em);max-height:calc(299px - 4em);overflow:auto}}@media only screen and (min-width:768px){#newCustomerPage #register_form_top{display:flex}}@media only screen and (min-width:768px){#newCustomerPage #inputContainers{height:220px;display:flex;flex-wrap:wrap;width:94%;padding-bottom:1em;padding-left:1em}}@media only screen and (min-width:768px){#newCustomerPage #inputContainers .inputContainer{width:calc(55% - 4em - 10px)}}@media only screen and (min-width:768px){#newCustomerPage .inputContainer{margin-top:0}}#newCustomerPage #checkboxInfos{padding-right:1em}#newCustomerPage #checkboxInfos .inputContainer{margin-top:1em}@media only screen and (min-width:768px){#newCustomerPage #checkboxInfos .inputContainer{margin-top:1.3em}#newCustomerPage #checkboxInfos .inputContainer:first-of-type{margin-top:0}}@media only screen and (min-width:768px){#newCustomerPage #checkboxInfos .buttonContainer{display:flex;align-items:center;justify-content:center;margin-top:41px}}#newCustomerPage #registerHeader{margin:1em;display:flex;justify-content:space-between;align-items:center;padding-bottom:1em}@media only screen and (min-width:768px){#newCustomerPage #registerHeader{margin-right:2em;margin-left:2em}}#newCustomerPage #registerHeader #registerHeaderTitle{font-weight:700}#newCustomerPage #registerHeader #registerHeaderTitle span{font-size:1.4em}@media only screen and (min-width:320px) and (max-width:767px){#newCustomerPage #registerHeader #registerHeaderTitle{padding-top:1em}}#newCustomerPage #registerHeader #registerHeaderIcon{margin-top:.45em}#newCustomerPage #registerHeader #registerHeaderBack button{height:34px}#saloonPage #searchIcon{position:relative;left:8px;bottom:23px}#saloonPage #saloonPageTitle span{font-size:1.4em;font-weight:700}@media only screen and (min-width:320px) and (max-width:767px){#saloonPage #saloonPageTitle span{font-size:1em}}#saloonPage .inputContainer{padding-top:1em;margin-top:.5em}@media only screen and (min-width:768px){#saloonPage .inputContainer{margin-left:2em;margin-right:2em}}#saloonPage input[type=search]{padding-left:1.9em;width:100%}#saloonPage #saloonPageTitle{padding-bottom:1em;padding-top:1em;margin-left:1em;margin-right:1em}@media only screen and (min-width:768px){#saloonPage #saloonPageTitle{margin-left:2em;margin-right:2em}}#saloonPage .saloons{padding:0 1em 0 1em;margin-top:1em;height:calc(100% - 247px);overflow-y:auto}@media only screen and (min-width:320px) and (max-width:767px){#saloonPage .saloons .centerVert{flex-direction:column;align-items:self-start}}@media only screen and (min-width:768px){#saloonPage .saloons{padding:0 2em 0 2em}}#saloonPage .saloons button{width:100%}#saloonPage .saloons .saloonContainer{padding:.4em .25em .4em 1em;display:flex;margin-top:1em;justify-content:space-between;align-items:center}#saloonPage .saloons .saloonContainer .saloonTitle{font-weight:600;padding-right:.4em;position:relative}#saloonPage .saloons .saloonContainer .saloonAdress{padding-left:.4em}@media only screen and (min-width:320px) and (max-width:767px){#saloonPage .saloons .saloonContainer .saloonAdress{flex-direction:row;padding-left:0}}#saloonPage .saloons .saloonContainer .saloonStreet{padding-right:.4em;position:relative}#saloonPage .saloons .saloonContainer .saloonStreet:after{content:"";position:absolute;bottom:5px;right:0;height:65%;width:1px}@media only screen and (min-width:768px){#saloonPage .saloons .saloonContainer .saloonStreet:before{content:"";position:absolute;bottom:5px;left:-6;height:65%;width:1px}}#saloonPage .saloons .saloonContainer .saloonCity{padding-left:.4em}#saloonPage .saloons .saloonContainer .saloonIcon{padding-right:.5em}#openReservationPage #noOrdersMessage{text-align:center;font-weight:700}#openReservationPage .additionalOrderTop{margin-top:2em;padding-top:1em}#openReservationPage .additionalOrderSummary{padding-left:1em}#openReservationPage #reservationsContainer{padding-top:1em;margin-left:1em;margin-right:1em}@media only screen and (min-width:768px){#openReservationPage #reservationsContainer{margin-left:2em;margin-right:2em}}#openReservationPage #reservationsContainer #reservationBottom{margin-top:2em}#openReservationPage #reservationsContainer #reservationBottom #reservationBottomMessage{text-align:center}#openReservationPage #reservationsContainer .reservationContainer{margin-top:1em}#openReservationPage #reservationsContainer .reservationContainer .reservationHeader .reservationHeaderTitle{padding-left:1em}#openReservationPage #reservationsContainer .reservationContainer .reservationHeader .reservationHeaderTitle span{position:relative;top:2px;font-weight:700}#openReservationPage #reservationsContainer .reservationContainer .reservationDeatils{padding-left:2em}@media only screen and (min-width:320px) and (max-width:767px){.mobile{display:none}}@media only screen and (min-width:320px) and (max-width:767px){#paymentFields{max-height:233px!important}}#makeReservationPage #mainItems.step4{padding-top:.1em}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #reservation_form{min-height:calc(100% - 90px)}}@media only screen and (min-width:768px){#makeReservationPage #reservation_form{min-height:calc(100% - 100px)}}#makeReservationPage .saloonContainer{display:flex;margin-top:1em;align-items:center;padding:.4em .25em .4em 1em}#makeReservationPage .saloonContainer .saloonTitle{font-weight:600;padding-right:.4em;position:relative}#makeReservationPage .saloonContainer .saloonTitle:after{content:"";position:absolute;bottom:5px;right:0;height:65%;width:1px}#makeReservationPage .saloonContainer .saloonAdress{padding-left:.4em}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage .saloonContainer .saloonAdress{flex-direction:row;padding-left:0}}#makeReservationPage .saloonContainer .saloonStreet{padding-right:.4em;position:relative}#makeReservationPage .saloonContainer .saloonStreet:after{content:"";position:absolute;bottom:5px;right:0;height:65%;width:1px}#makeReservationPage .saloonContainer .saloonCity{padding-left:.4em}#makeReservationPage .saloonContainer .saloonIcon{padding-right:.5em}#makeReservationPage #reservationForm{min-height:calc(100% - 100px)}#makeReservationPage .bottom_employee_selection{padding-top:1em}#makeReservationPage .employee_selections .employee_selection{padding-bottom:.5em}#makeReservationPage #step3 .inputContainer{margin:0}#makeReservationPage .itemGroup{padding:.4em .96em .4em .5em;justify-content:space-between;margin-top:.5em;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#makeReservationPage .makeReservationIcon span{font-size:1.1em}#makeReservationPage #nextStep1{display:flex;justify-content:space-between}#makeReservationPage #nextStep1 .buttonContainer{padding-bottom:0;padding-top:2em}#makeReservationPage #nextStep1 .button{margin-left:0;margin-right:0}#makeReservationPage #makeReservationTop{padding-bottom:1em;padding-top:1em;margin-bottom:1em}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #makeReservationTop{margin-bottom:0}}#makeReservationPage #makeReservationTop #makeReservationTopTitle span{font-size:1.4em;font-weight:700}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #makeReservationTop #makeReservationTopTitle span{font-size:1em}}#makeReservationPage #makeReservationTop #makeReservationSteps{flex:1;justify-content:flex-end}#makeReservationPage #makeReservationTop #makeReservationSteps .stepIcon{width:12px;height:12px;border-radius:100%;margin-left:.4em}#makeReservationPage .items{padding-left:1em;padding-right:1em;padding-top:1em}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage .items{padding-left:.5em;padding-right:.5em}}#makeReservationPage .items .item{margin-bottom:.5em}#makeReservationPage .items .item .itemRow2{margin-left:30px}#makeReservationPage #itemChangeContainer{justify-content:space-between}@media only screen and (min-width:768px){#makeReservationPage #itemChangeContainer{padding:1em 2em 1em 2em}}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #itemChangeContainer{padding:.5em 1em .5em 1em}}#makeReservationPage .saloons{padding:0 1em 0 1em;overflow-y:auto}#makeReservationPage .saloons button{width:100%}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage .saloons .centerVert{flex-direction:column;align-items:self-start}}#makeReservationPage .saloons .saloonContainer{display:flex;margin-top:1em;justify-content:space-between;align-items:center}#makeReservationPage .saloons .saloonContainer .saloonTitle{font-weight:600;padding-right:.4em;position:relative}#makeReservationPage .saloons .saloonContainer .saloonAdress{padding-left:.4em}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage .saloons .saloonContainer .saloonAdress{flex-direction:row;padding-left:0}}#makeReservationPage .saloons .saloonContainer .saloonStreet{padding-right:.4em;position:relative}#makeReservationPage .saloons .saloonContainer .saloonStreet:after{content:"";position:absolute;bottom:5px;right:0;height:65%;width:1px}@media only screen and (min-width:768px){#makeReservationPage .saloons .saloonContainer .saloonStreet:before{content:"";position:absolute;bottom:5px;left:-6;height:65%;width:1px}}#makeReservationPage .saloons .saloonContainer .saloonCity{padding-left:.4em}#makeReservationPage .saloons .saloonContainer .saloonIcon{padding-right:.5em}#makeReservationPage #saloonChangeContainer{justify-content:space-between}@media only screen and (min-width:768px){#makeReservationPage #saloonChangeContainer{padding:1em 2em 1em 2em}}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #saloonChangeContainer{padding:.5em 1em .5em 1em}}@media only screen and (min-width:768px){#makeReservationPage #mainItems{padding-left:2em;padding-right:2em}}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #mainItems{padding-left:1em;padding-right:1em;padding-top:.1em}}#makeReservationPage .weekDays .weekDaySuggestions{flex-wrap:wrap;padding-top:1em;padding-left:.5em;padding-right:.5em;padding-bottom:1em}#makeReservationPage .weekDays .weekDaySuggestions .timeOption{padding:.5em .1em .5em .1em;font-weight:700}#makeReservationPage .weekDays .weekDaySuggestions .timeOption input[type=radio]{display:none}#makeReservationPage .weekDays .weekDaySuggestions .timeOption label{line-height:1em;padding:.5em;transition:all .3s;padding:.2em .8em .2em .8em}#makeReservationPage #reservationInfos{display:flex;justify-content:center;margin-top:1em}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #reservationInfos{margin-top:0}}#makeReservationPage #reservationInfos .reservationInfoCalendar{width:50%;height:90px}@media only screen and (min-width:768px){#makeReservationPage #reservationInfos .reservationInfoCalendar{padding-left:2em}}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #reservationInfos .reservationInfoCalendar{width:calc(100% - 2em);display:flex;flex-direction:column;justify-content:center;padding-top:.25em}}#makeReservationPage #reservationInfos .reservationInfoCalendar span{padding-right:.5em;font-size:1.2em}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #reservationInfos .reservationInfoCalendar span{font-size:1em}}#makeReservationPage #reservationInfos .reservationInfoCalendar span:first-of-type{font-size:3em}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #reservationInfos .reservationInfoCalendar span:first-of-type{font-size:1.4em}}#makeReservationPage #orderInfo #saloonInfo{margin-top:1em;margin-bottom:1em;justify-content:flex-start;border-bottom:1px solid grey}#makeReservationPage #orderInfo .saloonContainer{padding:.4em .25em .4em .4em}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #orderInfo .saloonContainer{align-items:end}}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #orderInfo .saloonContainer .saloonAdress{padding-left:1.25em}}#makeReservationPage #orderInfo .saloons{padding:0}#makeReservationPage #orderInfo .priceInfo{margin-top:1em}#makeReservationPage #orderInfo #items{border-bottom:1px solid}#makeReservationPage #orderInfo #items .itemInfo .itemInfoTop{justify-content:space-between}#makeReservationPage #orderInfo #items .itemInfo .itemInfoTop .itemNm{width:56%}#makeReservationPage #orderInfo #items .itemInfo .itemInfoTop .itemNm span{font-weight:700}#makeReservationPage #orderInfo #items .itemInfo .itemEmployeeOnlyMobile{display:flex;justify-content:space-between}@media only screen and (min-width:768px){#makeReservationPage #orderInfo #items .itemInfo .itemEmployeeOnlyMobile{display:none}}#makeReservationPage #orderInfo #items .itemInfo .itemEmployeeOnlyDesktop{display:flex}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #orderInfo #items .itemInfo .itemEmployeeOnlyDesktop{display:none}}#makeReservationPage #orderInfo .orderInfos{margin-left:.5em;margin-right:.5em}#makeReservationPage #orderInfo #additionalOrderInfos{margin-top:1em}#makeReservationPage #orderInfo #additionalOrderInfos textarea{width:100%;min-height:60px}#makeReservationPage #orderInfo #additionalOrderInfos #reminderInformation{margin-top:1em}#makeReservationPage #orderInfo #additionalOrderInfos #reminderInformation .inputContainer{margin-left:0}#makeReservationPage #orderInfoText{padding-top:2em}#makeReservationPage #orderInfoText div{display:flex;align-items:center}#makeReservationPage #orderInfoText div span{text-align:center;width:100%}#makeReservationPage #orderOverview{padding:1em;padding-top:0}#makeReservationPage #orderOverview .orderOverviewRow{padding-top:.75em}#makeReservationPage #orderOverview .orderOverviewRow .icon{margin-right:1em}#makeReservationPage #orderOverview .orderOverviewPriceInfo{margin-top:1em;border-top:1px solid}#makeReservationPage #successMessageContainer{margin-bottom:1em}#makeReservationPage #successMessageContainer #successContent span{display:block;text-align:center}#makeReservationPage #noOrdersInfo{display:flex;align-items:center;justify-content:center;font-weight:700;padding-top:1em}@media only screen and (min-width:320px) and (max-width:767px){#makeReservationPage #noOrdersInfo{padding:1em;text-align:center}}#makeReservationPage .input{height:40px}#makeReservationPage .select_box{position:relative;-ms-user-select:None;-moz-user-select:None;-webkit-user-select:None}#makeReservationPage .select_box[data-state='1'] .select_box_options{display:block;transition:.5s;max-height:300px;overflow-x:hidden}#makeReservationPage .select_box[data-state='1'] .select_box_selected{border:0}#makeReservationPage .select_box[data-state='1'] .select_box_options{border:0}#makeReservationPage .select_box img{height:40px}#makeReservationPage .select_box span{line-height:1.1em}#makeReservationPage .select_box .select_box_infos_title{font-size:.7em;padding-top:.25em}#makeReservationPage .select_box .select_box_selected{display:flex;align-items:center;height:40px}#makeReservationPage .select_box .select_box_selected .select_box_selected_option{display:flex;align-items:center;width:calc(100% - 40px);height:40px}#makeReservationPage .select_box .select_box_selected:hover .select_icon{transition:all .5s}#makeReservationPage .select_box .select_box_options{display:none;z-index:2;position:relative}#makeReservationPage .select_box .select_box_options .select_box_option{display:flex;align-items:center;height:40px}#makeReservationPage .select_box .select_box_options .select_box_option:hover{transition:all .25s}#makeReservationPage .select_box .select_box_infos{padding-left:1em;height:40px;display:flex;justify-content:center;flex-direction:column}#makeReservationPage .select_box .select_icon{height:40px;width:40px;display:flex;justify-content:center;align-items:center;font-size:1.1em}.stornoMessage{display:flex;align-items:center;border-top:1px solid grey;padding-top:.5em;transition:all .2s}.stornoMessage .stornoMessage__text{margin-right:1em}.stornoMessage .stornoMessage__text span{color:#e8404c;font-weight:700}.stornoMessage .stornoMessage__icon{transition:all .2s}.stornoMessage.open .stornoMessage__icon{transform:rotate(90deg)}.stornoMessage.closed~.stornoMessage__message{max-height:0}.stornoMessage.open~.stornoMessage__message{max-height:200px}.stornoMessage__message{overflow:hidden;transition:all .2s}