/* ============================================================
   easy-bundesland.css
   Nur für die Bundesland-Seiten (/niederoesterreich, /steiermark,
   /oberoesterreich). Baut auf easy-kaernten.css auf:
     1. .bl-logos   Logo-Raster in der Hero-Karte
     2. .bl-case    Kundenkarte ohne Kennzahlen: Logo, Name, was gemacht wurde
   Farben, Radien und Schatten kommen aus den Tokens in shadcn.css.
   ============================================================ */

/* ---------- 1. Logo-Raster im Hero ---------- */
.bl-logos{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;background:var(--hairline);
  border:1px solid var(--hairline);border-radius:14px;overflow:hidden;
}
.bl-logo{
  background:var(--paper);height:92px;
  display:grid;place-items:center;padding:18px 20px;
}
.bl-logo:last-child:nth-child(odd){grid-column:1 / -1}
.bl-logo img{
  max-width:min(100%,170px);max-height:56px;width:auto;height:auto;
  object-fit:contain;display:block;
}

/* ---------- 2. Kundenkarten ---------- */
.kt-cases.bl-cases{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto}
.kt-cases.bl-cases.bl-cases-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.bl-case-logo{
  height:64px;display:flex;align-items:center;justify-content:flex-start;
  margin-bottom:20px;padding-bottom:20px;box-sizing:content-box;
  border-bottom:1px solid var(--hairline);
}
.bl-case-logo img{
  max-width:170px;max-height:64px;width:auto;height:auto;
  object-fit:contain;display:block;
}
.bl-case h3{margin-bottom:6px}
.bl-case .kt-case-ort{margin-bottom:14px}
.bl-case .kt-case-lage{color:var(--ink-soft);margin-bottom:20px}
.bl-chip{
  margin-top:auto;align-self:flex-start;
  border-radius:var(--r-pill);padding:6px 12px;
  background:rgba(0,174,181,.1);color:#005f63;
  font-size:12.5px;font-weight:500;
}

/* ---------- Links zu den anderen Bundesländern ---------- */
.kt-orte.bl-andere{
  margin-top:clamp(28px,3vw,40px);padding-top:clamp(20px,2.4vw,28px);
  border-top:1px solid var(--hairline);
}
.bl-case-logo + h3{margin-top:0}
.px-ctacopy h2 + .btn{margin-top:10px}

@media(max-width:1000px){.kt-cases.bl-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .kt-cases.bl-cases,.kt-cases.bl-cases.bl-cases-4{grid-template-columns:1fr}
  .bl-logo{height:76px;padding:14px 16px}
}