.rcard{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:clamp(300px,34vw,500px);height:clamp(380px,36vw,520px);padding:clamp(24px,2.4vw,34px);border-radius:24px;overflow:hidden;text-decoration:none;isolation:isolate;transition:background-color .45s ease,color .45s ease}
.rcard__bg{position:absolute;inset:0;z-index:-1;transition:opacity .45s ease}
.rcard__bg img{width:100%;height:100%;object-fit:cover}
.rcard__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.05) 35%,rgba(0,0,0,.15) 55%,rgba(0,0,0,.78) 100%)}
.rcard__logo{height:44px;display:flex;align-items:center}
.rcard__logo img{max-height:40px;max-width:170px;width:auto;height:auto;object-fit:contain;transition:filter .45s ease}
.rcard__logo span{font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.rcard__quote{margin:0 0 clamp(24px,2.6vw,40px);font-size:clamp(19px,1.7vw,26px);line-height:1.3;font-weight:700;max-width:26ch;letter-spacing:-.005em}
.rcard__bottom{position:relative;min-height:64px;display:flex;align-items:flex-end}
.rcard__def,.rcard__hov{transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.rcard__hov{position:absolute;left:0;bottom:0;opacity:0;transform:translateY(14px);font-size:clamp(17px,1.4vw,21px);font-weight:700}
.rcard__hov i{font-style:normal;display:inline-block;transition:transform .3s;margin-left:4px}
.rcard__kpi{margin:0;font-size:clamp(52px,5vw,76px);line-height:1;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.rcard__label{margin:10px 0 0;font-size:clamp(16px,1.3vw,20px);font-weight:700;line-height:1.3;max-width:28ch}
.rcard__head{margin:0;font-size:clamp(26px,2.3vw,36px);line-height:1.12;font-weight:700;letter-spacing:-.015em;max-width:18ch;hyphens:auto;-webkit-hyphens:auto}
.rcard__person{margin:0 0 2px;font-weight:700;font-size:clamp(16px,1.3vw,19px)}
.rcard__role{margin:0;font-size:clamp(15px,1.2vw,18px);opacity:.8}
.rcard--kpi{color:var(--w);background:var(--k)}
.rcard--kpi .rcard__logo img{filter:brightness(0) invert(1)}
.rcard--kpi:hover,.rcard--kpi:focus-visible{background:var(--y);color:var(--k)}
.rcard--kpi:hover .rcard__bg,.rcard--kpi:focus-visible .rcard__bg{opacity:0}
.rcard--kpi:hover .rcard__logo img,.rcard--kpi:focus-visible .rcard__logo img{filter:brightness(0)}
.rcard--quote.rcard--c-yellow{background:var(--y);color:var(--k)}
.rcard--quote.rcard--c-yellow .rcard__logo img{filter:brightness(0)}
.rcard--quote.rcard--c-yellow:hover,.rcard--quote.rcard--c-yellow:focus-visible{background:var(--k);color:var(--w)}
.rcard--quote.rcard--c-yellow:hover .rcard__logo img,.rcard--quote.rcard--c-yellow:focus-visible .rcard__logo img{filter:brightness(0) invert(1)}
.rcard--quote.rcard--c-yellow:hover .rcard__hov{color:var(--y)}
.rcard--quote.rcard--c-black{background:#141414;color:var(--w)}
.bg-black .rcard--quote.rcard--c-black{background:#1f1f1f}
.rcard--quote.rcard--c-black .rcard__logo img{filter:brightness(0) invert(1)}
.rcard--quote.rcard--c-black:hover,.rcard--quote.rcard--c-black:focus-visible{background:var(--y);color:var(--k)}
.rcard--quote.rcard--c-black:hover .rcard__logo img,.rcard--quote.rcard--c-black:focus-visible .rcard__logo img{filter:brightness(0)}
.rcard--quote.rcard--c-cloud{background:var(--cloud);color:var(--k)}
.bg-cloud .rcard--quote.rcard--c-cloud{background:var(--w)}
.rcard--quote.rcard--c-cloud .rcard__logo img{filter:brightness(0)}
.rcard--quote.rcard--c-cloud:hover,.rcard--quote.rcard--c-cloud:focus-visible{background:var(--y)}
/* Logos mit eigener Fläche nicht einfärben (Einstellung „Original“; congstar-Logo per Datei-ID) */
.rcard.rcard--logo-original .rcard__logo img,.rcard .rcard__logo img[src*="d0116e6f-ae5e-4ee9-9993-261693c1b16e"]{filter:none!important}
.rcard:hover .rcard__def,.rcard:focus-visible .rcard__def{opacity:0;transform:translateY(-14px)}
.rcard:hover .rcard__hov,.rcard:focus-visible .rcard__hov{opacity:1;transform:none}
.rcard:hover .rcard__hov i{transform:translateX(4px)}
.rcard:focus-visible{outline:3px solid var(--y);outline-offset:3px}
@media (hover:none){.rcard__bottom{flex-direction:column;align-items:flex-start}.rcard__hov{position:static;opacity:1;transform:none;margin-top:14px;font-size:15px}}
@media (max-width:640px){.rcard{width:min(84vw,340px);height:410px}}
@media (prefers-reduced-motion:reduce){.rcard,.rcard *{transition:none!important}}