*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#14220f;background:#fff;font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1250px;margin:auto;padding:0 26px}.topbar{background:#19350d;color:#fff;font-size:13px}.topinner{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:39px}.topbar a{background:#668d0e;padding:5px 18px;border-radius:6px}.header{background:white;position:sticky;top:0;z-index:10;box-shadow:0 2px 14px #0001}.navrow{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:116px}.brand{width:min(44vw,430px);display:block}.brand img{width:100%;height:auto;display:block}.header nav{display:flex;align-items:center;gap:25px;font-weight:700;font-size:15px}.header nav a:hover{color:#648d09}.menubtn{display:none}.hero{background:linear-gradient(90deg,rgba(7,22,5,.95) 0%,rgba(9,24,6,.83) 40%,rgba(10,26,5,.17) 100%),url('assets/waschbaer-startseite.jpg') center 45%/cover;min-height:535px;color:#fff;display:flex;align-items:center}.hero-content{width:100%;padding-top:65px;padding-bottom:65px}.hero h1{font:700 clamp(39px,5vw,68px)/1.08 Georgia,serif;margin:10px 0 17px;max-width:700px}.hero p:not(.eyebrow){max-width:630px;font-size:20px}.eyebrow{color:#c8e48e;letter-spacing:2px;font-size:12px;font-weight:700}.accent,.underline{height:5px;width:78px;border-radius:8px;background:#81aa18}.hero-features{display:flex;flex-wrap:wrap;gap:18px;margin:25px 0 30px;font-size:18px;font-weight:700}.hero-features span+span{border-left:1px solid #ffffff88;padding-left:18px}.actions{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-block;border-radius:9px;padding:13px 22px;font-weight:700;border:1px solid #fff;cursor:pointer;font:inherit}.primary{background:#648d08;color:#fff;border-color:#648d08}.primary:hover{background:#486d05}.secondary{background:#17260b66;color:white}.species{background:#f5f4ef;border-top:3px solid #b7a77a}.speciesgrid,.trustgrid{display:grid;grid-template-columns:repeat(3,1fr)}.speciesgrid>div{display:flex;gap:17px;align-items:center;justify-content:center;padding:24px 12px}.speciesgrid>div+div,.trustgrid>div+div{border-left:1px solid #d9d7cc}.species h3{font:700 25px Georgia,serif;margin:0}.species p{margin:0;font-size:14px}.species-icon{width:65px;height:65px;border:2px solid #465a26;border-radius:50%;display:grid;place-items:center;font-size:29px}.trust{background:#fafaf7}.trustgrid>div{padding:20px 16px;display:flex;flex-direction:column;gap:4px}.trust b{font-size:17px}.trust small{font-size:13px}.section{padding:65px 0}.section h2,.about h2{font-size:34px;line-height:1.15;margin:0 0 12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:24px}.service{height:220px;border-radius:11px;overflow:hidden;display:flex;align-items:end;justify-content:space-between;gap:6px;padding:18px;color:#fff;background:linear-gradient(0deg,#071c06 0%,#0b2108a6 38%,transparent 100%),var(--img) center/cover;transition:transform .2s}.service:hover{transform:translateY(-4px)}.service h3{font-size:19px;margin:0 0 4px}.service p{font-size:13px;line-height:1.35;margin:0}.service span{flex:none;border-radius:50%;background:#6b9d0e;padding:3px 10px;font-size:23px}.about{background:#f3f3eb;padding:45px 0}.aboutgrid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:28px;align-items:center}.about-photo{min-height:220px;border-radius:12px;background:url('assets/natur-ueber-uns.jpg') center/cover}.about p{font-size:15px}.about ul{list-style:none;padding:0}.about li{padding:7px 0}.about li:before{content:'✓';color:#5b9411;font-weight:bold;margin-right:10px}.contact{background:#fff}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.notice{background:#f6f5ed;padding:15px;border-left:4px solid #779a24}.contactbox{border:1px solid #e3e5d9;padding:24px;border-radius:12px;box-shadow:0 8px 24px #0000000c}.contactbox h3{margin-top:0}.contactbox form{display:flex;flex-direction:column;gap:8px}.contactbox input,.contactbox textarea{width:100%;padding:11px;border:1px solid #b9c1b4;border-radius:6px;font:inherit}.contactbox button{margin:12px 0}.contactbox small{color:#596253}footer{background:#142d0c;color:#fff;padding:35px 0}.footerrow{display:flex;justify-content:space-between;gap:30px}.footerrow div:last-child{display:flex;gap:20px}.legal{border-top:1px solid #ffffff26;margin-top:25px;padding-top:15px;color:#d8e0d1;font-size:13px}.legal h3{font-size:15px}.formstatus{color:#385e0b;font-weight:bold}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.aboutgrid{grid-template-columns:1fr 1fr}.aboutgrid ul{grid-column:2}.brand{width:350px}.header nav{gap:12px;font-size:13px}}@media(max-width:650px){.wrap{padding:0 18px}.topinner{justify-content:center}.topinner span:nth-child(2){display:none}.topbar a{margin-left:auto}.navrow{min-height:80px}.brand{width:min(73vw,310px)}.menubtn{display:block;border:0;background:#e9eee4;color:#15360c;font-size:25px;border-radius:8px;padding:4px 12px}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:15px 25px;box-shadow:0 9px 12px #0002}.header nav.open{display:flex}.header nav a{padding:9px}.hero{min-height:510px;background-position:61% center;background-image:linear-gradient(90deg,rgba(7,22,5,.94),rgba(9,24,6,.68)),url('assets/waschbaer-startseite.jpg')}.hero p:not(.eyebrow){font-size:17px}.hero-features{font-size:15px;gap:9px}.hero-features span+span{padding-left:9px}.speciesgrid,.trustgrid{grid-template-columns:1fr}.speciesgrid>div{justify-content:flex-start;padding:13px 0}.speciesgrid>div+div,.trustgrid>div+div{border-left:0;border-top:1px solid #ddd}.trustgrid>div{padding:12px 0}.cards{grid-template-columns:1fr}.service{height:230px}.aboutgrid,.contactgrid{grid-template-columns:1fr;gap:20px}.aboutgrid ul{grid-column:auto}.footerrow{flex-direction:column}.footerrow div:last-child{flex-wrap:wrap}.section{padding:45px 0}}
@media(min-width:901px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Leistungen im Menü, ohne Leistungskacheln auf der Startseite */
.nav-services{position:relative}
.nav-services summary{cursor:pointer;list-style:none;color:inherit}
.nav-services summary::-webkit-details-marker{display:none}
.nav-services summary::after{content:" ▾";font-size:12px}
.nav-services-links{position:absolute;top:calc(100% + 14px);left:0;min-width:210px;background:#fff;box-shadow:0 8px 24px #0002;border-radius:8px;padding:8px;z-index:30}
.nav-services-links a{display:block;padding:10px 12px;white-space:nowrap;text-decoration:none}
@media(max-width:700px){.nav-services-links{position:static;box-shadow:none;padding:6px 0 0 14px}.nav-services summary{padding:9px}}

/* Leistungs-Unterseite */
#leistungen .services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#leistungen .service{background:#fff;border:1px solid #e4e8df;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(20,42,20,.07)}
#leistungen .service img{width:100%;height:190px;object-fit:cover;display:block}
#leistungen .service-body{padding:22px}
#leistungen .service h2{font-size:1.35rem;margin:0 0 12px;color:#16330e}
#leistungen .service p{margin:0;line-height:1.65}
@media(max-width:760px){#leistungen .services{grid-template-columns:1fr}}

/* SEO information area */
.seo-help details{border-bottom:1px solid #d8dfd3;padding:14px 0;max-width:860px}.seo-help summary{font-weight:700;cursor:pointer;color:#16330e}.seo-help details p{margin:12px 0 4px}.seo-help h3{margin-top:28px}

/* Persönliches Foto ausschließlich im Abschnitt Über mich */
.about-photo{background-image:url('assets/dirk-prinz-mit-hund.png');background-position:center 38%;min-height:320px}

/* Vier kompakte Grundsätze – ausschließlich im Bereich „Über mich“ */
.about-benefits{display:grid;gap:12px;align-self:stretch;align-content:center}
.about-benefit{display:flex;align-items:center;gap:13px;padding:16px 14px;border:1px solid #dce6cd;border-radius:12px;background:linear-gradient(120deg,#fafff2,#e8f1db);box-shadow:0 3px 12px #16330e0a}
.about-benefit-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#d9eabf;color:#3e6b12;font-size:26px;font-weight:700}
.about-benefit strong{display:block;color:#1d3b13;font-size:15px;line-height:1.3}
.about-benefit small{display:block;color:#526149;font-size:12px;line-height:1.45;margin-top:4px}
@media(max-width:900px){.about-benefits{grid-column:2}}
@media(max-width:650px){.about-benefits{grid-column:auto}.about-benefit{padding:13px}}

/* Ausschließlich die Typografie der Startseiten-Überschrift */
.hero .hero-headline{max-width:850px;margin:14px 0 24px;letter-spacing:-.025em;text-wrap:balance}
.hero-headline-lead{display:table;color:#fff;font-size:clamp(45px,5.8vw,80px);line-height:1.06;text-shadow:0 3px 20px rgba(0,0,0,.24);padding-bottom:12px;position:relative}
.hero-headline-lead::after{content:"";position:absolute;left:0;bottom:2px;width:105px;height:4px;border-radius:5px;background:#a5ce50}
.hero-headline-sub{display:block;margin-top:12px;font-size:clamp(29px,3.3vw,48px);font-weight:600;line-height:1.18;color:#f8f9f4;letter-spacing:-.018em}
.hero-headline-location{color:#cde69a}
@media(max-width:650px){.hero .hero-headline{margin:12px 0 20px}.hero-headline-lead{font-size:clamp(39px,10vw,55px)}.hero-headline-sub{font-size:clamp(27px,6.6vw,38px)}}

/* Kontaktformular: Datenschutzbestätigung und unsichtbares Spamfeld */
.spam-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.privacy-check{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font-size:.9rem;line-height:1.5}.privacy-check input{width:auto!important;min-width:17px;height:17px;margin-top:3px}.privacy-check a{text-decoration:underline}