*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;overflow-x:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app section{width:100%;margin:0;padding:6rem 0}.card{background-color:#edefe9;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.08);padding:2rem;width:100%;max-width:1000px;margin:2rem auto;box-sizing:border-box;transition:transform .2s ease}.card:hover{transform:translateY(-2px)}section{margin-bottom:3rem}.home{width:100%;background:#fff}.hero{position:relative;min-height:100vh;background-image:url(/img/Garten.14caa5dd.png);background-size:cover;background-position:50%;overflow:hidden}.hero,.hero-overlay{display:flex;align-items:center;justify-content:center}.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);padding:2rem}.hero-content{max-width:750px;text-align:center;color:#fff;z-index:2}.hero-badge{display:inline-block;margin-bottom:1.5rem;padding:.6rem 1rem;border-radius:999px;background:hsla(0,0%,100%,.12);backdrop-filter:blur(6px);font-size:.95rem;font-weight:500}.hero-content h1{font-size:3.5rem;line-height:1.15;margin-bottom:1.5rem;font-weight:700}.hero-content p{font-size:1.15rem;line-height:1.8;color:hsla(0,0%,100%,.92);margin-bottom:2rem}.hero-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.appointment-button,.call-button{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.6rem;border-radius:12px;text-decoration:none;color:#fff;font-weight:600;transition:.25s ease}.appointment-button{background:#2563eb}.call-button{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);backdrop-filter:blur(4px)}.appointment-button:hover,.call-button:hover{transform:translateY(-4px)}.animate{opacity:0;transform:translateY(40px);transition:.7s ease}.animate.show{opacity:1;transform:translateY(0)}@media (max-width:768px){.hero-content h1{font-size:2.4rem}.hero-content p{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.appointment-button,.call-button{width:100%;justify-content:center}}.about-section{width:100%;padding:6rem 1.5rem;background:#f5f7fb}.about-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-image img{width:100%;border-radius:22px;-o-object-fit:cover;object-fit:cover;box-shadow:0 12px 35px rgba(0,0,0,.12)}.about-content{display:flex;flex-direction:column}.section-badge{width:-moz-fit-content;width:fit-content;background:rgba(34,197,94,.12)}.about-content h2{font-size:2.6rem;line-height:1.2;color:#111827;margin-bottom:1.5rem}.about-content p{font-size:1.05rem;line-height:1.8;color:#4b5563;margin-bottom:1rem}.about-features{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.feature-item{display:flex;align-items:center;gap:.8rem;font-weight:500;color:#1f2937}.feature-item svg{color:#16a34a;min-width:20px}.team-section{max-width:1200px;margin:4rem auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.opening-card,.team-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.25s ease}.opening-card:hover,.team-card:hover{transform:translateY(-5px)}.team-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(37,99,235,.1);margin-bottom:1.2rem}.team-icon svg{color:#2563eb;width:28px;height:28px}.opening-card h3,.team-card h3{font-size:1.4rem;margin-bottom:.5rem;color:#111827}.team-card span{display:inline-block;margin-bottom:1rem;color:#2563eb;font-weight:600}.team-card p{color:#4b5563;line-height:1.7}.opening-card ul{list-style:none;padding:0;margin:1.5rem 0 0}.opening-card li{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid #e5e7eb;color:#374151}.opening-card li:last-child{border-bottom:none}@media (max-width:900px){.about-container{grid-template-columns:1fr}.about-content h2{font-size:2rem}.about-section{padding:4rem 1.2rem}}@media (max-width:600px){.about-content h2{font-size:1.7rem}.about-content p{font-size:1rem}.opening-card,.team-card{padding:1.5rem}}.references-section{width:100%;padding:6rem 1.5rem;background:#fff}.references-header{max-width:700px;margin:0 auto 4rem;text-align:center}.references-header h2{font-size:2.5rem;color:#111827;margin-bottom:1rem}.references-header p{color:#6b7280;line-height:1.8;font-size:1.05rem}.references-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.reference-card{overflow:hidden;border-radius:24px;background:#f8fafc;border:1px solid #e5e7eb;transition:.25s ease;box-shadow:0 10px 25px rgba(0,0,0,.04)}.reference-card:hover{transform:translateY(-6px);box-shadow:0 16px 35px rgba(0,0,0,.08)}.reference-image{position:relative;height:240px;background-image:url(/img/Garten.14caa5dd.png);background-size:cover;background-position:50%}.image-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;opacity:0;transition:.25s ease}.reference-card:hover .image-overlay{opacity:1}.image-overlay svg{color:#fff;width:32px;height:32px}.reference-content{padding:2rem}.reference-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:rgba(34,197,94,.1);margin-bottom:1.2rem}.reference-icon svg{width:28px;height:28px;color:#16a34a}.reference-category{display:inline-block;margin-bottom:.8rem;color:#2563eb;font-size:.9rem;font-weight:600}.reference-content h3{font-size:1.4rem;color:#111827;margin-bottom:.8rem}.reference-content p{color:#6b7280;line-height:1.8}@media (max-width:768px){.references-section{padding:4rem 1.2rem}.references-header h2{font-size:2rem}.reference-image{height:220px}}.reviews-section{width:100%;padding:6rem 1.5rem;background:#f5f7fb}.reviews-header{max-width:700px;margin:0 auto 4rem;text-align:center}.reviews-header h2{font-size:2.5rem;color:#111827;margin-bottom:1rem}.reviews-header p{color:#6b7280;font-size:1.05rem;line-height:1.8}.reviews-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.review-card{background:#fff;padding:2rem;border-radius:22px;border:1px solid #e5e7eb;transition:.25s ease;box-shadow:0 10px 25px rgba(0,0,0,.05)}.review-card:hover{transform:translateY(-6px);box-shadow:0 14px 35px rgba(0,0,0,.08)}.quote-icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(37,99,235,.08);margin-bottom:1.2rem}.quote-icon svg{width:26px;height:26px;color:#2563eb}.stars{display:flex;gap:.3rem;margin-bottom:1rem}.stars svg{width:18px;height:18px;color:#facc15;fill:#facc15}.review-text{color:#4b5563;line-height:1.8;margin-bottom:1.5rem;font-style:italic}.review-author{font-weight:700;color:#111827}@media (max-width:768px){.reviews-section{padding:4rem 1.2rem}.reviews-header h2{font-size:2rem}.reviews-header p{font-size:1rem}}.services-section{width:100%;padding:6rem 1.5rem;background:#fff}.services-header{max-width:700px;margin:0 auto 4rem;text-align:center}.section-badge{background:rgba(37,99,235,.1);color:#2563eb}.services-header h2{font-size:2.5rem;color:#111827;margin-bottom:1rem}.services-header p{font-size:1.05rem;line-height:1.8;color:#6b7280}.services-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.service-card{background:#f8fafc;padding:2rem;border-radius:22px;transition:.25s ease;border:1px solid #e5e7eb}.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.08)}.service-icon{width:65px;height:65px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:rgba(34,197,94,.1);margin-bottom:1.5rem}.service-icon svg{width:30px;height:30px;color:#16a34a}.service-card h3{font-size:1.3rem;color:#111827;margin-bottom:.8rem}.service-card p{color:#6b7280;line-height:1.7}@media (max-width:768px){.services-section{padding:4rem 1.2rem}.services-header h2{font-size:2rem}.services-header p{font-size:1rem}}.contact-section{width:100%;padding:6rem 1.5rem;background:#f5f7fb}.contact-header{max-width:700px;margin:0 auto 4rem;text-align:center}.section-badge{display:inline-flex;align-items:center;padding:.45rem 1rem;margin-bottom:1rem;border-radius:999px;background:rgba(34,197,94,.1);color:#15803d;font-size:.9rem;font-weight:600}.contact-header h2{font-size:2.5rem;color:#111827;margin-bottom:1rem}.contact-header p{color:#6b7280;line-height:1.8;font-size:1.05rem}.contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:350px 1fr;gap:2rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{display:flex;gap:1rem;padding:1.5rem;background:#fff;border-radius:20px;border:1px solid #e5e7eb}.info-icon{min-width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(37,99,235,.1)}.info-icon svg{width:26px;height:26px;color:#2563eb}.info-card h3{margin-bottom:.4rem;color:#111827}.info-card p{color:#6b7280}.contact-form-wrapper{background:#fff;padding:2rem;border-radius:24px;border:1px solid #e5e7eb}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.6rem}.form-group label{font-weight:600;color:#111827}.form-group input,.form-group textarea{width:100%;padding:1rem;border-radius:14px;border:1px solid #d1d5db;font-size:1rem;font-family:inherit;outline:none;transition:.2s ease;resize:none}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.5rem;border:none;border-radius:14px;background:#16a34a;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:.25s ease}.submit-btn:hover{transform:translateY(-3px);filter:brightness(1.05)}@media (max-width:900px){.contact-container,.form-grid{grid-template-columns:1fr}.contact-header h2{font-size:2rem}}.footer{background:#0f172a;color:#fff;padding-top:5rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem 4rem;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:4rem}.footer-brand{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.footer-logo{width:60px;height:60px;border-radius:16px;-o-object-fit:cover;object-fit:cover}.footer-brand h2{margin:0;font-size:1.3rem}.footer-brand span{color:#94a3b8;font-size:.9rem}.footer-column p{line-height:1.8;color:#cbd5e1}.footer-column h3{margin-bottom:1.5rem;font-size:1.1rem}.footer-links{display:flex;flex-direction:column;gap:1rem}.footer-bottom-links a,.footer-links a{color:#cbd5e1;text-decoration:none;transition:.2s ease}.footer-bottom-links a:hover,.footer-links a:hover{color:#4ade80}.footer-contact{display:flex;flex-direction:column;gap:1rem}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.08);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;max-width:1200px;margin:0 auto}.footer-bottom p{margin:0;color:#94a3b8}.footer-bottom-links{display:flex;gap:1.5rem}@media (max-width:900px){.footer-container{grid-template-columns:1fr;gap:3rem}.footer-bottom{flex-direction:column;align-items:flex-start}}html{scroll-behavior:smooth}.topbar{position:fixed;top:0;left:0;width:100%;height:80px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(12px);justify-content:space-between;padding:0 1.5rem;z-index:1200;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.05)}.brand,.topbar{display:flex;align-items:center}.brand{gap:1rem}.brand-logo{width:52px;height:52px;-o-object-fit:cover;object-fit:cover;border-radius:14px}.brand-text h2{margin:0;font-size:1.1rem;color:#0f172a}.brand-text span{font-size:.85rem;color:#64748b}.menu-btn{border:none;background:#fff;width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.2s ease}.menu-btn:hover{transform:scale(1.05)}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1300}.sidebar{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:#fff;z-index:1400;padding:2rem;box-sizing:border-box;transition:.3s ease;display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,.08)}.sidebar.open{right:0}.sidebar-header{justify-content:space-between;margin-bottom:3rem}.close-btn,.sidebar-header{display:flex;align-items:center}.close-btn{border:none;background:#f1f5f9;width:42px;height:42px;border-radius:12px;cursor:pointer;justify-content:center;transition:.2s ease}.close-btn:hover{background:#e2e8f0}.sidebar-links{display:flex;flex-direction:column;gap:1rem}.sidebar-links a{display:flex;align-items:center;gap:.9rem;text-decoration:none;padding:1rem 1.1rem;border-radius:16px;color:#0f172a;font-weight:500;transition:.25s ease}.sidebar-links a:hover{background:#16a34a;color:#fff;transform:translateX(4px)}@media (max-width:768px){.brand-text span{display:none}.sidebar{width:100%;right:-100%}.sidebar.open{right:0}}.legal-page{min-height:100vh;padding:8rem 1.5rem 5rem;background:#f8fafc}.legal-container{max-width:900px;margin:0 auto}.legal-badge{display:inline-block;padding:.4rem 1rem;border-radius:999px;background:#dcfce7;color:#166534;font-size:.9rem;font-weight:600;margin-bottom:1rem}.legal-container h1{font-size:2.8rem;color:#0f172a;margin-bottom:3rem}.legal-card{background:#fff;padding:2rem;margin-bottom:1.5rem;border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.legal-card h2{margin-top:0;margin-bottom:1rem;color:#0f172a;font-size:1.3rem}.legal-card p{margin:0;color:#475569;line-height:1.8}@media (max-width:768px){.legal-container h1{font-size:2rem}.legal-card{padding:1.5rem}}.ablauf{background:#fff}.ablauf,.features{width:100%}.feature-wrapper{max-width:1200px;margin:0 auto;padding:0 1.5rem;text-align:center}.feature-wrapper h1{margin-bottom:3rem;font-size:2.2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:.25s ease;text-align:left}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2rem;margin-bottom:1rem;color:#2563eb}.feature-card h3{margin-bottom:.5rem}.feature-card p{color:#555;line-height:1.6}.service-btn{margin-top:3rem;display:inline-flex;align-items:center;justify-content:center;background:#2563eb;color:#fff;padding:.9rem 1.6rem;border-radius:10px;text-decoration:none;font-weight:500;transition:.25s ease}.service-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}@media (max-width:768px){.feature-wrapper h1{font-size:1.8rem}.feature-card{padding:1.5rem}}