:root{--green:#2d5a27;--green-light:#3d7a34;--green-dark:#1e3d1a;--white:#fdfdfb;--off-white:#f5f5f2;--text:#1a1a1a;--text-muted:#5a5a58;--border:#e8e8e5;--font-serif:Georgia,'Times New Roman',serif;--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}/* ==================== PRELOADER ==================== */ .preloader{position:fixed;inset:0;z-index:99999;pointer-events:none;}.preloader-half{position:absolute;left:0;right:0;height:50%;background:var(--green);transition:transform 0.6s cubic-bezier(0.7,0,0.3,1);}.preloader-half.top{top:0;}.preloader-half.bottom{bottom:0;}.preloader.done .top{transform:translateY(-100%);}.preloader.done .bottom{transform:translateY(100%);}.preloader.hidden{display:none;}.preloader-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;color:rgba(255,255,255,0.9);z-index:100000;animation:spin 2s linear infinite;}.preloader-icon svg{width:100%;height:100%;}.preloader.done .preloader-icon{opacity:0;transition:opacity 0.2s ease;}@keyframes spin{from{transform:translate(-50%,-50%) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(360deg);}}/* Verhindere Scroll während Preloader */ body:has(.preloader:not(.done)){overflow:hidden;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;overflow-x:hidden;height:-webkit-fill-available;}body{font-family:var(--font-sans);font-size:18px;line-height:1.7;color:var(--text);background-color:var(--white);-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:hidden;min-height:100vh;min-height:-webkit-fill-available;}/* ==================== HEADER ==================== */ header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 4rem;display:flex;justify-content:space-between;align-items:center;background:rgba(253,253,251,0.9);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:border-color 0.3s ease,background 0.3s ease,backdrop-filter 0.3s ease;}header.scrolled{border-bottom-color:var(--border);}header.menu-open{background:transparent;backdrop-filter:none;border-bottom-color:transparent;z-index:280;}header.menu-open .logo{color:var(--white);}.logo{font-family:var(--font-sans);font-weight:500;font-size:1rem;color:var(--green);letter-spacing:-0.02em;transition:color 0.3s ease;}.nav-desktop{display:flex;gap:3rem;}.nav-desktop .nav-link{font-size:0.95rem;font-weight:400;color:var(--text-muted);text-decoration:none;transition:color 0.2s ease;cursor:pointer;}.nav-desktop .nav-link:hover{color:var(--green);}/* ==================== BURGER MENU ==================== */ .burger-menu{display:none;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;background:none;border:none;cursor:pointer;padding:0;position:relative;z-index:300;-webkit-tap-highlight-color:transparent;}.burger-menu span{display:block;width:22px;height:2px;background:var(--green);transition:transform 0.3s ease,opacity 0.3s ease,background-color 0.3s ease;position:absolute;}.burger-menu span:nth-child(1){top:16px;}.burger-menu span:nth-child(2){top:23px;}.burger-menu span:nth-child(3){top:30px;}.burger-menu.active span{background:var(--white);}.burger-menu.active span:nth-child(1){top:23px;transform:rotate(45deg);}.burger-menu.active span:nth-child(2){opacity:0;}.burger-menu.active span:nth-child(3){top:23px;transform:rotate(-45deg);}/* ==================== MOBILE NAV OVERLAY ==================== */ .mobile-nav{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background:var(--green);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.4s ease,visibility 0.4s ease;touch-action:none;overscroll-behavior:none;overflow:hidden;}.mobile-nav.active{opacity:1;visibility:visible;pointer-events:auto;}/* Body scroll lock when menu open */ html.menu-open,body.menu-open{overflow:hidden !important;position:fixed !important;width:100% !important;height:100% !important;height:100dvh !important;touch-action:none !important;-webkit-overflow-scrolling:none !important;overscroll-behavior:none !important;}html.menu-open::-webkit-scrollbar,body.menu-open::-webkit-scrollbar{display:none !important;width:0 !important;}html.menu-open{scrollbar-width:none !important;}/* Touch Blocker for iOS */ .touch-blocker{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;z-index:9998;background:transparent;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}.touch-blocker.active{display:block;}.mobile-nav nav{display:flex;flex-direction:column;align-items:center;gap:3rem;}.mobile-nav-link{font-family:var(--font-serif);font-size:2.2rem;color:var(--white);text-decoration:none;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity 0.3s ease,transform 0.3s ease,color 0.2s ease;}.mobile-nav.active .mobile-nav-link{opacity:1;transform:translateY(0);}.mobile-nav.active .mobile-nav-link:nth-child(1){transition-delay:0.1s;}.mobile-nav.active .mobile-nav-link:nth-child(2){transition-delay:0.2s;}.mobile-nav.active .mobile-nav-link:nth-child(3){transition-delay:0.3s;}.mobile-nav.active .mobile-nav-link:nth-child(4){transition-delay:0.4s;}.mobile-nav-link:hover{color:rgba(255,255,255,0.7);}/* ==================== HERO ==================== */ .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:8rem 4rem 4rem;position:relative;overflow:hidden;}.hero-content{max-width:900px;position:relative;z-index:2;}.hero h1{font-family:var(--font-serif);font-size:clamp(3rem,8vw,6rem);font-weight:400;line-height:1.05;letter-spacing:-0.03em;color:var(--text);margin-bottom:2rem;}.hero h1 span{color:var(--green);}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);font-weight:300;max-width:500px;}.hero-image{position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:45%;height:70vh;border-radius:2px;overflow:hidden;background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 50%,var(--green) 100%);background-size:200% 200%;animation:gradientShift 8s ease-in-out infinite;}@keyframes gradientShift{0%{background-position:0% 0%;}50%{background-position:100% 100%;}100%{background-position:0% 0%;}}.hero-frame{position:absolute;inset:2rem;border:1px solid rgba(255,255,255,0.2);border-radius:2px;pointer-events:none;z-index:5;}.hero-slides{position:absolute;inset:2rem;overflow:hidden;border-radius:2px;-webkit-transform:translateZ(0);transform:translateZ(0);}.hero-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 0.8s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;}.hero-slide.active{opacity:1;}.hero-slide::before{content:'';position:absolute;inset:0;background-image:url('data:image/svg+xml,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" fill-opacity="0.03"/><circle cx="75" cy="75" r="1" fill="white" fill-opacity="0.03"/><circle cx="50" cy="10" r="0.5" fill="white" fill-opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');background-size:100px 100px;}.hero-indicators{position:absolute;bottom:0.6rem;left:50%;transform:translateX(-50%);display:flex;gap:1rem;z-index:10;}.hero-indicator{width:3rem;height:24px;background:transparent;border:none;border-radius:0;cursor:pointer;padding:0;position:relative;overflow:visible;}.hero-indicator::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,0.25);border-radius:2px;}.hero-indicator::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:0%;background:rgba(255,255,255,0.9);border-radius:2px;}.hero-indicator.active::after{animation:progress 6s linear forwards;}.hero-indicator:hover::before{background:rgba(255,255,255,0.4);}@keyframes progress{from{width:0%;}to{width:100%;}}.scroll-indicator{position:absolute;bottom:3rem;left:4rem;display:flex;align-items:center;gap:1rem;color:var(--text-muted);font-size:0.85rem;text-decoration:none;transition:color 0.2s ease;cursor:pointer;}.scroll-indicator:hover{color:var(--green);}.scroll-line{width:60px;height:1px;background:var(--border);position:relative;overflow:hidden;}.scroll-line::after{content:'';position:absolute;left:0;top:0;height:100%;width:30%;background:var(--green);animation:scroll-hint 2s ease-in-out infinite;}@keyframes scroll-hint{0%,100%{transform:translateX(-100%);}50%{transform:translateX(400%);}}/* ==================== SECTIONS ==================== */ section{padding:8rem 4rem;}.section-label{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--green);margin-bottom:2rem;font-weight:500;}/* ==================== ABOUT ==================== */ .about{background:var(--off-white);}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;max-width:1400px;margin:0 auto;}.about-image{aspect-ratio:4/5;border-radius:2px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 50%,var(--green) 100%);background-size:200% 200%;animation:gradientShift 8s ease-in-out infinite;}.about-frame{position:absolute;inset:1.5rem;border:1px solid rgba(255,255,255,0.2);border-radius:2px;pointer-events:none;z-index:5;}.about-slides{position:absolute;inset:1.5rem;overflow:hidden;border-radius:2px;}.about-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 0.8s ease-in-out;will-change:opacity;}.about-slide.active{opacity:1;}.about-slide::before{content:'';position:absolute;inset:0;background-image:url('data:image/svg+xml,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" fill-opacity="0.03"/><circle cx="75" cy="75" r="1" fill="white" fill-opacity="0.03"/><circle cx="50" cy="10" r="0.5" fill="white" fill-opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');background-size:100px 100px;}.about-indicators{position:absolute;bottom:0.5rem;left:50%;transform:translateX(-50%);display:flex;gap:0.75rem;z-index:10;}.about-indicator{width:3.5rem;height:24px;background:transparent;border:none;cursor:pointer;padding:0;position:relative;overflow:visible;}.about-indicator::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,0.25);border-radius:2px;transition:background 0.3s ease;}.about-indicator::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:0%;background:rgba(255,255,255,0.9);border-radius:2px;}.about-indicator.active::after{animation:about-progress 6s linear forwards;}.about-indicator:hover::before{background:rgba(255,255,255,0.4);}@keyframes about-progress{from{width:0%;}to{width:100%;}}.about-content h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.2;margin-bottom:2rem;letter-spacing:-0.02em;}.about-content p{color:var(--text-muted);margin-bottom:1.5rem;font-weight:300;}.about-signature{margin-top:3rem;font-style:italic;color:var(--text);}/* ==================== LEISTUNGEN ==================== */ .leistungen{background:var(--white);}.leistungen-header{max-width:600px;margin-bottom:5rem;}.leistungen-header h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-0.02em;}.leistungen-header p{color:var(--text-muted);font-weight:300;}.leistungen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);max-width:1400px;margin:0 auto;}.leistung-item{background:var(--white);padding:3rem;transition:background 0.4s cubic-bezier(0.4,0,0.2,1);}.leistung-item:hover{background:var(--off-white);}.leistung-item h3{font-family:var(--font-sans);font-size:1.1rem;font-weight:500;margin-bottom:1rem;color:var(--text);}.leistung-item p{color:var(--text-muted);font-size:0.95rem;font-weight:300;line-height:1.7;}/* Hoyer Partner Box - Base */ .leistung-item.hoyer-box{grid-column:span 2;position:relative;overflow:hidden;}/* SPOILER MODE (default) */ .leistung-item.hoyer-box.spoiler-mode{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 50%,#1a1a1a 100%);cursor:pointer;}.leistung-item.hoyer-box.spoiler-mode::before{display:none;}.leistung-item.hoyer-box.spoiler-mode .hoyer-content{filter:blur(12px);opacity:0.2;user-select:none;pointer-events:none;transition:all 0.4s ease;}.leistung-item.hoyer-box.spoiler-mode .spoiler-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;z-index:10;background:rgba(0,0,0,0.3);}.leistung-item.hoyer-box.spoiler-mode .spoiler-overlay svg{width:32px;height:32px;fill:rgba(255,255,255,0.6);}.leistung-item.hoyer-box.spoiler-mode .spoiler-overlay span{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.2em;color:rgba(255,255,255,0.7);font-weight:500;}.leistung-item.hoyer-box.spoiler-mode:hover .hoyer-content{filter:blur(10px);opacity:0.25;}.leistung-item.hoyer-box.spoiler-mode:hover .spoiler-overlay{background:rgba(0,0,0,0.15);}.leistung-item.hoyer-box.spoiler-mode:hover .spoiler-overlay span{color:rgba(255,255,255,0.9);}/* ACTIVE MODE */ .leistung-item.hoyer-box.active-mode{background:linear-gradient(135deg,#1a237e 0%,#283593 50%,#c62828 100%);}.leistung-item.hoyer-box.active-mode .spoiler-overlay{display:none;}.leistung-item.hoyer-box.active-mode::before{content:'';position:absolute;right:20px;top:50%;transform:translateY(-50%);width:220px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1375.135 235.508'%3E%3Cpath fill='rgba(255,255,255,0.1)' d='M1078.501 60.895h-150.8a5.634 5.634 0 0 0-5.634 5.634v18.207a5.634 5.634 0 0 0 5.634 5.634h126.353a5.634 5.634 0 0 1 4.58 8.914s-21.088 28.886-27.9 38.479a11.23 11.23 0 0 1-9.161 4.707h-93.875a5.634 5.634 0 0 0-5.634 5.634v20.873a5.634 5.634 0 0 0 5.634 5.634h150.469a5.634 5.634 0 0 1 5.634 5.634v7.891a11.27 11.27 0 0 1-2.119 6.577l-22.216 30.9a11.27 11.27 0 0 1-9.149 4.69H860.335a5.634 5.634 0 0 1-5.634-5.634V50.03a16.9 16.9 0 0 1 3.155-9.834l21.659-30.279a11.27 11.27 0 0 1 9.165-4.712h189.821a5.634 5.634 0 0 1 5.634 5.634V55.26a5.634 5.634 0 0 1-5.634 5.634Zm239.972 105.037a5.646 5.646 0 0 1 2.163-9.323c34.461-10.426 52.507-35.406 52.507-72.037 0-48.923-30.611-79.367-95.708-79.367h-120.4a11.27 11.27 0 0 0-9.162 4.709l-21.679 30.282a16.9 16.9 0 0 0-3.159 9.839v174.634a5.634 5.634 0 0 0 5.634 5.634h30.545a11.27 11.27 0 0 0 9.141-4.679l18.519-25.693a16.9 16.9 0 0 0 3.191-9.883V66.195a5.634 5.634 0 0 1 5.634-5.634h81.887c24.758 0 27.465 8.318 27.465 25.321 0 16.894-2.653 25.292-27.465 25.292h-30.281a11.27 11.27 0 0 0-9.162 4.709l-27.89 38.479a5.634 5.634 0 0 0 4.581 8.914h18.141a16.9 16.9 0 0 1 12.247 5.254l53.756 56.521a16.9 16.9 0 0 0 12.247 5.254h58.278a5.634 5.634 0 0 0 3.974-9.627ZM832.645 5.209h-61.937a11.26 11.26 0 0 0-9.159 4.709l-62.553 87.419a5.63 5.63 0 0 1-9.159 0L627.284 9.909a11.26 11.26 0 0 0-9.159-4.708h-61.938a5.631 5.631 0 0 0-4.579 8.908l105.041 146.8a11.26 11.26 0 0 1 2.1 6.554v57.209a5.63 5.63 0 0 0 5.631 5.631h32.054a11.26 11.26 0 0 0 9.157-4.707l21.332-29.8a16.9 16.9 0 0 0 3.157-9.834v-18.5a11.26 11.26 0 0 1 2.1-6.554L837.225 14.109a5.631 5.631 0 0 0-4.579-8.908ZM67.291 185.957v-34.913a5.63 5.63 0 0 1 5.632-5.632h9.595a11.26 11.26 0 0 0 9.159-4.707l30.031-41.621a5.632 5.632 0 0 0-4.579-8.91H72.923a5.63 5.63 0 0 1-5.632-5.632v-73.7a5.63 5.63 0 0 0-5.637-5.633H5.632A5.63 5.63 0 0 0 0 10.841v213.83a5.63 5.63 0 0 0 5.632 5.632h28.006a11.26 11.26 0 0 0 9.159-4.707l21.336-29.8a16.9 16.9 0 0 0 3.158-9.835ZM210.777 9.909l-21.678 30.286a16.9 16.9 0 0 0-3.159 9.839v34.505a5.634 5.634 0 0 1-5.634 5.634H165.27a11.27 11.27 0 0 0-9.162 4.709l-30.041 41.635a5.634 5.634 0 0 0 4.581 8.913h49.658a5.634 5.634 0 0 1 5.634 5.634v73.6a5.634 5.634 0 0 0 5.634 5.634h56.025a5.634 5.634 0 0 0 5.634-5.634V10.839a5.634 5.634 0 0 0-5.634-5.634h-27.66a11.27 11.27 0 0 0-9.162 4.709Zm209.9-9.914c-76.92 0-134.7 36.209-134.7 117.75 0 83.89 58.073 117.758 134.7 117.758 76.977.006 134.977-33.869 134.977-117.752 0-81.802-58-117.751-134.98-117.751Zm0 179.88c-56.177 0-67.485-13.3-67.485-62.129s11.337-62.117 67.482-62.117c56.209 0 67.711 13.277 67.711 62.122s-11.354 62.128-67.711 62.128Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;pointer-events:none;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}.leistung-item.hoyer-box.active-mode::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background 0.4s cubic-bezier(0.4,0,0.2,1);pointer-events:none;}.leistung-item.hoyer-box.active-mode:hover::after{background:rgba(255,255,255,0.06);}.leistung-item.hoyer-box.active-mode:hover::before{transform:translateY(-50%) scale(1.05);}.leistung-item.hoyer-box .hoyer-content{position:relative;z-index:1;display:flex;align-items:center;gap:3rem;}.leistung-item.hoyer-box .hoyer-badge{flex-shrink:0;width:80px;height:80px;background:rgba(255,255,255,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.2);}.leistung-item.hoyer-box .hoyer-badge svg{width:40px;height:40px;fill:white;}.leistung-item.hoyer-box .hoyer-text{flex:1;}.leistung-item.hoyer-box .hoyer-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.15em;color:rgba(255,255,255,0.7);margin-bottom:0.5rem;}.leistung-item.hoyer-box .hoyer-label-spoiler{display:none;}.leistung-item.hoyer-box .hoyer-label-active{display:block;}.leistung-item.hoyer-box.spoiler-mode .hoyer-label-spoiler{display:block;}.leistung-item.hoyer-box.spoiler-mode .hoyer-label-active{display:none;}.leistung-item.hoyer-box h3{color:white;font-family:var(--font-serif);font-size:1.75rem;font-weight:400;margin-bottom:0.75rem;}.leistung-item.hoyer-box p{color:rgba(255,255,255,0.9);font-size:1.1rem;max-width:500px;}.leistung-item.hoyer-box .hoyer-text-spoiler{display:none;}.leistung-item.hoyer-box .hoyer-text-active{display:block;}.leistung-item.hoyer-box.spoiler-mode .hoyer-text-spoiler{display:block;}.leistung-item.hoyer-box.spoiler-mode .hoyer-text-active{display:none;}/* Geräte Liste */ .geraete{margin-top:5rem;padding-top:5rem;border-top:1px solid var(--border);max-width:1400px;margin-left:auto;margin-right:auto;}.geraete h3{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;margin-bottom:2rem;}.geraete-list{display:flex;flex-wrap:wrap;gap:1rem;}.geraete-list span{padding:0.75rem 1.5rem;border:1px solid var(--border);border-radius:2px;font-size:0.9rem;color:var(--text-muted);transition:all 0.2s ease;}.geraete-list span:hover{border-color:var(--green);color:var(--green);}/* ==================== KONTAKT ==================== */ .kontakt{background:var(--green);color:var(--white);}.kontakt .section-label{color:rgba(255,255,255,0.9);}.kontakt-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;max-width:1400px;align-items:start;}.kontakt-main h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1.2;margin-bottom:3rem;letter-spacing:-0.02em;}.kontakt-details{display:flex;flex-direction:column;gap:2rem;}.kontakt-item label{display:block;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.1em;opacity:0.6;margin-bottom:0.5rem;}.kontakt-item p,.kontakt-item a{font-size:1.1rem;color:var(--white);text-decoration:none;font-weight:300;}.kontakt-item a:hover{text-decoration:underline;}.kontakt-side{display:flex;flex-direction:column;gap:2rem;}.oeffnungszeiten h3{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.1em;opacity:0.6;margin-bottom:1.5rem;font-weight:400;}.oeffnungszeiten-list{display:flex;flex-direction:column;gap:0.75rem;}.oeffnungszeiten-row{display:flex;justify-content:space-between;font-size:0.95rem;font-weight:300;padding-bottom:0.75rem;border-bottom:1px solid rgba(255,255,255,0.15);}.oeffnungszeiten-row.closed{opacity:0.5;}.map-container{margin-top:3rem;height:250px;border-radius:2px;overflow:hidden;}/* ==================== FOOTER ==================== */ footer{background:var(--green-dark);color:var(--white);padding:2rem 4rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;font-size:0.85rem;position:relative;z-index:999;}footer a{color:rgba(255,255,255,0.6);text-decoration:none;transition:color 0.2s ease;cursor:pointer;position:relative;z-index:1000;}footer a:hover{color:var(--white);}.footer-home{color:rgba(255,255,255,0.85);white-space:nowrap;}.footer-links{display:flex;gap:2rem;white-space:nowrap;}.footer-links a{pointer-events:auto !important;}/* ==================== ANIMATIONS ==================== */ .fade-in{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease,transform 0.8s ease;}.fade-in.visible{opacity:1;transform:translateY(0);}/* ==================== RESPONSIVE ==================== */ @media (max-width:1024px){header{padding:1.25rem 2rem;}.nav-desktop{gap:2rem;}section{padding:5rem 2rem;}.hero{padding:6rem 2rem 4rem;}.hero-image{width:50%;right:-8%;}.about-grid,.kontakt-grid{grid-template-columns:1fr;gap:3rem;}.about-image{aspect-ratio:16/9;order:-1;}.leistungen-grid{grid-template-columns:1fr;}.scroll-indicator{left:2rem;}}@media (max-width:768px){/* === HEADER === */ header{padding:1rem 1.25rem;background:rgba(253,253,251,0.98);}.nav-desktop{display:none;}.burger-menu{display:flex;}.logo{font-size:0.9rem;}/* === HERO - MOBILE VERSION === */ .hero{min-height:100vh;min-height:-webkit-fill-available;padding:0;display:block;position:relative;overflow:hidden;}.hero-image{position:absolute;inset:0;width:100%;height:100%;right:auto;top:auto;transform:none;}.hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient( to top,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.8) 25%,rgba(255,255,255,0) 50% );z-index:1;}.hero-frame{display:none;}.hero-slides{inset:0;border-radius:0;}.hero-indicators{display:none;}.hero-content{position:absolute;bottom:5rem;left:1.5rem;right:1.5rem;padding:0;z-index:10;max-width:100%;background:none;border-radius:0;}.hero h1{font-size:2.4rem;line-height:1.1;color:var(--text);margin-bottom:0.75rem;}.hero h1 span{color:var(--green);}.hero-subtitle{color:var(--text-muted);font-size:1.05rem;line-height:1.5;}.scroll-indicator{display:none;}/* === GENERAL SECTIONS === */ section{padding:5rem 1.5rem;}.section-label{font-size:0.7rem;letter-spacing:0.15em;margin-bottom:1rem;}/* === ABOUT === */ .about{padding:5rem 1.5rem;}.about-grid{gap:3rem;}.about-image{aspect-ratio:4/3;border-radius:8px;}.about-frame{inset:1rem;border-radius:6px;}.about-slides{inset:1rem;border-radius:6px;}.about-indicators{display:none;}.about-content h2{font-size:2.25rem;line-height:1.15;margin-bottom:1.5rem;}.about-content p{font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem;}.about-signature{margin-top:2.5rem;font-size:1.1rem;}/* === LEISTUNGEN === */ .leistungen{padding:5rem 1.5rem;}.leistungen-header{margin-bottom:3rem;}.leistungen-header h2{font-size:2.25rem;margin-bottom:1rem;}.leistungen-header p{font-size:1.05rem;}.leistungen-grid{border:none;background:none;}.leistung-item{padding:2rem 0;border:none;border-bottom:1px solid var(--border);background:transparent;}.leistung-item:first-child{border-top:1px solid var(--border);}.leistung-item:hover{background:transparent;}.leistung-item h3{font-size:1.2rem;margin-bottom:0.75rem;}.leistung-item p{font-size:1rem;line-height:1.6;color:var(--text-muted);}/* Hoyer Box Mobile */ .leistung-item.hoyer-box{grid-column:span 1;padding:2rem 1.5rem;border-radius:8px;border:none;margin-top:0.5rem;}.leistung-item.hoyer-box.spoiler-mode{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 50%,#1a1a1a 100%);}.leistung-item.hoyer-box.active-mode{background:linear-gradient(135deg,#1a237e 0%,#283593 50%,#c62828 100%);}.leistung-item.hoyer-box.active-mode::before{width:100px;height:18px;right:15px;top:20px;transform:none;}.leistung-item.hoyer-box.active-mode:hover::before{transform:scale(1.05);}.leistung-item.hoyer-box .hoyer-content{flex-direction:column;align-items:flex-start;gap:1.25rem;}.leistung-item.hoyer-box .hoyer-badge{width:56px;height:56px;}.leistung-item.hoyer-box .hoyer-badge svg{width:28px;height:28px;}.leistung-item.hoyer-box h3{font-size:1.3rem;}.leistung-item.hoyer-box p{font-size:1rem;}.leistung-item.hoyer-box .hoyer-label{font-size:0.65rem;}.leistung-item.hoyer-box .spoiler-overlay span{font-size:0.75rem;}.leistung-item.hoyer-box .spoiler-overlay svg{width:28px;height:28px;}.geraete{margin-top:4rem;padding-top:4rem;}.geraete h3{font-size:1.5rem;margin-bottom:2rem;}.geraete-list{gap:0.75rem;}.geraete-list span{padding:0.85rem 1.25rem;font-size:0.95rem;border-radius:6px;}/* === KONTAKT === */ .kontakt{padding:5rem 1.5rem;}.kontakt-grid{gap:4rem;}.kontakt-main h2{font-size:2.25rem;margin-bottom:2.5rem;}.kontakt-details{gap:2.5rem;}.kontakt-item label{font-size:0.7rem;margin-bottom:0.5rem;}.kontakt-item p,.kontakt-item a{font-size:1.15rem;}.oeffnungszeiten{margin-top:1rem;}.oeffnungszeiten h3{font-size:0.7rem;margin-bottom:1.5rem;}.oeffnungszeiten-row{font-size:1.05rem;padding-bottom:1.25rem;margin-bottom:1.25rem;}.map-container{margin-top:3rem;height:300px;border-radius:8px;}/* === FOOTER MOBILE === */ footer{padding:1.5rem 1rem;font-size:0.8rem;flex-direction:column !important;flex-wrap:wrap !important;justify-content:center !important;align-items:center;gap:1rem;text-align:center;}.footer-home{white-space:normal;}}@media (max-width:390px){.hero h1{font-size:2.4rem;}.hero-subtitle{font-size:1rem;}.about-content h2,.leistungen-header h2,.kontakt-main h2{font-size:2rem;}}