/* Nur auf Seiten mit Sprungmarken (Frontmatter sprungmarken) oder Testurteil ([[testurteil …]]), seite.html lädt es dann.
   Steht im Kopf, also render-blockierend wie das eingebettete Stylesheet: kein Layoutsprung. */
/* Sprungmarken je Einsatz und Themen im Ratgeber: immer eine Zeile, die seitlich scrollt, wenn sie nicht passt. Umbrechende
   Zeilen brächen mit Ersatzschrift und Webfont unterschiedlich oft um (Layoutverschiebung beim Schriftwechsel, gemessen mit
   verzögerten Schriften in layout_pruefen.mjs). Die Maske blendet nur den rechten Innenabstand aus. */
.sprungmarken { margin-top: 1.3rem; }
.sprungmarken p { margin: 0 0 .5rem; font: 700 1.1rem var(--display); }
.sprungmarken ul { list-style: none; margin: 0; display: flex; gap: .5rem; flex-wrap: nowrap; overflow-x: auto; padding: 0 2.5rem 2px 0; mask-image: linear-gradient(90deg, #000 calc(100% - 2.5rem), transparent); }
.sprungmarken a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 .95rem; border: 2px solid var(--kiefer); border-radius: 22px; background: var(--papier); color: var(--kiefer); font: 700 1.05rem var(--display); text-decoration: none; white-space: nowrap; }
.sprungmarken a:hover { background: var(--flechte-hell); }
/* Testurteil (/feldbett-test/) */
.testurteil { background: var(--papier); border: 2px solid var(--kiefer); border-radius: 4px; padding: 1rem 1.2rem; }
.testurteil h3 { margin: 0 0 .9rem !important; }
.testurteil dl { display: grid; gap: .7rem; margin: 0 0 1rem; }
.testurteil dt { font-weight: 700; }
.testurteil dd { margin: 0; }
/* Ratgeber nach Themen (liste.html mit gruppen, /ratgeber/): Sprungmarken wie oben, je Thema eine Überschrift über dem Raster */
.listenseite .sprungmarken { margin-top: 1.6rem; }
.thema-titel { max-width: var(--breite); margin: var(--abstand) auto 0; padding: 0 var(--rand); }
.thema:first-of-type .thema-titel { margin-top: 3rem; }
.thema .magazin-raster { margin-top: 1.6rem; }
.karte-vergleich a { border-top-color: var(--wegweiser); }