/* Suche (F12): Lupe im Menü, Dialog, Seite /suche/. Kacheln in der Optik von a.swat-kachel / .swt-kachel. */

/* Lupe */
.nav li.sws-lupe-punkt{display:flex}
.sws-lupe{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;color:#2c2f35;border:1px solid var(--linie,#e6e6e4);background:#fff;transition:background .15s,border-color .15s}
.sws-lupe:hover{background:var(--hell,#f6f6f5);border-color:#d6d8db;color:var(--ak,#53565a)}
.sws-lupe:focus-visible{outline:3px solid #4a8bdc;outline-offset:2px}

/* Dialog */
.sws-dialog{width:min(680px,calc(100vw - 32px));max-height:min(78vh,720px);margin:10vh auto auto;padding:0;border:1px solid var(--linie,#e6e6e4);border-radius:14px;background:#fff;color:var(--tint,#1c1e21);box-shadow:0 30px 80px rgba(20,24,34,.28);overflow:hidden;font-family:var(--ff,inherit)}
.sws-dialog[open]{display:flex;flex-direction:column}
.sws-dialog::backdrop{background:rgba(27,29,32,.55);backdrop-filter:blur(2px)}
.sws-form{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--linie,#e6e6e4)}
.sws-form-lupe{display:flex;color:var(--grau,#5b616a);flex-shrink:0}
.sws-eingabe{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:17px;padding:8px 2px;background:transparent;color:inherit}
.sws-eingabe::-webkit-search-cancel-button{display:none}
.sws-zu{flex-shrink:0;font:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--grau,#5b616a);background:var(--hell,#f6f6f5);border:1px solid var(--linie,#e6e6e4);border-radius:6px;padding:4px 8px;cursor:pointer}
.sws-zu:hover{color:var(--tint,#1c1e21)}
.sws-zu:focus-visible,.sws-alle:focus-visible{outline:3px solid #4a8bdc;outline-offset:2px}
.sws-dialog .sws-status{padding:10px 18px 0;margin:0;font-size:13px;color:var(--grau,#5b616a);min-height:0}
.sws-dialog .sws-status:empty{display:none}
.sws-dialog .sws-liste{list-style:none;margin:0;padding:10px 12px 12px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:8px;align-content:start}
.sws-dialog .sws-liste:empty{display:none}
.sws-dialog .sws-kachel{padding:10px 12px;gap:12px}
.sws-dialog .sws-icon{width:40px;height:40px}
.sws-dialog-fuss{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid var(--linie,#e6e6e4);background:var(--hell,#f6f6f5);font-size:12.5px;color:var(--grau,#5b616a)}
.sws-dialog-fuss p{margin:0}
.sws-alle{font-weight:650;color:var(--ak,#53565a);text-decoration:none;white-space:nowrap}
.sws-alle:hover{text-decoration:underline}

/* Treffer-Kacheln */
.sws-liste{list-style:none;margin:0;padding:0}
.sws-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:14px;margin-top:18px}
.sws-treffer{margin:0;min-width:0}
.sws-kachel{display:flex;gap:14px;align-items:flex-start;height:100%;padding:16px;background:#fff;border:1px solid var(--linie,#e6e6e4);border-radius:12px;text-decoration:none;color:var(--tint,#1c1e21);transition:transform .15s,box-shadow .15s,border-color .15s;min-width:0}
.sws-kachel:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,24,34,.08);border-color:#d6d8db}
.sws-kachel:focus-visible{outline:3px solid #4a8bdc;outline-offset:2px;border-color:var(--ak,#53565a)}
.sws-dialog .sws-kachel:focus-visible,.sws-dialog .sws-kachel:hover{transform:none;background:var(--hell,#f6f6f5)}
.sws-icon{width:56px;height:56px;border-radius:22%;flex-shrink:0;display:inline-block;overflow:hidden;background:#26282b;box-shadow:0 6px 14px rgba(20,24,34,.16);position:relative}
.sws-icon img{display:block;width:100%;height:100%;object-fit:cover}
.sws-icon-leer{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2a2d31,#1c1e21);color:#9cc4ff;font-weight:800;font-size:15px;box-shadow:inset 0 0 0 1px rgba(120,170,255,.35)}
.sws-st .welle{position:absolute;inset:0;opacity:0;transition:opacity .25s;-webkit-mask:var(--lin) center/cover no-repeat;mask:var(--lin) center/cover no-repeat;background:linear-gradient(115deg,transparent 38%,rgba(200,228,255,.7) 45%,#fff 50%,rgba(200,228,255,.7) 55%,transparent 62%) 100% 0/300% 100% no-repeat;filter:drop-shadow(0 0 2px rgba(150,200,255,.95))}
.sws-kachel:hover .sws-st .welle,.sws-kachel:focus-visible .sws-st .welle{opacity:1;animation:sws-welle 1.4s cubic-bezier(.5,0,.3,1) infinite}
@keyframes sws-welle{0%{background-position:100% 0}100%{background-position:0 0}}
.sws-text{min-width:0;flex:1;display:block}
.sws-kopfzeile{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.sws-titel{font-size:15.5px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.sws-etikett{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--grau,#5b616a);border:1px solid var(--linie,#e6e6e4);border-radius:5px;padding:1px 6px;white-space:nowrap}
.sws-auszug{display:block;font-size:13.5px;line-height:1.45;color:var(--grau,#5b616a);overflow-wrap:anywhere}
.sws-kachel mark{background:#fff1b8;color:inherit;border-radius:3px;padding:0 1px}

/* Seite /suche/ */
.sws-seitenform{max-width:760px;border:1px solid var(--linie,#e6e6e4);border-radius:12px;background:#fff;padding:6px 6px 6px 14px}
.sws-seitenform:focus-within{border-color:var(--ak,#53565a);box-shadow:0 0 0 3px rgba(74,139,220,.25)}
.sws-seitenform .btn{flex-shrink:0}
#sws-seite-status{margin:16px 0 0;font-size:14.5px;color:#30343c;font-weight:600}
#sws-seite-status:empty{display:none}
.sws-klein{margin-top:22px;font-size:13px;color:var(--grau,#5b616a)}

@media (prefers-reduced-motion:reduce){.sws-st .welle{display:none}.sws-kachel:hover{transform:none}}

/* Mobil: Dialog im Vollbild */
@media (max-width:600px){
  .sws-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
  .sws-dialog .sws-liste{flex:1}
  .sws-dialog-fuss p{display:none}
  .sws-dialog-fuss{justify-content:flex-end}
  .sws-seitenform{padding-left:10px}
  .sws-seitenform .btn{padding:10px 14px}
}