/* Wiederplatz – bright, clean, trustworthy. White base, fresh green, Inter. No gradients, no blobs. */
:root{--paper:#ffffff;--soft:#f3f7f5;--ink:#132a22;--muted:#536861;--line:#e1e8e5;--brand:#0b7a53;--brand-ink:#ffffff;--accent:#0b7a53;--sun:#ffd34d;--wa:#1aa060;--radius:14px;--font-head:"Inter",system-ui,sans-serif;--maxw:1200px}
body{font-size:17.5px;color:var(--ink)}
h1,h2,h3{font-weight:700;letter-spacing:-.022em;color:var(--ink)}
h2{font-size:clamp(1.55rem,3vw,2.15rem)}
a{color:var(--brand)}
.site-head{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line)}
.logo{font-weight:700;letter-spacing:-.02em;font-size:1.3rem}
.logo .logo-word{text-transform:lowercase}
.head-cta{border-radius:999px;padding:.55rem 1.1rem;min-height:42px;font-size:.95rem}
.btn{border-radius:999px;font-weight:600}
.btn.ghost{border-color:var(--line);color:var(--ink);background:#fff}
.btn.ghost:hover{border-color:var(--brand)}
main section{padding-top:clamp(2.5rem,7vw,5.5rem)}
/* hero */
.wp-hero{padding-top:clamp(2.2rem,6vw,4.5rem)!important;padding-bottom:1rem}
.wp-hero-grid{display:grid;gap:2.5rem;align-items:center}
@media (min-width:960px){.wp-hero-grid{grid-template-columns:1.25fr .85fr;gap:4rem}}
.eyebrow{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--brand);background:#e8f5ef;border-radius:999px;padding:.35rem .85rem;margin-bottom:1.3rem}
.eyebrow .dot{width:4px;height:4px;border-radius:50%;background:var(--brand);opacity:.6}
.wp-hero h1{font-size:clamp(2.4rem,6.4vw,4.4rem);line-height:1.03;letter-spacing:-.035em;margin-bottom:1.1rem}
.mark{background:linear-gradient(transparent 62%,var(--sun) 62%,var(--sun) 90%,transparent 90%);padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.wp-hero .lead{font-size:clamp(1.08rem,1.6vw,1.22rem);color:var(--muted);max-width:38rem;margin-bottom:1.6rem}
.contact-buttons{display:flex;flex-wrap:wrap;gap:.8rem}
.contact-buttons.stack{flex-direction:column}
.cbtn{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;border-radius:16px;padding:.8rem 1.25rem .8rem 1rem;min-height:62px;font-weight:700;font-size:1.06rem;border:2px solid transparent;transition:transform .12s,box-shadow .12s;color:#fff}
.cbtn span{display:flex;flex-direction:column;line-height:1.2}.cbtn small{font-weight:500;font-size:.78rem;opacity:.85}
.cbtn.call{background:var(--brand)}
.cbtn.wa{background:var(--wa)}
.cbtn.form{background:#fff;color:var(--ink);border-color:var(--line)}
.cbtn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(19,42,34,.12)}
@media (max-width:520px){.contact-buttons .cbtn{flex:1 1 100%}}
.form-link{margin:1.1rem 0 1.4rem;font-weight:600}.form-link a{text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}.form-link .sep{color:var(--line);margin:0 .4rem}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.checks li{display:flex;gap:.55rem;align-items:center;color:var(--ink);font-size:.98rem}.checks .ic{color:var(--brand);background:#e8f5ef;border-radius:50%;padding:3px;width:24px;height:24px}
/* status card */
.status-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.4rem 1.4rem 1rem;box-shadow:0 30px 60px -30px rgba(19,42,34,.28),0 2px 6px rgba(19,42,34,.05)}
.sc-head{display:flex;gap:.8rem;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.sc-head strong{display:block}.sc-head small{color:var(--muted)}
.sc-icon{width:42px;height:42px;border-radius:12px;background:#e8f5ef;color:var(--brand);display:flex;align-items:center;justify-content:center}
.sc-rows{list-style:none;margin:0;padding:.4rem 0}
.sc-rows li{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.75rem 0;border-bottom:1px dashed var(--line)}
.sc-rows li:last-child{border-bottom:0}
.sc-tick{width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center}
.sc-rows em{font-style:normal;font-size:.8rem;font-weight:600;color:var(--brand);background:#e8f5ef;border-radius:999px;padding:.15rem .6rem}
.status-card figcaption{font-size:.75rem;color:var(--muted);text-align:right;margin-top:.4rem}
/* quick bar */
.wp-quick{padding-top:2rem!important}
.quick-bar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:.9rem}
.quick-bar strong{padding:0 .4rem;flex:1 1 100%}
@media (min-width:860px){.quick-bar strong{flex:0 0 auto}}
.quick-bar select,.quick-bar input{flex:1 1 220px;font:inherit;padding:.75rem .9rem;border:1px solid #c9d6d0;border-radius:12px;background:#fff;min-height:50px}
.quick-bar .btn{min-height:50px}
/* sections */
.sec-head{max-width:46rem;margin-bottom:2rem}.sec-head p{color:var(--muted);font-size:1.08rem}
.wp-tint{background:var(--soft);margin-top:clamp(2.5rem,7vw,5.5rem);padding:clamp(2.5rem,7vw,5rem) 0!important}
.wp-tint+section{padding-top:clamp(2.5rem,7vw,5.5rem)}
.svc-cards{display:grid;gap:1rem}
@media (min-width:640px){.svc-cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.svc-cards{grid-template-columns:repeat(3,1fr)}}
.svc-card{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.4rem;transition:border-color .15s,box-shadow .15s}
.svc-card:hover{border-color:#b9d8ca;box-shadow:0 12px 30px -18px rgba(11,122,83,.45)}
.svc-card h3{margin:.6rem 0 .1rem;font-size:1.12rem}.svc-card p{color:var(--muted);margin:0;flex:1}
.svc-ic{width:46px;height:46px;border-radius:13px;background:#e8f5ef;color:var(--brand);display:flex;align-items:center;justify-content:center}
.svc-card .more{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;color:var(--brand);font-size:.92rem;margin-top:.8rem}
.trust-grid{display:grid;gap:1.6rem 2rem}
@media (min-width:700px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.trust-grid{grid-template-columns:repeat(3,1fr)}}
.trust-item h3{font-size:1.08rem;margin:.75rem 0 .3rem}.trust-item p{color:var(--muted);margin:0}
.t-ic{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--brand);display:flex;align-items:center;justify-content:center}
.claim{display:flex;gap:.5rem;align-items:center;margin-top:1.5rem;font-weight:600}
.wa-band{display:grid;gap:1.5rem;align-items:center;background:#effaf4;border:1px solid #cfeedd;border-radius:24px;padding:clamp(1.5rem,4vw,2.6rem)}
@media (min-width:900px){.wa-band{grid-template-columns:1.5fr 1fr}}
.wa-band h2{font-size:clamp(1.35rem,2.6vw,1.8rem)}.wa-band p{color:var(--muted);margin:0}
.wa-actions{display:flex;flex-direction:column;gap:.8rem;align-items:flex-start}
.text-link{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;text-decoration:none}
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:1.4rem;counter-reset:s}
@media (min-width:900px){.timeline{grid-template-columns:repeat(5,1fr);gap:1.2rem}.timeline li{position:relative}.timeline li:not(:last-child)::after{content:"";position:absolute;top:21px;left:52px;right:-10px;height:2px;background:var(--line)}}
.tl-n{display:flex;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--brand);color:var(--brand);font-weight:700;align-items:center;justify-content:center;margin-bottom:.8rem;position:relative;z-index:1}
.timeline h3{font-size:1.05rem;margin-bottom:.3rem}.timeline p{color:var(--muted);font-size:.95rem;margin:0}
.driver-list>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem}
.levels-mini{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.4rem;align-self:start}.levels-mini p{color:var(--muted);font-size:.95rem}
.area-chips{display:grid;gap:.8rem}
@media (min-width:700px){.area-chips{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.area-chips{grid-template-columns:repeat(4,1fr)}}
.area-chips a{display:flex;gap:.7rem;align-items:flex-start;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;background:#fff}
.area-chips a:hover{border-color:#b9d8ca}.area-chips .ic{color:var(--brand);margin-top:.15rem}
.area-chips span{display:flex;flex-direction:column}.area-chips small{color:var(--muted);font-size:.86rem}
.faq{max-width:52rem}
.contact-final{display:grid;gap:2rem;align-items:center;background:var(--ink);color:#fff;border-radius:28px;padding:clamp(1.6rem,5vw,3.2rem)}
@media (min-width:900px){.contact-final{grid-template-columns:1.3fr 1fr}}
.contact-final h2{color:#fff}.contact-final p{color:#c9d8d1}.contact-final .hours{display:flex;align-items:center;gap:.4rem}
.contact-final .cbtn.form{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
main>section:last-child{padding-bottom:clamp(3rem,7vw,5.5rem)}
/* inner pages */
.page-head h1{font-size:clamp(2rem,5vw,3.1rem);letter-spacing:-.03em}
.side-box,.svc,.area-card,.tile,.pro-item,.level{border-radius:18px}
.step-n{background:#fff;border:2px solid var(--brand);color:var(--brand)}
.ticks li::before{border-color:var(--brand)}
.note-box{border-left-color:var(--brand);background:var(--soft)}
.cta-band{background:var(--ink);border-radius:0}
.cta-band .btn{background:#fff;color:var(--ink);border-color:#fff}
.site-foot{background:#fff}
.form input,.form select,.form textarea{border-color:#c4d1cb!important;border-radius:12px!important}
.choice{border-radius:12px}
