/* Zugangsmodelle als Karten je Zielgruppe, Wegweiser (Fassung 88.0). Farben aus stil.css (--akzent, --linie, --papier).
   Bewegung nur ohne prefers-reduced-motion. */
.pl-gruppen{display:grid;gap:1.4rem;margin:1rem 0}
.pl-gruppe{border:1px solid var(--linie);border-radius:10px;padding:1rem 1.1rem;background:var(--papier)}
.pl-gruppe>header{display:flex;gap:.9rem;align-items:center;margin-bottom:.8rem}
.pl-gruppe>header svg{width:2.6rem;height:2.6rem;flex:none;fill:none;stroke:var(--akzent);stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;border-radius:50%;padding:.45rem;
  background:color-mix(in srgb,var(--akzent) 12%,transparent)}
.pl-gruppe h3{margin:0}.pl-gruppe>header p{margin:.15rem 0 0;opacity:.8}
.pl-reihe{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}
.pl-karte{position:relative;border:1px solid var(--linie);border-top:4px solid var(--akzent);border-radius:8px;
  padding:.8rem .9rem;display:flex;flex-direction:column;gap:.35rem;transition:transform .2s,box-shadow .2s}
.pl-karte:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.pl-karte h4{margin:0;font-size:1.05rem}.pl-fuer{margin:0;font-size:.93rem}
.pl-karte details{font-size:.9rem}.pl-karte summary{cursor:pointer;color:var(--akzent)}
.pl-lief{opacity:.8}.pl-preis{margin:auto 0 0;font-size:.85rem;opacity:.75}
.pl-los{align-self:flex-start;font-size:.9rem}
.pl-karte.pl-treffer-karte{outline:3px solid var(--akzent);outline-offset:2px}
.pl-vergleich{margin-top:1rem}.pl-vergleich summary{cursor:pointer}
.pl-weg{display:grid;gap:.9rem}
.pl-frage{border:1px solid var(--linie);border-radius:8px;padding:.7rem .9rem;margin:0}
.pl-frage legend{font-weight:600;padding:0 .3rem}
.pl-frage button{margin:.25rem .35rem .25rem 0;padding:.45rem .8rem;border:1px solid var(--akzent);border-radius:999px;
  background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background .15s,color .15s}
.pl-frage button[aria-pressed=true]{background:var(--akzent);color:var(--papier)}
.pl-treffer{min-height:1.4em;font-weight:600}
@media (prefers-reduced-motion:no-preference){
  html.js .pl-gruppe{animation:pl-auf .45s ease-out both;animation-delay:calc(var(--i)*90ms)}
  html.js .pl-karte{animation:pl-auf .4s ease-out both;animation-delay:calc(var(--i)*60ms + 150ms)}
  .pl-frage:not([hidden]){animation:pl-auf .3s ease-out both}
  .pl-karte.pl-treffer-karte{animation:pl-puls 1.2s ease-out 2}
}
@keyframes pl-auf{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pl-puls{0%{box-shadow:0 0 0 0 var(--akzent)}70%{box-shadow:0 0 0 .7rem transparent}100%{box-shadow:none}}