/* ============================================================================
   Fragen-Suche — Stil. Ausgelagert am 06.08.2026 aus suche_widget.html, damit
   der Browser die Datei EINMAL laedt und auf allen 13 Seiten aus dem
   Zwischenspeicher nimmt. Inhaltlich unveraendert.
   Gepflegt wird diese Datei; das Bauteil suche_widget.html enthaelt nur noch
   das Markup und die beiden Verweise.
   Achtung: Die Datei wird lange zwischengespeichert. Nach jeder Aenderung
   haengt deploy.sh automatisch eine neue Inhalts-Kennung an (?v=...)  —
   dafuer muss in suche_widget.html der Platzhalter ?v=AUTO stehen bleiben.
   ========================================================================= */
  /* Kein Reiter, sondern ein Werkzeug: runde Form und Goldsignatur setzen die Suche
     von der Navigation und von den Handlungsknöpfen ab. */
  /* Kein Reiter, sondern ein Werkzeug: kein Rahmen, Goldsignatur, große unsichtbare
     Trefferfläche bei kleiner sichtbarer Breite. Die Ikone ist eine Lupe, deren Griff
     die Bügel eines Stethoskops andeutet — für Ärzte lesbar, für alle eindeutig. */
  /* Der Stil des Suchknopfs steht im Kopf-Bauteil (kopf_widget.html): Diese Datei
     wird erst am Seitenende geladen, die Leiste braucht die Masse aber sofort. */

  .such-lage { position:fixed; inset:0; z-index:200; display:none; }
  .such-lage.auf { display:block; }
  .such-schleier { position:absolute; inset:0; background:rgba(16,24,35,.55); backdrop-filter:blur(3px); }
  .such-feld { position:relative; max-width:660px; margin:9vh auto 0; background:#fff; border-radius:16px; overflow:hidden;
               box-shadow:0 40px 100px -24px rgba(16,24,35,.55); }
  .such-kopf { display:flex; align-items:center; gap:12px; padding:16px 20px; border-bottom:1px solid var(--hair,#DDE3EA); }
  .such-kopf svg { width:19px; height:19px; color:var(--muted,#5B6773); flex:none; }
  .such-kopf input { flex:1; border:none; outline:none; font-family:inherit; font-size:1.06rem; color:var(--ink,#1B2733); background:none; }
  .such-kopf input::placeholder { color:#9AA6B2; }
  .such-zu { border:none; background:none; color:var(--muted,#5B6773); font-size:.78rem; cursor:pointer; padding:4px 8px;
             border:1px solid var(--hair,#DDE3EA); border-radius:5px; }

  .such-liste { max-height:60vh; overflow-y:auto; padding:8px; }
  .such-titel { font-size:.68rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold,#7C6229);
                padding:10px 14px 6px; }
  .such-treffer { display:block; padding:11px 14px; border-radius:9px; text-decoration:none; color:inherit; }
  .such-treffer:hover, .such-treffer.aktiv { background:var(--slate-tint,#E7ECF2); }
  .such-treffer .f { display:block; font-family:var(--serif,Georgia,serif); font-size:1.02rem; line-height:1.35; color:var(--ink,#1B2733); }
  .such-treffer .a { display:block; font-size:.88rem; color:var(--muted,#5B6773); line-height:1.45; margin-top:2px; }
  .such-treffer .o { display:inline-block; font-size:.72rem; color:var(--gold,#7C6229); background:var(--gold-tint,#F3EEE2);
                     padding:2px 8px; border-radius:4px; margin-top:6px; }
  .such-treffer mark { background:var(--gold-tint,#F3EEE2); color:inherit; padding:0 2px; border-radius:3px; }
  .such-leer { padding:22px 16px; color:var(--muted,#5B6773); font-size:.94rem; }
  .such-leer a { color:var(--slate,#3A536E); }
  .such-fuss { padding:10px 20px; border-top:1px solid var(--hair,#DDE3EA); font-size:.78rem; color:var(--muted,#5B6773);
               display:flex; justify-content:space-between; gap:12px; }
  @media (max-width:620px){ .such-feld { margin:0; border-radius:0; height:100%; } .such-liste { max-height:calc(100% - 120px); } }