/* V52: actual card headings form the exposed tabs. */
.pricing[hidden],.price-card[hidden],.pf-stack-controls[hidden],.pf-offer-price[hidden]{display:none!important}
#preise .pricing.pf-stack{--stack-height:660px;--drag-x:0px;position:relative;display:block;height:calc(var(--stack-height) + 180px);max-width:1100px;margin:24px auto;touch-action:pan-y;isolation:isolate}
#preise .pf-stack>.price-card{position:absolute;top:180px;left:0;width:calc(100% - 36px);margin:0;box-shadow:0 8px 20px #0004;transition:transform .3s ease,box-shadow .3s ease;transform-origin:top center;animation:none;opacity:1;cursor:pointer}
#preise .pf-stack>.price-card[data-rank="0"]{z-index:4;transform:translate(var(--drag-x),0)}
#preise .pf-stack>.price-card[data-rank="1"]{z-index:3;transform:translate(12px,-60px)}
#preise .pf-stack>.price-card[data-rank="2"]{z-index:2;transform:translate(24px,-120px)}
#preise .pf-stack>.price-card[data-rank="3"]{z-index:1;transform:translate(36px,-180px)}
#preise .pf-stack.is-dragging>.price-card[data-rank="0"]{transition:none}
#preise .pf-stack .pf-plan-title{font-size:clamp(18px,5vw,24px);white-space:nowrap}
.pf-stack-controls{text-align:center;margin:20px auto 32px;color:var(--muted)}
.pf-stack-navigation{display:flex;align-items:center;justify-content:center;gap:28px}
.pf-stack-navigation button{width:48px;height:48px;border:1px solid var(--orange);border-radius:4px;background:var(--panel);color:var(--orange);font:28px system-ui;cursor:pointer}
.pf-stack-controls p{font-size:14px;margin:12px 0 4px}
.pf-stack-list{font:inherit;font-size:13px;background:none;border:0;color:var(--muted);text-decoration:underline;min-height:44px;cursor:pointer}
.pf-stack :focus-visible,.pf-stack-controls :focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(min-width:900px){
 #preise .pricing.pf-stack{height:calc(var(--stack-height) + 180px)}
 #preise .pf-stack>.price-card{top:180px;left:27%;width:34%}
 #preise .pf-stack>.price-card[data-rank="1"]{transform:translate(-76%,-60px)}
 #preise .pf-stack>.price-card[data-rank="2"]{transform:translate(58%,-120px)}
 #preise .pf-stack>.price-card[data-rank="3"]{transform:translate(114%,-180px)}
 #preise .pf-stack .pf-plan-title{font-size:clamp(18px,1.7vw,24px)}
}
@media(prefers-reduced-motion:reduce){#preise .pf-stack>.price-card{transition:none}}
