
.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand .brand-drop{display:block;width:66px;height:52px;object-fit:contain;flex-shrink:0}
.brand-hero{position:relative;width:100%;overflow:hidden;background:#eef2ed}.brand-hero>img{display:block;width:100%;height:auto}.hero-overlay{position:absolute;top:calc(25% - 38px);left:8.8%;width:47%;max-width:720px}.hero-overlay .hero-brand-label{font:700 11px/1.4 Sans,Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:#406359;margin:0 0 24px}.hero-overlay h1{font-family:Editorial,Georgia,serif;font-weight:600;font-size:clamp(34px,4.2vw,72px);line-height:1.09;letter-spacing:-.035em;margin:0 0 32px}.hero-overlay h1 span{color:#173e39}.hero-overlay h1 em{color:#4b7764;font-style:normal;font-weight:400}.hero-overlay .hero-chem-label{display:inline-block;color:#315d49;font:500 clamp(18px,1.8vw,28px)/1.4 Sans,Arial,sans-serif;margin:0;letter-spacing:.02em}.hero-overlay .hero-chem-note{font:400 12px/1.5 Sans,Arial,sans-serif;color:#4d665a;margin:10px 0 0}
.contact-v2{background:#eff5ed;border:1px solid #d6e5d6;gap:32px;padding:32px;align-items:stretch}.contact-v2 .contact-copy{position:relative;isolation:isolate;overflow:hidden;padding:36px 30px 185px;border-radius:14px;background:#e0efdd;border:1px solid #c9dfc8;box-shadow:0 16px 35px -24px #315b3e66}.contact-v2 .contact-copy:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f3faedf0 0%,#eaf5e5e0 48%,#eef8e866 100%),url("assets/contact-mist.webp") center bottom/cover no-repeat}.contact-v2 h2{color:#214c38;font-size:clamp(34px,3.6vw,52px)}.contact-v2 h2 em{color:#527e4f}.contact-v2 .contact-copy>p{color:#3b5d43}.contact-v2 .phone{color:#234e37;font-size:clamp(23px,2.2vw,30px);border-color:#b3cbb1}.contact-v2 .phone-label,.contact-v2 .contact-area svg{color:#4b784b}.inquiry-card{box-shadow:0 16px 35px -26px #284a2e55}
@media(max-width:760px){.brand .brand-drop{width:48px;height:40px}.brand{gap:6px}.brand-hero>img{height:252px;object-fit:cover;object-position:78% center}.hero-overlay{position:relative;inset:auto;width:100%;max-width:none;padding:18px 22px 36px;background:linear-gradient(120deg,#f8faf7,#eaf1e9)}.hero-overlay .hero-brand-label{font-size:10px;margin-bottom:15px}.hero-overlay h1{font-size:clamp(32px,8.7vw,56px);line-height:1.08;margin-bottom:25px}.hero-overlay .hero-chem-label{font-size:20px}.contact-v2{padding:16px;gap:22px}.contact-v2 .contact-copy{padding:28px 22px 150px}.contact-v2 .contact-area{align-items:flex-start;line-height:1.6}}

/* Ruhige Fassung: ein Hauptmotiv, zurückhaltender Ortsbereich, Kontakt ohne Bild. */
.plant-a:before,.plant-c:before{display:none!important;background-image:none!important}
.services{background:transparent}.cards-v2 .card{backdrop-filter:none;-webkit-backdrop-filter:none}
.area-section{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:0;background:#eef3e9 url("assets/gebiet-ruhe-1.webp") center/cover no-repeat;padding:54px 44px;gap:40px}.area-section:after{content:"";position:absolute;inset:0;z-index:-1;background:#f7faf066;pointer-events:none}.area-section .area-list{display:block;gap:0}.area-section .area-list li{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:14px;padding:20px 0;margin:0;background:none!important;border:0;border-top:1px solid #93af9470;border-radius:0;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.area-section .area-list li:last-child{border-bottom:1px solid #93af9470}.reg-order{grid-row:1/3;color:#526d54;font:500 12px/1.5 Sans,Arial,sans-serif;padding-top:4px}.area-section .reg-name{font-size:30px}.area-section .reg-sub{grid-column:2;font-size:13px;color:#4e6858;margin-top:5px}
.contact-v2{background:#eef5e9;border:1px solid #d8e5d2;align-items:start}.contact-v2 .contact-copy{background:none;border:0;box-shadow:none;padding:24px 14px 30px;border-radius:0;overflow:visible}.contact-v2 .contact-copy:before{display:none;background-image:none}.contact-v2 .contact-area{line-height:1.65;align-items:flex-start}.contact-v2 h2{font-size:clamp(34px,3.4vw,49px)}
@media(max-width:760px){.area-section{padding:34px 22px;gap:20px}.area-section .area-list li{padding:17px 0}.area-section .reg-name{font-size:28px}.contact-v2{padding:26px 16px 16px}.contact-v2 .contact-copy{padding:4px 6px 16px}.contact-v2 .phone{margin-top:24px}.contact-v2 .contact-area{font-size:13px!important}}

.cards-v2 .card-top .number{font:600 11px/1.5 Sans,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#42634e}
/* Auch der vorübergehende Film-Platzhalter muss auf kleinen Displays schrumpfen. */
.film-layout>*{min-width:0}.film-window{min-width:0;max-width:100%}.film-clip>img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}.film-window figcaption{min-width:0;flex-wrap:wrap;gap:6px}
@media(max-width:760px){.film-layout{grid-template-columns:minmax(0,1fr)}.film{width:100%;max-width:440px}}

.cards-v2 .card-top{justify-content:flex-start;align-items:center;margin:0 0 16px;min-height:0}.cards-v2 .card-top .number{display:block;margin:0;text-align:left;font-size:11px;letter-spacing:.13em}.cards-v2 .card-icon{display:none}.cards-v2 .card h3{margin-top:0}

/* Zwei sparsame botanische Akzente zur Auswahl, nur an den Abschnittsrändern. */
.services{position:relative;isolation:isolate}.services:before{content:"";position:absolute;pointer-events:none;z-index:-1;right:-24px;top:10px;width:380px;height:330px;background:url("assets/pflanze-auswahl-2.webp") right center/contain no-repeat;opacity:.2;mix-blend-mode:multiply}.services>*{position:relative}.area-section:before{content:"";position:absolute;pointer-events:none;z-index:-1;right:0;bottom:0;width:340px;height:300px;background:url("assets/pflanze-auswahl-3.webp") right bottom/contain no-repeat;opacity:.18;mix-blend-mode:multiply}.area-section:after{background:#f7faf033}
@media(max-width:760px){.services:before{right:0;top:0;width:190px;height:200px;opacity:.18}.area-section:before{width:200px;height:230px;opacity:.14}}

/* Botanische Verteilung: 1 Palme, 3 Olive, 5 Ginkgo; kein Motiv am Titelbild. */
.film-band,.services,.area-section,.contact-v2,.footer,.subpage main>.section{position:relative;isolation:isolate}
.film-band:before,.services:before,.area-section:before,.contact-v2:before,.footer:before,.subpage main>.section:before{content:"";position:absolute;pointer-events:none;z-index:-1;background-repeat:no-repeat;background-size:contain;mix-blend-mode:multiply;background-attachment:scroll;max-width:100%;opacity:.18}
.film-band:before{left:0;bottom:0;top:auto;right:auto;width:300px;height:290px;background-image:url("assets/pflanze-auswahl-5.webp");background-position:right bottom;transform:scaleX(-1);opacity:.16}
.services:before{right:0;top:5px;bottom:auto;left:auto;width:460px;height:360px;background-image:url("assets/pflanze-auswahl-1.webp");background-position:right center;opacity:.2}
.area-section:before{right:0;bottom:0;top:auto;left:auto;width:390px;height:340px;background-image:url("assets/pflanze-auswahl-3.webp");background-position:right bottom;opacity:.2}
.contact-v2{overflow:hidden}.contact-v2:before{left:0;bottom:0;top:auto;right:auto;width:310px;height:310px;background-image:url("assets/pflanze-auswahl-5.webp");background-position:right bottom;transform:scaleX(-1);opacity:.14}
.footer{overflow:hidden}.footer:before{right:0;bottom:0;top:auto;left:auto;width:190px;height:140px;background-image:url("assets/pflanze-auswahl-3.webp");background-position:right bottom;opacity:.14}
.subpage main>.section{overflow:hidden}.subpage main>.section:before{right:0;bottom:0;width:290px;height:260px;background-image:url("assets/pflanze-auswahl-1.webp");background-position:right bottom;opacity:.14}.subpage main>.section:nth-of-type(odd):before{background-image:url("assets/pflanze-auswahl-3.webp");left:0;right:auto;transform:scaleX(-1)}
.brand-hero:before,.brand-hero:after{content:none}
@media(max-width:760px){.film-band:before{width:180px;height:220px;opacity:.13}.services:before{width:230px;height:260px;opacity:.19}.area-section:before{width:220px;height:260px;opacity:.17}.contact-v2:before{width:210px;height:230px;opacity:.12}.footer:before{width:150px;height:130px;opacity:.12}.subpage main>.section:before{width:180px;height:190px;opacity:.12}}
.contact-v2:before{top:145px;bottom:auto;left:0;opacity:.12}@media(max-width:760px){.contact-v2:before{top:135px;bottom:auto;opacity:.1}}

/* Eigenständige Pflanzenebene: nicht mehr an Abschnittskanten abgeschnitten. */
main{position:relative;isolation:isolate}main>section:not(.brand-hero){isolation:auto;z-index:auto;overflow:visible}main>section:not(.brand-hero)>*{position:relative;z-index:2}main>.brand-hero{z-index:3}
.film-band:before,.services:before,.area-section:before,.contact-v2:before,.subpage main>.section:before{display:none!important}.area-section:after{display:none}.area-section{background-color:#edf3e9cc;background-image:none}.film-band{background-color:#e9eee499}.contact-v2{background-color:#eef5e9cc}
.botanical-bridge{position:relative;height:0;z-index:1;pointer-events:none;overflow:visible}.botanical-bridge img{display:block;position:absolute;width:min(68vw,820px);height:auto;max-width:none;right:-32px;top:-140px;opacity:.2;mix-blend-mode:multiply;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 65% 58%,#000 30%,transparent 76%);mask-image:radial-gradient(ellipse at 65% 58%,#000 30%,transparent 76%)}.botanical-bridge.olive img{width:min(65vw,760px);right:auto;left:-70px;top:-210px;transform:scaleX(-1);opacity:.18}.botanical-bridge.ginkgo img{width:min(62vw,700px);right:auto;left:-120px;top:-115px;transform:scaleX(-1);opacity:.17}.botanical-bridge.kontakt-gruen img{left:auto;right:-30px;top:-150px;transform:none;opacity:.16}
html{overflow-x:clip}.area-section .area-list li{grid-template-rows:auto;align-items:center;padding:23px 0}.reg-order{grid-row:auto}.area-section .reg-name{grid-column:2}
@media(max-width:760px){.botanical-bridge img{width:390px;right:-25px;top:-95px;opacity:.18}.botanical-bridge.olive img{width:410px;left:-85px;top:-125px;opacity:.17}.botanical-bridge.ginkgo img{width:360px;left:-100px;top:-70px;opacity:.15}.botanical-bridge.kontakt-gruen img{width:350px;left:auto;right:-80px;top:-90px;opacity:.15}.area-section .area-list li{padding:20px 0}}

main{overflow-x:clip;overflow-y:visible}.tiles h3{overflow-wrap:anywhere}
/* Luftigere Spezialreinigung und durchscheinende Karten statt deckender Weißflächen. */
@media(min-width:1001px){.cards-v2{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr)}.cards-v2 .card,.cards-v2 .card+.card{padding:26px 24px 24px}.cards-v2 .card:nth-child(3){padding:26px 28px 24px}}
.cards-v2 .card,.cards-v2 .card+.card{background:linear-gradient(155deg,rgba(255,254,248,.76),rgba(243,247,236,.58));backdrop-filter:none;-webkit-backdrop-filter:none}.cards-v2 .card:nth-child(3){background:linear-gradient(155deg,rgba(255,254,248,.56),rgba(239,246,229,.42))}.cards-v2 .card-list-grid{grid-template-columns:minmax(0,1fr)}.card-list li span{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none}.card-list li{min-width:0}
.inquiry-card{background:rgba(255,254,248,.66);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(218,230,211,.8)}.field input,.field select,.field textarea{background:rgba(255,254,248,.94)}.field input:focus,.field select:focus,.field textarea:focus{background:#fffef8}
.botanical-bridge.palme img{opacity:.3}.botanical-bridge.kontakt-gruen img{width:min(76vw,900px);right:-40px;top:-70px;opacity:.28}.contact-v2{background-color:#eef5e98c}
.subpage .tiles article{background:rgba(255,254,248,.65)}.subpage .tiles{position:relative}.subpage .botanical-bridge.olive img{opacity:.23}
@media(max-width:760px){.botanical-bridge.palme img{opacity:.25}.botanical-bridge.kontakt-gruen img{width:470px;right:-90px;top:-30px;opacity:.22}.inquiry-card{background:rgba(255,254,248,.72)}.cards-v2 .card:nth-child(3){padding:24px 22px}.cards-v2 .card-list-grid{grid-template-columns:minmax(0,1fr)}}

/* Blattmotive laufen auch an ihren unteren Bildkanten weich aus. */
.botanical-bridge img{-webkit-mask-image:radial-gradient(ellipse at 65% 58%,#000 30%,transparent 76%),linear-gradient(#000 0%,#000 67%,transparent 98%);mask-image:radial-gradient(ellipse at 65% 58%,#000 30%,transparent 76%),linear-gradient(#000 0%,#000 67%,transparent 98%);-webkit-mask-composite:source-in;mask-composite:intersect}
@media(max-width:760px){.cards-v2 .card:nth-child(3){background:linear-gradient(155deg,#fffef8e8,#f0f6e6d9),url("assets/pflanze-auswahl-1.webp") right top/auto 100% no-repeat}.inquiry-card{background:linear-gradient(#fffef8e8,#fffef8e8),url("assets/pflanze-auswahl-5.webp") right center/auto 100% no-repeat}}
