/* pxmedia.ai — Wissenslexikon (Runde 8, 23.10.2026): Übersicht A–Z mit Suche und Buchstabenleiste, Einträge als Begriffsseiten.
   Klassen folgen dem Portal-Vertrag (wissen-gruppe, wissen-liste, wissen-eintrag, wissen-abc, wissen-zahl, wissen-definition, post-cta,
   wissen-verwandt) — das Markup des Marker-Blocks schreibt das Portal, das Aussehen gehört der Website. */

/* ---- Übersicht ---- */
.wissen-werkzeug{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.6rem;margin:calc(-1 * var(--raum-block) + 1.2rem) 0 1.4rem}
.wissen-suche{position:relative;display:flex;align-items:center;gap:.6rem;flex:1 1 320px;max-width:520px;min-height:52px;padding:0 .9rem 0 1rem;border:1px solid var(--c-linie);border-radius:999px;background:var(--c-flaeche-1);color:var(--c-text-2);transition:border-color var(--dauer) var(--kurve)}
.wissen-suche:focus-within{border-color:var(--c-ki-linie)}
.wissen-suche svg{width:20px;height:20px;flex:none;color:var(--c-text-3)}
.wissen-suche input{flex:1 1 auto;min-width:0;min-height:50px;border:0;background:transparent;color:var(--c-text);font:inherit;font-size:1rem;outline:none}
.wissen-suche input::placeholder{color:var(--c-text-3)}
.wissen-suche input::-webkit-search-cancel-button{display:none}
.wissen-suche__leeren{display:none;flex:none;width:44px;height:44px;margin-right:-.5rem;border:0;border-radius:50%;background:transparent;color:var(--c-text-2);font-size:1.4rem;line-height:1;cursor:pointer}
.wissen-suche.hat-text .wissen-suche__leeren{display:inline-flex;align-items:center;justify-content:center}
.wissen-suche__leeren:hover{color:var(--c-text);background:var(--c-flaeche-2)}
.wissen-zaehler{margin:0;color:var(--c-text-3);font-size:.95rem}
.wissen-zaehler strong{color:var(--c-ki);font-size:1.15rem;font-weight:var(--fw-black)}
.wissen-abc{list-style:none;margin:0 0 2.2rem;padding:0;display:flex;flex-wrap:wrap;gap:.3rem}
.wissen-abc a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .4rem;border:1px solid var(--c-linie);border-radius:.6rem;color:var(--c-text);font-weight:var(--fw-bold);font-size:.95rem;text-decoration:none;transition:border-color var(--dauer) var(--kurve),background var(--dauer) var(--kurve)}
.wissen-abc a:hover,.wissen-abc a.is-aktiv{border-color:var(--c-ki-linie);background:var(--c-ki-weich);color:var(--c-ki)}
.wissen-abc a[aria-disabled="true"]{color:var(--c-text-3);opacity:.42;pointer-events:none}
.wissen-gruppen{display:grid;gap:2.2rem}
.wissen-gruppe{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1rem 1.4rem;align-items:start;scroll-margin-top:110px}
.wissen-gruppe h2{margin:0;font-size:clamp(2rem,4vw,2.8rem);line-height:1;color:var(--c-ki);font-weight:var(--fw-black)}
.wissen-liste{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.wissen-eintrag a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding:1.1rem 1.3rem;border:1px solid var(--c-linie);border-radius:var(--radius);background:var(--c-flaeche-1);color:var(--c-text);text-decoration:none;transition:border-color var(--dauer) var(--kurve),transform var(--dauer) var(--kurve)}
.wissen-eintrag a:hover{border-color:var(--c-ki-linie);transform:translateX(3px)}
.wissen-eintrag a svg{flex:none;color:var(--c-ki)}
.wissen-eintrag__text{display:grid;gap:.25rem;min-width:0}
.wissen-eintrag__text strong{font-size:1.08rem;font-weight:var(--fw-bold)}
.wissen-eintrag__text span{color:var(--c-text-2);font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wissen-leer{margin:1rem 0 0;color:var(--c-text-2)}
.wissen-leer button{margin-left:.4rem;min-height:44px;padding:0 .9rem;border:1px solid var(--c-linie);border-radius:999px;background:var(--c-flaeche-1);color:var(--c-ki);font:inherit;font-weight:var(--fw-bold);cursor:pointer}
.wissen-leer button:hover{border-color:var(--c-ki-linie)}
.wissen-hinweis{margin-top:var(--raum-block);padding:1.4rem 1.6rem;border:1px solid var(--c-linie);border-radius:var(--radius);background:var(--c-flaeche-1);color:var(--c-text-2);max-width:70ch}
.wissen-hinweis a{color:var(--c-ki);font-weight:var(--fw-bold)}
@media(max-width:600px){
  .wissen-gruppe{grid-template-columns:minmax(0,1fr)}
  .wissen-gruppe h2{font-size:1.9rem}
  .wissen-eintrag a{padding:1rem 1.05rem}
}

/* ---- Eintrag ---- */
.krumen{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 1.2rem;font-size:.9rem;color:var(--c-text-3)}
.krumen a{display:inline-flex;align-items:center;min-height:44px;color:var(--c-text-2);text-decoration:none}
.krumen a:hover{color:var(--c-ki)}
.krumen .sep{opacity:.6}
.wissen-eintrag-kopf h1{margin-top:.6rem}
.wissen-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:0;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-ki);font-weight:var(--fw-bold)}
.wissen-kicker .dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}
.wissen-kicker .wissen-autor{letter-spacing:0;text-transform:none;color:var(--c-text-3);font-weight:400}
.wissen-kicker .wissen-autor a{color:var(--c-text-2);text-decoration:none;font-weight:var(--fw-bold)}
.wissen-kicker .wissen-autor a:hover{color:var(--c-ki)}
.wissen-definition{margin:0 0 2rem;padding:1.3rem 1.5rem;border-left:3px solid var(--c-ki);border-radius:0 var(--radius) var(--radius) 0;background:var(--c-ki-weich)}
.wissen-definition p{margin:0;font-size:1.15rem;line-height:1.6;color:var(--c-text)}
.post-cta{margin:2.4rem 0;padding:1.6rem 1.7rem;border:1px solid var(--c-mensch-linie);border-radius:var(--radius);background:var(--c-mensch-weich)}
.post-cta .scene-kicker{margin:0 0 .5rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-mensch);font-weight:var(--fw-bold)}
.post-cta h2{margin:0 0 .6rem;font-size:1.45rem}
.post-cta p{margin:0;color:var(--c-text-2)}
.post-cta__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}
.wissen-verwandt{list-style:none;margin:0 0 1.6rem;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.wissen-verwandt li{margin:0}
.wissen-verwandt a{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border:1px solid var(--c-linie);border-radius:999px;background:var(--c-flaeche-1);color:var(--c-text);text-decoration:none;font-weight:var(--fw-bold);font-size:.95rem}
.wissen-verwandt a:hover{border-color:var(--c-ki-linie);color:var(--c-ki)}
.fliesstext .wissen-faq h3{font-size:1.1rem;margin:1.4rem 0 .4rem}
.fliesstext .wissen-faq h3+p{margin-top:0}

/* Nur für Vorlese-Programme (Suchfeld-Label „Begriff suchen“): bis 23.10.2026 fehlte die Regel, der Text stand sichtbar im Feld und brach bei 375 px um. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}