/* ============================================================
   Trefferliste kompakt - Vorschau suche-kompakt, 10.11.2026.
   Anlass (Max, 10.11.2026, Safari 1470 px): Kacheln zu gross (1 bis 1,5 Karten sichtbar),
   Karte doppelt gerahmt (grauer Tablett-Container), rechtes Feld grau und zu hoch,
   Angebotszeile lose, schmales Suchband statt grossem Kopfblock.
   Alles unter body.sk-seite gescoped; wird NACH allen anderen Suchseiten-Dateien geladen.
   Marken-Tokens: Inter, Navy #1e3a8a, Link #2563eb, Soft #eff6ff.
   ============================================================ */

/* Hinweis: Mobil (<992 px) gilt die bestehende Kurzfassung der Mobilleiste; die Ergebniszeile zeigt dort nur Zahl und Bezugsort. */
/* ---- 1. Suchband: eine schmale Zeile unter der Navigation (ab 768 px; mobil bleibt es eingeklappt) ---- */
@media (min-width:768px){
  body.sk-seite .section-search-page{padding:92px 0 12px !important}
  body.sk-seite .section-search-page .hero-content{padding:6px;border-radius:16px}
  body.sk-seite .section-search-page .form-wrapper .input-group,
  body.sk-seite .section-search-page .form-wrapper .input-group input{height:44px;min-height:44px}
  body.sk-seite .section-search-page .form-wrapper .input-group input{font-size:15px}
  body.sk-seite .section-search-page .blue-btn{height:44px;min-height:44px;padding:0 28px !important;font-size:15px}
  body.sk-seite .section-search-page .form-wrapper .input-group-prepend img{height:20px;width:auto}
  body.sk-seite .section-search-page .form-wrapper{height:auto}
  body.sk-seite .section-search-page + section{padding-top:0 !important;padding-bottom:30px !important}
  body.sk-seite .Filters-data{margin-top:14px}
  body.sk-seite .all-data-search{padding-top:0}
  body.sk-seite .section-search-page .form-wrapper input{height:44px !important;min-height:44px;padding:0 10px !important;line-height:44px}
}

/* ---- 2. Ergebniszeile statt Kopfblock ---- */
body.sk-seite .search-result-header{padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid #e2e8f0}
body.sk-seite #iskacont.sk-zeile{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0}
body.sk-seite .sk-h1{display:block;margin:0;font:600 12.5px/1.3 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#475569}
body.sk-seite .search-result-eyebrow{display:none}
body.sk-seite .search-result-title{margin:0 !important;font-family:Inter,system-ui,sans-serif !important;font-size:15px !important;font-weight:500 !important;line-height:24px !important;color:#0f172a !important;letter-spacing:0}
body.sk-seite .search-result-title strong{font-size:19px;font-weight:700;color:#1e3a8a;letter-spacing:-.01em}
body.sk-seite .sk-ort{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;font-size:13.5px;line-height:24px;color:#475569;margin:0;min-width:0}
body.sk-seite .sk-ort-hinweis .search-result-ranking{margin:0;font-size:13px;line-height:20px;color:#475569}
body.sk-seite .sk-ort-hinweis .search-result-ort-aktionen{display:inline-flex !important;margin:0 !important}
body.sk-seite .sk-ort-hinweis .search-result-ort-link{min-height:24px !important;line-height:24px !important}
body.sk-seite .srh-context{display:none}
body.sk-seite .sk-ort strong{color:#0f172a;font-weight:600}
body.sk-seite .sk-ort a.sk-ort-aendern,body.sk-seite .sk-pop>summary{color:#2563eb;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
body.sk-seite .sk-pop{position:relative;display:inline-block}
body.sk-seite .sk-pop>summary{list-style:none;display:inline-flex;align-items:center;min-height:24px;padding:0 2px;border-radius:4px}
body.sk-seite .sk-pop>summary::-webkit-details-marker{display:none}
body.sk-seite .sk-pop>summary:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
body.sk-seite .sk-pop[open]>summary{color:#1e3a8a}
body.sk-seite .sk-pop-box{position:absolute;z-index:40;top:calc(100% + 6px);left:0;width:min(440px,86vw);padding:14px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 28px rgba(15,23,42,.14);font-size:13.5px;line-height:1.5;color:#475569;text-align:left}
body.sk-seite .sk-pop-box p{margin:0;font-size:13.5px;line-height:1.5;color:#475569;max-width:none}
body.sk-seite .sk-pop-box .search-result-ort-aktionen{display:flex;flex-wrap:wrap;column-gap:18px;margin-top:6px}
body.sk-seite .sk-ort-sep{color:#94a3b8}
/* Umkreis und aktive Filter (nur wenn vorhanden) bleiben eigene Zeile darunter */
body.sk-seite #iskacont .d5-umkreis,body.sk-seite #iskacont .d5-chips{flex:0 0 100%;margin:6px 0 0}
body.sk-seite .search-result-header__meta{align-self:center}
body.sk-seite .search-result-header__meta .search-fliter select{height:40px;min-height:40px;padding:0 34px 0 14px;font-size:14px}
body.sk-seite .search-result-header__main{min-width:0;flex:1 1 auto}
@media (min-width:992px){
  body.sk-seite .search-result-header{align-items:center;gap:16px}
  body.sk-seite .search-result-header .search-result-kurz{display:none}
}

/* ---- 3. Karte: kein Tablett, kein Doppelrahmen ---- */
body.sk-seite .lawyer-results.d5-liste{background:transparent !important;border-radius:0;padding:0 !important;gap:12px !important}
body.sk-seite .d5card{border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.05)}

/* ---- 4. Seitenleiste: kein grauer Balken ueber den Knoepfen ---- */
body.sk-seite #sidebar .filter-btn-bottom{background:#fff !important;border-top:1px solid #e8ecf3 !important;padding:12px 0 0 !important}

/* ---- 5. Karte kompakt ab 1100 px: Foto | Text | Handlung (kein grauer Kasten) ---- */
@media (min-width:1100px){
  body.sk-seite .d5-liste .d5card,
  body.sk-seite .d5-liste .d5card:has(.d5c-slots){
    grid-template-columns:112px minmax(0,1fr) 300px;
    grid-template-areas:
      "foto anzeige unten"
      "foto idt     unten"
      "foto geb     unten"
      "foto angebot unten";
    column-gap:20px;row-gap:0;padding:16px 20px;align-items:start;
  }
  body.sk-seite .d5-liste .d5c-kopf{display:contents}
  body.sk-seite .d5-liste .d5c-ava{grid-area:foto;align-self:start;width:112px;height:140px;min-height:0;max-height:none;border-radius:14px}
  body.sk-seite .d5-liste .d5c-init{font-size:36px}
  body.sk-seite .d5-liste .d5c-anzeige{grid-area:anzeige;margin:0 0 2px;font-size:12.5px}
  body.sk-seite .d5-liste .d5c-idt{grid-area:idt;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:14px;row-gap:0}
  body.sk-seite .d5-liste .d5c-name{flex:0 0 100%;font-size:20px;line-height:26px;margin:0 0 2px}
  body.sk-seite .d5-liste .d5c-trust{flex:0 0 100%;min-height:24px;margin:0 0 6px}
  body.sk-seite .d5-liste .d5c-idt .d5c-fakt{flex:0 1 auto;max-width:100%;font-size:13.5px;line-height:20px}
  body.sk-seite .d5-liste .d5c-idt .d5c-kanzlei,body.sk-seite .d5-liste .d5c-idt .d5c-rolle{-webkit-line-clamp:3}
  body.sk-seite .d5-liste .d5c-geb{grid-area:geb;margin-top:4px;white-space:normal}
  /* Gebiete: bis zu zwei Zeilen statt Auslassung nach einer Zeile (Max 10.11.2026, Punkt 4) */
  body.sk-seite .d5-liste .d5c-geb-txt{display:block}
  body.sk-seite .d5-liste .d5c-geb-erst{display:-webkit-box;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:auto}
  body.sk-seite .d5-liste .d5c-geb-mehr{display:block;margin-top:0;white-space:nowrap}
  body.sk-seite .d5-liste .d5c-trenner{display:none}
  /* Angebotszeile buendig zur Textspalte (Spalte 2), nicht unter dem Foto */
  body.sk-seite .d5-liste .d5c-angebot{grid-area:angebot;align-self:end;margin-top:8px;font-size:13.5px;line-height:20px}
  /* Handlung: ohne grauen Kasten, durch eine Haarlinie abgesetzt, zur Textspalte zentriert */
  body.sk-seite .d5-liste .d5card .d5c-unten,
  body.sk-seite .d5-liste .d5card .d5c-unten:has(.d5c-slots){
    grid-area:unten;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:stretch;
    background:transparent;border-radius:0;border-left:1px solid #e2e8f0;padding:0 0 0 20px;margin:0;
  }
  body.sk-seite .d5-liste .d5card .d5c-unten .d5c-slotgruppe{margin:0 0 10px}
  body.sk-seite .d5-liste .d5card .d5c-unten .d5c-slot{background:#eff6ff;border:1px solid #bfdbfe;min-height:40px;padding:0 4px;font-size:14px}
  body.sk-seite .d5-liste .d5card .d5c-unten .d5c-slots{min-height:40px;gap:6px}
  body.sk-seite .d5-liste .d5card .d5c-unten .d5c-act{flex-direction:row;gap:8px;margin:0;min-width:0}
  body.sk-seite .d5-liste .d5card .d5c-unten .d5c-go{flex:1 1 auto;width:auto;min-height:44px;font-size:15px;white-space:nowrap}
  body.sk-seite .d5-liste .d5card .d5c-unten .d5c-call{flex:0 0 auto;width:auto;min-height:44px;padding:0 12px;font-size:14px;border-color:#2563eb}
  body.sk-seite .d5-liste .d5card .d5c-unten .d5c-slotgruppe+.d5c-act{margin-top:0}
}

/* ---- 6. Handy: kein Tablett, Karte randfrei ---- */
@media (max-width:767px){
  body.sk-seite .lawyer-results.d5-liste{padding-left:0 !important;padding-right:0 !important;padding-bottom:0 !important;padding-top:4px !important}
}

/* ---- 7. Handy (<768 px): bestehende Mobilleiste gilt weiter (Kurztext + "Mehr" + i-Blatt); die Ergebniszeile zeigt nur Zahl und Kontext ---- */
@media (max-width:767px){
  body.sk-seite .sk-ort{display:none}
  /* H1 bleibt fuer Suchmaschinen und Hilfsmittel im Text, wie bisher unsichtbar */
  body.sk-seite .sk-h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  body.sk-seite .srh-context{display:inline}
}

/* ---- 8. Tablet 768-991 px: die drei Felder nebeneinander statt gestapelt ---- */
@media (min-width:768px) and (max-width:991px){
  body.sk-seite .section-search-page .hero-content{flex-direction:row !important;flex-wrap:nowrap;gap:8px !important}
  body.sk-seite .section-search-page .form-wrapper{flex:1 1 auto;min-width:0;width:auto}
  body.sk-seite .section-search-page .search-form-grid{flex-direction:row !important;flex-wrap:nowrap !important;margin:0 !important}
  body.sk-seite .section-search-page .search-form-grid>[class*=col-]{flex:1 1 0 !important;width:auto !important;max-width:none !important;min-width:0;padding:0 !important}
  body.sk-seite .section-search-page .form-wrapper .input-group{border-bottom:0 !important}
  body.sk-seite .section-search-page .form-wrapper .input-group{padding:0 10px !important}
  body.sk-seite .section-search-page .form-wrapper .input-group-prepend{display:none}
  body.sk-seite .section-search-page .blue-btn{flex:0 0 auto;padding:0 16px !important;width:auto}
}

/* ---- 9. Basisprofile unter den Treffern: ebenfalls kein Tablett, weniger Leerraum davor ---- */
body.sk-seite .yahape .bpt{margin-top:20px !important;padding:0 !important}
body.sk-seite .yahape .bpt .bpt-kopf{padding-top:8px}
body.sk-seite .yahape .bk3-liste{background:transparent !important;padding:0 !important;margin-top:4px}

/* ---- 10. Seitenleiste: Ueberschrift "Juristische Themen" ohne Sperrschrift (Max 10.11.2026) ---- */
body.sk-seite .legaltopic-search-select .acnav__label{font-family:Inter,system-ui,sans-serif !important;font-size:13px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;color:#0f172a !important}

/* ---- 11. Beim Scrollen: Kopf und Suchband fahren weg, beim Hochscrollen erscheint eine schmale Leiste ---- */
/* Nur Rechner (>=768 px; 10.11.2026 vorher 769, bei 768 fehlte die Leiste); mobil blendet der Seitenkopf schon beim Runterscrollen aus (header-newdesign) und die Ergebnisleiste
   mit Filter/Sortieren bleibt stehen (suche-mobil.css). Alles per transform, kein Layoutsprung. */
.sk-leiste{display:none}
@media (min-width:768px){
  .sk-leiste{display:block;position:fixed;top:0;left:0;right:0;z-index:999;height:52px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 12px rgba(15,23,42,.08);transform:translateY(-100%);visibility:hidden;will-change:transform}
  .sk-leiste.sk-an{transform:translateY(0);visibility:visible}
  .sk-leiste-in{max-width:1336px;height:100%;margin:0 auto;padding:0 40px;display:flex;align-items:center;gap:16px;font-family:Inter,system-ui,sans-serif} /* 10.11.2026 Feinschliff 2: 1336 = Spalte 1256 + 2 x 40 Seitenrand, Inhalt auf der Linie von Seitenleiste und Liste */
  .sk-leiste-sum{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14.5px;font-weight:600;color:#0f172a}
  .sk-leiste-sum .sk-sep{color:#94a3b8;font-weight:400;margin:0 6px}
  .sk-leiste-sum .sk-n{color:#1e3a8a}
  .sk-leiste-btn{flex:0 0 auto;min-height:44px;padding:0 18px;border:0;border-radius:10px;background:#2563eb;color:#fff;font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
  .sk-leiste-btn:hover{background:#1d4ed8}
  .sk-leiste-btn:focus-visible{outline:2px solid #1e3a8a;outline-offset:2px}
  #modernHeader{transition:transform .25s ease}
  #modernHeader.sk-weg{transform:translateY(-100%)}   /* 10.11.2026 (Feinschliff): Klasse am Kopf statt am body, siehe suche-kompakt.js */
  .sk-leiste{transition:transform .25s ease,visibility 0s linear .25s}
  .sk-leiste.sk-an{transition:transform .25s ease,visibility 0s}
  /* feststehende Seitenleiste: ohne Kopf braucht sie den Abstand von 100 px nicht (data-margin-top bleibt, hier nur Optik) */
}
@media (prefers-reduced-motion:reduce){
  #modernHeader,.sk-leiste,.sk-leiste.sk-an{transition:none !important}
}

/* ---- 12. Rechner: Umkreis-Leiste entfaellt in der Ergebniszeile (identisch in der Seitenleiste, mit Zaehlern); aktive Filter bleiben, kompakter ---- */
@media (min-width:992px){
  body.sk-seite #iskacont .d5-umkreis{display:none}
  body.sk-seite #iskacont .d5-chips{margin:6px 0 0;gap:6px}
  body.sk-seite #iskacont .d5-chip{border-radius:16px}
  body.sk-seite #iskacont .d5-chip-txt{min-height:30px;padding:0 2px 0 12px;font-size:13px}
  body.sk-seite #iskacont .d5-chip-x{width:30px}
  body.sk-seite #iskacont .d5-chip-reset{min-height:30px;font-size:13px}
}

/* ---- 13. Kartenbeschriftungen (Max 10.11.2026: "verrutscht / unstimmig", Pillen unvollstaendig) ---- */
/* Pillen: Umbruch nur an Leerzeichen, keine Silbentrennung mitten im Titel ("Han-/dels-") */
body.sk-seite .d5-liste .d5c-fach{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal;max-width:100%}
/* Kanzleiname und Rolle: bis zu drei Zeilen statt Auslassung nach ein bis zwei */
body.sk-seite .d5-liste .d5card .d5c-kanzlei,body.sk-seite .d5-liste .d5card .d5c-rolle{white-space:normal !important;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:3 !important;overflow:hidden}
/* Gebietszeile ab 768 px: umbrechen (bis drei Zeilen) statt hart am Rand abzuschneiden (820 px: "Oeffentliches R|") */
@media (min-width:768px){
  body.sk-seite .d5-liste .d5c-geb{white-space:normal}
  body.sk-seite .d5-liste .d5c-geb-txt{display:block;white-space:normal;min-width:0}
  body.sk-seite .d5-liste .d5c-geb-erst{display:-webkit-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:clip;width:auto}
  body.sk-seite .d5-liste .d5c-geb-mehr{display:block;margin:0}
}
@media (max-width:767px){
  body.sk-seite .d5card .d5c-geb-erst{-webkit-line-clamp:3 !important}
  body.sk-seite .d5card .d5c-kanzlei{-webkit-line-clamp:3 !important}
}
/* Angebotszeile oben buendig unter den Gebieten, nicht an den unteren Kartenrand geschoben */
@media (min-width:1100px){
  body.sk-seite .d5-liste .d5c-angebot{align-self:start}
}
/* 1100 bis 1279 px: zu schmal fuer drei Spalten - Handlung als eigene Zeile unter Foto und Text */
@media (min-width:1100px) and (max-width:1279px){
  body.sk-seite .d5-liste .d5card,
  body.sk-seite .d5-liste .d5card:has(.d5c-slots){
    grid-template-columns:112px minmax(0,1fr);
    grid-template-areas:"foto anzeige" "foto idt" "foto geb" "foto angebot" "unten unten";
  }
  body.sk-seite .d5-liste .d5card .d5c-unten,
  body.sk-seite .d5-liste .d5card .d5c-unten:has(.d5c-slots){
    flex-direction:row;align-items:center;justify-content:space-between;gap:16px;
    border-left:0;border-top:1px solid #e2e8f0;padding:12px 0 0;margin-top:12px;
  }
  body.sk-seite .d5-liste .d5card .d5c-unten .d5c-slotgruppe{margin:0;flex:0 1 auto}
  body.sk-seite .d5-liste .d5card .d5c-unten .d5c-slots{max-width:none}
  body.sk-seite .d5-liste .d5card .d5c-unten .d5c-slot{padding:0 14px;flex:0 0 auto}
  body.sk-seite .d5-liste .d5card .d5c-unten .d5c-act{flex:0 0 auto;margin-left:auto}
  body.sk-seite .d5-liste .d5card .d5c-unten .d5c-go{flex:0 0 auto;padding:0 22px}
}

/* 10.11.2026 (Max: "gruene Kachel Online buchbar passt nicht"): lawyer-cards.css:409 gab der Pille
   margin-top:12px, sie sass 6 px unter der Angebotszeile. Jetzt mittig zur Zeile, Pillenmass wie .d5c-fach. */
.d5-liste .d5c-angebot .d5c-buchbar{margin:0;height:24px;padding:0 9px;border:1px solid #a7f3d0;border-radius:12px;font-size:12.5px;font-weight:640;line-height:1;align-self:center}

/* ============================================================
   14. Feinschliff Suche, 10.11.2026 (Auftrag Max: Kacheln, Ergebnisseite, Filter; Befunde arbeit/ui-ux-suche/los-a.md, los-b.md)
   ============================================================ */

/* 14.1 Fokus sichtbar und sofort: Terminzeit, Anrufen, Namenlink, Zuruecksetzen, Chips, Knoepfe (vorher outline:none, Ring erst nach 300 ms) */
body.sk-seite :is(.d5c-slot,.d5c-go,.d5c-call,.d5c-name a,.bpt-mehr-knopf,.fb-stufe,.fb-bew,.fb-anz,.d5-rstep,.d5-chip-x,.d5-chip-reset,.sk-ort-aendern,.search-result-kurz-mehr,.legaltopic-toggle-zero,.legaltopic-kopf,.sk-leiste-btn,.sm-chip,.d5-zbtn,.load-more-lawyer-bnt,#resetFilterButton,#applyFilterButton):focus-visible{outline:2px solid #2563eb !important;outline-offset:2px !important}   /* !important: lawyer-cards.css nimmt .yahape a:focus-visible den Ring mit outline:none !important */
/* transition:all .3s/.4s -> gezielte Eigenschaften, 150 ms (Ring und Hover erscheinen ohne Verzoegerung) */
body.sk-seite :is(.sk-leiste-btn,.d5-ortfilter-feld,.fb-stufe,.fb-bew,.fb-anz,#legaltopic-filter-input,.form-control,.btn,.sm-chip,.sk-ort-aendern,.search-result-kurz-mehr,.filter-sort,.bk3-link,.load-more-lawyer-bnt,.d5-rstep,.d5-chip-x,.d5-chip-reset,.legaltopic-toggle-zero,.legaltopic-kopf,.d5c-name a,#resetFilterButton,#applyFilterButton){transition-property:background-color,border-color,color,box-shadow,transform,opacity !important;transition-duration:.15s !important;transition-timing-function:ease-out !important}   /* !important: av-basis.css/lawyer-cards.css setzen all .3s/.4s mit !important auf .btn-outline-primary */

/* 14.2 Aufklapper "Juristische Themen": echter Knopf (lawyer.blade.php), zu = Suchfeld, Liste und Umschalter aus dem Tab-Fluss */
body.sk-seite .legaltopic-kopf{position:relative;display:block;width:100%;margin:0;padding:15px;border:0;border-radius:20px;background:#fff;text-align:left;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;line-height:inherit;letter-spacing:0;color:#0f172a}
body.sk-seite .legaltopic-kopf::before{content:"\f078";position:absolute;top:34%;right:18px;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;transform:rotate(180deg);transition:transform .15s ease-out}
body.sk-seite .lt-zu .legaltopic-kopf::before{transform:none}
body.sk-seite .lt-zu>.acnav__list--level2{display:none !important}
body.sk-seite .legaltopic-search-select .lt-zu :is(.legaltopic-search-wrap,#legaltopic-list,.legaltopic-toggle-zero){display:none !important}

/* 14.3 Ajax-Filtern: alte Liste bleibt stehen, behaelt die Hoehe, wird abgedunkelt (suche-liste.js, aria-busy) */
body.sk-seite .yahape.is-laedt{opacity:.55;pointer-events:none;transition:opacity .15s ease-out}
body.sk-seite .search-result-title:focus{outline:none}
@media (prefers-reduced-motion:reduce){body.sk-seite .yahape.is-laedt{transition:none}}

/* 14.4 Tablet 768-991 px: Ergebnisspalte volle Breite (vorher 557 statt 688 px, links 20 px eingerueckt) */
@media (min-width:768px) and (max-width:991px){
  body.sk-seite .Filters-data>.all-data-search{width:100%!important;padding-left:0!important}
}

/* 14.5 Viele aktive Chips: Kopf bricht um, Sortierfeld und "Alle zuruecksetzen" bleiben sichtbar (12 Chips: Kopf reichte bis 2025 px bei 1440 px Fenster) */
@media (min-width:992px){
  body.sk-seite .search-result-header,body.sk-seite .search-result-header__main,body.sk-seite #iskacont{min-width:0;max-width:100%}
  body.sk-seite #iskacont .d5-chips{flex-wrap:wrap;overflow:visible}
}

/* 14.6 Leer-Ansicht: buendig statt mittig eingerueckt, Aufzaehlung der aktiven Angaben; Umkreis-Stufen ohne Treffer gedimmt, Raster stabil */
body.sk-seite .no-result-found .d5-zero{margin:8px 0 0;max-width:none}
body.sk-seite .no-result-found .d5-zero .d5-zbtn{max-width:340px}
body.sk-seite .d5-zero-aktiv{margin:0 0 12px;font-size:14px;line-height:1.45;color:#475569}
body.sk-seite .fb-stufe.is-leer:not(.is-an){color:#64748b;background:#f8fafc}
@media (min-width:992px){
  body.sk-seite #fbUmkreis .fb-stufen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body.sk-seite #fbUmkreis .fb-stufe:last-child:nth-child(odd){grid-column:1/-1}
}

/* 14.7 Seitenleiste: sticky-Abstand folgt dem Kopfzustand (Klassen setzt suche-kompakt.js); vorher immer 90 px, ohne Kopf 90 px toter Abstand */
@media (min-width:992px){
  body.sk-seite #sidebar.left-filters.sk-kopf-weg{top:16px;max-height:calc(100vh - 32px)}
  body.sk-seite #sidebar.left-filters.sk-kopf-weg.sk-leiste-an{top:68px;max-height:calc(100vh - 84px)}
}

/* 14.7a "Anwenden" im Ausgangszustand im Bild (Feinschliff Teil 2, Vorschau suche-feinschliff-2 vom 10.11.2026): die Leiste endet sonst 66 px unter dem Fensterrand (Kopf 176 px, max-height 100vh - 110 px aus filter-blatt.css) */
@media (min-width:992px){
  body.sk-seite #sidebar.left-filters:not(.sk-kopf-weg){max-height:calc(100vh - 176px - 12px)}
}
body.sk-seite #sidebar .filter-btn-bottom{box-shadow:0 -6px 12px -8px rgba(15,23,42,.18)}

/* 14.8 Premium-Name: Nachname und Pruefsiegel bleiben sichtbar (vorher 2 Zeilen mit overflow:hidden, Siegel bei 280 px abgeschnitten) */
body.sk-seite .d5-liste .d5c-name{display:flex;align-items:flex-start;gap:6px;overflow:visible}
body.sk-seite .d5-liste .d5c-name a{min-width:0;overflow-wrap:anywhere}
body.sk-seite .d5-liste .d5c-name .av-pruefsiegel{flex:none;margin:2px 0 0 !important}
/* Basis-Kachel bei 280-360 px: Entfernung unter den Namen, Name hoechstens 4 Zeilen (vorher 10 Zeilen, Namensspalte 124 px) */
@media (max-width:360px){
  body.sk-seite .bk3-kopf{flex-wrap:wrap;gap:2px 12px}
  body.sk-seite .bk3-id{flex:1 1 100%}
  body.sk-seite .bk3-name{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
}

/* 14.9 "Anwenden": Zustand "geaendert" (suche-kompakt.js setzt .is-dirty und den Hinweis) */
body.sk-seite .sk-dirty-hinweis{flex:0 0 auto;margin:8px 0 0;min-height:18px;font-size:12.5px;line-height:18px;font-weight:600;color:#1e3a8a}
body.sk-seite #applyFilterButton.is-dirty{box-shadow:0 0 0 3px #bfdbfe !important}   /* !important: lawyer-cards.css/av-basis.css setzen den Schatten des Knopfes mit !important */

/* 14.10 Mobil, Ajax-Filtern: die frisch gelieferten Chips stehen bis zum Umhaengen in die Knopfzeile (suche-mobil.js, ca. 30 ms spaeter) als eigene Zeilen
   im Kopf und liessen ihn kurz um 52 px wachsen (CLS 0,094 bei 4x CPU). Bis dahin unsichtbar; die umgehaengten Chips liegen in .sm-knoepfe, nicht mehr in #iskacont. */
@media (max-width:767.98px){
  body.sk-seite #iskacont .d5-chips{display:none}
}

/* 14.11 Zaehler der Seitenleiste (Themen, Sprachen): Inter statt Monospace, tabellarische Ziffern, ruhig, rechtsbuendig, mittig zur Zeile (Max 10.11.2026) */
body.sk-seite #sidebar :is(.legaltopic-count,.count-container,.count-container *){font-family:Inter,system-ui,sans-serif !important;font-variant-numeric:tabular-nums;font-size:12px !important;font-weight:500 !important;color:#64748b !important;text-align:right}
body.sk-seite #sidebar .Lethal.flex-container{align-items:center}
body.sk-seite #sidebar .legaltopic-count,body.sk-seite #sidebar .count-container{align-self:center;margin:0;line-height:1;min-width:2.5em}