/* VDG Mitgliederbereich – Welt B
   Optik: Suche (Schritt 4j) - Suchfeld in der Leiste "Sie sind hier" und Ergebnisseite #/suche. */

.crumb-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.header-search{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;overflow:hidden;
  min-width:0;flex:0 1 340px}
.header-search input{border:0;background:transparent;font:inherit;font-size:15.5px;padding:7px 14px;min-width:0;flex:1;outline:none;color:var(--ink)}
.header-search button{border:0;background:#1c5027;color:#fff;font-size:15px;padding:7px 14px;cursor:pointer}
.header-search:focus-within{border-color:var(--lime);box-shadow:0 0 0 3px rgba(88,173,63,.18)}
@media (max-width:640px){ .header-search{flex:1 1 100%} }

#page-suche .sx-page{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:980px}
#page-suche .sx-page > *{min-width:0}
#page-suche .sx-head{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
#page-suche .sx-head .eyebrow{color:var(--leaf)}
#page-suche .sx-head h1{margin:4px 0 12px;font-size:28px;letter-spacing:-.04em}
#page-suche .sx-form{display:flex;gap:8px}
#page-suche .sx-form input{flex:1;min-width:0;font:inherit;font-size:17px;padding:11px 14px;border:1px solid var(--line);border-radius:10px}
#page-suche .sx-form input:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px rgba(88,173,63,.18)}
#page-suche .sx-options{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0 6px;font-size:15.5px}
#page-suche .sx-options label{display:flex;gap:6px;align-items:center;cursor:pointer}
#page-suche .sx-hint{color:var(--muted);font-size:15px;margin:6px 0 0}
#page-suche .sx-suggest{margin:0;font-size:17px}
#page-suche .sx-suggest a{color:var(--leaf);font-weight:800}
#page-suche .sx-empty{margin:0;font-size:17px;padding:16px;background:#f8fbf6;border-radius:12px}
#page-suche .sx-areas{display:flex;gap:6px;flex-wrap:wrap}
#page-suche .sx-areas button{font:inherit;font-size:15px;font-weight:700;border:1px solid var(--line);background:#f6faf4;color:var(--ink);
  border-radius:999px;padding:5px 13px;cursor:pointer}
#page-suche .sx-areas button.active{background:#1c5027;border-color:#1c5027;color:#fff}
#page-suche .sx-section h2{font-size:19px;margin:0 0 8px}
#page-suche .sx-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
#page-suche .sx-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
#page-suche .sx-item:nth-child(even){background:var(--alt-bg,#e9f4e2);border-color:var(--alt-line,#c5ddb8)}
#page-suche .sx-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
#page-suche .sx-tag{display:inline-block;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:800;background:#e3f4e8;color:#1c5027}
#page-suche .sx-tag.sx-markt{background:#e6f1ee;color:#245c4c}
#page-suche .sx-tag.sx-recht{background:#e5eef1;color:#2c5a68}
#page-suche .sx-tag.sx-wissen{background:#f7ecdf;color:#7a4f1c}
#page-suche .sx-tag.sx-verband{background:#e8f0ea;color:#2f6b4a}
#page-suche .sx-tag.sx-termine,#page-suche .sx-tag.sx-formulare{background:#eee9f7;color:#4d3a73}
#page-suche .sx-tag.sx-anlagen{background:#eef1ef;color:#3c4a42}
#page-suche .sx-tag.sx-mitglieder{background:#e6eff7;color:#244e6e}
#page-suche .sx-tag.sx-state{background:#fdf2dc;color:#7a5410}
#page-suche .sx-tag.sx-fuzzy{background:#f1eeee;color:#6b5050;font-weight:700}
#page-suche .sx-title{display:block;font-size:18px;font-weight:800;color:var(--ink);text-decoration:none;word-break:break-word}
#page-suche .sx-title:hover{color:var(--leaf);text-decoration:underline}
#page-suche .sx-meta{color:var(--muted);font-size:14.5px;margin-top:2px}
#page-suche .sx-snippet{margin:6px 0 0;font-size:16px;color:#2c4540;word-break:break-word}
#page-suche .sx-audience{margin-top:6px;font-size:14.5px;color:var(--muted)}
#page-suche mark{background:#fff0a8;color:inherit;padding:0 1px;border-radius:3px}
@media (max-width:640px){
  #page-suche .sx-head{padding:16px}
  #page-suche .sx-head h1{font-size:23px}
  #page-suche .sx-form{flex-direction:column}
}
body.vdg-edit-mode .crumb-bar::after{order:3;flex-basis:100%}

/* Schritt 4k: Anlagen */
#page-suche .sx-found{margin-top:6px;font-size:14.5px;font-weight:700;color:#244e6e}
#page-suche .sx-file{margin-top:8px;font-size:15px}
#page-suche .sx-file a{color:var(--leaf);font-weight:800}
#page-suche .sx-index{background:#fff;border:1px dashed var(--line);border-radius:12px;padding:10px 14px;font-size:15px}
#page-suche .sx-index summary{cursor:pointer}
#page-suche .sx-index em{color:#7a5410;font-style:normal;font-weight:800}
#page-suche .sx-index p{margin:8px 0 0;color:var(--muted)}
#page-suche .sx-index-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
#page-suche .sx-index-list{margin:8px 0 0;padding-left:20px;max-height:220px;overflow:auto}