.reservation-form{position:relative;float:left;width:100%;height:100%}.reservation-form__main{position:relative;float:left;width:calc(100% - 320px);height:100%;display:flex;flex-direction:column}.reservation-form__main--full{width:100%}@media (max-width: 1024px){.reservation-form__main{width:100%;padding-bottom:70px}}.reservation-form__side{position:fixed;right:0;top:0;width:320px;height:100%;background:#fff;overflow:auto;display:flex;flex-direction:column;justify-content:space-between;transition:all 0.4s ease;z-index:2;box-shadow:5px 5px 10px 4px rgba(0,0,0,.1)}@media (max-width: 1024px){.reservation-form__side{right:-320px}.reservation-form__side.active{right:0}}.reservation-form__side .label{padding-left:3px;font-weight:500}.reservation-form__side .label:not(:first-child){margin-top:10px}.reservation-form__side-headline{float:left;width:100%;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.reservation-form__side-headline.active .reservation-form__side-arrow,.reservation-form__side-headline.active+.reservation-form__side-arrow{transform:rotate(-180deg)}.reservation-form__side-headline.active .reservation-form__side-content,.reservation-form__side-headline.active+.reservation-form__side-content{display:block}.reservation-form__side-headline:hover strong{color:#4fcaff !important}.reservation-form__side-content{float:left;width:100%;display:none}.reservation-form__side-arrow{transition:all 0.4s ease}.reservation-form__head{display:flex;justify-content:center;align-items:center;gap:20px;padding:30px 0}@media (max-width: 520px){.reservation-form__head{padding:20px 0}}.reservation-form__head img{max-width:80px;max-height:80px;width:100%;height:auto}@media (max-width: 520px){.reservation-form__head img{max-width:60px;max-height:60px}}.reservation-form__head span{width:2px;height:20px;background:#ddd}.reservation-form__head h1{width:auto;margin-bottom:0;font-size:20px;line-height:20px}@media (max-width: 520px){.reservation-form__head h1{font-size:16px}}.reservation-form .magictable__row--headline{border-bottom:1px solid #999;font-size:12px;font-weight:700;text-transform:uppercase;background:transparent !important}.reservation-form .magictable__row--headline:not(:first-child)>*{padding-top:30px}.reservation-form__small-input>*{vertical-align:middle}.reservation-form__small-input select{text-align:right;width:auto;padding:0 20px 0 5px;height:24px;line-height:24px;font-size:12px;font-weight:500}.reservation-form__small-input select:disabled{padding:0 5px 0 5px}.reservation-form__small-input select ~ i{height:24px;width:20px;line-height:24px;margin:0 0 0 -20px;font-size:10px}.reservation-form__label{display:flex;justify-content:center}.reservation-form__label label{padding:5px 20px;color:#00acf3;border:1px solid #00acf3;font-weight:500;font-size:12px;text-transform:uppercase;border-radius:5px !important}@media (max-width: 520px){.reservation-form__label label{padding:3px 15px;font-size:11px}}.reservation-form__step{position:relative;display:flex;justify-content:space-between;flex-direction:row-reverse;counter-reset:steps;width:calc(100% - 40px);margin:30px 20px 60px 20px}.reservation-form__step--loading::after{width:90% !important;transition:all 10s ease !important}.reservation-form__step::before,.reservation-form__step::after{content:"";position:absolute;left:0;top:50%;height:1px;transform:translateY(-50%);transition:all 0.4s ease}.reservation-form__step::before{width:100%;background:#ddd}.reservation-form__step::after{width:0;background:#102a45}.reservation-form__step span{position:relative;width:50px;height:50px;line-height:48px;border-radius:50%;border:1px solid #ddd;color:#999;text-align:center;background:#F6F6F6;outline:10px solid #F6F6F6;transition:all 0.4s ease;transition-delay:0.2s;z-index:1}@media (max-width: 680px){.reservation-form__step span{width:40px;height:40px;line-height:38px;outline:5px solid #F6F6F6}}.reservation-form__step span label{position:absolute;left:50%;top:100%;margin-top:10px;transform:translateX(-50%);font-size:12px;line-height:14px;font-weight:500;text-align:center;text-transform:uppercase}@media (max-width: 520px){.reservation-form__step span label{font-size:10px}}.reservation-form__step span strong>i{position:absolute;left:50%;top:50%;transform:scale(1) translateX(-50%) translateY(-50%);transform-origin:left top;transition:all 0.4s ease}.reservation-form__step span strong>i:first-child{font-style:normal;font-size:12px;font-weight:500;transform:scale(1) translateX(-50%) translateY(-50%)}.reservation-form__step span strong>i:last-child{transform:scale(0) translateX(-50%) translateY(-50%)}.reservation-form__step span:nth-last-child(10) strong>i:first-child::before{content:"10"}.reservation-form__step span:nth-last-child(9) strong>i:first-child::before{content:"9"}.reservation-form__step span:nth-last-child(8) strong>i:first-child::before{content:"8"}.reservation-form__step span:nth-last-child(7) strong>i:first-child::before{content:"7"}.reservation-form__step span:nth-last-child(6) strong>i:first-child::before{content:"6"}.reservation-form__step span:nth-last-child(5) strong>i:first-child::before{content:"5"}.reservation-form__step span:nth-last-child(4) strong>i:first-child::before{content:"4"}.reservation-form__step span:nth-last-child(3) strong>i:first-child::before{content:"3"}.reservation-form__step span:nth-last-child(2) strong>i:first-child::before{content:"2"}.reservation-form__step span:nth-last-child(1) strong>i:first-child::before{content:"1"}.reservation-form[data-reservation-step="10"] .reservation-form__step span:nth-last-child(10){border-color:#102a45;color:#102a45}.reservation-form[data-reservation-step="10"] .reservation-form__step span:nth-last-child(10) strong i{font-size:18px !important}@media (max-width: 520px){.reservation-form[data-reservation-step="10"] .reservation-form__step span:nth-last-child(10) strong i{font-size:16px !important}}.reservation-form[data-reservation-step="10"] .reservation-form__step span:nth-last-child(10) ~ span{border-color:#102a45;background:#102a45;color:#fff}.reservation-form[data-reservation-step="10"] .reservation-form__step span:nth-last-child(10) ~ span strong i:first-child{transform:scale(0) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="10"] .reservation-form__step span:nth-last-child(10) ~ span strong i:last-child{transform:scale(1) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="10"] .reservation-form__step span:nth-last-child(10) ~ span label{color:#999}.reservation-form[data-reservation-step="10"] .reservation-form__step::after{width:calc(100% / (var(--maxstep) - 1) * (10 - 1))}.reservation-form[data-reservation-step="9"] .reservation-form__step span:nth-last-child(9){border-color:#102a45;color:#102a45}.reservation-form[data-reservation-step="9"] .reservation-form__step span:nth-last-child(9) strong i{font-size:18px !important}@media (max-width: 520px){.reservation-form[data-reservation-step="9"] .reservation-form__step span:nth-last-child(9) strong i{font-size:16px !important}}.reservation-form[data-reservation-step="9"] .reservation-form__step span:nth-last-child(9) ~ span{border-color:#102a45;background:#102a45;color:#fff}.reservation-form[data-reservation-step="9"] .reservation-form__step span:nth-last-child(9) ~ span strong i:first-child{transform:scale(0) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="9"] .reservation-form__step span:nth-last-child(9) ~ span strong i:last-child{transform:scale(1) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="9"] .reservation-form__step span:nth-last-child(9) ~ span label{color:#999}.reservation-form[data-reservation-step="9"] .reservation-form__step::after{width:calc(100% / (var(--maxstep) - 1) * (9 - 1))}.reservation-form[data-reservation-step="8"] .reservation-form__step span:nth-last-child(8){border-color:#102a45;color:#102a45}.reservation-form[data-reservation-step="8"] .reservation-form__step span:nth-last-child(8) strong i{font-size:18px !important}@media (max-width: 520px){.reservation-form[data-reservation-step="8"] .reservation-form__step span:nth-last-child(8) strong i{font-size:16px !important}}.reservation-form[data-reservation-step="8"] .reservation-form__step span:nth-last-child(8) ~ span{border-color:#102a45;background:#102a45;color:#fff}.reservation-form[data-reservation-step="8"] .reservation-form__step span:nth-last-child(8) ~ span strong i:first-child{transform:scale(0) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="8"] .reservation-form__step span:nth-last-child(8) ~ span strong i:last-child{transform:scale(1) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="8"] .reservation-form__step span:nth-last-child(8) ~ span label{color:#999}.reservation-form[data-reservation-step="8"] .reservation-form__step::after{width:calc(100% / (var(--maxstep) - 1) * (8 - 1))}.reservation-form[data-reservation-step="7"] .reservation-form__step span:nth-last-child(7){border-color:#102a45;color:#102a45}.reservation-form[data-reservation-step="7"] .reservation-form__step span:nth-last-child(7) strong i{font-size:18px !important}@media (max-width: 520px){.reservation-form[data-reservation-step="7"] .reservation-form__step span:nth-last-child(7) strong i{font-size:16px !important}}.reservation-form[data-reservation-step="7"] .reservation-form__step span:nth-last-child(7) ~ span{border-color:#102a45;background:#102a45;color:#fff}.reservation-form[data-reservation-step="7"] .reservation-form__step span:nth-last-child(7) ~ span strong i:first-child{transform:scale(0) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="7"] .reservation-form__step span:nth-last-child(7) ~ span strong i:last-child{transform:scale(1) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="7"] .reservation-form__step span:nth-last-child(7) ~ span label{color:#999}.reservation-form[data-reservation-step="7"] .reservation-form__step::after{width:calc(100% / (var(--maxstep) - 1) * (7 - 1))}.reservation-form[data-reservation-step="6"] .reservation-form__step span:nth-last-child(6){border-color:#102a45;color:#102a45}.reservation-form[data-reservation-step="6"] .reservation-form__step span:nth-last-child(6) strong i{font-size:18px !important}@media (max-width: 520px){.reservation-form[data-reservation-step="6"] .reservation-form__step span:nth-last-child(6) strong i{font-size:16px !important}}.reservation-form[data-reservation-step="6"] .reservation-form__step span:nth-last-child(6) ~ span{border-color:#102a45;background:#102a45;color:#fff}.reservation-form[data-reservation-step="6"] .reservation-form__step span:nth-last-child(6) ~ span strong i:first-child{transform:scale(0) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="6"] .reservation-form__step span:nth-last-child(6) ~ span strong i:last-child{transform:scale(1) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="6"] .reservation-form__step span:nth-last-child(6) ~ span label{color:#999}.reservation-form[data-reservation-step="6"] .reservation-form__step::after{width:calc(100% / (var(--maxstep) - 1) * (6 - 1))}.reservation-form[data-reservation-step="5"] .reservation-form__step span:nth-last-child(5){border-color:#102a45;color:#102a45}.reservation-form[data-reservation-step="5"] .reservation-form__step span:nth-last-child(5) strong i{font-size:18px !important}@media (max-width: 520px){.reservation-form[data-reservation-step="5"] .reservation-form__step span:nth-last-child(5) strong i{font-size:16px !important}}.reservation-form[data-reservation-step="5"] .reservation-form__step span:nth-last-child(5) ~ span{border-color:#102a45;background:#102a45;color:#fff}.reservation-form[data-reservation-step="5"] .reservation-form__step span:nth-last-child(5) ~ span strong i:first-child{transform:scale(0) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="5"] .reservation-form__step span:nth-last-child(5) ~ span strong i:last-child{transform:scale(1) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="5"] .reservation-form__step span:nth-last-child(5) ~ span label{color:#999}.reservation-form[data-reservation-step="5"] .reservation-form__step::after{width:calc(100% / (var(--maxstep) - 1) * (5 - 1))}.reservation-form[data-reservation-step="4"] .reservation-form__step span:nth-last-child(4){border-color:#102a45;color:#102a45}.reservation-form[data-reservation-step="4"] .reservation-form__step span:nth-last-child(4) strong i{font-size:18px !important}@media (max-width: 520px){.reservation-form[data-reservation-step="4"] .reservation-form__step span:nth-last-child(4) strong i{font-size:16px !important}}.reservation-form[data-reservation-step="4"] .reservation-form__step span:nth-last-child(4) ~ span{border-color:#102a45;background:#102a45;color:#fff}.reservation-form[data-reservation-step="4"] .reservation-form__step span:nth-last-child(4) ~ span strong i:first-child{transform:scale(0) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="4"] .reservation-form__step span:nth-last-child(4) ~ span strong i:last-child{transform:scale(1) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="4"] .reservation-form__step span:nth-last-child(4) ~ span label{color:#999}.reservation-form[data-reservation-step="4"] .reservation-form__step::after{width:calc(100% / (var(--maxstep) - 1) * (4 - 1))}.reservation-form[data-reservation-step="3"] .reservation-form__step span:nth-last-child(3){border-color:#102a45;color:#102a45}.reservation-form[data-reservation-step="3"] .reservation-form__step span:nth-last-child(3) strong i{font-size:18px !important}@media (max-width: 520px){.reservation-form[data-reservation-step="3"] .reservation-form__step span:nth-last-child(3) strong i{font-size:16px !important}}.reservation-form[data-reservation-step="3"] .reservation-form__step span:nth-last-child(3) ~ span{border-color:#102a45;background:#102a45;color:#fff}.reservation-form[data-reservation-step="3"] .reservation-form__step span:nth-last-child(3) ~ span strong i:first-child{transform:scale(0) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="3"] .reservation-form__step span:nth-last-child(3) ~ span strong i:last-child{transform:scale(1) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="3"] .reservation-form__step span:nth-last-child(3) ~ span label{color:#999}.reservation-form[data-reservation-step="3"] .reservation-form__step::after{width:calc(100% / (var(--maxstep) - 1) * (3 - 1))}.reservation-form[data-reservation-step="2"] .reservation-form__step span:nth-last-child(2){border-color:#102a45;color:#102a45}.reservation-form[data-reservation-step="2"] .reservation-form__step span:nth-last-child(2) strong i{font-size:18px !important}@media (max-width: 520px){.reservation-form[data-reservation-step="2"] .reservation-form__step span:nth-last-child(2) strong i{font-size:16px !important}}.reservation-form[data-reservation-step="2"] .reservation-form__step span:nth-last-child(2) ~ span{border-color:#102a45;background:#102a45;color:#fff}.reservation-form[data-reservation-step="2"] .reservation-form__step span:nth-last-child(2) ~ span strong i:first-child{transform:scale(0) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="2"] .reservation-form__step span:nth-last-child(2) ~ span strong i:last-child{transform:scale(1) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="2"] .reservation-form__step span:nth-last-child(2) ~ span label{color:#999}.reservation-form[data-reservation-step="2"] .reservation-form__step::after{width:calc(100% / (var(--maxstep) - 1) * (2 - 1))}.reservation-form[data-reservation-step="1"] .reservation-form__step span:nth-last-child(1){border-color:#102a45;color:#102a45}.reservation-form[data-reservation-step="1"] .reservation-form__step span:nth-last-child(1) strong i{font-size:18px !important}@media (max-width: 520px){.reservation-form[data-reservation-step="1"] .reservation-form__step span:nth-last-child(1) strong i{font-size:16px !important}}.reservation-form[data-reservation-step="1"] .reservation-form__step span:nth-last-child(1) ~ span{border-color:#102a45;background:#102a45;color:#fff}.reservation-form[data-reservation-step="1"] .reservation-form__step span:nth-last-child(1) ~ span strong i:first-child{transform:scale(0) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="1"] .reservation-form__step span:nth-last-child(1) ~ span strong i:last-child{transform:scale(1) translateX(-50%) translateY(-50%)}.reservation-form[data-reservation-step="1"] .reservation-form__step span:nth-last-child(1) ~ span label{color:#999}.reservation-form[data-reservation-step="1"] .reservation-form__step::after{width:calc(100% / (var(--maxstep) - 1) * (1 - 1))}.reservation-form__footer{margin-top:50px;margin-bottom:20px;display:flex;justify-content:center;font-size:12px}.reservation-form__footer a{color:#000}.reservation-form__marker{position:absolute;right:5px;top:5px}.reservation-form__payment{position:relative;float:left;width:100%;height:100%;display:flex;flex-direction:column;text-align:center;padding:20px;border:1px solid #fff;color:#999;cursor:pointer;border-radius:10px !important;box-shadow:5px 5px 10px 4px rgba(0,0,0,.1)}.reservation-form__payment--first{color:#282a2d}.reservation-form__payment i{font-size:32px}.reservation-form__payment strong{font-size:13px;text-transform:uppercase}.reservation-form__payment p{font-size:12px;font-style:italic;line-height:16px}.reservation-form__payment-radio{position:absolute;right:10px;top:10px;width:18px;height:18px;border:1px solid #999;border-radius:50%}.reservation-form__payment-radio::after{content:"";float:left;width:8px;height:8px;border-radius:50%;margin:4px;background:#fff}.reservation-form__payment.active{color:#102a45;border-color:#102a45;background:rgba(16,42,69,0.1);pointer-events:none}.reservation-form__payment.active .reservation-form__payment-radio{border-color:#102a45}.reservation-form__payment.active .reservation-form__payment-radio::after{background:#102a45}.reservation-form__payment.active:hover .reservation-form__payment-radio::after{background:#4fcaff}.reservation-form__payment:hover{color:#4fcaff;border-color:#4fcaff}.reservation-form__payment:hover .reservation-form__payment-radio{border-color:#4fcaff}.reservation-form__payment-content{display:none;float:left;width:100%;padding:10px}.reservation-form__payment-content.active{display:block}.reservation-form__payment-content.active ~ .css-alert{display:none}.reservation--placeholder{border:1px dashed #ddd;box-shadow:none;background:none}.reservation--placeholder .square-40{background-color:rgba(153,153,153,0.1) !important;color:#999 !important}.reservation--placeholder:hover{border-color:#4fcaff}.reservation--placeholder .reservation-form__marker{color:#999 !important}.reservation--alert{border-color:#00acf3}.reservation--alert .square-40{background-color:rgba(0,172,243,0.1) !important;color:#00acf3 !important}.reservation--alert .reservation-form__marker{color:#00acf3 !important}#reservation-recap-button{display:none}@media (max-width: 1024px){#reservation-recap-button{display:block;position:fixed !important;max-width:400px;width:calc(100% - 40px);left:50%;bottom:10px;transform:translateX(-50%);transition:all 0.4s ease;border-radius:5px !important}#reservation-recap-button.active{bottom:-70px}}
