/* STOP.LI Suche (N-1, Schritt 4) */
.sl-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Kopfzeile: Navigation nach rechts, Suchknopf ganz rechts (Handy: neben dem Menüknopf) */
.sl-header .sl-nav { justify-content: flex-start; }
.sl-header .sl-nav > .wp-block-navigation { margin-left: auto; }
.sl-suche-knopf {
  display: inline-flex; align-items: center; gap: .45rem; flex: 0 0 auto;
  color: var(--wp--preset--color--paper-2, #B9C2BC); text-decoration: none;
  border: 1px solid var(--wp--preset--color--line, #1B242C); border-radius: 6px;
  padding: .42rem .7rem; font: 500 .8rem/1 "IBM Plex Mono", ui-monospace, monospace; letter-spacing: .04em; text-transform: uppercase;
  margin-left: -.75rem; transition: border-color .15s, color .15s;
}
.sl-suche-knopf:hover, .sl-suche-knopf:focus-visible { color: var(--wp--preset--color--signal, #C9FF2F); border-color: rgba(201,255,47,.45); }
.sl-suche-knopf:focus-visible { outline: 2px solid var(--wp--preset--color--signal, #C9FF2F); outline-offset: 2px; }
@media (max-width: 900px) { .sl-suche-knopf__text { display: none; } .sl-suche-knopf { padding: .5rem; margin-left: 0; } .sl-header .sl-nav { gap: 1rem; } }

/* Suchfenster */
html.sl-sf-offen { overflow: hidden; }
.sl-sf {
  width: min(760px, calc(100vw - 2rem)); max-height: min(78vh, 820px); margin: 9vh auto auto; padding: 0;
  background: #0A0E11; color: #EDF2EE; border: 1px solid #1B242C; border-radius: 10px;
  box-shadow: 0 30px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(201,255,47,.08);
  display: none; flex-direction: column; overflow: hidden; font-family: "IBM Plex Sans", Roboto, Arial, sans-serif;
}
.sl-sf[open] { display: flex; }
.sl-sf::backdrop { background: rgba(3,5,6,.72); backdrop-filter: blur(3px); }
.sl-sf__kopf { display: flex; align-items: center; gap: .6rem; padding: .9rem 1rem; border-bottom: 1px solid #1B242C; }
.sl-sf__eingabe { flex: 1; min-width: 0; background: transparent; border: 0; color: #EDF2EE; font-size: 1.15rem; padding: .35rem .2rem; outline: none; }
.sl-sf__eingabe::placeholder { color: #565E5A; }
.sl-sf__eingabe::-webkit-search-cancel-button { filter: invert(.7); }
.sl-sf__zu { background: transparent; border: 1px solid #1B242C; color: #868F8B; border-radius: 5px; padding: .25rem .5rem; font: 500 .72rem/1 "IBM Plex Mono", monospace; cursor: pointer; }
.sl-sf__zu:hover, .sl-sf__zu:focus-visible { color: #C9FF2F; border-color: rgba(201,255,47,.45); }
.sl-sf__filter { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .5rem; padding: .6rem 1rem; border-bottom: 1px solid #141B21; }
.sl-sf__chips { display: contents; }
.sl-sf__chip { background: #0E141A; border: 1px solid #1B242C; color: #B9C2BC; border-radius: 999px; padding: .22rem .65rem; font: 500 .74rem/1.4 "IBM Plex Mono", monospace; cursor: pointer; }
.sl-sf__chip[aria-pressed="true"] { background: rgba(201,255,47,.12); border-color: rgba(201,255,47,.55); color: #C9FF2F; }
.sl-sf__chip:focus-visible, .sl-sf__sort:focus-visible, .sl-sf__treffer:focus-visible { outline: 2px solid #C9FF2F; outline-offset: 1px; }
.sl-sf__sort { margin-left: auto; background: #0E141A; color: #B9C2BC; border: 1px solid #1B242C; border-radius: 5px; padding: .2rem .4rem; font-size: .78rem; }
.sl-sf__status { margin: 0; padding: .55rem 1rem .2rem; color: #868F8B; font: 400 .74rem/1.4 "IBM Plex Mono", monospace; }
.sl-sf__hgruppe:empty { display: none; }
.sl-sf__hersteller { margin: .4rem 1rem; padding: .7rem .8rem; border: 1px solid rgba(201,255,47,.3); border-radius: 8px; background: rgba(201,255,47,.04); display: grid; gap: .25rem; }
.sl-sf__label { font: 500 .66rem/1 "IBM Plex Mono", monospace; letter-spacing: .1em; text-transform: uppercase; color: #C9FF2F; }
.sl-sf__prod { color: #B9C2BC; font-size: .85rem; }
.sl-sf__kat { display: flex; flex-wrap: wrap; gap: .3rem .8rem; font-size: .8rem; }
.sl-sf__kat a { color: #C9FF2F; text-decoration: none; }
.sl-sf__kat a:hover { text-decoration: underline; }
.sl-sf__liste { overflow-y: auto; padding: .3rem .5rem .6rem; overscroll-behavior: contain; }
.sl-sf__treffer { display: grid; gap: .15rem; padding: .6rem .6rem; border-radius: 7px; color: inherit; text-decoration: none; border: 1px solid transparent; }
.sl-sf__treffer:hover, .sl-sf__treffer[aria-selected="true"] { background: #0E141A; border-color: #1B242C; }
.sl-sf__treffer[aria-selected="true"] strong { color: #C9FF2F; }
.sl-sf__meta { font: 500 .66rem/1.3 "IBM Plex Mono", monospace; letter-spacing: .08em; text-transform: uppercase; color: #868F8B; }
.sl-sf__treffer strong { font-weight: 600; font-size: .98rem; }
.sl-sf__kurz { color: #B9C2BC; font-size: .84rem; line-height: 1.45; }
.sl-sf__alle { display: block; padding: .55rem 1rem; border-top: 1px solid #141B21; color: #C9FF2F; text-decoration: none; font-size: .85rem; }
.sl-sf__alle[hidden] { display: none; }
.sl-sf__fuss { margin: 0; padding: .45rem 1rem; border-top: 1px solid #141B21; color: #868F8B; font: 400 .7rem/1.3 "IBM Plex Mono", monospace; }
@media (max-width: 640px) {
  .sl-sf { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; border-radius: 0; border: 0; }
  .sl-sf__fuss { display: none; }
  .sl-sf__sort { margin-left: 0; }
}
@media (prefers-reduced-motion: no-preference) { .sl-sf[open] { animation: sl-sf-ein .14s ease-out; } }
@keyframes sl-sf-ein { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* Suchseite /?s= (ohne JavaScript nutzbar) */
.sl-suchseite { background: #061014; color: #EDF2EE; border-bottom: 1px solid rgba(222,240,234,.18); }
.sl-suchseite__w { width: min(980px, 100%); margin: auto; padding: clamp(40px, 7vw, 88px) clamp(20px, 5vw, 56px); box-sizing: border-box; }
.sl-suchseite__tag, .sl-suchseite__label, .sl-suchseite__meta { font: 700 11px/1.4 "IBM Plex Mono", ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; color: #C9FF2F; margin: 0 0 10px; }
.sl-suchseite h1 { font-size: clamp(32px, 5vw, 56px); line-height: 1; margin: 0 0 28px; overflow-wrap: anywhere; }
.sl-suchseite__form { display: grid; grid-template-columns: minmax(0, 1fr) repeat(3, auto) auto; gap: 8px; margin-bottom: 26px; }
.sl-suchseite__form input, .sl-suchseite__form select, .sl-suchseite__form button { background: #0A0E11; color: #EDF2EE; border: 1px solid #1B242C; border-radius: 6px; padding: 10px 12px; font-size: 15px; min-width: 0; }
.sl-suchseite__form button { background: #C9FF2F; color: #061014; border-color: #C9FF2F; font-weight: 700; cursor: pointer; }
.sl-suchseite__form :focus-visible { outline: 2px solid #C9FF2F; outline-offset: 2px; }
@media (max-width: 760px) { .sl-suchseite__form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .sl-suchseite__form input { grid-column: 1 / -1; } }
.sl-suchseite__hersteller { border: 1px solid rgba(201,255,47,.3); border-radius: 8px; padding: 16px 18px; margin-bottom: 18px; }
.sl-suchseite__hersteller h2 { margin: 0 0 6px; font-size: 22px; }
.sl-suchseite__hersteller p { margin: 0 0 6px; color: #B9C2BC; }
.sl-suchseite__kat a { color: #C9FF2F; margin-right: 12px; text-decoration: none; }
.sl-suchseite__zahl { color: #868F8B; font: 400 12px/1.4 "IBM Plex Mono", monospace; }
.sl-suchseite__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.sl-suchseite__liste a { display: grid; gap: 4px; padding: 14px 16px; border: 1px solid #1B242C; border-radius: 8px; color: inherit; text-decoration: none; background: #0A0E11; }
.sl-suchseite__liste a:hover, .sl-suchseite__liste a:focus-visible { border-color: rgba(201,255,47,.5); }
.sl-suchseite__liste strong { font-size: 17px; }
.sl-suchseite__liste span:last-child { color: #B9C2BC; font-size: 14px; line-height: 1.5; }
.sl-suchseite__meta { margin: 0; color: #868F8B; }
.sl-suchseite__leer { color: #B9C2BC; }
.sl-suchseite__leer a { color: #C9FF2F; }

/* Inhaltsübersicht /inhalte/ und Verweise (N-1 Schritt 5) */
.sl-sf__uebersicht { color: #C9FF2F; text-decoration: none; }
@media (max-width: 640px) { .sl-sf__fuss { display: block; } }
.sl-suchseite__uebersicht { margin-top: 26px; }
.sl-suchseite__uebersicht a { color: #C9FF2F; text-decoration: none; }
.sl-inh__lead { color: #B9C2BC; font-size: 17px; line-height: 1.55; max-width: 760px; margin: 0 0 26px; }
.sl-inh__lead a { color: #C9FF2F; text-decoration: underline; text-underline-offset: 3px; }
.sl-inh__filter { margin-bottom: 18px; }
.sl-inh__filter .sl-suchseite__label { margin: 14px 0 8px; }
.sl-inh__filter ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 8px; }
.sl-inh__chip { display: inline-block; background: #0A0E11; border: 1px solid #1B242C; color: #B9C2BC; border-radius: 999px; padding: 5px 12px; font: 500 13px/1.4 "IBM Plex Mono", ui-monospace, monospace; text-decoration: none; }
.sl-inh__chip span { color: #868F8B; margin-left: 2px; }
.sl-inh__chip[aria-current] { background: rgba(201,255,47,.12); border-color: rgba(201,255,47,.55); color: #C9FF2F; }
.sl-inh__chip:hover, .sl-inh__chip:focus-visible { border-color: rgba(201,255,47,.5); }
.sl-inh__chip:focus-visible { outline: 2px solid #C9FF2F; outline-offset: 2px; }
.sl-inh__gruppe { font-size: clamp(22px, 3vw, 30px); margin: 34px 0 12px; }
.sl-inh__gruppe span { font: 500 14px/1 "IBM Plex Mono", monospace; color: #868F8B; vertical-align: middle; }