.reservation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:600px;width:100%;margin:auto;padding:2rem;background:rgba(0,0,0,.7);border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);font-family:var(--font-primary);color:#faf3e0;border:2px solid #c9a66b;z-index:2}.reservation-container h2{color:#faf3e0!important;margin-bottom:2rem!important;text-align:center}.reservation-form{display:flex;flex-direction:column;gap:1.2rem;width:100%}.reservation-form .form-group{display:flex;align-items:center;background:#faf3e0;border-radius:8px;padding:.8rem 1.5rem;border:1px solid #c9a66b;transition:all .3s ease-in-out;width:100%}.reservation-form .form-group:focus-within{border-color:#c9a66b;box-shadow:0 0 8px rgba(201,166,107,.8)}.reservation-form .form-group svg{margin-right:1rem;color:#a56b3f;flex-shrink:0}.reservation-form input,.reservation-form select,.reservation-form textarea{flex:1 1;border:none;background:rgba(0,0,0,0);font-size:2rem;outline:none;font-family:var(--font-primary);color:#333;padding:.6rem;width:100%}.reservation-form input:-webkit-autofill,.reservation-form select:-webkit-autofill,.reservation-form textarea:-webkit-autofill{box-shadow:inset 0 0 0 1000px #faf3e0!important;-webkit-text-fill-color:#333!important}.reservation-form select{cursor:pointer}.reservation-form .textarea-group{align-items:flex-start}.reservation-form .textarea-group textarea{height:100px;resize:none}.reservation-form .date-picker,.reservation-form .date-picker input{cursor:pointer}.reservation-form button#verzenden{width:100%;background:#c9a66b;color:#fff;font-weight:700;border:none;padding:1.2rem;margin-top:1rem;border-radius:10px;font-size:2rem;cursor:pointer;transition:all .3s ease-in-out;box-shadow:3px 3px 6px rgba(0,0,0,.2);text-align:center}.reservation-form button#verzenden:hover{background:rgb(187.3663366337,143.5297029703,69.6336633663);scale:1.02}.reservation-form button#verzenden:disabled{background:hsl(37.6595744681,46.5346534653%,80.3921568627%);cursor:not-allowed}.reservation-form button#verzenden.success{background:#4caf50!important}.reservation-form button#verzenden.error{background:#d32f2f!important}.confirmation-title{font-size:4rem;font-weight:700;font-family:Lora,serif;flex-wrap:nowrap;color:#a56b3f;margin-bottom:2rem;text-decoration:underline;-webkit-text-decoration-color:#c9a66b;text-decoration-color:#c9a66b;text-underline-offset:.5rem}.confirmation-text{font-size:2rem;color:#faf3e0;text-align:center;margin-top:2rem;margin-bottom:2rem;max-width:500px}.confirmation-text__sub{color:#777;margin-top:-1.5rem;margin-bottom:2.5rem;font-size:1.6rem;font-weight:700;font-style:italic}.reservation-details{display:flex;flex-direction:column;align-items:start;gap:.8rem;padding:1rem;border-radius:8px;width:-moz-fit-content;width:fit-content;margin:auto}.reservation-details p{font-size:2rem;gap:.6rem;font-weight:500}.btn-primary{background:#c9a66b;color:#fff;font-weight:700;border:none;padding:1rem 1.5rem;border-radius:8px;font-size:2rem;cursor:pointer;transition:all .3s ease-in-out;text-align:center;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;margin:auto}.btn-primary:hover{background:rgb(187.3663366337,143.5297029703,69.6336633663);scale:1.02}.btn-primary:disabled{background:hsl(37.6595744681,46.5346534653%,80.3921568627%);cursor:not-allowed}@media(max-width:768px){.reservation-container{padding:1.5rem;max-width:90%}.reservation-form{gap:1rem}.reservation-form input,.reservation-form select,.reservation-form textarea{font-size:1.8rem;padding:.5rem}.reservation-form .form-group{padding:.6rem 1rem}.reservation-form button#verzenden{font-size:2rem;padding:1rem;margin-top:1rem}.confirmation-title{font-size:3rem;margin-bottom:1.5rem}.reservation-details{padding:.8rem;gap:.5rem}.reservation-details p{font-size:1.8rem}.btn-primary{font-size:2rem;padding:.8rem 1.2rem;margin-top:1rem}}.loading-spinner{animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--font-primary:"Nunito Sans",sans-serif;--font-secondary:"Lora",serif}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-primary);background:var(--background);color:var(--text-light);scroll-behavior:smooth;background-color:#4f6228}*,body,html{margin:0;padding:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3{font-family:var(--font-secondary)}button{font-family:var(--font-primary);border:none;cursor:pointer}.container{width:80vw;max-width:120rem;margin:0 auto}.page-title{text-align:start;font-size:4rem;font-family:Lora,serif;margin-bottom:2rem;text-decoration:underline;-webkit-text-decoration-color:#c9a66b;text-decoration-color:#c9a66b;text-underline-offset:.5rem}.page-title,.page-title__sub{font-weight:700;color:#a56b3f}.page-title__sub{font-size:3rem;font-family:Nunito Sans,sans-serif;margin-bottom:3rem;margin-left:1.5rem}section{margin-bottom:20rem;background:rgba(0,0,0,0)!important}@media(max-width:768px){section{margin-bottom:8vh}}main,main>section:first-of-type{margin-top:10rem}main{flex-grow:1;background:url(/fotos/bgtexture.png) repeat,#faf3e0;background-size:clamp(250px,25vw,600px);background-position:0 0;background-attachment:fixed}@media(max-width:768px){main{margin-top:8vh}}body{margin:0;display:flex;flex-direction:column;min-height:100vh;background:#4f6228;position:relative}.button{padding:2rem 4rem;font-size:2.5rem;white-space:nowrap;font-weight:700;border-radius:4rem;text-decoration:none;transition:all .3s ease-in-out;box-shadow:0 10px 20px rgba(0,0,0,.2);background:#c9a66b;color:#faf3e0;border:none;display:inline-block;text-align:center}@media(max-width:768px){.button{padding:3vw 6vw}}.button:hover{transform:scale(1.05);box-shadow:0 20px 30px rgba(0,0,0,.3)}html{font-size:75%}@media(max-width:2560px){html{font-size:70%}}@media(max-width:1920px){html{font-size:62.5%}}@media(max-width:1440px){html{font-size:56.25%}}@media(max-width:1200px){html{font-size:50%}}@media(max-width:992px){html{font-size:43.75%}}@media(max-width:768px){html{font-size:40%}}@media(max-width:600px){html{font-size:37.5%}}@media(max-width:480px){html{font-size:35%}}@media(max-width:360px){html{font-size:32.5%}}@media(min-width:3840px){html{font-size:85%}}@media(min-width:5120px){html{font-size:95%}}.reserveren-page{margin-top:-10rem;position:relative;width:100vw;height:calc(100vh - 10rem);display:flex;justify-content:center;align-items:center;text-align:center;color:#faf3e0;font-family:var(--font-primary);overflow:hidden}@media(max-width:768px){.reserveren-page{height:94vh;margin-top:-10vh}}.reserveren-page:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.3)),url(/fotos/sfeer-reserveren.jpg) no-repeat 50%/cover;z-index:1;height:100vh}.reserveren-page .reserveren-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;padding:2rem;background:rgba(0,0,0,.5);border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.3)}