.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#3c4820;padding:1rem 5rem 1rem 1rem;position:relative}.logo{display:flex;align-items:center;font-family:Fredericka the Great,cursive;letter-spacing:.1rem;gap:.5rem;font-size:1rem}.logo a{text-decoration:none;display:flex;align-items:center;color:inherit}.logo a:hover{text-decoration:none}.logo img{height:40px}.hamburger{display:none;font-size:2rem;cursor:pointer;color:#fff}.nav-links{list-style:none;display:flex;gap:5rem;margin:0;padding:0}.nav-links li a{color:#fff;text-decoration:none;font-size:.95rem}.dropdown{position:relative;cursor:pointer}.dropdown-content{display:none;position:absolute;background-color:#3c4820;top:100%;left:0;min-width:160px;z-index:1;padding:.5rem 0;border-radius:4px;box-shadow:0 4px 8px #0003}.dropdown-content li{padding:.4rem 1rem}.dropdown-content li a{color:#fff;display:block}.dropdown-content li a:hover{text-decoration:underline}.dropdown:hover .dropdown-content{display:block}@media (max-width: 800px){.hamburger{display:block}.nav-links{display:none;flex-direction:column;background-color:#3c4820;position:absolute;top:100%;left:0;width:100%;padding:1rem;gap:1rem;z-index:999}.nav-links.open{display:flex}.dropdown{position:relative}.dropdown-content{position:static;box-shadow:none;padding-left:1rem}.dropdown:hover .dropdown-content{display:none}.dropdown.open .dropdown-content{display:block}}h2{font-family:Fredericka the Great,cursive}h3{font-family:Arial,Helvetica,sans-serif;font-size:calc(1vw + 1vh);text-align:start;font-weight:200;letter-spacing:.2rem}a{color:#fafafa;text-decoration:none;font-size:.9rem;align-self:center}button{padding:.5rem 2rem;border-radius:5px;color:#000}button i{padding:.3rem;color:#fff}.button-yellow{background-color:#fcb83bc6}.button-red{background-color:#f86b38c9}.button-blue{background-color:#5995fcfd}.icon-button{border:none}.reservationContainer{display:flex;justify-content:center;align-items:flex-start;gap:2rem}.button-wrapper{display:flex;flex-direction:column;align-items:flex-end}.winter-heading{font-family:Fredericka the Great,cursive;font-size:2.5rem;margin-top:3rem;margin-bottom:2rem;color:#fff;text-align:center}.winter-activities{background-color:#3c4820;padding:2rem;color:#fff}.activity-row{display:flex;align-items:flex-start;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.activity-img{width:300px;height:300px;object-fit:cover;border-radius:4px;padding-top:.5rem}.activity-text{max-width:600px;text-align:justify}.activity-text h3{font-size:1.8rem;margin-top:0;padding-top:0}.activity-text p{font-size:1rem;line-height:1.6}.hero-container{position:relative;width:100vw;height:auto;min-height:80vh;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:opacity 1s ease-in-out,background-image 1s ease-in-out;z-index:0}.hero-title{position:absolute;left:50%;transform:translate(-50%);width:100vw;font-family:Fredericka the Great,cursive;font-size:calc(4vw + 1vh);color:#fff;background-color:#3c4820b2;z-index:1;text-align:center;padding:1rem 2rem;text-shadow:2px 2px 5px rgba(0,0,0,.7)}.hero-overlay{position:absolute;top:0;width:100%;z-index:1;display:flex;flex-direction:column;align-items:center}.hero-subtext{position:absolute;top:calc(10vh + 20rem);left:50%;transform:translate(-50%);text-align:center;color:#fff;background-color:#8a8c85c7;letter-spacing:.1rem;padding:1rem 2rem;font-size:calc(.7vw + .5vh);z-index:1;text-shadow:1px 1px 3px rgba(0,0,0,.6)}.hero-subtext a{color:#fff}.info-container{width:60vw;margin:5rem;padding:5rem;line-height:1.6;background-color:#f9f9f9e3;color:#2e2e2e;border-radius:8px;box-shadow:0 0 8px #0000001a}.info-container h2{font-size:2.2rem;color:#3c4820;text-align:center}.info-container h3{color:#528f2e}.info-container ul{padding-left:1.2rem;list-style:disc}.info-container a{color:#2e6b3e;text-decoration:underline}.info-container h3 i,.info-container h2 i{margin-right:.5rem;color:#bea06b}.info-container li i,.info-container p i{margin-right:.4rem;color:#528f2e}.info-container .closing{margin-top:3rem;font-style:italic}.image-container{position:relative;width:300px;height:180px;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:cover;display:block}.image-overlay{position:absolute;bottom:0;width:100%;background:#0009;color:#fff;font-size:14px;padding:6px 10px;box-sizing:border-box;text-align:center}.small{font-size:13px}.form-error{color:#de3a3a}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%}.modal-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px}.nav-button{position:fixed;top:50%;transform:translateY(-50%);font-size:3rem;color:#fff;background:none;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1100;padding:0 20px}.nav-button.left{left:30px}.nav-button.right{right:30px}.nav-button:hover{color:#fc0}.close-button{position:absolute;top:-40px;right:0;font-size:2rem;color:#fff;background:none;border:none;cursor:pointer}.alt-text{color:#fff;text-align:center;margin-top:.5rem;font-size:1rem}.modal-spinner-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15}.spinner{width:50px;height:50px;border:6px solid rgba(255,255,255,.2);border-top:6px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.calendar-wrapper{width:fit-content;background-color:#3c4820;border-radius:10px;text-align:center}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.calendar-header h3{margin:0;font-size:1.2rem}.calendar-header button{background:none;border:1px solid white;color:#fff;padding:.3rem .6rem;cursor:pointer;border-radius:5px}.calendar{display:grid;grid-template-columns:repeat(7,40px);gap:5px}.day-name{font-weight:700;font-size:.8rem;color:#ddd;text-align:center}.day{all:unset;display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;text-align:center;border-radius:4px;cursor:pointer}.empty{background-color:transparent;pointer-events:none;visibility:hidden}.winter{background-color:#0096ff66}.summer{background-color:#ffa50066}.nebensaison{background-color:#0f06}.booked{background-color:#ddd;color:#999;cursor:not-allowed}.day.selected.winter{background-color:#0096ff!important;color:#fff}.day.selected.summer{background-color:orange!important;color:#fff}.day.selected.nebensaison{background-color:#0f0!important;color:#222}.today{border:1px solid #f7f7f7}.reservation-form,.details-wrapper{background-color:#3c4820;color:#fff;width:100%;max-width:400px;border-radius:10px;box-sizing:border-box}.form-row,.details-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem}.details-label{display:flex;align-items:center;font-size:.95rem}.details-label i,.form-row i{margin-right:.5rem;width:16px;text-align:center}.details-input,.form-row select{flex:0;padding:.3rem;border-radius:5px;border:none;font-size:.95rem}.season-legend{display:flex;gap:1rem;align-items:center;font-size:.9rem;margin-top:.5rem;margin-bottom:.2rem;flex-wrap:wrap}.legend-box{display:inline-block;width:16px;height:16px;border-radius:4px;vertical-align:middle;margin-right:1rem}.legend-box.winter{background-color:#0096ff66}.legend-box.summer{background-color:#ffa50066}.legend-box.nebensaison{background-color:#0f06}.legend-box.booked{background-color:#ddd;border:1px solid #999}.details-button-wrapper{display:flex;justify-content:space-between;gap:.5rem;margin-top:auto}.back-btn,.submit-btn{background-color:#fff;color:#3c4820;font-weight:700;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;flex:1;display:flex;justify-content:center;align-items:center}.back-btn i,.submit-btn i{margin:0 .4rem}.submit-btn i.pl{margin-left:.4rem;margin-right:0}hr{border:0;border-top:1px solid rgba(255,255,255,.2);margin:1rem 0}.floor-block{margin-bottom:1.2rem;padding:.6rem;background-color:#ffffff0d;border-radius:6px}.floor-photos-wrapper{background-color:#f9f9f900;padding:1rem;text-align:center;border-radius:8px}.floor-photos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.floor-photo-display{display:flex;justify-content:center;align-items:center;gap:1rem}.floor-photo-display img{max-width:300px;max-height:200px;border-radius:6px}.arrow{background:none;border:none;font-size:1.5rem;cursor:pointer}.floor-photo-container{position:relative;width:320px;height:220px;border-radius:6px;overflow:hidden}.overlay{position:absolute;bottom:0;width:100%;background:#00000059;color:#eee;text-align:center;padding:.3rem;font-size:.8rem;font-family:monospace}.forms-container{display:flex;justify-content:space-between;flex-direction:column;min-height:325px;max-height:auto}html{scroll-behavior:smooth}.bilder-wrapper{background-color:#3c4820;color:#fff}.room-section{margin-bottom:3rem;padding:2rem;display:flex;flex-direction:column;align-items:center;background-color:#3c4820;box-shadow:inset 0 0 10px #ffffff1a,0 0 12px #0000004d;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:box-shadow .3s ease}.room-title{text-transform:uppercase;letter-spacing:.4rem;font-family:Fredericka the Great,cursive;color:#f5b74b;font-size:1.8rem;text-align:center}.apartment-title{color:#9acc69;font-size:calc(1.5vw + 1vh);font-family:Fredericka the Great,cursive;letter-spacing:.4rem;text-transform:uppercase;text-align:center}.bauplan-section{margin-top:40px;text-align:center}.photo-scroll-wrapper{width:100%;max-width:55vw;height:280px;overflow:hidden;position:relative;padding:0 1rem;scrollbar-width:none}.photo-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2rem;height:100%;min-width:max-content;animation:auto-scroll 260s linear infinite}.photo-scroll-wrapper::-webkit-scrollbar{display:none}.photo-container{position:relative;width:fit-content;height:250px;border-radius:4px;overflow:hidden}.photo-container img{width:100%;height:100%;object-fit:cover;cursor:pointer}.overlay{position:absolute;bottom:0;width:95%;background:#00000080;color:#fff;text-align:center;font-size:.8rem;padding:2% 5%}.bauplan-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;margin-bottom:6rem}.global-spinner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1e1ecc;display:flex;align-items:center;justify-content:center;z-index:2000}.spinner{border:5px solid #f3f3f3;border-top:5px solid #bea06b;border-radius:50%;width:50px;height:50px;animation:spin .9s linear infinite}.vertical-nav{position:fixed;top:50%;transform:translateY(-50%);right:2rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;background-color:#3c4820f2;padding:1rem 1.5rem;border-radius:8px;max-height:90vh;overflow-y:auto;box-shadow:0 0 10px #00000080}.vertical-nav span{color:#fff;text-decoration:none;font-size:.95rem;padding:.15rem 0;transition:color .3s;cursor:pointer}.vertical-nav span:hover{text-decoration:none;color:#6bb2be}.vertical-nav .nav-heading{margin-top:.6rem;font-weight:700;letter-spacing:.1rem;color:#9acc69;font-size:1.2rem}.vertical-nav a.active{color:#6bb2be;font-weight:700}@media (max-width: 768px){.vertical-nav{display:none}}@media (max-width: 800px){.photo-row img,.photo-container{width:130px;height:130px}.photo-scroll-wrapper{max-width:75vw;height:150px;padding:0 .5rem}.room-title{font-size:1rem;letter-spacing:.2rem}.photo-row{gap:1rem}.overlay{font-size:.75rem}.bilder-title{font-size:1.5rem}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes auto-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ueberuns-wrapper{margin-top:10rem;padding:2rem;width:45vw;margin:0 auto;color:#333;background-color:#fffef3fb;border-radius:8px;box-shadow:0 0 12px #0000001a}.ueberuns-title{text-align:center;font-size:3.5rem;color:#e7f0d4;margin-bottom:2rem;letter-spacing:.05rem}.company-info,.contact-person{margin-bottom:2rem}.icon{margin-right:.5rem;color:#bea06b}.company-info a{color:#3c4820;text-decoration:none}.company-info a:hover{text-decoration:underline}.map-container iframe{width:500px;height:400px;border:none;border-radius:6px}@media (max-width: 1600px){.map-container iframe{width:300px;height:200px;border-radius:6px}}@media (max-width: 1200px){.map-container iframe{width:200px;height:200px;border-radius:6px}}.contact-form-wrapper{background-color:#3c4820;color:#fff;border-radius:10px;min-width:500px}.contact-form .form-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.contact-form label{font-weight:700;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.contact-form input,.contact-form textarea{padding:.6rem;border-radius:6px;border:none;font-size:1rem;background-color:#d7d8d6}.text-field .field-label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-700, #c8d7ec)}.text-field input{width:100%;padding:.55rem .75rem;font:inherit;line-height:1.4;color:var(--text-900, #111827);background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}.text-field input::placeholder{color:var(--text-400, #9ca3af)}.text-field input:hover{border-color:#cbd5e1}.text-field input:focus{outline:none;border-color:var(--accent, #2563eb);box-shadow:0 0 0 3px #2563eb33}.text-field input:disabled{background:#f9fafb;color:var(--text-500, #6b7280);cursor:not-allowed}.text-field.error input{border-color:var(--danger, #dc2626);box-shadow:0 0 0 3px #dc262633}.text-field.sm input{padding:.4rem .6rem;border-radius:6px;font-size:.95rem}.notizbuch-container{display:flex;flex-direction:column;align-items:center;max-height:60vh;width:100%;padding:1rem;border:1px solid #ccc;background-color:#fdfdfdf9;border-radius:6px;box-shadow:0 0 6px #0000001a;overflow:hidden}.notizbuch-container h3{margin-top:0;font-size:1.25rem;color:#000}.notes-scroll{height:70vh;overflow-y:auto;width:100%}.notes-list{display:flex;flex-direction:column;height:100%;width:90%;overflow-y:auto;margin:0;padding:1rem;list-style:none;scrollbar-width:thick;border:2px solid rgba(0,0,0,.355);background-color:#c1f3c12f}.note-actions button{font-size:1rem;padding:5px}.note-actions{display:flex;gap:15px}.note-item-header{display:flex;justify-content:space-between}.note-item{padding:.5rem 0;border-bottom:1px solid #e3e3e3;width:100%;margin-bottom:.2rem}.note-item h3{font-size:.95rem;margin:0 0 .25rem;color:#333}.note-item p{margin:0 0 .25rem;font-size:.9rem;color:#555}.note-item small{font-size:.75rem;color:#888}.note-form{display:flex;flex-direction:column;width:100%;gap:.5rem;border-top:1px solid #ddd;padding-top:.75rem}.note-form input,.note-form textarea{font-size:.85rem;padding:.4rem .5rem;border:1px solid #ccc;border-radius:4px;resize:vertical}.note-form textarea{min-height:60px;max-height:150px}.note-form button{padding:.4rem .5rem;font-size:.85rem;font-weight:700;background-color:#4e7363;color:#fff;border:none;border-radius:4px;cursor:pointer}.note-form button:hover{background-color:#3e5f52}.checkbox-field{margin:.4rem 0;display:flex;justify-content:space-between;max-width:100%}.checkbox-label{display:flex;align-items:flex-start;letter-spacing:.1rem;gap:.5rem;-webkit-user-select:none;user-select:none;line-height:1.3;width:90%}.checkbox-field input[type=checkbox]{width:2rem;height:2rem;margin-top:.15rem;accent-color:#4e7363;cursor:pointer}.checkbox-field input[type=checkbox]:focus-visible{outline:2px solid #3e5f52;outline-offset:2px;border-radius:3px}.checkbox-field input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-field input[type=checkbox]:disabled+span,.checkbox-field:has(input[type=checkbox]:disabled){opacity:.6;cursor:not-allowed}.checklist-items{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);grid-template-rows:repeat(var(--max-rows, 5),max-content);gap:10px 20px;max-height:fit-content;overflow-x:auto;overflow-y:hidden;margin:0;padding:0;list-style:none}@media (max-width: 680px){.checklist-items{grid-auto-flow:row;grid-auto-columns:auto;grid-template-rows:none;grid-template-columns:1fr;height:auto;overflow:visible}}.status-chip{font-size:.8rem;padding:.15rem .5rem;border-radius:999px;border:1px solid #e5e7eb;margin-left:.5rem}.status-chip.ok{background:#15e986;border-color:#057e05;color:#000}.status-chip.problem{background:#d64646;border-color:#ef4444}.problem-input{display:flex;align-items:end;gap:2.5rem;justify-content:start}.problems-list{margin:.5rem 0 1rem}.problems-list ul{margin:.25rem 0 0;padding-left:1rem}.problem-row{display:flex;align-items:center;justify-content:start;gap:2rem;margin-bottom:.5rem}.problem-row>span{flex:1}.checklist-section{border-bottom:1px solid #ddd}.field-label{font-weight:700;display:block;margin-bottom:.25rem}.radio-options{display:flex;gap:1rem;margin-bottom:.5rem}.text-field input{width:100%}.checkbox-label{display:flex;font-size:calc(1vh + .7vw);align-items:center;gap:.5rem;margin-top:.5rem}.submit-button{padding:.75rem 1.5rem;font-weight:700;background-color:#4e7363;color:#fff;border:none;cursor:pointer}.checklist-navbar{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.navbar-button{padding:.5rem 1rem;border:none;background-color:#ccc;color:#333;font-weight:700;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.navbar-button:hover{background-color:#bbb}.navbar-button.active{background-color:#4e7363;color:#fff}.button-row{display:flex;justify-content:end;gap:15px}.checklist-page{margin-bottom:5rem}.flexbox-internes{display:flex;justify-content:space-between;width:fit-content;gap:calc(3vh + 3vw);margin-top:2rem}.notizbuch{width:50%;position:sticky;top:2rem;height:80vh;align-self:flex-start}.internes-container{width:75vw}.internes-image-container{width:100%;position:relative;margin-bottom:5%}.internes-image-container img{width:100%;height:100%;object-fit:cover;display:block}.internes-tabs{display:flex;justify-content:center;gap:1rem;margin:1rem 0;flex-wrap:wrap}.internes-tab-button{background-color:#c7ef71aa;border:none;padding:.5rem 2rem;font-weight:700;border-radius:4px;cursor:pointer;text-transform:capitalize}.internes-tab-button.active{background-color:#537c6a;color:#fff}.internes-content{width:50%;display:flex;margin-top:1rem;flex-direction:column}.internes-header-navbar{display:flex;width:100%;flex-direction:column}.internes-header-navbar a{color:#000}.logout-button{background-color:#e14848d9;margin:1%}.welcome{align-self:center;letter-spacing:.1rem;font-size:calc(.7vw + .7vh)}.welcome-and-gast{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.gast-profile-chip{display:flex;align-items:center;gap:8px;font-size:.95rem;opacity:.85}.gast-profile-chip strong{margin-right:4px}@media (max-width: 1200px){.flexbox-internes{flex-direction:column}.notizbuch,.internes-content{width:100%}}body{margin:0;font-family:Lato,sans-serif;background-color:#3c4820;color:#fff}h1{font-family:Playlist Caps,cursive;text-align:center;font-size:6rem;font-weight:100;letter-spacing:.5rem;margin-top:20vh}h2{font-family:Playlist Caps,cursive;text-align:center;font-size:calc(2.5vh + 2.5vw);color:#fff;font-weight:100;letter-spacing:.5rem}.page-container{max-width:80vw;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.pr{padding-right:.5rem}.pl{padding-left:.5rem}.flexbox{display:flex;justify-content:space-between}.flex-column{display:flex;flex-direction:column}@media (max-width: 1200px){.flexbox{display:flex;flex-direction:column;justify-content:space-between}}