/* TB Local Cloud , Dienstleistungsseite "Private KI-Cloud".
   Scoped auf .tbloc / .tbloc-facts / .tbloc-models. Teal-Akzent wie die
   uebrigen KI-Sektionen, Tokens aus dem Theme mit Fallbacks. */

.tbloc{--lc-teal:#2E9FB2;--lc-teal2:#174d59;--lc-teal3:#54C2D4;--lc-ink:#1b2430;}

/* Volle Breite auch fuer das dunkle Fakten-Band (hat keine .tb-section-Klasse). */
.tb-tech-page .wp-block-post-content > .tbloc-facts{max-width:none;width:100%;}

.tbloc__head{max-width:62rem;margin:0 auto var(--space-8,2.5rem);text-align:center;}
.tbloc__title{font-family:Geist,Inter,sans-serif;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.15;font-weight:800;letter-spacing:-.015em;margin:var(--space-3,.75rem) 0 var(--space-3,.75rem);color:var(--lc-ink);}
.tbloc__lead{color:var(--tb-ink-500,#5c6b77);font-size:1.0625rem;line-height:1.6;max-width:52rem;margin:0 auto;}

/* ── Gruende-Grid ─────────────────────────────────────────────────────── */
.tbloc__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4,1rem);}
.tbloc__card{display:flex;flex-direction:column;gap:.5rem;padding:var(--space-5,1.25rem);background:#f3f8f9;border:1px solid #e2e8ea;border-top:3px solid var(--lc-teal);border-radius:var(--radius-md,12px);}
.tbloc__ico{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fff;border:1px solid #d9e6e8;color:var(--lc-teal2);}
.tbloc__ico .tb-icon{display:block;}
.tbloc__card-title{font-family:Geist,Inter,sans-serif;font-size:1.05rem;font-weight:700;color:var(--lc-ink);line-height:1.25;}
.tbloc__card-desc{font-size:.9rem;line-height:1.55;color:#5c6b77;}

/* ── Technik-Grid ─────────────────────────────────────────────────────── */
.tbloc__tech-grid{list-style:none;margin:0 0 var(--space-6,2rem);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4,1rem);}
.tbloc__tech{display:flex;gap:.9rem;align-items:flex-start;padding:var(--space-4,1rem);background:#fff;border:1px solid #e2e8ea;border-radius:var(--radius-md,12px);}
.tbloc__tech > div{display:flex;flex-direction:column;gap:3px;}
.tbloc__inline-link{text-align:center;margin:0;}
.tbloc__inline-link a{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--lc-teal2);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease,color .15s ease;}
.tbloc__inline-link a:hover{color:var(--lc-teal);border-bottom-color:var(--lc-teal);}
.tbloc__inline-link .tb-icon{color:var(--lc-teal);}

/* ── Fakten-Band (dunkel, voll) ───────────────────────────────────────── */
.tbloc-facts{background:linear-gradient(135deg,#0c1f4a 0%,#0f2b33 100%);color:#e6f2f4;padding-block:clamp(2.5rem,5vw,4rem);}
.tbloc__head--light .tbloc__title{color:#fff;}
.tbloc-facts__grid{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4,1rem);max-width:64rem;}
.tbloc-facts__item{text-align:center;padding:var(--space-4,1rem);background:rgba(255,255,255,.05);border:1px solid rgba(123,231,245,.16);border-radius:14px;}
.tbloc-facts__num{display:block;font-family:Geist,Inter,sans-serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1;color:#7be7f5;}
.tbloc-facts__lbl{display:block;margin-top:.5rem;font-size:.85rem;line-height:1.4;color:rgba(230,242,244,.8);}
.tbloc-facts__note{max-width:46rem;margin:var(--space-6,2rem) auto 0;text-align:center;font-size:.85rem;line-height:1.55;color:rgba(230,242,244,.65);}

/* ── Kaufen / Mieten ──────────────────────────────────────────────────── */
.tbloc-models__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5,1.5rem);max-width:60rem;margin:0 auto;}
.tbloc-model{position:relative;display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,2.25rem);background:#fff;border:1px solid #e2e8ea;border-radius:18px;box-shadow:0 10px 34px rgba(12,31,74,.06);}
.tbloc-model--rent{border-color:var(--lc-teal);box-shadow:0 14px 40px rgba(46,159,178,.16);}
.tbloc-model__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--lc-teal) 0%,var(--lc-teal2) 100%);color:#fff;margin-bottom:var(--space-3,.75rem);}
.tbloc-model__title{font-family:Geist,Inter,sans-serif;font-size:1.5rem;font-weight:800;margin:0;color:var(--lc-ink);}
.tbloc-model__sub{margin:.15rem 0 var(--space-4,1rem);color:var(--lc-teal2);font-weight:600;font-size:.95rem;}
.tbloc-model__list{list-style:none;margin:0 0 var(--space-5,1.5rem);padding:0;display:flex;flex-direction:column;gap:.7rem;flex:1 1 auto;}
.tbloc-model__list li{display:flex;gap:.6rem;align-items:flex-start;font-size:.94rem;line-height:1.5;color:#44515e;}
.tbloc-model__list .tb-icon{flex:0 0 auto;color:var(--lc-teal);margin-top:2px;}
.tbloc-model__cta{align-self:flex-start;gap:.4rem;}
.tbloc-models__hint{display:flex;gap:.55rem;align-items:center;justify-content:center;flex-wrap:wrap;max-width:48rem;margin:var(--space-6,2rem) auto 0;text-align:center;font-size:.95rem;color:#5c6b77;}
.tbloc-models__hint .tb-icon{color:var(--lc-teal);flex:0 0 auto;}

/* ── End-CTA ──────────────────────────────────────────────────────────── */
.tbloc-endcta__card{max-width:48rem;margin:0 auto;text-align:center;padding:clamp(2rem,4vw,3rem);background:linear-gradient(135deg,#0c1f4a 0%,#174d59 100%);color:#e6f2f4;border-radius:22px;box-shadow:0 18px 48px rgba(12,31,74,.18);}
.tbloc-endcta__ico{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:rgba(123,231,245,.14);border:1px solid rgba(123,231,245,.28);color:#7be7f5;margin-bottom:var(--space-3,.75rem);}
.tbloc-endcta__title{font-family:Geist,Inter,sans-serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;margin:0 0 var(--space-3,.75rem);color:#fff;}
.tbloc-endcta__lead{max-width:40rem;margin:0 auto var(--space-5,1.5rem);font-size:1.02rem;line-height:1.6;color:rgba(230,242,244,.85);}
.tbloc-endcta__actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;}
.tbloc-endcta .tb-btn--secondary{background:rgba(255,255,255,.08);border-color:rgba(123,231,245,.3);color:#e6f2f4;}
.tbloc-endcta .tb-btn--secondary:hover{background:rgba(255,255,255,.14);}

/* ── Dark-Mode ────────────────────────────────────────────────────────── */
@media (prefers-color-scheme: dark){
  .tbloc__title{color:#f0f4ff;}
  .tbloc__card{background:rgba(255,255,255,.04);border-color:rgba(123,231,245,.14);border-top-color:var(--lc-teal);}
  .tbloc__tech{background:rgba(255,255,255,.04);border-color:rgba(123,231,245,.14);}
  .tbloc__ico{background:rgba(255,255,255,.06);border-color:rgba(123,231,245,.2);color:var(--lc-teal3);}
  .tbloc__card-title{color:#f0f4ff;}
  .tbloc__card-desc,.tbloc__lead{color:rgba(240,244,255,.72);}
  .tbloc-model{background:rgba(255,255,255,.04);border-color:rgba(123,231,245,.14);}
  .tbloc-model__title{color:#f0f4ff;}
  .tbloc-model__list li{color:rgba(240,244,255,.78);}
  .tbloc-models__hint{color:rgba(240,244,255,.72);}
}