/**
 * Ambulante Hilfen Berlin
 * Seitenspezifische Komponenten: Entscheidungs-Wegweiser.
 * Markup-Quelle: inc/berlin/render/sections-cards.php
 */

.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-section--decision-grid {
  padding-top: 52px;
  padding-bottom: 60px;
  background:
    radial-gradient(560px 260px at 12% 8%, rgba(229,249,242,.58), transparent 72%),
    radial-gradient(720px 320px at 84% 18%, rgba(234,244,247,.78), transparent 76%),
    linear-gradient(180deg,#fff 0%,#f8fcfb 48%,#edf6f8 100%);
}

.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-index{width:min(1040px,100%);margin:34px auto 0}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group{display:grid;grid-template-columns:minmax(250px,34%) minmax(0,1fr);gap:54px;padding:42px 0;scroll-margin-top:145px}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group + .jba-service-group{margin-top:18px;border-top:1px solid rgba(var(--jba-blue-rgb),.16)}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group__head{display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;align-content:start;margin:0}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group__number{padding-top:5px;color:var(--jba-blue-dark);font-size:.72rem;font-weight:900;letter-spacing:.08em}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group__kicker{display:block;margin:0 0 8px;color:var(--jba-blue-ink);font-size:.66rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group__head h3{margin:0;color:var(--jba-text);font-size:var(--jhb-type-h3);line-height:var(--jhb-leading-h3);letter-spacing:var(--jhb-heading-tracking-h3)}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group__head h3 + p{margin:11px 0 0;color:var(--jba-muted);font-size:.9rem;line-height:1.58}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-list{display:block}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto 30px;align-items:center;gap:14px;min-height:92px;padding:15px 4px;border-bottom:1px solid rgba(var(--jba-blue-rgb),.12);color:inherit;text-decoration:none;transition:background-color .2s ease,padding .22s ease}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row:first-child{padding-top:0}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row:last-child{border-bottom:0;padding-bottom:0}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__number{color:var(--jba-blue-dark);font-size:.67rem;font-weight:900;letter-spacing:.06em}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__copy strong{color:var(--jba-text);font-size:1rem;line-height:1.25}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__copy > span{max-width:52ch;color:var(--jba-muted);font-size:.78rem;line-height:1.4}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__meta{max-width:160px;color:var(--jba-blue-ink);font-size:.66rem;font-weight:850;line-height:1.25;text-align:right}
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(var(--jba-blue-rgb),.07);color:var(--jba-blue-dark);transition:transform .2s ease,background-color .2s ease}
@media (hover:hover) and (pointer:fine){.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row:hover{padding-left:10px;background:rgba(255,255,255,.52)}.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row:hover .jba-service-row__arrow{transform:translateX(4px);background:rgba(var(--jba-blue-rgb),.12)}}
@media(max-width:820px){.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group{grid-template-columns:1fr;gap:24px;padding:34px 0}.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group__head{justify-items:center;text-align:center}.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group__head h3 + p{max-width:36ch}.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row{grid-template-columns:30px minmax(0,1fr) 28px}.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__meta{grid-column:2/3;text-align:left;max-width:none;margin-top:-8px}.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__arrow{grid-column:3;grid-row:1/3}}
@media(max-width:520px){.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group__head{grid-template-columns:1fr;gap:9px}.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group__number{padding-top:0}.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row{min-height:82px;padding:13px 0}.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__copy,.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__meta{text-align:left}.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__copy > span{font-size:.75rem}}

.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-orientation-band {
  width: min(1040px,100%);
  margin: 18px auto 0;
  padding: 22px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 1px solid rgba(var(--jba-green-rgb),.13);
  border-radius: 20px;
  background: linear-gradient(135deg,rgba(255,255,255,.92),rgba(229,249,242,.64));
}

.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-orientation-band p,
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-orientation-band h3 { margin: 0; }
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-orientation-band__kicker { color: var(--jba-blue-ink); font-size:.61rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-orientation-band h3 { margin-top:5px; font-size:var(--jhb-type-h3); }
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-orientation-band h3 + p { margin-top:5px; color:var(--jba-muted); font-size:.78rem; }
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-orientation-band > a { flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:10px 15px; border:1px solid rgba(var(--jba-blue-rgb),.14); border-radius:999px; background:#fff; color:var(--jba-blue-dark); font-size:.76rem; font-weight:850; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }

@media (hover:hover) and (pointer:fine) {
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-orientation-band > a:hover {
    transform:translateY(-1px);
    border-color:rgba(var(--jba-blue-rgb),.24);
    box-shadow:0 10px 22px rgba(18,49,62,.07);
  }
}

@media (max-width: 980px) {
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group { grid-template-columns:1fr; gap:18px; }
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group__head { max-width:620px; }
}

@media (max-width: 760px) {
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-section--decision-grid { padding-top:42px; padding-bottom:48px; }
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-index { margin-top:26px; gap:0; }
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group { padding:26px 0; gap:16px; }
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group__head { grid-template-columns:1fr; justify-items:center; text-align:center; gap:9px; }
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-group__head h3 + p { max-width:34ch; }
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-list { grid-template-columns:1fr; gap:9px; }
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row { grid-template-columns:32px minmax(0,1fr) 28px; min-height:86px; }
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__meta { grid-column:2; justify-self:start; max-width:100%; }
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__arrow { grid-column:3; grid-row:1 / span 2; }
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-orientation-band { flex-direction:column; text-align:center; padding:20px; }
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-orientation-band > a { justify-content:center; }
}

@media (max-width: 430px) {
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row { padding:13px 0; }
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-service-row__copy strong { font-size:.86rem; }
}

/* Berlin-Einordnung: ruhiger Hintergrund und direkter Sofortkontakt. */
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-section--berlin-focus::before,
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-berlin-focus-panel::before {
  content: none;
  display: none;
}

.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-berlin-focus-panel__contact {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-berlin-focus-panel__contact .jba-btn {
  min-width: 188px;
  border-color: rgba(var(--jba-blue-rgb), .12);
  background: linear-gradient(135deg, var(--jba-blue) 0%, #24596a 100%);
  color: #fff;
  box-shadow: 0 12px 26px rgba(var(--jba-blue-rgb), .16);
  text-decoration: none;
  transition:
    transform .28s cubic-bezier(.22, 1, .36, 1),
    box-shadow .28s cubic-bezier(.22, 1, .36, 1),
    background .24s ease,
    border-color .24s ease;
}

.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-berlin-focus-panel__contact .jba-btn:hover,
.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-berlin-focus-panel__contact .jba-btn:focus-visible {
  border-color: rgba(var(--jba-blue-rgb), .22);
  background: linear-gradient(135deg, #2f7187 0%, #1f4e5e 100%);
  color: #fff;
  box-shadow: 0 16px 32px rgba(var(--jba-blue-rgb), .22);
  text-decoration: none;
  transform: translateY(-2px);
}

.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-berlin-focus-panel__contact .jba-btn:focus-visible {
  outline: 3px solid rgba(var(--jba-blue-rgb), .22);
  outline-offset: 4px;
}

.jhb-berlin-angebot--ambulante-hilfen-berlin .jba-berlin-focus-panel__contact .jba-btn:active {
  color: #fff;
  box-shadow: 0 9px 20px rgba(var(--jba-blue-rgb), .16);
  transform: translateY(0);
}

@media (max-width: 760px) {
  .jhb-berlin-angebot--ambulante-hilfen-berlin .jba-berlin-focus-panel__contact {
    margin-top: 22px;
  }
}