.garten-page *,.garten-page :before,.garten-page :after{box-sizing:border-box;margin:0;padding:0}.garten-page{--banner-h:38px;--forest:#1a3a1a;--forest-mid:#2d5a2d;--cream:#f5f0e8;--sand:#e8e0d0;--rust:#c4622d;--rust-dark:#a0501f;--offwhite:#fafaf7;--charcoal:#1e1e1e;--muted:#6b6b5e;--serif:var(--font-dm-serif,"DM Serif Display",Georgia,serif);--sans:var(--font-dm-sans,"DM Sans",system-ui,sans-serif);font-family:var(--sans);background:var(--offwhite);color:var(--charcoal);min-height:100vh;overflow-x:hidden}.garten-page .reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.garten-page .reveal.visible{opacity:1;transform:none}.garten-page .reveal-left{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translate(-50px)}.garten-page .reveal-right{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translate(50px)}.garten-page .reveal-left.visible,.garten-page .reveal-right.visible{opacity:1;transform:none}.garten-page .delay-1{transition-delay:.1s}.garten-page .delay-2{transition-delay:.2s}.garten-page .delay-3{transition-delay:.35s}.garten-page .delay-4{transition-delay:.5s}.garten-page .garten-demo-banner{z-index:10000;color:#e0e0e0;text-align:center;font-size:.85rem;line-height:1.5;font-family:var(--sans);background:#1a1a2e;padding:9px 16px;position:fixed;top:0;left:0;right:0}.garten-page .garten-demo-banner a{color:#7eb8f7;font-weight:600;text-decoration:underline}.garten-page .nav-logo-mark svg{flex-shrink:0;display:block}.garten-page .trust-icon svg,.garten-page .contact-detail-icon svg{display:block}.garten-page .btn-primary svg,.garten-page .btn-ghost svg{flex-shrink:0}.garten-page nav{top:var(--banner-h);z-index:100;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;transition:background .4s,box-shadow .4s;display:flex;position:fixed;left:0;right:0}.garten-page nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafaf7f2;box-shadow:0 1px #00000014}.garten-page .nav-logo{color:var(--offwhite);align-items:center;gap:10px;text-decoration:none;transition:color .4s;display:flex}.garten-page nav.scrolled .nav-logo{color:var(--forest)}.garten-page .nav-logo-mark{background:var(--rust);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.garten-page .nav-logo-mark i,.garten-page .nav-logo-mark svg{color:#fff;font-size:.85rem}.garten-page .nav-logo-text{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;font-size:.95rem;font-weight:600}.garten-page .nav-links{align-items:center;gap:2.5rem;list-style:none;display:flex}.garten-page .nav-links a{color:#fafaf7d9;letter-spacing:.02em;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.garten-page nav.scrolled .nav-links a{color:var(--muted)}.garten-page .nav-links a:hover{color:var(--rust)!important}.garten-page .nav-cta{border-radius:100px;background:var(--rust)!important;color:#fff!important;padding:.55rem 1.4rem!important;transition:background .2s,transform .2s!important}.garten-page .nav-cta:hover{transform:translateY(-1px);background:var(--rust-dark)!important}.garten-page .nav-hamburger{cursor:pointer;flex-direction:column;gap:5px;padding:4px;display:none}.garten-page .nav-hamburger span{background:var(--offwhite);border-radius:2px;width:24px;height:2px;transition:background .3s;display:block}.garten-page nav.scrolled .nav-hamburger span{background:var(--charcoal)}.garten-page .mobile-menu{background:var(--forest);z-index:99;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.garten-page .mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto}.garten-page .mobile-menu a{font-family:var(--serif);color:var(--cream);font-size:2.5rem;text-decoration:none;transition:color .2s}.garten-page .mobile-menu a:hover{color:var(--rust)}.garten-page .mobile-close{color:var(--cream);cursor:pointer;background:0 0;border:none;font-size:2rem;position:absolute;top:1.5rem;right:2rem}.garten-page .hero{height:100svh;min-height:620px;padding-top:calc(72px + var(--banner-h));flex-direction:column;display:flex;position:relative;overflow:hidden}.garten-page .hero-bg{filter:blur(4px);background:url(/referenzen/gartenarbeit/garten-hero.jpg) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.05)}.garten-page .hero-bg:after{content:"";background:linear-gradient(#0a180a73 0%,#0a180a40 35%,#0a180ab3 65%,#0a180aeb 100%);position:absolute;inset:0}.garten-page .hero-content{z-index:2;width:100%;max-width:1200px;margin-top:auto;padding:0 4vw 6vw;position:relative}.garten-page .hero-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--rust);align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.75rem;font-weight:600;display:flex}.garten-page .hero-eyebrow:before{content:"";background:var(--rust);flex-shrink:0;width:40px;height:2px;display:block}.garten-page .hero-title{font-family:var(--serif);color:var(--offwhite);text-shadow:0 2px 12px #00000059;max-width:800px;margin-bottom:2rem;font-size:clamp(3rem,7.5vw,7rem);line-height:1.05}.garten-page .hero-title em{color:var(--sand);font-style:italic}.garten-page .hero-sub{color:#f5f0e8e6;max-width:480px;margin-bottom:2.5rem;font-size:clamp(1rem,2vw,1.2rem);font-weight:300;line-height:1.65}.garten-page .hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.garten-page .btn-primary{background:var(--rust);color:#fff;letter-spacing:.02em;border-radius:100px;align-items:center;gap:.6rem;padding:.9rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #c4622d59}.garten-page .btn-primary:hover{background:var(--rust-dark);transform:translateY(-2px);box-shadow:0 8px 28px #c4622d73}.garten-page .btn-ghost{color:#f5f0e8e6;border:1.5px solid #f5f0e859;border-radius:100px;align-items:center;gap:.6rem;padding:.9rem 2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.garten-page .btn-ghost:hover{background:#f5f0e814;border-color:#f5f0e8b3}.garten-page .hero-scroll-hint{z-index:2;color:#f5f0e880;letter-spacing:.15em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.5rem;font-size:.7rem;display:flex;position:absolute;bottom:2.5rem;right:4vw}.garten-page .hero-scroll-line{background:linear-gradient(#f5f0e880,#0000);width:1px;height:50px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.garten-page .trust-bar{background:var(--forest);padding:2rem 4vw}.garten-page .trust-inner{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;display:grid}.garten-page .trust-item{align-items:center;gap:1.2rem;padding:.75rem 0;display:flex}.garten-page .trust-item+.trust-item{border-left:1px solid #f5f0e81f;padding-left:2rem}.garten-page .trust-icon{width:44px;height:44px;color:var(--rust);background:#c4622d33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.garten-page .trust-label{letter-spacing:.1em;text-transform:uppercase;color:#f5f0e880;margin-bottom:.2rem;font-size:.78rem}.garten-page .trust-value{color:var(--cream);font-size:.95rem;font-weight:600}.garten-page .section-label{letter-spacing:.3em;text-transform:uppercase;color:var(--rust);align-items:center;gap:.8rem;margin-bottom:1rem;font-size:.7rem;font-weight:600;display:flex}.garten-page .section-label:before{content:"";background:var(--rust);width:28px;height:2px;display:block}.garten-page .section-title{font-family:var(--serif);color:var(--charcoal);font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.12}.garten-page .section-title.light{color:var(--offwhite)}.garten-page #leistungen,.garten-page #stats,.garten-page #ablauf,.garten-page #referenzen,.garten-page #kontakt{scroll-margin-top:72px}.garten-page #leistungen{background:var(--offwhite);padding:8rem 4vw}.garten-page .leistungen-inner{max-width:1200px;margin:0 auto}.garten-page .leistungen-header{grid-template-columns:1fr 1fr;align-items:end;gap:4rem;margin-bottom:5rem;display:grid}.garten-page .leistungen-intro{color:var(--muted);font-size:1.1rem;font-weight:300;line-height:1.75}.garten-page .leistungen-grid{background:var(--sand);border:2px solid var(--sand);border-radius:20px;grid-template-columns:repeat(3,1fr);gap:2px;display:grid;overflow:hidden}.garten-page .service-card{background:var(--offwhite);cursor:default;transition:background .3s;overflow:hidden}.garten-page .service-card:hover{background:var(--cream)}.garten-page .service-img{height:240px;position:relative;overflow:hidden}.garten-page .service-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.garten-page .service-card:hover .service-img img{transform:scale(1.06)}.garten-page .service-body{padding:2rem 1.75rem 2.25rem}.garten-page .service-num{font-family:var(--serif);color:var(--sand);margin-bottom:.5rem;font-size:3rem;line-height:1}.garten-page .service-title{font-family:var(--serif);color:var(--charcoal);margin-bottom:.75rem;font-size:1.5rem}.garten-page .service-desc{color:var(--muted);margin-bottom:1.25rem;font-size:.9rem;line-height:1.7}.garten-page .service-tags{flex-wrap:wrap;gap:.4rem;display:flex}.garten-page .tag{letter-spacing:.06em;color:var(--forest-mid);background:#1a3a1a14;border-radius:100px;padding:.3rem .75rem;font-size:.72rem;font-weight:600}.garten-page #stats{background:var(--forest);padding:7rem 4vw;position:relative;overflow:hidden}.garten-page #stats:before{content:"";pointer-events:none;background:radial-gradient(circle,#c4622d1f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-120px;right:-120px}.garten-page .stats-inner{grid-template-columns:1fr 1fr;align-items:center;gap:6rem;max-width:1200px;margin:0 auto;display:grid}.garten-page .stats-text .section-title{color:var(--cream);margin-bottom:1.5rem}.garten-page .stats-text p{color:#f5f0e899;max-width:420px;font-size:1rem;font-weight:300;line-height:1.75}.garten-page .stats-grid{background:#f5f0e814;border-radius:20px;grid-template-columns:1fr 1fr;gap:2px;display:grid;overflow:hidden}.garten-page .stat-item{text-align:center;background:#f5f0e80a;padding:2.5rem 2rem;transition:background .3s}.garten-page .stat-item:hover{background:#f5f0e814}.garten-page .stat-number{font-family:var(--serif);color:var(--cream);margin-bottom:.4rem;font-size:3.5rem;line-height:1}.garten-page .stat-number span{color:var(--rust)}.garten-page .stat-label{color:#f5f0e880;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:500}.garten-page #ablauf{background:var(--cream);padding:8rem 4vw}.garten-page .ablauf-inner{max-width:1200px;margin:0 auto}.garten-page .ablauf-header{text-align:center;margin-bottom:5rem}.garten-page .ablauf-header .section-label{justify-content:center}.garten-page .ablauf-header .section-label:before{display:none}.garten-page .ablauf-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.garten-page .ablauf-grid:before{content:"";background:linear-gradient(to right,var(--rust),var(--forest-mid));z-index:0;height:2px;position:absolute;top:2.5rem;left:calc(12.5% + 1.5rem);right:calc(12.5% + 1.5rem)}.garten-page .ablauf-step{z-index:1;text-align:center;padding:0 1.5rem;position:relative}.garten-page .ablauf-dot{width:56px;height:56px;font-family:var(--serif);color:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.2rem;display:flex;position:relative}.garten-page .ablauf-step:first-child .ablauf-dot{background:var(--rust)}.garten-page .ablauf-step:nth-child(2) .ablauf-dot{background:#a05535}.garten-page .ablauf-step:nth-child(3) .ablauf-dot{background:var(--forest-mid)}.garten-page .ablauf-step:nth-child(4) .ablauf-dot{background:var(--forest)}.garten-page .ablauf-step-title{font-family:var(--serif);color:var(--charcoal);margin-bottom:.6rem;font-size:1.25rem}.garten-page .ablauf-step-desc{color:var(--muted);font-size:.875rem;line-height:1.7}.garten-page #referenzen{background:var(--offwhite);padding:8rem 4vw}.garten-page .ref-inner{max-width:1200px;margin:0 auto}.garten-page .ref-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:3.5rem;display:flex}.garten-page .ref-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem;display:grid}.garten-page .ref-card{background:var(--cream);border-radius:16px;padding:2.25rem 2rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.garten-page .ref-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #1a3a1a1a}.garten-page .ref-card:before{content:"“";font-family:var(--serif);color:var(--sand);pointer-events:none;font-size:8rem;line-height:1;position:absolute;top:-.5rem;right:1.5rem}.garten-page .ref-stars{color:var(--rust);letter-spacing:.1em;margin-bottom:1rem;font-size:.8rem}.garten-page .ref-quote{color:var(--charcoal);z-index:1;margin-bottom:1.5rem;font-size:.975rem;line-height:1.75;position:relative}.garten-page .ref-author{align-items:center;gap:.75rem;display:flex}.garten-page .ref-avatar{background:var(--forest-mid);width:40px;height:40px;color:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.garten-page .ref-name{color:var(--charcoal);font-size:.875rem;font-weight:600}.garten-page .ref-loc{color:var(--muted);font-size:.775rem}.garten-page .ref-gallery{border-radius:16px;grid-template-rows:260px 200px;grid-template-columns:2fr 1fr 1fr;gap:6px;display:grid;overflow:hidden}.garten-page .ref-gallery-item{position:relative;overflow:hidden}.garten-page .ref-gallery-item img{transition:transform .5s}.garten-page .ref-gallery-item:hover img{transform:scale(1.04)}.garten-page .ref-gallery-big{grid-row:span 2}.garten-page #kontakt{background:var(--forest);padding:8rem 4vw;position:relative;overflow:hidden}.garten-page #kontakt:after{content:"";pointer-events:none;background:radial-gradient(circle,#c4622d1a 0%,#0000 70%);border-radius:50%;width:700px;height:700px;position:absolute;bottom:-200px;left:-200px}.garten-page .kontakt-inner{z-index:1;grid-template-columns:1fr 1.1fr;align-items:start;gap:6rem;max-width:1100px;margin:0 auto;display:grid;position:relative}.garten-page .kontakt-info .section-title{color:var(--cream);margin-bottom:1.2rem}.garten-page .kontakt-info>p{color:#f5f0e899;margin-bottom:2.5rem;font-size:1rem;font-weight:300;line-height:1.75}.garten-page .contact-detail{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.garten-page .contact-detail-icon{width:40px;height:40px;color:var(--rust);background:#c4622d33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.95rem;display:flex}.garten-page .contact-detail-label{letter-spacing:.1em;text-transform:uppercase;color:#f5f0e866;margin-bottom:.2rem;font-size:.72rem}.garten-page .contact-detail-value{color:var(--cream);font-size:.975rem;font-weight:400}.garten-page .kontakt-form{background:var(--offwhite);border-radius:20px;padding:2.75rem}.garten-page .form-title{font-family:var(--serif);color:var(--charcoal);margin-bottom:2rem;font-size:1.6rem}.garten-page .field{margin-bottom:1.5rem;position:relative}.garten-page .field input,.garten-page .field textarea,.garten-page .field select{border:1.5px solid var(--sand);background:var(--offwhite);width:100%;font-family:var(--sans);color:var(--charcoal);appearance:none;border-radius:10px;outline:none;padding:1.4rem 1rem .6rem;font-size:.95rem;transition:border-color .2s}.garten-page .field textarea{resize:vertical;min-height:120px}.garten-page .field input:focus,.garten-page .field textarea:focus,.garten-page .field select:focus{border-color:var(--forest-mid)}.garten-page .field label{color:var(--muted);pointer-events:none;font-size:.875rem;transition:top .2s,font-size .2s,color .2s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.garten-page .field textarea~label{top:1.4rem;transform:none}.garten-page .field input:focus~label,.garten-page .field input:not(:placeholder-shown)~label,.garten-page .field textarea:focus~label,.garten-page .field textarea:not(:placeholder-shown)~label,.garten-page .field select:focus~label,.garten-page .field select:not([value=""])~label{color:var(--forest-mid);letter-spacing:.05em;font-size:.7rem;top:.5rem;transform:none}.garten-page .field input::placeholder,.garten-page .field textarea::placeholder{color:#0000}.garten-page .btn-submit{background:var(--rust);color:#fff;width:100%;font-family:var(--sans);cursor:pointer;letter-spacing:.02em;border:none;border-radius:10px;padding:1.1rem;font-size:.95rem;font-weight:600;transition:background .2s,transform .2s}.garten-page .btn-submit:hover{background:var(--rust-dark);transform:translateY(-1px)}.garten-page .btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.garten-page .success-msg{text-align:center;color:var(--forest-mid);background:#1a3a1a0f;border-radius:8px;margin-top:1rem;padding:.75rem;font-weight:600}.garten-page footer{background:var(--charcoal);padding:5rem 4vw 2rem}.garten-page .footer-inner{max-width:1200px;margin:0 auto}.garten-page .footer-top{border-bottom:1px solid #f5f0e814;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:4rem;margin-bottom:2.5rem;padding-bottom:4rem;display:grid}.garten-page .footer-brand .nav-logo{margin-bottom:1.25rem;display:inline-flex}.garten-page .footer-brand p{color:#f5f0e873;max-width:260px;font-size:.875rem;line-height:1.75}.garten-page .footer-col-title{letter-spacing:.2em;text-transform:uppercase;color:#f5f0e866;margin-bottom:1.25rem;font-size:.72rem;font-weight:600}.garten-page .footer-links{flex-direction:column;gap:.65rem;list-style:none;display:flex}.garten-page .footer-links a{color:#f5f0e899;font-size:.9rem;text-decoration:none;transition:color .2s}.garten-page .footer-links a:hover{color:var(--cream)}.garten-page .newsletter-form{border:1.5px solid #f5f0e826;border-radius:100px;margin-top:.5rem;display:flex;overflow:hidden}.garten-page .newsletter-form input{color:var(--cream);font-family:var(--sans);background:0 0;border:none;outline:none;flex:1;padding:.75rem 1.25rem;font-size:.85rem}.garten-page .newsletter-form input::placeholder{color:#f5f0e859}.garten-page .newsletter-form button{background:var(--rust);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--sans);border:none;padding:.75rem 1.25rem;transition:background .2s}.garten-page .newsletter-form button:hover{background:var(--rust-dark)}.garten-page .newsletter-note{color:#f5f0e84d;margin-top:.75rem;font-size:.75rem}.garten-page .footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.garten-page .footer-bottom p{color:#f5f0e84d;font-size:.8rem}.garten-page .footer-legal{gap:2rem;list-style:none;display:flex}.garten-page .footer-legal a{color:#f5f0e859;font-size:.8rem;text-decoration:none;transition:color .2s}.garten-page .footer-legal a:hover{color:var(--cream)}@media (max-width:1024px){.garten-page .leistungen-header{grid-template-columns:1fr;gap:1.5rem}.garten-page .stats-inner{grid-template-columns:1fr;gap:3rem}.garten-page .ablauf-grid{grid-template-columns:1fr 1fr;gap:3rem}.garten-page .ablauf-grid:before{display:none}.garten-page .ref-grid{grid-template-columns:1fr 1fr}.garten-page .ref-gallery{grid-template-rows:200px 200px;grid-template-columns:1fr 1fr}.garten-page .ref-gallery-big{grid-row:span 1}.garten-page .kontakt-inner{grid-template-columns:1fr;gap:3rem}.garten-page .footer-top{grid-template-columns:1fr 1fr}}@media (max-width:768px){.garten-page{--banner-h:54px}.garten-page .garten-demo-banner{padding:8px 12px;font-size:.8rem}.garten-page .nav-links{display:none}.garten-page .nav-hamburger{display:flex}.garten-page nav.scrolled{-webkit-backdrop-filter:none;background:#fafaf7fa}.garten-page .leistungen-grid{grid-template-columns:1fr}.garten-page .trust-inner{grid-template-columns:1fr;gap:1rem}.garten-page .trust-item+.trust-item{border-top:1px solid #f5f0e81f;border-left:none;padding-top:1rem;padding-left:0}.garten-page .ablauf-grid,.garten-page .ref-grid{grid-template-columns:1fr}.garten-page .ref-gallery{grid-template-rows:160px 160px;grid-template-columns:1fr 1fr}.garten-page .ref-gallery-big{grid-row:span 1}.garten-page .hero{padding-top:calc(72px + var(--banner-h))}.garten-page .hero-content{padding:0 1.5rem 4rem}.garten-page .footer-top{grid-template-columns:1fr;gap:2.5rem}.garten-page #stats{padding:4rem 1.5rem}.garten-page .stats-inner{gap:2rem}.garten-page .stats-text p{max-width:100%}.garten-page .stats-grid{grid-template-columns:1fr 1fr}.garten-page .stat-item{padding:1.5rem 1rem}.garten-page .stat-number{font-size:2.5rem}}@media (prefers-reduced-motion:reduce){.garten-page .reveal,.garten-page .reveal-left,.garten-page .reveal-right{opacity:1;transition:none;transform:none}.garten-page .hero-scroll-line{animation:none}.garten-page .service-img img,.garten-page .ref-gallery-item img{transition:none}}