/* rog-staerken-css */

/* Dunkles Band: hebt die vier Argumente aus der hellen Startseite heraus.
   Farbfamilie wie die Mega-Vorlagen, aber ohne deren Holztextur. */
.rog-staerken{--rs-gruen:#8ed254;--rs-gruen-voll:#69ba2e;--rs-weiss:#ffffff;
 --rs-text:#CBD5C1;--rs-grau:#AFBCA3;--rs-linie:rgba(255,255,255,.20);--rs-karte:#242F1B;
 max-width:1140px;margin:0 auto}
.rog-staerken__kopf{max-width:64ch;margin-bottom:38px}
.rog-staerken__eyebrow{margin:0 0 9px;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;
 color:var(--rs-gruen);font-weight:700}
.rog-staerken__h2{margin:0 0 14px;font-size:clamp(1.8rem,4.2vw,2.6rem);line-height:1.1;
 color:var(--rs-weiss);text-transform:none;letter-spacing:-.015em}
.rog-staerken__lead{margin:0;font-size:17.5px;line-height:1.65;color:var(--rs-text)}
.rog-staerken__raster{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}
.rog-staerken__karte{background:var(--rs-karte);border:1px solid var(--rs-linie);border-radius:18px;
 padding:26px 24px 28px;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.rog-staerken__karte:hover{transform:translateY(-4px);border-color:var(--rs-gruen);background:#2E3A23}
.rog-staerken__icon{display:block;width:32px;height:32px;color:var(--rs-gruen);margin-bottom:16px}
.rog-staerken__icon svg{width:100%;height:100%;display:block;fill:currentColor}
.rog-staerken__zahl{margin:0;font-size:2rem;font-weight:800;line-height:1.05;color:var(--rs-gruen);
 letter-spacing:-.02em;text-transform:none}
.rog-staerken__titel{margin:4px 0 12px;font-size:1.05rem;font-weight:600;line-height:1.3;
 color:var(--rs-weiss);text-transform:none}
.rog-staerken__text{margin:0;font-size:15px;line-height:1.62;color:var(--rs-grau)}
.rog-staerken__fuss{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:34px;
 padding-top:26px;border-top:1px solid var(--rs-linie)}
.rog-staerken__knopf{flex:0 0 auto;display:inline-block;background:var(--rs-gruen-voll);color:#fff;
 text-decoration:none;font-weight:600;font-size:15px;padding:13px 28px;border-radius:40px;
 text-transform:none;transition:background .2s ease,transform .2s ease}
.rog-staerken__knopf:hover,.rog-staerken__knopf:focus{background:var(--rs-gruen);color:#14190F;
 transform:translateY(-2px)}
.rog-staerken__knopf:focus-visible{outline:3px solid #8ed254;outline-offset:3px}
.rog-staerken__zeiten{margin:0;flex:1 1 300px;font-size:14.5px;line-height:1.6;color:var(--rs-grau)}
.rog-staerken__zeiten strong{color:var(--rs-weiss)}
.rog-staerken__zeiten a{color:var(--rs-gruen);font-weight:600}
@media (max-width:560px){
 .rog-staerken__raster{grid-template-columns:1fr}
 .rog-staerken__karte{padding:22px 20px 24px}
 .rog-staerken__knopf{width:100%;text-align:center}
}