.values-head{text-align:center}
/* Flex statt Raster: gleiche Breite je Kasten, unvollständige Reihen (z. B. 3 Werte) stehen mittig */
.values{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:8px}
.value{flex:0 1 calc((100% - 3 * 22px) / 4);border-top:3px solid var(--green);padding:22px 4px 0}
.value .ic{width:46px;height:46px;border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.value .ic svg{width:22px;height:22px;fill:var(--green)}
.value h3{margin:0 0 6px;font-size:16px;color:var(--ink)}
.value p{margin:0;font-size:14px;color:var(--muted)}
.quote{margin:44px auto 0;max-width:760px;text-align:center;font-size:clamp(18px,2.2vw,22px);font-weight:300;color:var(--green-dark);line-height:1.5}
.quote::before{content:"„";display:block;font-size:64px;line-height:.6;color:#bcd8c7;font-weight:700}

@media (max-width:900px){.value{flex-basis:calc((100% - 22px) / 2)}}
@media (max-width:520px){.value{flex-basis:100%}}