/* G-04 Suchbegriffe und Vorschläge (google_keywords.js), aus dem Screen .design/g-04 Fassung 2 */
  .kw-zusage { margin: 2px 0 10px; font-size: 14px; color: var(--muted, #61675f); }
  .kw-werkzeug { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
  .kw-filter { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; max-width: 100%; }
  .kw-filter button { white-space: nowrap; min-height: 36px; padding: 0 12px; border: 1px solid var(--line, #dfe6dc); border-radius: 999px; background: var(--card, #fff); font: inherit; font-size: 14px; cursor: pointer; }
  .kw-filter button[aria-pressed="true"] { background: var(--accent, #4a674c); color: #fff; border-color: var(--accent, #4a674c); }
  .kw-filter button:focus-visible { outline: 2px solid var(--text, #373b41); outline-offset: 2px; }
  .kw-tasten { font-size: 13px; color: var(--muted, #61675f); margin-left: auto; }
  .kw-tab { width: 100%; border-collapse: collapse; font-size: 15px; font-variant-numeric: tabular-nums; }
  .kw-tab th { text-align: left; font-size: 13px; font-weight: 600; padding: 6px 8px; border-bottom: 1px solid var(--line, #dfe6dc); white-space: nowrap; }
  .kw-tab td { padding: 0 8px; height: 40px; border-bottom: 1px solid var(--line, #eef1ec); vertical-align: middle; }
  .kw-tab .num { text-align: right; }
  .kw-tab tr.kw-zeile { cursor: pointer; }
  .kw-tab tr.kw-zeile:hover td, .kw-tab tr.kw-zeile.aktiv td { background: #f4f7f2; }
  .kw-tab tr.kw-zeile.aktiv td:first-child { box-shadow: inset 3px 0 0 var(--accent, #4a674c); }
  .kw-begriff { font-weight: 600; }
  .kw-typ, .kw-kurz { font-size: 13px; color: var(--muted, #61675f); }
  .kw-vorschlag { white-space: nowrap; font-size: 14px; }
  .kw-zeichen { display: inline-block; width: 1.2em; font-weight: 700; text-align: center; }
  .kw-aus { color: #8a5a00; } .kw-hin { color: #2f6b34; } .kw-sperre { color: #a3261b; } .kw-still { color: var(--muted, #61675f); }
  .kw-aktion { display: flex; gap: 6px; justify-content: flex-end; white-space: nowrap; }
  .kw-aktion .btn { min-height: 32px; padding: 0 10px; font-size: 14px; }
  .kw-detail td { background: #f8faf7; padding: 10px 8px 12px 44px; font-size: 14px; height: auto; }
  .kw-detail p { margin: 0 0 4px; }
  .kw-gruppe td { font-size: 13px; font-weight: 600; letter-spacing: .02em; padding-top: 14px; height: auto; border-bottom: 0; color: var(--muted, #61675f); }
  .kw-leiste { position: sticky; bottom: 0; display: flex; gap: 10px; align-items: center; justify-content: flex-end; padding: 10px 12px; margin-top: 10px;
    background: var(--card, #fff); border: 1px solid var(--line, #dfe6dc); border-radius: 12px; box-shadow: 0 -4px 16px rgba(0,0,0,.06); }
  .kw-leiste b { margin-right: auto; }
  .kw-leiste .btn { min-height: 44px; }
  .kw-toast { position: fixed; left: 50%; bottom: 84px; transform: translateX(-50%); background: #2f3833; color: #fff; padding: 10px 14px; border-radius: 10px; font-size: 14px; display: flex; gap: 12px; align-items: center; }
  .kw-toast button { background: none; border: 0; color: #cfe3c8; font: inherit; text-decoration: underline; cursor: pointer; }
  input.kw-wahl { width: 18px; height: 18px; }
  @media (max-width: 720px) {
    .kw-tasten, .kw-tab thead, .kw-tab .kw-spalte-weit { display: none; }
    .kw-tab, .kw-tab tbody { display: block; }
    .kw-tab tr.kw-zeile { display: grid; grid-template-columns: 28px 1fr auto; grid-template-areas: "w b k" "w m m"; gap: 2px 8px; padding: 8px 4px; border-bottom: 1px solid var(--line, #eef1ec); }
    .kw-tab tr.kw-zeile td { display: block; height: auto; padding: 0; border: 0; }
    .kw-tab tr.kw-zeile td.kw-spalte-weit { display: none; }
    .kw-werkzeug > .kw-filter { flex: 1 1 100%; min-width: 0; }
    .kw-abschnitt, .kw-werkzeug { min-width: 0; max-width: 100%; }
    .kw-zusage { overflow-wrap: anywhere; }
    .kw-c-begriff .kw-begriff { display: block; }
    .kw-tab td.kw-c-wahl { grid-area: w; align-self: center; }
    .kw-tab td.kw-c-begriff { grid-area: b; }
    .kw-tab td.kw-c-kosten { grid-area: k; }
    .kw-tab td.kw-c-mobil { grid-area: m; display: block !important; font-size: 13px; color: var(--muted, #61675f); }
    .kw-tab tr.kw-gruppe { display: block; } .kw-tab tr.kw-gruppe td { display: block; }
    .kw-tab tr.kw-detail, .kw-tab tr.kw-detail td { display: block; padding: 10px 8px; }
    .kw-aktion.voll { justify-content: stretch; margin-top: 8px; } .kw-aktion.voll .btn { flex: 1; min-height: 44px; }
    .kw-leiste { position: fixed; left: 8px; right: 8px; bottom: 8px; }
  }
  @media (min-width: 721px) { .kw-c-mobil, .kw-aktion.voll { display: none !important; } }
.kw-abschnitt:focus { outline: none; }
.kw-abschnitt:focus-visible { outline: 2px solid var(--accent, #4a674c); outline-offset: 2px; }