/* Wegweiser-Design: nummerierte Kacheln (.px-pfade) und Abschnitte mit Bildlisten (.px-abschnitt). Praxis, Artenübersicht und weitere Verteilerseiten laden die Datei. */
.px-start{padding-block:var(--space-12) var(--space-12)}
.px-start .tb-kopf{max-width:var(--layout-measure);margin-bottom:var(--space-6)}
.px-start h2,.px-kopf h2{font-family:var(--font-serif);font-weight:400;letter-spacing:0}
.px-start h2{margin:var(--space-2) 0 0;font-size:clamp(28px,4vw,38px);line-height:1.15}
.px-pfade{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0;padding:0;list-style:none}
.px-pfade a{display:flex;flex-direction:column;gap:var(--space-1);height:100%;padding:var(--space-4) var(--space-6) var(--space-6);border:var(--rule-hair) solid var(--border);border-radius:14px;background:var(--surface-panel);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.px-pfade a:hover,.px-pfade a:focus-visible{border-color:var(--accent);transform:translateY(-2px)}
.px-pfade a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.px-pfade .nr{font-family:var(--font-serif);font-size:15px;letter-spacing:.12em;color:var(--accent-ink)}
.px-pfade .t{font-family:var(--font-serif);font-size:21px;line-height:1.25}
.px-pfade .s{font-size:14px;line-height:1.5;color:var(--ink-muted)}
@media (min-width:900px){.px-pfade{grid-template-columns:repeat(3,1fr)}}

.px-abschnitt{padding-block:var(--space-12);border-top:var(--rule-hair) solid var(--border);scroll-margin-top:56px}
.px-abschnitt .wrap{display:grid;gap:var(--space-6) var(--space-16)}
.px-kopf .nr{display:block;font-family:var(--font-serif);font-size:clamp(44px,6vw,64px);line-height:1;color:var(--accent);opacity:.85;font-variant-numeric:lining-nums}
.px-kopf .label{display:block;margin-top:var(--space-3)}
.px-kopf h2{margin:var(--space-2) 0 var(--space-3);font-size:clamp(26px,3.4vw,32px);line-height:1.15}
.px-kopf p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-muted);max-width:38ch}
.px-liste{margin:0;padding:0;list-style:none;border-top:var(--rule-group) solid var(--rule-strong)}
.px-eintrag a{display:grid;grid-template-columns:112px 1fr 24px;gap:var(--space-6);align-items:center;padding:var(--space-4) 0;border-bottom:var(--rule-hair) solid var(--border);color:var(--ink);text-decoration:none}
.px-eintrag img{display:block;width:112px;height:112px;object-fit:cover;border-radius:10px;background:var(--surface-panel);filter:saturate(.88) sepia(.06);transition:filter .25s}
.px-eintrag .tag{display:block;margin-bottom:4px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink)}
.px-eintrag .name{display:block;font-family:var(--font-serif);font-size:21px;line-height:1.25}
.px-eintrag .meta{display:block;margin-top:5px;max-width:60ch;font-size:14.5px;line-height:1.55;color:var(--ink-muted)}
.px-eintrag .pfeil{justify-self:end;font-size:20px;color:var(--accent-ink);transition:transform .2s}
.px-eintrag a:hover .name,.px-eintrag a:focus-visible .name{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.px-eintrag a:hover img,.px-eintrag a:focus-visible img{filter:none}
.px-eintrag a:hover .pfeil,.px-eintrag a:focus-visible .pfeil{transform:translateX(4px)}
.px-eintrag a:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
.px-banner{grid-column:1/-1;margin-top:var(--space-4)}
.px-stand{margin:0;padding-block:var(--space-8) var(--space-12);border-top:var(--rule-hair) solid var(--border);font-size:14px;color:var(--ink-muted)}
@media (min-width:900px){
  .px-abschnitt .wrap{grid-template-columns:290px minmax(0,1fr);align-items:start}
  .px-kopf{position:sticky;top:76px}
}
@media (max-width:560px){
  .px-eintrag a{grid-template-columns:84px 1fr;gap:var(--space-4)}
  .px-eintrag img{width:84px;height:84px}
  .px-eintrag .pfeil{display:none}
  .px-eintrag .name{font-size:19px}
}
@media (prefers-reduced-motion:reduce){.px-pfade a,.px-eintrag img,.px-eintrag .pfeil{transition:none}}

/* Titel ohne Zeilenumbruch mitten im Wort (Pra|xis, Fut|ter) */
.display .it.inl{display:inline}