:root{--forest:#153e30;--dark:#112d24;--lime:#d9ed83;--cream:#f6f6ef;--ink:#18251f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.top{background:var(--dark);color:#e5eedf;text-align:center;padding:9px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.header{height:86px;padding:0 5.7%;display:flex;align-items:center;justify-content:space-between;background:white;position:sticky;top:0;z-index:10;box-shadow:0 1px 10px #0000000b}.logo{display:flex;align-items:center;gap:11px;color:var(--forest)}.logo .mark{display:grid;place-items:center;background:var(--forest);color:var(--lime);width:49px;height:49px;border-radius:13px;font-size:31px;font-weight:800}.logo .leaf{font-size:14px}.logo b{font:800 28px Arial,Helvetica;letter-spacing:-.06em;display:block;line-height:1}.logo small{display:block;font-size:9px;letter-spacing:.22em;font-weight:800;margin-top:5px}.header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.nav-cta{background:var(--forest);color:white;padding:15px 22px;border-radius:5px}.menu{display:none;background:none;border:0;font-size:27px}.hero{min-height:660px;position:relative;background:var(--dark);color:white;display:flex;align-items:center}.hero-photo{position:absolute;inset:0;background:url('assets/luftaufnahme.jpg') center 45%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,40,29,.94),rgba(9,40,29,.83) 45%,rgba(9,40,29,.17))}.hero-inner{position:relative;width:100%;max-width:1250px;margin:auto;padding:90px 5.7% 48px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.24em;font-weight:800;color:#78a775}.eyebrow{color:var(--lime)}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(48px,6.6vw,91px);line-height:1.09;max-width:900px;margin:24px 0}h1 em,h2 em{font-style:normal;color:#a6c875}.hero p{font-size:17px;line-height:1.8;max-width:565px;color:#e5ebe6}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;padding:18px 23px;font-size:13px;font-weight:800;border-radius:5px}.primary{background:var(--lime);color:var(--dark)}.ghost{border:1px solid #ffffff90;color:white}.hero-bottom{display:flex;gap:28px;margin-top:75px;font-size:12px;color:#e5e9dd}.section{padding:100px max(5.7%,calc((100% - 1180px)/2))}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.intro h2,.section h2,.feature h2,.contact h2{font-size:clamp(34px,4vw,56px);line-height:1.2;margin:18px 0 30px}.intro p,.feature p,.heading-row p,.contact p{line-height:1.9;color:#68756b}.services{background:white}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.heading-row p{max-width:270px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}.service-card{min-height:370px;padding:27px;display:flex;flex-direction:column;justify-content:end;border-radius:9px;position:relative;overflow:hidden;color:white;background-size:cover;background-position:center}.service-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c291ff2,#0c291f10)}.service-card>*{position:relative}.service-no{font-size:11px;letter-spacing:.14em;color:var(--lime)}.service-card h3{font-size:24px;line-height:1.2;margin:13px 0}.service-card p{font-size:13px;line-height:1.65;color:#e4ebe5}.service-card a{font-size:12px;font-weight:800;color:var(--lime);margin-top:10px}.garden{background-image:url('assets/luftaufnahme.jpg')}.property{background-image:url('assets/immobilien.jpg')}.winter{background-image:url('assets/gebaeude-inspektion.jpg')}.cleaning{background-image:url('assets/industrie.jpg')}.feature{display:grid;grid-template-columns:1fr 1fr;background:#edf1e5}.feature-img img{width:100%;height:100%;min-height:520px;object-fit:cover}.feature-content{padding:75px 12%;align-self:center}.feature .btn{margin-top:20px}.tv{background:var(--dark);color:white}.tv .heading-row p{color:#c3d1c5}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:30px}.media{border:1px solid #496458;border-radius:9px;padding:27px;display:flex;flex-direction:column;gap:13px;transition:background .2s}.media:hover{background:#224d3b}.media small{color:var(--lime);letter-spacing:.15em;text-transform:uppercase}.media strong{font:700 21px Manrope}.media span{color:#c5d8c7;font-size:12px}.media-note{font-size:12px;color:#b7c5b8;margin-top:25px;line-height:1.7}.gallery{background:var(--cream)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery figure{margin:0;background:white;border-radius:9px;overflow:hidden}.gallery img{width:100%;height:250px;object-fit:cover}.gallery figcaption{padding:19px;font-weight:700}.contact{background:#dce8c9;padding:95px 5.7%}.contact-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact-panel{background:white;border-radius:12px;padding:35px;box-shadow:0 15px 40px #193f2412}.contact-panel h3{font-size:24px}.contact-link{display:block;font-weight:800;color:var(--forest);overflow-wrap:anywhere}.contact-panel small{display:block;color:#748077;margin-top:20px;line-height:1.6}footer{background:#0d281f;color:white;padding:70px 5.7% 25px}.footer-main{max-width:1180px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:35px}.footer-logo{color:white}.footer-logo .mark{background:#c7e28a;color:var(--dark)}footer p{color:#a8bdb0;line-height:1.7}footer .footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:14px;font-size:13px;color:#c2d1c6}footer .footer-main b{color:white;margin-bottom:10px}.footer-bottom{max-width:1180px;margin:55px auto 0;border-top:1px solid #3b5549;padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#b5c6b9}.footer-bottom div{display:flex;gap:18px;flex-wrap:wrap}.footer-bottom button{background:none;border:0;color:inherit;padding:0}.cookie{position:fixed;z-index:30;bottom:20px;left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 30px));background:white;border:1px solid #ddd;box-shadow:0 20px 70px #0004;border-radius:12px;padding:24px;display:flex;gap:30px;align-items:center}.cookie[hidden]{display:none}.cookie p{font-size:12px;line-height:1.65;color:#59685f}.cookie-actions{display:flex;flex-direction:column;gap:8px;min-width:170px}.cookie-actions button{padding:12px;border:1px solid var(--forest);background:white;color:var(--forest);border-radius:5px;font-weight:700}.cookie-actions button:last-child{background:var(--forest);color:white}.legal{max-width:900px;margin:80px auto;padding:0 25px;min-height:55vh}.legal h1{font-size:42px;color:var(--dark)}.legal p,.legal li{line-height:1.8}.warning{padding:20px;background:#fff1d6;border-left:4px solid #dba238}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.header nav{gap:14px}.feature-content{padding:45px 8%}}@media(max-width:680px){.header{height:70px}.menu{display:block}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:25px;box-shadow:0 20px 30px #0002;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.hero{min-height:650px}.hero-inner{padding:70px 6% 35px}.hero-bottom{flex-wrap:wrap;gap:13px;margin-top:55px}.section{padding:65px 6%}.intro-grid,.feature,.contact-inner{grid-template-columns:1fr;gap:25px}.heading-row{display:block}.cards,.media-grid,.gallery-grid{grid-template-columns:1fr}.service-card{min-height:300px}.feature-img img{min-height:300px;max-height:360px}.feature-content{padding:50px 6%}.contact{padding:65px 6%}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.cookie{display:block}.cookie-actions{flex-direction:row}.cookie-actions button{flex:1;font-size:11px}}

/* SEBO 2026 Design – lokal ohne externe Schrift- oder Tracking-Requests */
:root{--forest:#103e27;--dark:#072819;--lime:#82cb3d;--cream:#f6f8f3}
body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3,.logo b{font-family:Arial,Helvetica,sans-serif}
.top{background:#07351e;color:#f1fff1;letter-spacing:.02em;text-transform:none;font-size:12px}
.header{height:80px}.logo .mark{background:#2d8e29;color:white;border-radius:50%}.nav-cta,.primary{background:#328f23;color:white;border-radius:7px}.primary:hover,.nav-cta:hover{background:#26731a}
.hero{min-height:585px;overflow:hidden}.hero-photo{background-image:url('assets/luftaufnahme.jpg');filter:brightness(.7) saturate(1.25)}.hero-shade{background:linear-gradient(90deg,#062819f7 0%,#062819df 41%,#0628193a 80%)}
.hero-person{position:absolute;right:5%;bottom:0;height:96%;width:36%;background:url('assets/Freundlicher Gartenservice-Profi im Grünen.png') center top/cover no-repeat;mask-image:linear-gradient(to right,transparent 0%,black 17%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 17%,black 90%,transparent 100%);border-radius:18px 18px 0 0}
.hero-inner{max-width:1380px;padding-top:72px;padding-bottom:65px}.hero-inner>*{max-width:56%}.hero h1{font-size:clamp(46px,6.5vw,85px);line-height:1.04;letter-spacing:-.055em}.hero h1 em{color:#80cf3b}.hero p{font-size:19px;font-weight:600;line-height:1.65}.hero-bottom{max-width:100%;margin-top:48px}.eyebrow{color:#c9f2a8}.section-kicker{color:#3b9b31}
.extras{background:#f0f5ed}.extra-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.extra-grid article{padding:26px;background:white;border:1px solid #dfe8dc;border-radius:12px}.extra-grid h3{font-size:20px}.extra-grid p{font-size:14px;line-height:1.75;color:#5c6b60}
@media(max-width:900px){.hero-person{right:0;width:43%;opacity:.7}.hero-inner>*{max-width:70%}.extra-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.hero-person{width:73%;right:-25%;height:68%;opacity:.35}.hero-inner>*{max-width:100%}.hero h1{font-size:clamp(39px,10vw,60px)}.hero p{font-size:16px}.extra-grid{grid-template-columns:1fr}.hero-bottom{gap:10px}.top{font-size:10px}}

/* Final design improvements */
:focus-visible{outline:3px solid #9bcf47;outline-offset:4px}html{scroll-padding-top:90px}a:hover{text-decoration-thickness:2px}.header a:hover,.footer-bottom a:hover{text-decoration:underline}.service-card{transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 32px #102c2040}.media:hover{transform:translateY(-2px)}.hero-person{background-position:center 18%;background-size:cover}.hero-inner{z-index:2}.hero h1{max-width:700px}.cookie{z-index:99;box-shadow:0 12px 70px #0007}.cookie-actions{min-width:195px}.cookie-actions button{min-height:46px}.cookie-actions button:hover{filter:brightness(.95)}.cookie a{text-decoration:underline}.legal{max-width:870px}.legal h2{font-size:23px;margin-top:34px}.legal a{text-decoration:underline}.legal .warning{margin:30px 0}.site-label{font-size:12px;opacity:.85}.media-notice{padding:18px;border:1px solid #638474;border-radius:10px;margin-top:24px;line-height:1.6}.cookie-pref{display:flex;align-items:center;gap:8px;font-size:12px}.cookie-pref input{width:18px;height:18px;accent-color:#1d5835}.cookie-actions button:last-child{background:#fff;color:#143b2d}.cookie-actions button:first-child{background:#143b2d;color:white}@media(max-width:680px){.hero-person{right:-30%;opacity:.32}.hero-shade{background:linear-gradient(90deg,#062819fa,#0628199e)}.cookie{bottom:8px;max-height:80vh;overflow:auto}.cookie-actions{flex-direction:column}.footer-bottom div{gap:12px}}

/* Premium refresh: bright, airy, nature-inspired */
:root{--forest:#1e6242;--dark:#163c2b;--lime:#d9f39a;--cream:#fffdf7;--ink:#22372a}
body{background:#fffdf7}.header{background:#fffffff0;backdrop-filter:blur(18px);border-bottom:1px solid #e5eadf}.top{background:#e8f5dc;color:#23553b;font-weight:800}
.hero{min-height:730px;background:#e9f2df;color:#193c2b;overflow:hidden}.hero-photo{opacity:.18;filter:saturate(.7);background-position:center 50%}.hero-shade{background:linear-gradient(90deg,#f9fff4 0%,#f3fae9ef 38%,#f1f9e99c 65%,#e3f0db11 100%)}
.hero-inner{position:relative;z-index:2}.hero h1{color:#1b4a34;font-size:clamp(62px,8vw,128px);line-height:.95;letter-spacing:-.075em}.hero h1 em{color:#66a94e;font-style:normal}.hero p{color:#355543;font-size:clamp(17px,1.6vw,22px);max-width:570px;line-height:1.65}.hero .eyebrow{color:#3b774f;font-weight:900}.hero-bottom{color:#2c6641}.hero-person{right:1%;width:44%;height:93%;opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important;background-size:contain;background-position:center bottom;filter:drop-shadow(0 22px 30px #234a2e33)}
.btn.primary,.nav-cta{background:#25774a;color:white;border-radius:999px;box-shadow:0 9px 25px #25774a26}.btn.ghost{color:#21583b;border-color:#4a8c63;border-radius:999px}.section{position:relative}.intro,.gallery{background:#fffdf7}.services,.extras{background:#f0f8e9}.section-kicker{color:#4b975b}.service-card{border-radius:22px;overflow:hidden;box-shadow:0 12px 30px #174a2715;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #174a2728}.feature{background:#fffdf7}.feature-img img{object-fit:contain!important;background:#e5f3e0}.feature-content{background:#eaf4e2}.tv{background:#fff}.media{border-radius:18px;transition:transform .2s}.media:hover{transform:translateY(-5px)}
.gallery-lead{max-width:720px;line-height:1.7;color:#52705d}.filterbar{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.filter{border:1px solid #bed6bd;background:white;color:#28553a;padding:11px 17px;border-radius:999px;font-weight:700;cursor:pointer}.filter.active,.filter:hover{background:#25774a;color:white}.premium-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.work-shot{border:0;background:#edf3e9;padding:0;overflow:hidden;position:relative;aspect-ratio:4/3;border-radius:16px;cursor:pointer;text-align:left}.work-shot img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work-shot:hover img{transform:scale(1.09)}.work-shot span{position:absolute;bottom:0;left:0;right:0;padding:28px 14px 13px;background:linear-gradient(transparent,#11291bce);color:white;font-weight:800;display:flex;justify-content:space-between}.work-shot[hidden]{display:none}.gallery-note{font-size:12px;color:#6d776b;margin-top:16px}
.leaf-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4;height:900px}.leaf-scene span{position:absolute;top:-60px;left:var(--x);font-size:var(--size);opacity:.35;animation:fall var(--duration) linear infinite;animation-delay:var(--delay)}.leaf-scene span:nth-child(1){--x:8%;--size:30px;--duration:18s;--delay:-2s}.leaf-scene span:nth-child(2){--x:23%;--size:20px;--duration:21s;--delay:-14s}.leaf-scene span:nth-child(3){--x:39%;--size:26px;--duration:16s;--delay:-7s}.leaf-scene span:nth-child(4){--x:55%;--size:17px;--duration:23s;--delay:-17s}.leaf-scene span:nth-child(5){--x:72%;--size:28px;--duration:19s;--delay:-10s}.leaf-scene span:nth-child(6){--x:88%;--size:23px;--duration:24s;--delay:-4s}.leaf-scene span:nth-child(7){--x:96%;--size:16px;--duration:20s;--delay:-16s}@keyframes fall{0%{transform:translate(0,-80px) rotate(0)}100%{transform:translate(95px,940px) rotate(420deg)}}
.lightbox{position:fixed;inset:0;background:#0d1b14ee;z-index:999;display:grid;place-items:center;padding:7vw}.lightbox[hidden]{display:none}.lightbox img{max-width:100%;max-height:83vh;object-fit:contain;border-radius:12px}.lightbox-close{position:absolute;top:20px;right:25px;background:#fff;color:#173b29;border:0;border-radius:50%;width:48px;height:48px;font-size:30px;cursor:pointer}
@media(max-width:950px){.premium-gallery{grid-template-columns:repeat(3,1fr)}.hero-person{right:-8%;width:53%;height:80%}}@media(max-width:650px){.hero{min-height:740px;align-items:flex-start}.hero-inner{padding-top:55px!important}.hero h1{font-size:clamp(54px,13vw,78px)}.hero p{font-size:16px;max-width:95%}.hero-person{right:-20%;bottom:0;width:92%;height:43%;opacity:.85!important}.hero-shade{background:linear-gradient(#f9fff4 0%,#f3fae9ec 53%,#e5f3db55 100%)}.premium-gallery{grid-template-columns:repeat(2,1fr);gap:9px}.work-shot span{font-size:12px}.leaf-scene{height:600px}.hero-bottom{display:none}}
@media(prefers-reduced-motion:reduce){.leaf-scene{display:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* SEBO-Logo-Update 2026 – replaces green S badge */
.logo .brand-image{display:block;width:235px;max-width:100%;height:auto;object-fit:contain}
.header .logo{flex-shrink:0}
.footer-logo .brand-image{width:245px;background:#fff;border-radius:9px;padding:3px}
@media(max-width:750px){.header .logo .brand-image{width:160px}.header{gap:8px}}
@media(max-width:400px){.header .logo .brand-image{width:135px}}

/* Korrektur: kompakter Header, Logo vollständig sichtbar */
.header{height:86px;min-height:86px;padding-top:6px;padding-bottom:6px;overflow:visible}
.header .logo{min-width:0;flex:0 1 auto;align-self:center}
.header .logo .brand-image{display:block;width:165px;max-width:100%;height:auto;max-height:72px;object-fit:contain;object-position:left center}
.header nav{gap:18px}
.footer-logo .brand-image{width:230px;height:auto;max-height:none}
@media(max-width:900px){.header .logo .brand-image{width:145px;max-height:66px}.header nav{gap:10px}}
@media(max-width:680px){.header{height:76px;min-height:76px}.header .logo .brand-image{width:140px;max-height:65px}.header nav{top:76px}}
@media(max-width:400px){.header .logo .brand-image{width:125px}}

/* SEBO Logo-Fix: kompakt, proportional, ohne Abschneiden */
.header { height: 88px; min-height: 88px; overflow: visible; }
.header .logo { flex: 0 0 auto; min-width: 0; }
.header .logo .brand-image {
  display: block; width: 180px; height: auto; max-height: 78px;
  object-fit: contain; object-position: left center;
}
.footer-logo .brand-image { width: 220px; height: auto; max-height: none; }
@media (max-width: 900px) {
  .header .logo .brand-image { width: 155px; max-height: 72px; }
}
@media (max-width: 680px) {
  .header { height: 76px; min-height: 76px; }
  .header nav { top: 76px; }
  .header .logo .brand-image { width: 145px; max-height: 65px; }
}
@media (max-width: 400px) {
  .header .logo .brand-image { width: 125px; max-height: 58px; }
}