/* EcoCleaners · Stylesheet für Inhaltsseiten · 01.09.2026 */
:root{--forest:#2D4A32;--sage:#6B8F6E;--sage-light:#9DB89F;--moss:#4A6741;
--cream:#F5F0E8;--sand:#E8E0D0;--white:#FDFCFA;--text:#1E2D1F;--text-soft:#4A5E4B;--gold:#C9A84C}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
color:var(--text);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;line-height:1.2;color:var(--forest)}
a{color:var(--moss)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}

/* Navigation */
.nav{position:sticky;top:0;z-index:50;background:rgba(253,252,250,.95);backdrop-filter:blur(10px);
border-bottom:1px solid var(--sand)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.nav .brand{font-family:'Playfair Display',serif;font-size:1.35rem;color:var(--forest);
text-decoration:none;font-weight:600;letter-spacing:.2px}
.nav .links{display:flex;gap:26px;align-items:center}
.nav .links a{color:var(--text-soft);text-decoration:none;font-size:.94rem}
.nav .links a:hover{color:var(--forest)}
.nav .cta{background:var(--forest);color:#fff!important;padding:10px 20px;border-radius:24px;font-size:.9rem}
@media(max-width:820px){.nav .links a:not(.cta){display:none}}

/* Brotkrumen */
.crumb{background:var(--cream);padding:12px 0;font-size:.85rem;color:var(--text-soft)}
.crumb a{color:var(--moss);text-decoration:none}

/* Kopf */
.hero{background:var(--forest);color:var(--cream);padding:80px 0 72px}
.hero h1{color:var(--cream);font-size:clamp(2.1rem,5vw,3.3rem);margin-bottom:18px}
.hero .lead{font-size:1.18rem;max-width:62ch;color:var(--sand)}
.pill{display:inline-block;background:var(--sage);color:var(--forest);font-size:.78rem;
font-weight:700;letter-spacing:1.4px;text-transform:uppercase;padding:7px 16px;border-radius:20px;margin-bottom:22px}

/* Abschnitte */
section{padding:64px 0}
section.alt{background:var(--cream)}
section h2{font-size:clamp(1.6rem,3.4vw,2.25rem);margin-bottom:14px}
section h3{font-size:1.16rem;color:var(--moss);margin:26px 0 8px}
section p{margin-bottom:14px;max-width:70ch}
section ul{margin:0 0 16px 20px}section li{margin-bottom:7px;max-width:68ch}

/* Karten */
.grid{display:grid;gap:20px;margin-top:26px}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--white);border:1px solid var(--sand);border-radius:12px;padding:24px}
section.alt .card{background:var(--white)}
.card h3{margin-top:0;color:var(--forest)}
.card p:last-child{margin-bottom:0}
.num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
border-radius:50%;background:var(--forest);color:var(--cream);font-weight:700;font-size:.95rem;margin-bottom:12px}

/* Hervorhebung */
.note{background:var(--sand);border-left:4px solid var(--forest);padding:20px 24px;border-radius:0 8px 8px 0;margin:24px 0}
.note p:last-child{margin-bottom:0}

/* Tabelle */
table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.94rem}
th{background:var(--forest);color:var(--cream);text-align:left;padding:11px 14px;font-weight:600}
td{padding:11px 14px;border-bottom:1px solid var(--sand);vertical-align:top}
tr:nth-child(even) td{background:var(--cream)}

/* FAQ */
details{border-bottom:1px solid var(--sand);padding:16px 0}
summary{cursor:pointer;font-weight:600;color:var(--forest);font-size:1.04rem;list-style:none}
summary::-webkit-details-marker{display:none}
summary::before{content:"+";display:inline-block;width:22px;color:var(--sage);font-weight:700}
details[open] summary::before{content:"–"}
details p{margin:12px 0 0 22px}

/* Handlungsaufforderung */
.cta-band{background:var(--forest);color:var(--cream);padding:64px 0;text-align:center}
.cta-band h2{color:var(--cream)}
.cta-band p{max-width:60ch;margin:0 auto 26px;color:var(--sand)}
.btn{display:inline-block;background:var(--cream);color:var(--forest);text-decoration:none;
padding:15px 34px;border-radius:28px;font-weight:700;margin:6px}
.btn.ghost{background:transparent;color:var(--cream);border:2px solid var(--sage)}

/* Fußzeile */
footer{background:var(--text);color:var(--sand);padding:44px 0;font-size:.9rem}
footer a{color:var(--sage-light);text-decoration:none}
footer .cols{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
footer strong{color:var(--cream);display:block;margin-bottom:8px;font-weight:600}