.header{height:auto;background-color:#1f522b;position:relative}.headerContainer{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-wrap:wrap;width:100%}.headerLogo{width:15.625rem;height:9.375rem}.navBarContainer{display:flex}.navbarHeader{display:flex;gap:3.125rem;justify-content:center;font-weight:600}.navbarLink{color:#fff;text-decoration:none;font-size:1.125rem}.navbarLink:hover{cursor:pointer;text-decoration:underline}.openCloseContainer{display:flex;align-items:center}.burgerMenu{display:none;cursor:pointer;color:#fff}@media (max-width: 945px){.openCloseContainer{display:none}}@media (max-width: 768px){.headerContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1rem}.openCloseContainer{display:none}.burgerMenu{display:flex;cursor:pointer}.navBarContainer{display:none;position:absolute;top:0;right:0;background-color:#1f522b;padding:1rem;z-index:10}.navBarContainer.showMenu{display:flex}.navbarHeader{flex-direction:column;gap:.8125rem;text-align:center}}@media (max-width: 480px){.headerLogo{width:9.375rem;height:6.25rem}}.openStatus{padding:0 8px;border-radius:10px;font-size:.875rem;font-weight:700;color:#fff;transition:background-color .3s ease;min-width:150px;height:30px;display:flex;justify-content:center;align-items:center}.open{background:linear-gradient(135deg,#338220,#1f522b);box-shadow:inset 0 0 8px #ffffff1a,0 4px 12px #0003}.closed{background:linear-gradient(135deg,#f04a4a,#f11410);box-shadow:inset 0 0 8px #ffffff1a,0 4px 12px #f04a4a66}.statusIcon{width:20px;height:20px;padding-right:5px}.firstSection{display:flex;justify-content:center}.imageContainer{position:relative;width:100%;height:auto}.firstSectionLogo{width:100%;max-height:37.5rem;min-height:21.875rem;display:block}.textContent{position:absolute;color:#fff;text-align:center}p{font-size:clamp(1rem,2.5vw,1.25rem)}.textHeadline{display:flex;flex-direction:column;align-items:center}.textH1,.textH2{font-size:clamp(1.5rem,5vw,3rem);margin:0}.textInfo{display:flex;justify-content:center}.button{background:linear-gradient(135deg,#338220,#1f522b);color:#fff;width:clamp(10rem,25vw,12.5rem);height:clamp(2.5rem,6vw,3.125rem);border-radius:.75rem;border:none;font-size:clamp(1rem,2.5vw,1.125rem);letter-spacing:.03125rem;box-shadow:0 .25rem .75rem #0003;transition:all .4s ease}.button:hover{cursor:pointer;transform:scale(1.02);box-shadow:0 0 20px #4caf5099;background:linear-gradient(135deg,#1f522b,#338220)}*{box-sizing:border-box}.aboutUs{display:flex;align-items:center;flex-direction:column;overflow:hidden}.aboutUsHeader h2{color:#1f522b;font-size:2.5rem;margin-bottom:0;text-decoration:underline}.textContainer{display:flex;justify-content:center;flex-direction:column;text-align:center}.textAboutUs{max-width:50rem;font-size:clamp(1rem,2.5vw,1.25rem);padding:0 .625rem}.highlight{color:#1f522b;font-weight:700}.imageContainer{display:flex;gap:3.125rem;justify-content:center}.address{margin-top:0}.address,.openingHours{font-weight:700;margin-bottom:.5rem}.addressText,.openingHoursText{margin:0 0 .625rem}.openingHoursContainer{margin-top:.9375rem}.imageSliderContainer{display:flex;align-items:center;justify-content:center;width:100%;max-width:67.25rem;padding:1.25rem;position:relative;box-sizing:border-box}.sliderImages{display:flex;gap:1rem;width:90%}.arrow{width:2.5rem;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.arrowLeft,.arrowRight{margin-right:.625rem;margin-left:.625rem}.arrow:hover{transform:scale(1.1)}.imageCard{width:clamp(12.5rem,30vw,18.75rem);height:clamp(18.75rem,45vw,28.125rem);perspective:62.5rem;flex:1 1 auto;min-width:0}.imageInner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.imageCard:hover .imageInner{transform:rotateY(180deg)}.imageFront,.imageBack{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:.5rem;overflow:hidden;box-shadow:0 .25rem .75rem #0000004d}.imageFront img{width:100%;height:100%;object-fit:cover;filter:brightness(1.3);border-radius:.5rem}.imageBack{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;width:100%;height:100%;border-radius:.5rem;overflow:hidden}.imageOverlay{display:flex;justify-content:center;align-items:center;text-align:center;background-color:#f7f2f298;color:#1f522b;z-index:1;box-shadow:0 .25rem .75rem #0000004d;width:100%;height:100%}.imageDescription{font-size:1.25rem;font-weight:700;margin:0;padding:0 .625rem}@media (max-width: 768px){.aboutUsHeader h2{font-size:1.875rem}}@media (max-width: 540px){.sliderImages{width:80%}}.bookingFormContainer{display:flex;margin-top:3.125rem}.bookingContainer{max-width:37.5rem;height:34.375rem;position:absolute;align-items:center;display:flex;flex-direction:column;background-color:#fdf6e3;opacity:.85;border-radius:.625rem;inset:0;margin:auto;width:calc(100% - 1.25rem)}.bookingFormHeaderContainer{background-color:#e6b47a;width:100%;display:flex;flex-direction:column;align-items:center;border-top-left-radius:.625rem;border-top-right-radius:.625rem}.bookingFormHeadline{display:flex;justify-content:center;color:#1f522b;margin:.625rem 0 0}.textBookingFormHeadline{color:#1f522b}.bookingFormLogo{width:100%;height:37.5rem}.bookingFormMainContainer{display:flex;justify-content:center;width:100%;height:100%}.bookingFormContainerOne,.bookingFormContainerTwo{display:flex;flex-direction:column;gap:1.25rem}.bookingForm{display:flex;flex-direction:column;gap:1.25rem;align-items:center;justify-content:center;width:80%;margin-top:.625rem}.bookingFormRow{display:flex;flex-direction:row;gap:2.5rem;justify-content:center;width:100%}.messageContainer{width:100%;max-width:23.3rem}textarea{height:2.1875rem;padding:0;resize:none}textarea::placeholder{font-weight:500}.bookingSelect{width:100%;background-color:#fdf6e3;border:none;border-bottom:.125rem solid #338220;border-radius:.25rem;color:#338220}.seatingOptions{display:flex;gap:.3125rem;color:#338220;font-size:1rem}.seatingOptions input[type=radio]{margin:0 .25rem 0 0}.label{display:flex}@media (max-width: 480px){.bookingFormRow{flex-direction:column;gap:1.25rem}}.inputWrapper{position:relative;display:flex;align-items:center;width:100%}.validationIcon{position:absolute;right:2px;top:50%;transform:translateY(-50%);transition:color .3s ease}.inputField.valid{border-bottom-color:#4caf50}.inputField.invalid{border-bottom-color:#e53935}.spinnerOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fdf6e399;display:flex;justify-content:center;align-items:center;z-index:999}.spinnerIcon{font-size:60px;color:#338220;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.statusOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fdf6e399;display:flex;justify-content:center;align-items:center;z-index:999}.statusContent{text-align:center;animation:fadeIn .3s ease-in-out}.statusMessage{font-size:24px;font-weight:700;margin-top:20px;color:#1f522b}.menu{display:flex;align-items:center}.menuContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.imageMenuContainer{display:flex;justify-content:center;align-items:center;position:relative;margin-top:1.25rem;max-width:46.875rem;width:100%}.menuTextContainer{position:absolute;height:28.125rem;display:flex;max-width:46.875rem;width:100%}.menuImage{width:100%;height:48.125rem;border-radius:.625rem;object-fit:cover;opacity:.5}h3{font-size:2rem}.menuOne,.menuTwo{width:50%;display:flex;flex-direction:column}.menuTextHeadlineOne,.menuTextHeadlineTwo{display:flex;justify-content:center;width:100%}.menuTextHeadlineOne>h3,.menuTextHeadlineTwo>h3{margin-bottom:0}ul{list-style:none}.hotColdContainer{display:grid;grid-template-columns:1fr 3.75rem 3.75rem;width:90%;text-align:center;font-weight:700}.hotColdContainer p:first-child{grid-column:2}.hotColdContainer p:last-child{grid-column:3}.coffeeList,.nonCoffeeList{list-style:none;padding:0;margin:0}.coffeeList li,.nonCoffeeList li{display:grid;grid-template-columns:1fr 3.75rem 3.75rem;align-items:center;text-align:center;padding:.3125rem;font-weight:700;margin:0 1.875rem}.coffeeList .name,.nonCoffeeList .name{text-align:left}.dividingBar{width:.0625rem;height:auto;background-color:#3b3a3a}@media (max-width: 768px){.imageMenuContainer{padding:0 .625rem}.menuTextContainer{flex-direction:column;justify-content:center;align-items:center}.menuImage{height:50rem}.menuTextHeadlineOne h3{margin-top:0}}@media (max-width: 600px){.menuTextContainer{flex-direction:column;align-items:center;justify-content:flex-start;height:28.125rem;overflow-y:auto;box-sizing:border-box;border-radius:.625rem}.menuOne,.menuTwo{width:75%;margin-bottom:1.25rem}.menuTextContainer{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.menuTextContainer::-webkit-scrollbar{display:none}.menuImage{height:34.375rem}}.locationHeaderContainer{display:flex;justify-content:center}h2{color:#1f522b;font-size:2.5rem;margin-bottom:0;text-decoration:underline}.googleMapsContainer{margin-top:1.25rem;width:100%;display:flex;justify-content:center;gap:6.25rem;padding:0 .625rem}iframe{max-width:37.5rem;width:100%}.locationContainer{display:flex;flex-direction:column;justify-content:center;text-align:center}@media (max-width: 1024px){.googleMapsContainer{flex-direction:column;align-items:center;gap:2.5rem}}.contactFormContainer{display:flex;margin-top:3.125rem}.imageContainer{position:relative;width:100%;height:auto;display:flex;align-items:center}.contactContainer{max-width:31.25rem;width:clamp(18.75rem,90vw,31.25rem);height:clamp(17.5rem,90vh,25rem);padding:0 .625rem;position:absolute;justify-content:center;align-items:center;display:flex;flex-direction:column;background-color:#fdf6e3;opacity:.85;border-radius:.625rem}.contactFormHeadline{display:flex;justify-content:center;color:#1f522b;margin-top:0}.contactFormLogo{width:100%;height:clamp(18.75rem,90vh,28.125rem);object-fit:cover}.contactForm{display:flex;flex-direction:column;gap:1.25rem;align-items:center;width:90%;max-width:28.125rem}input,textarea{width:100%;color:#338220;background-color:#fdf6e3;opacity:.85;border:none;border-bottom:.125rem solid #338220;outline:none;transition:border-color .3s ease}textarea{height:3.125rem}input:hover,textarea:hover{border-bottom-color:#1f522b}input:focus,textarea:focus{border-bottom-color:#1f522b}input::placeholder,textarea::placeholder{color:#338220}input:hover::placeholder,textarea:hover::placeholder{color:#1f522b;transition:color .3s ease}.footer{height:auto;background-color:#1f522b}.footerContainer{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.copyRightContainer{color:#fff}.copyRightContainer p{margin:0}.icons8Container{display:flex;justify-content:center}.icons8Container a{color:#fff}.iconContainer{display:flex;gap:1.25rem}.footerLogo{width:15.625rem;height:9.375rem;display:block}.footerIcon{width:2.1875rem;height:2.1875rem}.footerIcon:hover{cursor:pointer;transform:scale(1.1);transition:transform .3s ease}@media (max-width: 768px){.footerContainer{flex-direction:column;padding-bottom:1.5rem}.copyRightContainer{padding-bottom:.9375rem}}@media (max-width: 480px){.footerLogo{width:9.375rem;height:6.25rem}}body{margin:0;background-color:#f5ebdd;box-sizing:border-box;font-family:Raleway,sans-serif}h1{margin:0}html{scroll-behavior:smooth;font-size:16px}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:100;src:url(/fonts/raleway/raleway-v37-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:100;src:url(/fonts/raleway/raleway-v37-latin-100italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:200;src:url(/fonts/raleway/raleway-v37-latin-200.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:200;src:url(/fonts/raleway/raleway-v37-latin-200italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:300;src:url(/fonts/raleway/raleway-v37-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:300;src:url(/fonts/raleway/raleway-v37-latin-300italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(/fonts/raleway/raleway-v37-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:400;src:url(/fonts/raleway/raleway-v37-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:500;src:url(/fonts/raleway/raleway-v37-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:500;src:url(/fonts/raleway/raleway-v37-latin-500italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:600;src:url(/fonts/raleway/raleway-v37-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:600;src:url(/fonts/raleway/raleway-v37-latin-600italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:700;src:url(/fonts/raleway/raleway-v37-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:700;src:url(/fonts/raleway/raleway-v37-latin-700italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:800;src:url(/fonts/raleway/raleway-v37-latin-800.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:800;src:url(/fonts/raleway/raleway-v37-latin-800italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:900;src:url(/fonts/raleway/raleway-v37-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:900;src:url(/fonts/raleway/raleway-v37-latin-900italic.woff2) format("woff2")}
