/*  bubfy.de — Standortseiten (Master / Bundesland / Stadt)
 *  Datei: assets/css/pages/agency.css
 *  Nur auf /{dienst}-agentur…/ geladen. Enthaelt die Bloecke, die es
 *  sonst nirgends gibt — Kurzantwort, Glossar, Branchenraster.
 */

/* Kurzantwort — der Block, den Antwortmaschinen zitieren */
.bf-answer{position:relative;overflow:hidden}
.bf-answer::after{
  content:"";position:absolute;inset:auto -12% -70% 62%;height:190%;
  background:radial-gradient(closest-side,rgba(233,164,0,.09),transparent 70%);
  pointer-events:none;
}
.bf-answer > *{position:relative}

/* Vergleichstabelle: erste Spalte fixieren, damit sie beim
   horizontalen Scrollen auf dem Telefon sichtbar bleibt */
@media (max-width:640px){
  .bf-table__wrap{position:relative}
  .bf-table td:first-child,.bf-table th:first-child{
    position:sticky;left:0;background:var(--surface);z-index:1;
    box-shadow:1px 0 0 var(--rule-soft);
  }
  .bf-table thead th:first-child{background:var(--surface-2)}
}

/* Staedteverzeichnis: bei 900 Eintraegen zaehlt Dichte, nicht Deko */
.bubfy-citylist{gap:.35rem}
.bubfy-citylist a{
  padding:.55rem .8rem;border-radius:var(--r-xs);
  border:1px solid transparent;transition:background var(--t),border-color var(--t);
}
.bubfy-citylist a:hover{background:var(--signal-bg);border-color:var(--rule)}

/* Branchenkarten heben sich vom Rest ab */
.bf-section--tint .bf-card{background:var(--surface)}

/* Glossar zweispaltig, ruhiger gesetzt */
.bf-grid-2 .bf-card p{font-size:.93rem}