:root{--green:#133c2a;--ink:#111e21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #49a35a;outline-offset:4px}.wrap{width:92%;max-width:1370px;margin:auto}header{min-height:90px;padding:12px 4%;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;color:var(--green);text-decoration:none;line-height:.88}.logo>span{font-size:59px;transform:rotate(-25deg)}.logo strong{display:block;font-size:56px;letter-spacing:-.08em}.logo small{font-size:13px;font-weight:bold;line-height:1.2}.logo em{font-size:9px;font-style:normal;letter-spacing:.12em;font-weight:normal}nav{display:flex;gap:27px}nav a{text-decoration:none;font-size:13px}.phone{background:var(--green);color:white;text-decoration:none;border-radius:5px;padding:15px 20px;white-space:nowrap;font-weight:bold;font-size:14px}.hero{height:480px;position:relative;color:white;background:linear-gradient(90deg,rgba(0,22,15,.78),rgba(0,22,15,.06) 75%),url('garten-pool.png') center/cover;display:flex;align-items:center}.hero-copy{width:88%;max-width:1300px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.27em;font-weight:bold;margin:0 0 15px}.hero h1{font-size:clamp(43px,5.1vw,72px);letter-spacing:-.04em;line-height:1.03;margin:0 0 18px}.hero-copy>p:not(.eyebrow){font-size:19px;line-height:1.45;max-width:600px;margin:0 0 28px}.actions{display:flex;gap:15px;flex-wrap:wrap}.btn{display:inline-block;padding:15px 20px;border-radius:5px;font-size:13px;font-weight:bold;text-decoration:none}.green{background:#318c47;color:white}.border{border:1px solid currentColor;color:white}.deep{background:var(--green);color:white}.hero-points{position:absolute;right:4%;bottom:20px;background:rgba(5,42,33,.75);padding:15px 22px;border-radius:5px;font-size:14px;line-height:2.25}.services{padding:32px 0}.center{text-align:center}.services h2{font-size:clamp(24px,2.5vw,34px);margin:0 0 24px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.service-grid article{text-align:center;background:#f5f5f4;border-radius:7px;padding:18px 6px;min-height:155px}.service-grid i{font-style:normal;color:var(--green);font-size:45px;display:block;height:53px}.service-grid h3{font-size:15px;margin:11px 0 6px}.service-grid p{font-size:13px;line-height:1.4;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;background:#fafafa}.about-image{background:url('garten-pool.png') 80% center/cover;min-height:400px}.about-copy{padding:45px 6%;max-width:720px}.about h2,.examples h2,.contact h2{font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.03em;margin:0 0 17px}.about-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;color:#39463e}.qualities{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;margin:22px 0 26px}.examples{padding:40px 0 46px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading h2{margin:0}.heading a{padding:13px 16px;border:1px solid var(--green);border-radius:5px;text-decoration:none;font-size:13px;white-space:nowrap}.note{font-size:13px;color:#56645c}.examples-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.thumb{height:170px;border-radius:5px;background-size:cover;background-position:center}.p1{background-image:url('garten-pool.png');background-position:70% 70%}.p2{background-image:url('wege-terrassen.jpg')}.p3{background-image:url('gartengestaltung.jpg')}.p4{background-image:url('abendbeleuchtung.jpg')}.examples-grid h3{font-size:15px;margin:9px 0 3px}.examples-grid p{font-size:13px;color:#56645c;margin:0}.contact{background:#103b2b;color:white;padding:40px 0}.contact-grid{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact h2{margin:0}.contact address{display:grid;gap:9px;font-style:normal;font-size:14px;line-height:1.4}.contact address a{text-decoration:none}footer{padding:28px 0}.footer-grid{display:flex;justify-content:space-between;gap:25px}footer small{display:block;margin-top:4px}.legal{display:flex;gap:24px;font-size:13px}.legal details{max-width:300px}.legal summary{cursor:pointer}.legal p{line-height:1.5}.top{background:var(--green);color:white;text-decoration:none;padding:8px 12px;border-radius:4px;height:max-content}@media(max-width:1000px){nav{gap:13px}.phone{display:none}.hero-points{display:none}.service-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){header{flex-wrap:wrap}.logo strong{font-size:43px}.logo>span{font-size:45px}nav{width:100%;overflow:auto;white-space:nowrap;gap:18px;padding:8px 0}.hero{min-height:500px;height:auto}.hero-copy{padding:60px 0}.hero-copy>p:not(.eyebrow){font-size:17px}.service-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.about-image{min-height:280px}.about-copy{padding:35px 5%}.examples-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{align-items:start;flex-direction:column}.footer-grid{flex-wrap:wrap}.legal{width:100%}}@media(max-width:420px){.heading{align-items:start;flex-direction:column}.thumb{height:120px}.service-grid article{padding:17px 4px}.service-grid h3{font-size:13px}.actions{align-items:start;flex-direction:column}}

.hero{height:auto;min-height:480px}.hero-copy{padding:55px 0}.hero h1{max-width:900px;font-size:clamp(36px,4.5vw,64px)}.service-grid article{padding:20px 12px}.service-grid p{font-size:16px;line-height:1.55}.service-grid h3{font-size:17px}.project-info{padding:44px 0;background:#f5f5f4}.project-info h2{font-size:clamp(28px,3vw,42px);margin:0 0 20px}.project-info p{font-size:16px;line-height:1.65;max-width:960px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project-grid h3{font-size:20px}.project-info a{color:var(--green);font-weight:bold}@media(max-width:700px){.project-grid{grid-template-columns:1fr;gap:8px}.hero h1{font-size:36px}}