/* Paket-Finder /preise/ (phase8, 11.10.2026) */
.content section.pf{margin:8px 0 48px;padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--bg-section)}
.pf h2{margin-top:0}
.pf .pf-intro{color:var(--text-sec);margin-bottom:20px}
.pf .pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.pf .pf-group{border:0;margin:0 0 20px;padding:0}
.pf .pf-group legend{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}
.pf .pf-opts{display:flex;flex-wrap:wrap;gap:8px}
.pf .pf-btn{font:inherit;font-size:.92rem;font-weight:600;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:9px 16px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.pf .pf-btn:hover{border-color:rgba(184,212,74,.5)}
.pf .pf-btn[aria-pressed="true"]{background:transparent;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}
.pf .pf-viz{display:flex;align-items:flex-end;gap:12px;height:170px;padding:0 4px;border-bottom:1px solid var(--border)}
.pf .pf-bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:6px}
.pf .pf-bar i{display:block;width:100%;border-radius:8px 8px 0 0;background:rgba(255,255,255,.08);height:var(--h);transform-origin:bottom;transition:background .35s,transform .5s cubic-bezier(.2,.8,.2,1)}
.pf .pf-bar span{font-size:.7rem;font-weight:600;color:var(--text-muted);text-align:center;line-height:1.25;min-height:2.5em}
.pf .pf-bar.on i{background:linear-gradient(180deg,#d4ea6f,var(--accent));transform:scaleY(1.04);box-shadow:0 0 24px rgba(184,212,74,.35)}
.pf .pf-bar.on span{color:var(--accent)}
.pf .pf-res{margin-top:18px;min-height:240px}
.pf .pf-pack{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.pf .pf-price{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;color:var(--accent);line-height:1.15;margin:4px 0 10px;font-variant-numeric:tabular-nums}
.pf .pf-lines{list-style:none;margin:0 0 12px;padding:0}
.pf .pf-lines li::before{content:none}
.pf .pf-lines li{font-size:.92rem;color:var(--text-sec);padding:5px 0;border-bottom:1px dashed var(--border)}
.pf .pf-lines li b{color:var(--text)}
.pf .pf-note{font-size:.85rem;color:var(--text-muted)}
.pf .pf-cta{display:inline-block;white-space:nowrap;margin-top:14px;background:var(--accent);color:#0a0d12;font-weight:700;text-decoration:none;padding:12px 22px;border-radius:10px}
.pf .pf-cta:hover{background:var(--accent-hover)}
.pf-pop{animation:pfPop .45s ease}
@keyframes pfPop{0%{opacity:.2;transform:translateY(6px)}100%{opacity:1;transform:none}}
html:not(.js) .pf .pf-controls{display:none}
@media (max-width:767px){.content section.pf{padding:20px 16px}.pf .pf-grid{grid-template-columns:1fr;gap:8px}.pf .pf-viz{height:130px;gap:8px}.pf .pf-res{min-height:300px}}
@media (prefers-reduced-motion:reduce){.pf .pf-bar i,.pf .pf-btn{transition:none}.pf-pop{animation:none}.pf .pf-bar.on i{transform:none}}
