:root{--wood-primary: #8B4513;--wood-secondary: #D2691E;--wood-light: #deb887;--wood-lighter: #F5DEB3;--wood-dark: #654321;--wood-darker: rgb(78, 52, 36);--accent-gold: #DAA520;--accent-green: #228B22;--white: #FFFFFF;--off-white: #FAFAFA;--light-gray: #F5F5F5;--gray: #CCCCCC;--dark-gray: #666666;--black: #2C2C2C;--success: #4CAF50;--error: #F44336;--warning: #FF9800;--header-height: 70px;--hero-aspect: 5 / 1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.2;color:var(--black);background-color:var(--off-white)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{background-color:var(--wood-darker);position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 2px 10px #0000001a;height:var(--header-height)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:flex;align-items:center;gap:.5rem;height:50%}.logo-img{margin-top:1.2rem;height:40px;width:auto;object-fit:contain}.nav-menu{display:flex;list-style:none;gap:2rem;height:100%;align-items:center}.nav-menu a{color:var(--wood-lighter);text-decoration:none;font-weight:500;transition:color .3s ease;padding:.5rem 0}.nav-menu a:hover{color:var(--accent-gold)}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:10px}.hamburger span{width:25px;height:3px;background-color:var(--wood-lighter);margin:3px 0;transition:.3s}main{margin-top:var(--header-height)}.hero{position:relative;background-image:linear-gradient(#00000040,#00000040),url(/src/assets/images/Logo_LS-Zimmerei_2024_lang-neg.jpg);background-repeat:no-repeat;background-position:center;background-size:contain;background-color:var(--wood-darker);color:var(--white);aspect-ratio:var(--hero-aspect);height:auto}@supports not (aspect-ratio: 1 / 1){.hero:before{content:"";display:block;padding-top:calc(100% / (var(--hero-aspect)))}}.hero-content{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:1rem 2.1rem .3rem;pointer-events:none}.cta-button{pointer-events:auto;display:inline-block;background-color:#daa520f5;color:var(--black);padding:.85rem 1.7rem;text-decoration:none;border-radius:6px;font-weight:700;transition:transform .2s ease,background-color .2s ease;box-shadow:0 10px 24px #00000059;-webkit-backdrop-filter:saturate(115%) blur(2px);backdrop-filter:saturate(115%) blur(2px)}.cta-button:hover{background-color:var(--wood-light);transform:translateY(-2px)}.services,.about,.contact,.gallery{padding:2rem 0}.services{background-color:var(--light-gray)}.gallery{background-color:var(--white)}.about{background-color:var(--off-white)}.services h2,.about h2,.contact h2,.gallery h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--wood-dark)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.about p{max-width:800px;margin:0 auto;font-size:1.1rem;text-align:center;color:var(--dark-gray)}.gallery-container{max-width:800px;margin:0 auto;position:relative}.gallery-main{position:relative;height:500px;overflow:hidden;border-radius:15px;box-shadow:0 10px 30px #0003}.gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease-in-out;cursor:pointer}.gallery-image.active{opacity:1}.gallery-controls{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;pointer-events:none}.gallery-prev,.gallery-next{background-color:#3c2414cc;color:var(--wood-lighter);border:none;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;pointer-events:all;display:flex;align-items:center;justify-content:center}.gallery-prev:hover,.gallery-next:hover{background-color:var(--wood-darker);transform:scale(1.1)}.gallery-prev{margin-left:20px}.gallery-next{margin-right:20px}.gallery-indicators{display:flex;justify-content:center;gap:10px;margin-top:20px}.indicator{width:12px;height:12px;border-radius:50%;background-color:var(--gray);cursor:pointer;transition:all .3s ease}.indicator.active{background-color:var(--wood-primary);transform:scale(1.2)}.indicator:hover{background-color:var(--wood-secondary)}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000000e6;animation:fadeIn .3s ease}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{position:relative;max-width:90%;max-height:90%;animation:zoomIn .3s ease}.modal-image{width:100%;height:100%;object-fit:contain;border-radius:10px}.modal-close{position:absolute;top:-40px;right:0;color:var(--white);font-size:35px;font-weight:700;cursor:pointer;transition:color .3s ease}.modal-close:hover{color:var(--accent-gold)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.3)}to{transform:scale(1)}}.service-card{background-color:var(--white);padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid var(--wood-primary)}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.service-card h3{color:var(--wood-dark);margin-bottom:1rem;font-size:1.3rem}.service-card p{color:var(--dark-gray);line-height:1.6}.contact{background-color:var(--off-white)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:2rem}.contact-info h3{color:var(--wood-dark);margin-bottom:1rem;font-size:1.5rem}.contact-info p{color:var(--dark-gray);margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-item{color:var(--dark-gray);font-size:1rem}.contact-item strong{color:var(--wood-dark)}.contact-form{background-color:var(--white);padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--wood-dark);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid var(--gray);border-radius:5px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--wood-primary);box-shadow:0 0 0 3px #8b45131a}.form-group input[type=file]{padding:.5rem;border:2px dashed var(--gray);background-color:var(--off-white);cursor:pointer}.form-group input[type=file]:hover{border-color:var(--wood-primary);background-color:var(--light-gray)}.file-info{display:block;color:var(--dark-gray);font-size:.875rem;margin-top:.25rem}.file-list{margin-top:.5rem}.file-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:var(--light-gray);border-radius:5px;margin-bottom:.5rem;font-size:.875rem}.file-remove{background:none;border:none;color:var(--error);cursor:pointer;font-size:1.2rem;padding:0 5px}.file-remove:hover{background-color:var(--error);color:var(--white);border-radius:3px}.submit-button{background-color:var(--wood-primary);color:var(--white);padding:1rem 2rem;border:none;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%}.submit-button:hover{background-color:var(--wood-dark);transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.form-group input.error,.form-group textarea.error{border-color:var(--error)}.error-message{color:var(--error);font-size:.875rem;margin-top:.25rem;display:none}.success-message{background-color:var(--success);color:var(--white);padding:1rem;border-radius:5px;margin-bottom:1rem;display:none}.submit-button.loading{background-color:var(--gray);cursor:not-allowed}.submit-button.loading:after{content:" ⏳"}.footer{background-color:var(--wood-darker);color:var(--wood-lighter);text-align:center;padding:2rem 0}@media (max-width: 1024px){:root{--header-height: 70px;--hero-aspect: 5 / 1.5}.gallery-main{height:400px}}@media (max-width: 768px){:root{--header-height: 70px;--hero-aspect: 5 / 1.5}.nav-menu{position:fixed;left:-100%;top:var(--header-height);flex-direction:column;background-color:var(--wood-darker);width:100%;text-align:center;transition:.3s;padding:2rem 0;height:auto}.nav-menu.active{left:0}.hamburger{display:flex}.container{padding:0 1rem}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-form{padding:1.5rem}.logo-img{height:55px}.gallery-main{height:300px}.gallery-prev,.gallery-next{width:40px;height:40px;font-size:1.2rem}.gallery-prev{margin-left:10px}.gallery-next{margin-right:10px}.cta-button{margin-inline-start:4.3rem;margin-top:auto;margin-bottom:.3rem;padding:.7rem .5rem;font-size:1rem;border-radius:6px}}@media (max-width: 480px){:root{--header-height: 60px;--hero-aspect: 3 / 1.4}.logo-img{height:35px}.services h2,.about h2,.contact h2,.gallery h2{font-size:2rem}.gallery-main{height:250px}}.cta-button{margin-inline-start:4.3rem;margin-top:auto;margin-bottom:.3rem;padding:.7rem .5rem;font-size:1rem;border-radius:6px}