/* =================================================================== WISSEN-SEITE (/wissen.html) Ergänzt style.css – hier stehen ausschließlich die Bausteine, die es im Designsystem noch nicht gibt: das Inhaltsverzeichnis, die Hinweiskästen, die Wissens-Konsole, das Code-Beispiel, die Select-Felder, der Sammelhinweis im Formular und die Antwortseite von wissen-form.php. Alles Übrige kommt unverändert aus style.css: Nav, Footer, der Unterseiten-Rahmen .subpage/.pvh/.pvbk/.pvb, der Seitenkopf .np-hero/.np-lead/.np-meta und die Sektionsköpfe .np-section/.np-section-head, dazu .si/.sl/.tac, .pgr/.pc/.pi, .lgr/.li/.ln, .scard, .cl, .bp/.bo, .article-table, .fql/.fqi/.fqq/.fqa, .reveal, .ac-btns, .contact-grid/.contact-form-card/.cf-*/.ff, Cookie-Banner. Die Startseiten-Inszenierung (.hero-zone mit Partikel-Canvas, das Chat-Mockup .hmk/.hfl, das Trust-Band .trust-section) wird hier bewusst nicht verwendet: auf einer Unterseite liest sie sich wie eine zweite Startseite. Tokens: --ac #2ecc71, --s, --s2, --bd, --ba, --ag, --tx, --tm, --td, --r, --rs, --mw =================================================================== */ /* Aktiver Navigationspunkt */ nav .nl > a[aria-current="page"] { color: var(--ac); } /* Sprungmarken: die Navigation liegt fix über dem Inhalt, sonst verschwindet die angesprungene Überschrift darunter. */ section[id], .wk-toc-wrap { scroll-margin-top: 84px; } /* .reveal blendet Elemente erst beim Scrollen ein – das erledigt der IntersectionObserver in script.js. Ohne JavaScript bliebe der Inhalt dieser Seite unsichtbar, deshalb greift die Animation nur, wenn das Skript im die Klasse js gesetzt hat. */ html:not(.js) .reveal { opacity: 1; transform: none; } /* Inline-Code in Fließtext */ .si code, .wk-note code, .fqa code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.86em; color: var(--ac); background: var(--ag); border-radius: 5px; padding: 1px 5px; } /* ------------------------------------------------------------------- 1. Inhaltsverzeichnis ------------------------------------------------------------------- */ /* style.css setzt JEDES