/* Aktion Pop-up */
.jpa{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.jpa[hidden]{display:none}
.jpa-back{position:absolute;inset:0;background:rgba(22,37,45,.55);animation:jpafade .3s ease-out}
.jpa-box{position:relative;background:#fff;border-radius:10px;max-width:560px;width:100%;max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.35);animation:jpain .35s cubic-bezier(.2,.8,.2,1)}
@keyframes jpafade{from{opacity:0}}
@keyframes jpain{from{opacity:0;transform:translateY(24px) scale(.97)}}
@media (prefers-reduced-motion:reduce){.jpa-back,.jpa-box{animation:none}}
.jpa-img{height:190px;background-size:cover;background-position:center}
.jpa-body{padding:30px 32px 26px;position:relative}
.jpa-badge{position:absolute;right:26px;top:-34px;width:92px;height:92px;border-radius:50%;background:#B3261E;color:#fff;display:grid;place-items:center;font-weight:800;font-stretch:78%;font-size:30px;box-shadow:0 6px 18px rgba(179,38,30,.35);transform:rotate(-8deg)}
.jpa-box:not(:has(.jpa-img)) .jpa-badge{top:50px;right:30px}
.jpa-name{font-weight:700;color:var(--brand,#216B8F);margin:0 110px 8px 0;font-size:15px}
.jpa-box h2{font-size:clamp(24px,3.4vw,32px);margin:0 110px 12px 0;line-height:1.1}
.jpa-text{margin:0 0 20px}
.jpa-btn{display:block;text-align:center;border:0}
.jpa-later{display:block;margin:10px auto 0;background:none!important;border:0;color:#5B6670!important;font:inherit;font-size:15px;cursor:pointer;text-decoration:underline;padding:6px}
.jpa-cond{font-size:12.5px;line-height:1.45;opacity:.7;margin:16px 0 0}
.jpa-x{position:absolute;right:10px;top:8px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.9)!important;color:#16252D!important;font-size:26px;line-height:1;cursor:pointer;padding:0}
.jpa-x:hover{background:#ECEEED!important}
.jpa-tab{position:fixed;left:16px;bottom:16px;z-index:900;border:0;border-radius:24px;background:#B3261E!important;color:#fff!important;font:inherit;font-weight:650;font-size:15px;padding:10px 16px;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer}
.jpa-tab[hidden]{display:none}
.jpa-tab b{font-weight:800;margin-right:4px}
@media(max-width:600px){
  .jpa{align-items:flex-end;padding:0}
  .jpa-box{border-radius:14px 14px 0 0;max-height:92vh}
  .jpa-body{padding:24px 20px 20px}
  .jpa-badge{width:76px;height:76px;font-size:24px;right:18px}
  .jpa-name,.jpa-box h2{margin-right:88px}
}