/* =========================================================
   JHB Ambulante Hilfen Premium – Clean Final
   Scope: .jhb-ambulant-page
   Struktur:
   1. Tokens & Base
   2. Shared UI
   3. Hero
   4. Section heads / Benefits / Intro
   5. Offer Card System
   6. Region / Process / FAQ / CTA
   7. Motion / Responsive / Accessibility
   ========================================================= */

.jhb-ambulant-page{
  --jah-brand:#E9620B;
  --jah-brand-dark:#C95409;
  --jah-ink:#183243;
  --jah-ink-strong:#112638;
  --jah-muted:#607482;
  --jah-muted-soft:#6d8190;
  --jah-bg:#F7F3EC;
  --jah-white:#FFFDF9;
  --jah-line:#E8DDD0;
  --jah-line-strong:rgba(24,50,67,.05);
  --jah-card-top:#FFFDF9;
  --jah-card-bottom:#F8F2E9;
  --jah-green:#6E9079;
  --jah-green-dark:#55715F;

  --jah-shadow-xs:0 8px 18px rgba(20,39,49,.04);
  --jah-shadow-sm:0 16px 34px rgba(20,39,49,.07);
  --jah-shadow-md:0 22px 46px rgba(20,39,49,.10);
  --jah-shadow-lg:0 30px 62px rgba(20,39,49,.14);

  --jah-radius-xl:36px;
  --jah-radius-lg:30px;
  --jah-radius-md:24px;
  --jah-radius-pill:999px;

  --jah-max:1220px;

  position:relative;
  overflow:hidden;
  background:var(--jah-bg);
  color:var(--jah-ink);
  font-family:"Nunito Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.76;
}

.jhb-ambulant-page *,
.jhb-ambulant-page *::before,
.jhb-ambulant-page *::after{box-sizing:border-box}

.jhb-ambulant-page a{color:inherit;text-decoration:none}
.jhb-ambulant-page img{display:block;max-width:100%}

.jhb-ambulant-page .jah-wrap{
  width:min(var(--jah-max),calc(100% - 32px));
  margin:0 auto;
}

.jhb-ambulant-page .jah-section{
  position:relative;
  padding:88px 0;
  scroll-margin-top:120px;
}

.jhb-ambulant-page .jah-section--soft{
  background:linear-gradient(180deg,#FBF8F3 0%, #F4EEE5 100%);
}

.jhb-ambulant-page .jah-section--benefits{
  margin-top:-76px;
  z-index:3;
}

.jhb-ambulant-page .jah-section--intro{
  padding-top:18px;
  padding-bottom:4px;
}


.jhb-ambulant-page .jah-section--offers{
  padding-top:10px;
}


.jhb-ambulant-page .jah-section--cta{
  padding-bottom:112px;
}

/* =========================================================
   Shared UI
   ========================================================= */

.jhb-ambulant-page .jah-eyebrow,
.jhb-ambulant-page .jah-pill,
.jhb-ambulant-page .jah-note{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 16px;
  border-radius:var(--jah-radius-pill);
  border:1px solid rgba(233,98,11,.16);
  background:linear-gradient(135deg, rgba(255,248,241,.96), rgba(255,237,221,.92));
  color:#9B531E;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-align:center;
  box-shadow:
    0 8px 18px rgba(20,39,49,.05),
    inset 0 1px 0 rgba(255,255,255,.75);
}

.jhb-ambulant-page .jah-eyebrow--hero{
  background:rgba(255,250,245,.94);
  border-color:rgba(255,255,255,.24);
  color:#8E4D1B;
}

.jhb-ambulant-page .jah-divider{
  width:116px;
  height:1.5px;
  margin:20px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(233,98,11,.10),rgba(233,98,11,.82),rgba(233,98,11,.10));
  animation:jahDividerFlow 4.8s ease-in-out infinite;
}
@keyframes jahDividerFlow{
  0%,100%{transform:scaleX(.96);opacity:.82;}
  50%{transform:scaleX(1.04);opacity:1;}
}

.jhb-ambulant-page .jah-section-head{
  max-width:680px;
  margin:0 auto 36px;
  text-align:center;
}

.jhb-ambulant-page .jah-group{
  margin-top:88px;
}

.jhb-ambulant-page .jah-group:first-child{
  margin-top:0;
}

.jhb-ambulant-page .jah-group + .jah-group{
  padding-top:32px;
}

.jhb-ambulant-page .jah-group--solo{
  padding-top:8px;
}

.jhb-ambulant-page .jah-group--solo + .jah-group{
  padding-top:72px;
}

.jhb-ambulant-page .jah-group__head{
  max-width:700px;
  margin:0 auto 74px;
  text-align:center;
}

.jhb-ambulant-page .jah-group__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 15px;
  border-radius:var(--jah-radius-pill);
  border:1px solid rgba(233,98,11,.14);
  background:linear-gradient(135deg, rgba(255,248,241,.96), rgba(255,237,221,.92));
  color:#9B531E;
  font-size:11px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  box-shadow:0 8px 18px rgba(20,39,49,.05);
}

.jhb-ambulant-page .jah-group__head h3{
  margin:16px 0 0;
  font-size:clamp(1.45rem,2.2vw,1.9rem);
  line-height:1.14;
  letter-spacing:-.035em;
  text-wrap:balance;
}

.jhb-ambulant-page .jah-group__head p{
  margin:14px auto 0;
  max-width:620px;
  color:var(--jah-muted);
  font-size:.95rem;
  line-height:1.72;
}

.jhb-ambulant-page .jah-group--highlight .jah-group__head{
  margin-bottom:64px;
}

.jhb-ambulant-page .jah-group--highlight .jah-group__eyebrow{
  background:linear-gradient(135deg,#EFF8F1,#E2F1E6);
  border-color:rgba(85,113,95,.18);
  color:#55715F;
}

.jhb-ambulant-page .jah-section-head h2{
  margin:18px 0 0;
  font-size:clamp(2.2rem,3.45vw,3.45rem);
  line-height:1.02;
  letter-spacing:-.05em;
  text-wrap:balance;
}

.jhb-ambulant-page .jah-lead,
.jhb-ambulant-page .jah-section-head p{
  margin:18px auto 0;
  max-width:620px;
  color:var(--jah-muted);
  font-size:1rem;
  line-height:1.78;
  text-align:center;
}

.jhb-ambulant-page .jah-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:var(--jah-radius-lg);
  border:1px solid var(--jah-line);
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.97) 0%, rgba(255,255,255,0) 38%),
    linear-gradient(180deg,var(--jah-card-top) 0%,var(--jah-card-bottom) 100%);
  box-shadow:0 16px 30px rgba(20,39,49,.06),
    0 1px 0 rgba(255,255,255,.75) inset;
  transition:
    transform .34s cubic-bezier(.2,.8,.2,1),
    box-shadow .34s cubic-bezier(.2,.8,.2,1),
    border-color .28s ease;
}

.jhb-ambulant-page .jah-card::before{
  content:"";
  position:absolute;
  top:-48px;
  right:-36px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(233,98,11,.04) 0%, rgba(233,98,11,0) 72%);
  opacity:.35;
  pointer-events:none;
  transform:scale(1);
  transition:transform .4s ease, opacity .4s ease;
}

.jhb-ambulant-page .jah-card:hover{
  transform:translateY(-4px);
  border-color:rgba(233,98,11,.16);
  box-shadow:0 24px 42px rgba(20,39,49,.10),
    0 1px 0 rgba(255,255,255,.84) inset;
}

.jhb-ambulant-page .jah-card:hover::before{
  transform:scale(1.12);
  opacity:1;
}

.jhb-ambulant-page .jah-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 20px;
  border-radius:var(--jah-radius-pill);
  border:1px solid transparent;
  font-size:14px;
  font-weight:800;
  letter-spacing:.01em;
  text-align:center;
  white-space:nowrap;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    background-color .24s ease,
    border-color .24s ease,
    color .24s ease;
}

.jhb-ambulant-page .jah-btn,
.jhb-ambulant-page .jah-btn:visited,
.jhb-ambulant-page .jah-btn:hover,
.jhb-ambulant-page .jah-btn:focus-visible,
.jhb-ambulant-page .jah-btn span{
  color:#fff;
}

.jhb-ambulant-page .jah-btn:hover{
  transform:translateY(-2px) scale(1.02);
}

.jhb-ambulant-page .jah-btn--primary{
  background:linear-gradient(135deg,var(--jah-brand),var(--jah-brand-dark));
  box-shadow:0 14px 28px rgba(233,98,11,.20);
}

.jhb-ambulant-page .jah-btn--primary:hover,
.jhb-ambulant-page .jah-btn--primary:focus-visible{
  background:linear-gradient(135deg,#f07712,#ca5b0e);
  box-shadow:0 20px 38px rgba(233,98,11,.28);
}

.jhb-ambulant-page .jah-btn--secondary{
  background:linear-gradient(135deg,var(--jah-green),var(--jah-green-dark));
  box-shadow:0 14px 28px rgba(85,113,95,.18);
}

.jhb-ambulant-page .jah-btn--secondary:hover,
.jhb-ambulant-page .jah-btn--secondary:focus-visible{
  background:linear-gradient(135deg,#7a9b84,#5d7868);
  box-shadow:0 18px 34px rgba(85,113,95,.24);
}

.jhb-ambulant-page .jah-btn--ghost{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.22);
  box-shadow:0 12px 24px rgba(20,39,49,.10);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.jhb-ambulant-page .jah-btn--ghost:hover,
.jhb-ambulant-page .jah-btn--ghost:focus-visible{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.30);
}

/* =========================================================
   Hero
   ========================================================= */

.jhb-ambulant-page .jah-crumbs{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
  color:rgba(255,255,255,.95);
  font-size:.92rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.jhb-ambulant-page .jah-crumbs .sep{opacity:.56}

.jhb-ambulant-page .jah-hero{
  position:relative;
  min-height:900px;
  overflow:hidden;
  background:
    radial-gradient(1200px 460px at 12% 10%, rgba(255,189,115,.12), transparent 72%),
    radial-gradient(980px 380px at 86% 12%, rgba(255,255,255,.08), transparent 70%),
    linear-gradient(180deg, rgba(10,18,27,.82) 0%, rgba(10,18,27,.58) 36%, rgba(247,243,236,.97) 100%);
}

.jhb-ambulant-page .jah-hero__media,
.jhb-ambulant-page .jah-hero__overlay{
  position:absolute;
  inset:0;
}

.jhb-ambulant-page .jah-hero__media picture,
.jhb-ambulant-page .jah-hero__media img{
  display:block;
  width:100%;
  height:100%;
}

.jhb-ambulant-page .jah-hero__media img{
  object-fit:cover;
  object-position:center 40%;
  transform:scale(1);
  animation:none;
  transition:transform .6s cubic-bezier(.2,.8,.2,1), object-position .35s ease;
}

.jhb-ambulant-page .jah-hero__overlay{
  background:
    radial-gradient(760px 320px at 50% 14%, rgba(255,255,255,.05), transparent 64%),
    linear-gradient(180deg, rgba(9,18,27,.58) 0%, rgba(9,18,27,.40) 40%, rgba(247,243,236,.94) 100%);
}

.jhb-ambulant-page .jah-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:250px;
  background:linear-gradient(180deg, rgba(247,243,236,0) 0%, rgba(247,243,236,1) 100%);
}

.jhb-ambulant-page .jah-hero__inner{
  position:relative;
  z-index:1;
  padding:138px 0 220px;
  text-align:center;
  color:#fff;
}

.jhb-ambulant-page .jah-hero__inner h1{
  margin:20px auto 0;
  max-width:760px;
  color:#fff;
  font-size:clamp(2.2rem,4vw,3.2rem);
  line-height:1.01;
  letter-spacing:-.055em;
  text-wrap:balance;
  text-shadow:0 10px 24px rgba(0,0,0,.20);
}

.jhb-ambulant-page .jah-hero__sub{
  margin:18px auto 0;
  max-width:760px;
  color:rgba(255,255,255,.97);
  font-size:clamp(1.06rem,1.55vw,1.32rem);
  font-weight:800;
  line-height:1.34;
  text-shadow:0 2px 8px rgba(0,0,0,.26),0 1px 2px rgba(0,0,0,.14);
}

.jhb-ambulant-page .jah-hero__text{
  margin:20px auto 0;
  max-width:760px;
  color:rgba(255,255,255,.95);
  font-size:clamp(.98rem,1.1vw,1.04rem);
  line-height:1.78;
  text-shadow:0 2px 8px rgba(0,0,0,.24),0 1px 2px rgba(0,0,0,.12);
}

.jhb-ambulant-page .jah-hero__actions{
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  margin:50px auto 0;
}

.jhb-ambulant-page .jah-hero__actions .jah-btn{
  min-height:56px;
  padding:0 26px;
  font-size:15px;
}

/* =========================================================
   Benefits / Intro
   ========================================================= */

.jhb-ambulant-page .jah-benefits-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.jhb-ambulant-page .jah-benefit{
  padding:30px 26px 28px;
  animation:jahFloatCard 7s ease-in-out infinite;
}
.jhb-ambulant-page .jah-benefit:nth-child(2){animation-delay:.6s}
.jhb-ambulant-page .jah-benefit:nth-child(3){animation-delay:1.2s}

.jhb-ambulant-page .jah-benefit__icon{
  width:62px;
  height:62px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#fff8f2,#f8e7d6);
  border:1px solid rgba(233,98,11,.16);
  color:var(--jah-brand);
  font-weight:900;
  font-size:1rem;
  box-shadow:0 12px 24px rgba(233,98,11,.10);
}

.jhb-ambulant-page .jah-benefit h2{
  margin:18px 0 10px;
  font-size:1.34rem;
  line-height:1.18;
  letter-spacing:-.02em;
}

.jhb-ambulant-page .jah-benefit p{
  margin:0;
  color:var(--jah-muted);
  font-size:.98rem;
  line-height:1.82;
}

.jhb-ambulant-page .jah-orientation{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:24px;
  padding:38px 38px;
  box-shadow:0 18px 40px rgba(20,39,49,.07);
}

.jhb-ambulant-page .jah-orientation__left h3{
  margin:18px 0 14px;
  font-size:clamp(1.65rem,2.5vw,2.1rem);
  line-height:1.08;
  letter-spacing:-.03em;
}

.jhb-ambulant-page .jah-orientation__left p{
  margin:0;
  color:var(--jah-muted);
}

.jhb-ambulant-page .jah-orientation__right{
  display:grid;
  gap:16px;
}

.jhb-ambulant-page .jah-mini-point{
  padding:20px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(233,98,11,.10);
  box-shadow:0 12px 20px rgba(20,39,49,.04);
  transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease;
}

.jhb-ambulant-page .jah-mini-point:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 28px rgba(20,39,49,.07);
  border-color:rgba(233,98,11,.18);
}

.jhb-ambulant-page .jah-mini-point strong{
  display:block;
  margin-bottom:6px;
  color:var(--jah-ink);
  font-size:1rem;
}

.jhb-ambulant-page .jah-mini-point span{
  color:var(--jah-muted);
}

/* =========================================================
   Offer Card System
   Überschrift + Button zentriert
   Text + Liste links für bessere Lesbarkeit
   ========================================================= */

.jhb-ambulant-page .jah-offers-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,340px));
  gap:40px 34px;
  align-items:stretch;
  justify-content:center;
  max-width:1090px;
  margin:0 auto;
}

.jhb-ambulant-page .jah-offers-grid--single{
  grid-template-columns:minmax(340px,380px);
  max-width:380px;
}

.jhb-ambulant-page .jah-offers-grid--double{
  grid-template-columns:repeat(2,minmax(0,340px));
  max-width:714px;
}

.jhb-ambulant-page .jah-offers-grid--compact{
  grid-template-columns:minmax(760px,900px);
  max-width:900px;
}

.jhb-ambulant-page .jah-offer{
  display:flex;
  flex-direction:column;
  height:100%;
}

.jhb-ambulant-page .jah-offer::after,
.jhb-ambulant-page .jah-region::after{
  content:"";
  position:absolute;
  inset:auto 18px 0 18px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(233,98,11,0), rgba(233,98,11,.72), rgba(233,98,11,0));
  opacity:0;
  transform:translateY(6px);
  transition:opacity .26s ease, transform .26s ease;
}

.jhb-ambulant-page .jah-offer:hover::after,
.jhb-ambulant-page .jah-region:hover::after{
  opacity:1;
  transform:translateY(0);
}

.jhb-ambulant-page .jah-offer__media{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/10.4;
  min-height:198px;
  border-radius:28px 28px 0 0;
  border-bottom:1px solid rgba(232,221,208,.9);
}

.jhb-ambulant-page .jah-offer__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  transform:scale(1.035);
  transform-origin:center top;
  transition:transform .9s cubic-bezier(.2,.8,.2,1), filter .45s ease;
}

.jhb-ambulant-page .jah-offer__media img{
  filter:saturate(1.02) contrast(1.01);
}

.jhb-ambulant-page .jah-offer{
  padding-top:0;
  box-shadow:0 18px 34px rgba(20,39,49,.07), 0 1px 0 rgba(255,255,255,.75) inset;
}

.jhb-ambulant-page .jah-offer:hover .jah-offer__media img{
  transform:scale(1.075);
  filter:saturate(1.06) contrast(1.02);
}

.jhb-ambulant-page .jah-offer__shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(16,26,34,.02) 0%, rgba(16,26,34,.10) 100%);
  pointer-events:none;
}

.jhb-ambulant-page .jah-offer__media::after{
  display:none;
}

.jhb-ambulant-page .jah-offer__body{
  position:relative;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  margin-top:0;
  padding:0 24px 24px;
  text-align:center;
  background:linear-gradient(180deg,rgba(255,253,249,.98) 0%, rgba(248,242,233,1) 100%);
  border-radius:0 0 28px 28px;
}

.jhb-ambulant-page .jah-offer__body::before{
  content:"";
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%);
  width:92px;
  height:22px;
  background:#FFFDF9;
  border-radius:999px 999px 12px 12px;
  box-shadow:0 -1px 0 rgba(232,221,208,.88);
  z-index:1;
  pointer-events:none;
  transition:none;
}

.jhb-ambulant-page .jah-offer__body::after{
  display:none;
}

.jhb-ambulant-page .jah-pill--below-image{
  position:relative;
  top:auto;
  left:auto;
  z-index:5;
  margin:-14px auto 12px;
  min-height:30px;
  padding:6px 12px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  box-shadow:
    0 8px 16px rgba(20,39,49,.06),
    0 0 0 4px #FFFDF9;
  animation:jahBadgeFloat 4.8s ease-in-out infinite;
}


.jhb-ambulant-page .jah-offer--soziale-gruppenarbeit .jah-pill{background:linear-gradient(135deg,#FFF7E6,#FFE9B8);border-color:rgba(217,119,6,.22);color:#B45309;}
.jhb-ambulant-page .jah-offer--begleiteter-umgang .jah-pill{background:linear-gradient(135deg,#EAF8F7,#D6EEEC);border-color:rgba(30,122,120,.18);color:#0E5C5A;}
.jhb-ambulant-page .jah-offer--erziehungsbeistandschaft .jah-pill{background:linear-gradient(135deg,#EEF4FF,#DDE8FF);border-color:rgba(29,78,216,.18);color:#1D4ED8;}
.jhb-ambulant-page .jah-offer--familienhilfe .jah-pill{background:linear-gradient(135deg,#FFF4EB,#FFE4D0);border-color:rgba(233,98,11,.18);color:#C44F08;}
.jhb-ambulant-page .jah-offer--einzelbetreuung .jah-pill{background:linear-gradient(135deg,#FFF3F7,#FDE7EE);border-color:rgba(146,42,72,.18);color:#922A48;}
.jhb-ambulant-page .jah-offer--hilfe-junge-volljaehrige .jah-pill{background:linear-gradient(135deg,#F3FEFD,#DDF7FA);border-color:rgba(15,97,115,.18);color:#0F6173;}
.jhb-ambulant-page .jah-offer--kita-schulbegleitung .jah-pill{background:linear-gradient(135deg,#F3FBF7,#E3F7EE);border-color:rgba(27,125,79,.18);color:#1B7D4F;}
.jhb-ambulant-page .jah-offer--eingliederungshilfe .jah-pill{background:linear-gradient(135deg,#EFF6FF,#DBEAFE);border-color:rgba(29,78,216,.18);color:#1D4ED8;}

@keyframes jahBadgeFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-2px);}
}

.jhb-ambulant-page .jah-offer__body h3{
  width:100%;
  margin:0 0 10px;
  min-height:2.45em;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  text-align:center;
  font-size:1.32rem;
  font-weight:800;
  line-height:1.18;
  letter-spacing:-.03em;
  transition:color .24s ease;
  text-wrap:balance;
}

.jhb-ambulant-page .jah-offer:hover .jah-offer__body h3{
  color:var(--jah-ink-strong);
}

.jhb-ambulant-page .jah-offer__body > p{
  width:100%;
  max-width:31ch;
  min-height:5.3em;
  margin:0 auto 18px;
  text-align:center;
  font-size:.95rem;
  line-height:1.62;
  color:var(--jah-muted-soft);
}

.jhb-ambulant-page .jah-offer:not(.jah-offer--compact) .jah-offer__body > p{
  max-width:31ch;
}

.jhb-ambulant-page .jah-checks{
  width:100%;
  max-width:270px;
  min-height:94px;
  margin:0 auto 18px;
  padding:0;
  list-style:none;
  display:grid;
  align-content:start;
  gap:10px;
}

.jhb-ambulant-page .jah-checks li{
  position:relative;
  width:100%;
  padding-left:22px;
  text-align:left;
  font-size:.95rem;
  font-weight:700;
  line-height:1.55;
  color:#334a5a;
  transition:color .22s ease;
}

.jhb-ambulant-page .jah-checks li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:11px;
  height:11px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--jah-brand),var(--jah-brand-dark));
  box-shadow:0 0 0 5px rgba(233,98,11,.08);
  transform:translateY(-50%);
}

.jhb-ambulant-page .jah-offer:hover .jah-checks li{color:#294255}


.jhb-ambulant-page .jah-offer__actions{
  width:100%;
  margin-top:auto;
  padding-top:14px;
  display:flex;
  justify-content:center;
  align-items:flex-end;
}

.jhb-ambulant-page .jah-offer .jah-btn,
.jhb-ambulant-page .jah-region .jah-btn{
  min-width:182px;
  min-height:42px;
  padding:0 18px;
  font-size:12px;
}


.jhb-ambulant-page .jah-offer--highlight{
  border-color:rgba(85,113,95,.28);
  box-shadow:0 24px 52px rgba(85,113,95,.14), 0 1px 0 rgba(255,255,255,.78) inset;
}

.jhb-ambulant-page .jah-offer--highlight::before{
  background:radial-gradient(circle at top right, rgba(110,144,121,.10) 0%, rgba(110,144,121,0) 72%);
  opacity:.42;
}

.jhb-ambulant-page .jah-offer--compact{
  border-color:rgba(85,113,95,.24);
  box-shadow:0 22px 46px rgba(85,113,95,.10), 0 1px 0 rgba(255,255,255,.78) inset;
}

.jhb-ambulant-page .jah-offer--compact .jah-offer__body{
  align-items:center;
  text-align:center;
  padding:40px 42px 34px;
}

.jhb-ambulant-page .jah-offer--compact .jah-offer__body > p{
  text-align:center;
  max-width:640px;
  font-size:1rem;
  line-height:1.76;
}

.jhb-ambulant-page .jah-offer--compact .jah-checks{
  max-width:340px;
  margin:4px auto 22px;
}

.jhb-ambulant-page .jah-offer--compact .jah-checks li{
  text-align:left;
  font-size:.9rem;
}

.jhb-ambulant-page .jah-offer--compact .jah-offer__actions{
  justify-content:center;
}

.jhb-ambulant-page .jah-offer--compact .jah-btn{
  min-width:220px;
}

.jhb-ambulant-page .jah-offer__icon{
  width:68px;
  height:68px;
  border-radius:22px;
  display:grid;
  place-items:center;
  margin:2px auto 4px;
  background:linear-gradient(135deg,#EFF8F1,#EAF2EB);
  border:1px solid rgba(85,113,95,.16);
  box-shadow:0 14px 24px rgba(20,39,49,.05);
  color:var(--jah-green-dark);
}

.jhb-ambulant-page .jah-offer__icon svg{
  width:32px;
  height:32px;
}

/* =========================================================
   Regions / Process / FAQ / CTA
   ========================================================= */

.jhb-ambulant-page .jah-region-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(250px,1fr));
  gap:28px;
  align-items:stretch;
}

.jhb-ambulant-page .jah-region{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:290px;
  padding:30px 24px 24px;
  text-align:center;
}

.jhb-ambulant-page .jah-region h3{
  margin:18px 0 12px;
  text-align:center;
  font-size:1.34rem;
  line-height:1.14;
  letter-spacing:-.025em;
}

.jhb-ambulant-page .jah-region p{
  margin:0;
  text-align:center;
  font-size:.96rem;
  line-height:1.82;
  color:var(--jah-muted-soft);
}

.jhb-ambulant-page .jah-region .jah-offer__actions{
  justify-content:center;
}

.jhb-ambulant-page .jah-region .jah-btn{
  min-width:220px;
}

.jhb-ambulant-page .jah-process-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.jhb-ambulant-page .jah-process-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-height:286px;
  padding:30px 24px 24px;
  text-align:left;
  box-shadow:0 18px 38px rgba(20,39,49,.07);
}

.jhb-ambulant-page .jah-process-card > .jah-pill,
.jhb-ambulant-page .jah-process-card > .jah-note,
.jhb-ambulant-page .jah-process-card > .jah-eyebrow{
  align-self:center;
}

.jhb-ambulant-page .jah-process-card h3{
  width:100%;
  margin:16px 0 12px;
  text-align:left;
  font-size:1.4rem;
  line-height:1.12;
  letter-spacing:-.025em;
}

.jhb-ambulant-page .jah-process-card p{
  width:100%;
  max-width:none;
  margin:0;
  text-align:left;
  font-size:.97rem;
  line-height:1.82;
  color:var(--jah-muted-soft);
}

.jhb-ambulant-page .jah-process-card .jah-checks{
  width:100%;
  max-width:none;
  margin:18px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.jhb-ambulant-page .jah-process-card .jah-checks li{
  width:100%;
  padding-left:22px;
  text-align:left;
  line-height:1.58;
}

.jhb-ambulant-page .jah-faq-wrap{
  max-width:940px;
}

.jhb-ambulant-page .jah-faq-list{
  display:grid;
  gap:16px;
}

.jhb-ambulant-page .jah-faq-item{
  border-radius:26px;
  border:1px solid var(--jah-line);
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.97) 0%, rgba(255,255,255,0) 38%),
    linear-gradient(180deg,var(--jah-card-top) 0%,var(--jah-card-bottom) 100%);
  box-shadow:var(--jah-shadow-sm);
  overflow:hidden;
  transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease;
}

.jhb-ambulant-page .jah-faq-item:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 42px rgba(20,39,49,.08);
  border-color:rgba(233,98,11,.18);
}

.jhb-ambulant-page .jah-faq-item summary{
  position:relative;
  display:block;
  width:100%;
  cursor:pointer;
  list-style:none;
  padding:24px 62px 24px 24px;
  text-align:left;
  font-size:1.1rem;
  font-weight:800;
  line-height:1.45;
}

.jhb-ambulant-page .jah-faq-item summary::-webkit-details-marker{display:none}

.jhb-ambulant-page .jah-faq-item summary::after{
  content:"+";
  position:absolute;
  right:22px;
  top:50%;
  width:28px;
  height:28px;
  border-radius:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  background:rgba(233,98,11,.08);
  color:var(--jah-brand);
  font-size:20px;
  font-weight:900;
  transition:transform .22s ease, background-color .22s ease;
}

.jhb-ambulant-page .jah-faq-item[open] summary::after{
  transform:translateY(-50%) rotate(45deg);
  background:rgba(233,98,11,.14);
}

.jhb-ambulant-page .jah-faq-answer{
  padding:0 24px 24px;
  text-align:left;
}

.jhb-ambulant-page .jah-faq-answer p{
  width:100%;
  max-width:none;
  margin:0;
  text-align:left;
  font-size:1rem;
  line-height:1.82;
  color:var(--jah-muted);
}

.jhb-ambulant-page .jah-cta{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  gap:24px;
  padding:40px 40px;
  border-radius:32px;
  box-shadow:0 24px 50px rgba(20,39,49,.10);
  overflow:visible;
}

.jhb-ambulant-page .jah-cta::after{
  content:"";
  position:absolute;
  right:-26px;
  top:-30px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(110,144,121,.06) 0%, rgba(110,144,121,0) 72%);
  opacity:.28;
  animation:jahPulse 4.5s ease-in-out infinite;
}

.jhb-ambulant-page .jah-cta__copy h2{
  margin:16px 0 12px;
  font-size:clamp(2.1rem,3.1vw,3.15rem);
  line-height:1.04;
  letter-spacing:-.045em;
}

.jhb-ambulant-page .jah-cta__copy p{
  margin:0;
  max-width:720px;
  color:var(--jah-muted);
}

.jhb-ambulant-page .jah-cta__actions{
  display:flex;
  justify-content:flex-end;
  gap:14px;
  flex-wrap:wrap;
}

/* =========================================================
   Motion / Reveal / Responsive / Accessibility
   ========================================================= */

.jhb-ambulant-page .jah-reveal{
  opacity:0;
  transform:translateY(28px) scale(.98);
  transition:
    opacity .68s cubic-bezier(.2,.8,.2,1),
    transform .68s cubic-bezier(.2,.8,.2,1);
  transition-delay:var(--jah-delay, 0ms);
}

.jhb-ambulant-page .jah-reveal.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

@keyframes jahHeroZoom{
  from{transform:scale(1.02) translate3d(0,0,0)}
  to{transform:scale(1.07) translate3d(0,-6px,0)}
}

@keyframes jahFloatSoft{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}

@keyframes jahFloatCard{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@keyframes jahPulse{
  0%,100%{transform:scale(1);opacity:.85}
  50%{transform:scale(1.08);opacity:1}
}

@media (max-width: 1199px){
   .jhb-ambulant-page .jah-offers-grid{
    grid-template-columns:repeat(auto-fit,minmax(270px,310px));
    gap:28px;
    max-width:980px;
  }

  .jhb-ambulant-page .jah-offers-grid--single{
    grid-template-columns:minmax(300px,340px);
    max-width:340px;
  }

  .jhb-ambulant-page .jah-offers-grid--double{
    grid-template-columns:repeat(2,minmax(270px,320px));
    max-width:664px;
  }

  .jhb-ambulant-page .jah-offers-grid--compact{
    grid-template-columns:minmax(660px,760px);
    max-width:760px;
  }

  .jhb-ambulant-page .jah-region-grid{
    grid-template-columns:repeat(2,minmax(240px,1fr));
  }

  .jhb-ambulant-page .jah-section{
    padding:96px 0;
  }

  .jhb-ambulant-page .jah-hero{
    min-height:840px;
  }

  .jhb-ambulant-page .jah-hero__inner{
    padding:128px 0 198px;
  }
}

@media (max-width: 1024px){
  .jhb-ambulant-page .jah-wrap{
    width:min(var(--jah-max),calc(100% - 26px));
  }

  .jhb-ambulant-page .jah-benefits-grid,
  .jhb-ambulant-page .jah-process-grid,
  .jhb-ambulant-page .jah-cta,
  .jhb-ambulant-page .jah-orientation{
    grid-template-columns:1fr;
  }

  .jhb-ambulant-page .jah-cta__actions{
    justify-content:flex-start;
  }

  .jhb-ambulant-page .jah-section-head{
    margin-bottom:34px;
  }

  .jhb-ambulant-page .jah-hero{
    min-height:790px;
  }

  .jhb-ambulant-page .jah-hero__media img{
    object-position:center 42%;
  }

  .jhb-ambulant-page .jah-hero__inner{
    padding:118px 0 176px;
  }

  .jhb-ambulant-page .jah-hero__overlay{
    background:
      radial-gradient(720px 300px at 50% 14%, rgba(255,255,255,.05), transparent 64%),
      linear-gradient(180deg, rgba(9,18,27,.54) 0%, rgba(9,18,27,.36) 38%, rgba(247,243,236,.94) 100%);
  }
}

@media (max-width: 767px){
  .jhb-ambulant-page .jah-wrap{
    width:min(var(--jah-max),calc(100% - 22px));
  }

  .jhb-ambulant-page .jah-section{
    padding:78px 0;
  }

  .jhb-ambulant-page .jah-section--benefits{
    margin-top:-46px;
  }

  .jhb-ambulant-page .jah-section--intro{
    padding-top:8px;
    padding-bottom:0;
  }

  .jhb-ambulant-page .jah-section-head{
    margin-bottom:38px;
  }

  .jhb-ambulant-page .jah-section-head h2{
    font-size:clamp(1.9rem,8vw,2.45rem);
  }

  .jhb-ambulant-page .jah-hero{
    min-height:820px;
  }

  .jhb-ambulant-page .jah-hero__media img{
    object-position:center center;
    transform:scale(1.02);
    animation:none;
  }

  .jhb-ambulant-page .jah-hero__overlay{
    background:
      linear-gradient(180deg, rgba(9,18,27,.45) 0%, rgba(9,18,27,.24) 44%, rgba(247,243,236,.95) 100%);
  }

  .jhb-ambulant-page .jah-hero::after{
    height:170px;
    background:linear-gradient(180deg, rgba(247,243,236,0) 0%, rgba(247,243,236,.97) 100%);
  }

  .jhb-ambulant-page .jah-hero__inner{
    padding:104px 0 154px;
  }

  .jhb-ambulant-page .jah-crumbs{
    margin-bottom:10px;
    font-size:.76rem;
    gap:8px;
  }

  .jhb-ambulant-page .jah-eyebrow--hero{
    min-height:30px;
    padding:7px 14px;
    font-size:10.5px;
    letter-spacing:.08em;
  }

  .jhb-ambulant-page .jah-hero__inner h1{
    max-width:320px;
    margin:14px auto 0;
    font-size:clamp(1.95rem,8.4vw,2.8rem);
    line-height:1.12;
  }

  .jhb-ambulant-page .jah-hero__sub{
    max-width:320px;
    margin:12px auto 0;
    font-size:clamp(.98rem,4.4vw,1.08rem);
    line-height:1.32;
  }

  .jhb-ambulant-page .jah-hero__text{
    max-width:320px;
    margin:12px auto 0;
    font-size:.92rem;
    line-height:1.58;
    opacity:.96;
  }

  .jhb-ambulant-page .jah-offers-grid,
  .jhb-ambulant-page .jah-offers-grid--single,
  .jhb-ambulant-page .jah-offers-grid--double,
  .jhb-ambulant-page .jah-offers-grid--compact,
  .jhb-ambulant-page .jah-region-grid,
  .jhb-ambulant-page .jah-process-grid,
  .jhb-ambulant-page .jah-benefits-grid{
    grid-template-columns:1fr;
    gap:20px;
    max-width:100%;
  }

  .jhb-ambulant-page .jah-card,
  .jhb-ambulant-page .jah-faq-item{
    border-radius:24px;
  }

  .jhb-ambulant-page .jah-benefit,
  .jhb-ambulant-page .jah-region,
  .jhb-ambulant-page .jah-process-card,
  .jhb-ambulant-page .jah-cta,
  .jhb-ambulant-page .jah-orientation{
    padding:24px 20px 22px;
  }

  .jhb-ambulant-page .jah-offer__body{
    padding:24px 20px 22px;
  }

  .jhb-ambulant-page .jah-pill--below-image{
    margin:4px auto 12px;
  }

  .jhb-ambulant-page .jah-offer__body h3{
    margin-bottom:10px;
    font-size:1.38rem;
    line-height:1.16;
  }

  .jhb-ambulant-page .jah-offer__body > p{
    margin-bottom:16px;
    font-size:.98rem;
    line-height:1.64;
  }

  .jhb-ambulant-page .jah-checks{
    max-width:280px;
    margin:0 auto 18px;
    gap:10px;
  }

  .jhb-ambulant-page .jah-checks li{
    padding-left:22px;
    font-size:.97rem;
    line-height:1.56;
  }

  .jhb-ambulant-page .jah-offer__actions{
    padding-top:12px;
  }

  .jhb-ambulant-page .jah-group{
    margin-top:56px;
  }

  .jhb-ambulant-page .jah-group__head{
    margin-bottom:20px;
  }

  .jhb-ambulant-page .jah-group__head h3{
    font-size:clamp(1.55rem,7vw,2rem);
  }

  .jhb-ambulant-page .jah-offer__shade{
    background:linear-gradient(180deg, rgba(16,26,34,.02) 0%, rgba(16,26,34,.12) 100%);
  }

  .jhb-ambulant-page .jah-faq-item summary{
    padding:21px 54px 21px 20px;
  }

  .jhb-ambulant-page .jah-faq-answer{
    padding:0 20px 20px;
  }

  .jhb-ambulant-page .jah-btn{
    width:100%;
    min-width:0;
    white-space:normal;
  }

  .jhb-ambulant-page .jah-hero__actions,
  .jhb-ambulant-page .jah-cta__actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  .jhb-ambulant-page .jah-hero__actions{
    margin-top:28px;
    gap:10px;
  }

  .jhb-ambulant-page .jah-checks{
    max-width:100%;
  }
}



/* =========================================================
   Hero Ghost Button – bessere Lesbarkeit auf hellem Overlay
   ========================================================= */
.jhb-ambulant-page .jah-hero .jah-btn--ghost,
.jhb-ambulant-page .jah-hero .jah-btn--ghost:visited,
.jhb-ambulant-page .jah-hero .jah-btn--ghost:hover,
.jhb-ambulant-page .jah-hero .jah-btn--ghost:focus-visible,
.jhb-ambulant-page .jah-hero .jah-btn--ghost span{
  color:#1b2b36;
}

.jhb-ambulant-page .jah-hero .jah-btn--ghost{
  background:rgba(255,255,255,.88);
  border-color:rgba(0,0,0,.08);
  box-shadow:0 10px 26px rgba(0,0,0,.16);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.jhb-ambulant-page .jah-hero .jah-btn--ghost:hover,
.jhb-ambulant-page .jah-hero .jah-btn--ghost:focus-visible{
  background:rgba(255,255,255,.90);
  border-color:rgba(0,0,0,.12);
}


@media (max-width: 1024px){
  .jhb-ambulant-page .jah-offer__media{
    aspect-ratio: 16 / 9.6;
    min-height: 238px;
  }

  .jhb-ambulant-page .jah-offer__media img{
    transform: scale(1.04);
    object-position: center 42%;
  }

  .jhb-ambulant-page .jah-offer__body{
    padding-top: 18px;
  }
}

@media (max-width: 767px){
  .jhb-ambulant-page .jah-offers-grid--single{
    max-width: 100%;
  }

  .jhb-ambulant-page .jah-offer{
    border-radius: 26px;
  }

  .jhb-ambulant-page .jah-offer__media{
    aspect-ratio: 16 / 10.4;
    min-height: 252px;
    border-radius: 26px 26px 0 0;
  }

  .jhb-ambulant-page .jah-offer__media img{
    transform: scale(1.05);
    object-position: center 40%;
  }

  .jhb-ambulant-page .jah-offer__body{
    padding: 20px 20px 22px;
    margin-top: -4px;
  }
}

@media (max-width: 480px){
  .jhb-ambulant-page .jah-offer__media{
    min-height: 270px;
    aspect-ratio: 16 / 11.2;
  }

  .jhb-ambulant-page .jah-offer__media img{
    transform: scale(1.06);
    object-position: center 38%;
  }

  .jhb-ambulant-page .jah-group__head{
    margin-bottom: 28px;
  }
}

@media (prefers-reduced-motion: reduce){
  .jhb-ambulant-page *,
  .jhb-ambulant-page *::before,
  .jhb-ambulant-page *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }

  .jhb-ambulant-page .jah-reveal{
    opacity:1 !important;
    transform:none !important;
  }
}


/* V5 refinement */
.jhb-ambulant-page .jah-group:first-child .jah-group__head{margin-bottom:64px;}


/* SEO polish */
.jhb-ambulant-page .jah-section--intro .jah-lead{
  max-width:760px;
  font-size:1rem;
}


/* =========================================================
   Card System Final – Alignment polish
   ========================================================= */
@media (max-width: 1024px){
  .jhb-ambulant-page .jah-offers-grid{
    gap:32px 24px;
  }

  .jhb-ambulant-page .jah-offer__media{
    aspect-ratio:16/9.8;
  }

  .jhb-ambulant-page .jah-offer__body > p{
    min-height:5.6em;
  }
}

@media (max-width: 768px){
  .jhb-ambulant-page .jah-offer__media{
    aspect-ratio:16/10.4;
  }

  .jhb-ambulant-page .jah-offer__body{
    padding:18px 20px 22px;
  }

  .jhb-ambulant-page .jah-offer__body h3{
    min-height:0;
  }

  .jhb-ambulant-page .jah-offer__body > p{
    min-height:0;
    max-width:30ch;
    margin-bottom:16px;
  }

  .jhb-ambulant-page .jah-checks{
    min-height:0;
    max-width:250px;
    margin-bottom:18px;
  }
}



@media (max-width: 1024px){
  .jhb-ambulant-page .jah-offer__media{
    aspect-ratio:16/10.1;
    min-height:184px;
  }

  .jhb-ambulant-page .jah-offer__body::before{
    width:118px;
    height:36px;
  }
}

@media (max-width: 767px){
  .jhb-ambulant-page .jah-offer__media{
    aspect-ratio:16/10.8;
    min-height:210px;
  }

  .jhb-ambulant-page .jah-pill--below-image{
    margin:-13px auto 12px;
    box-shadow:
      0 8px 16px rgba(20,39,49,.06),
      0 0 0 4px #FFFDF9;
  }

  .jhb-ambulant-page .jah-offer__body{
    padding:0 20px 22px;
  }

  .jhb-ambulant-page .jah-offer__body::before{
    top:-9px;
    width:84px;
    height:20px;
  }
}