/* =========================================================
   JHB Leistungen Hub – Clean Master CSS
   Saubere Basis ohne Patch-Blöcke oder Altlasten
   ========================================================= */

.jhb-leistungen-hub{
  --jlh-brand:#E9620B;
  --jlh-brand-dark:#C95409;
  --jlh-ink:#183243;
  --jlh-muted:#607482;
  --jlh-bg:#F7F3EC;
  --jlh-white:#FFFDF9;
  --jlh-line:#E8DDD0;
  --jlh-card-top:#FFFDF9;
  --jlh-card-bottom:#F8F2E9;
  --jlh-radius-xl:34px;
  --jlh-radius-lg:28px;
  --jlh-shadow-soft:0 14px 34px rgba(20,39,49,.06);
  --jlh-shadow:0 24px 54px rgba(20,39,49,.10);
  --jlh-max:1180px;
  --jlh-ease:cubic-bezier(.22,1,.36,1);
  --jlh-ease-soft:cubic-bezier(.16,1,.3,1);

  --jlh-ambulant:#E9620B;
  --jlh-ambulant-dark:#C95409;
  --jlh-stationaer:#7A6A5C;
  --jlh-stationaer-dark:#5D5147;
  --jlh-region:#6F8F7A;
  --jlh-region-dark:#587362;

  font-family:"Nunito Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--jlh-ink);
  background:var(--jlh-bg);
  line-height:1.72;
}

.jhb-leistungen-hub *,
.jhb-leistungen-hub *::before,
.jhb-leistungen-hub *::after{box-sizing:border-box}

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

.jlh-wrap{width:min(var(--jlh-max),calc(100% - 32px));margin:0 auto}
.jlh-section{padding:92px 0;scroll-margin-top:110px}
.jlh-section--white{background:var(--jlh-white)}
.jlh-section--soft{background:linear-gradient(180deg,#FBF8F3 0%,#F4EEE5 100%)}
.jlh-section--compact{padding-top:40px;padding-bottom:40px}
.jlh-section--intro{padding-top:84px;padding-bottom:40px}

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

.jlh-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 16px;
  border-radius:999px;
  border:1px solid rgba(233,98,11,.16);
  background:rgba(233,98,11,.06);
  color:#A55A24;
  font-size:12px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-align:center;
  margin-inline:auto;
}

.jlh-section-head{
  max-width:940px;
  margin:0 auto 58px;
  text-align:center;
}

.jlh-section-head > *{margin-left:auto;margin-right:auto}

.jlh-section-head h2{
  margin:16px 0 0;
  font-size:clamp(2rem,3.2vw,3.15rem);
  line-height:1.06;
  letter-spacing:-.04em;
  text-wrap:balance;
}

.jlh-section-head p{
  margin:22px auto 0;
  max-width:820px;
  color:var(--jlh-muted);
  font-size:1.04rem;
  line-height:1.88;
  text-align:center;
}

.jlh-divider{
  width:88px;
  height:2px;
  border-radius:999px;
  margin:18px auto 0;
  background:linear-gradient(90deg,rgba(122,106,92,.12),rgba(122,106,92,.72),rgba(122,106,92,.12));
}

/* =========================================================
   Buttons
   ========================================================= */

.jlh-btn-row{
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:26px;
}

.jlh-btn,
.jlh-hero-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.2;
}

.jlh-btn{
  min-height:54px;
  padding:0 26px;
  border-radius:999px;
  border:1px solid transparent;
  font-weight:800;
  font-size:15px;
  letter-spacing:.01em;
  line-height:1;
  text-decoration:none;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease,color .24s ease;
}

.jlh-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(20,39,49,.14)}

.jlh-btn--ambulant{
  color:#fff;
  background:linear-gradient(135deg,var(--jlh-ambulant),var(--jlh-ambulant-dark));
  box-shadow:0 12px 28px rgba(233,98,11,.24);
}

.jlh-btn--ambulant:hover,
.jlh-btn--ambulant:focus-visible{
  color:#fff;
  background:linear-gradient(135deg,#f07412,#cc570a);
  box-shadow:0 18px 36px rgba(233,98,11,.32);
}

.jlh-btn--stationaer{
  color:#fff;
  background:linear-gradient(135deg,var(--jlh-stationaer),var(--jlh-stationaer-dark));
  box-shadow:0 14px 28px rgba(93,81,71,.18);
}

.jlh-btn--stationaer:hover,
.jlh-btn--stationaer:focus-visible{
  color:#fff;
  background:linear-gradient(135deg,#806d5f,#57493f);
  box-shadow:0 18px 36px rgba(93,81,71,.24);
}

.jlh-btn--secondary{
  color:#fff;
  background:linear-gradient(135deg,#B77943,#9D6231);
  border-color:rgba(157,98,49,.18);
  box-shadow:0 12px 24px rgba(121,86,63,.16);
}

.jlh-btn--secondary:hover,
.jlh-btn--secondary:focus-visible{
  color:#fff;
  background:linear-gradient(135deg,#A96936,#8F5328);
  border-color:rgba(143,83,40,.24);
  box-shadow:0 16px 32px rgba(121,86,63,.22);
}

.jlh-btn--region,
.jlh-btn--region-berlin,
.jlh-btn--region-barnim,
.jlh-btn--region-mol,
.jlh-btn--region-uckermark,
.jlh-btn--region-prignitz,
.jlh-btn--region-oderspree{
  color:#fff;
}

.jlh-btn--region{
  background:linear-gradient(135deg,var(--jlh-region),var(--jlh-region-dark));
  box-shadow:0 12px 24px rgba(88,115,98,.22);
}

.jlh-btn--region:hover,
.jlh-btn--region:focus-visible{
  color:#fff;
  background:linear-gradient(135deg,#769783,#5b7766);
  box-shadow:0 18px 36px rgba(88,115,98,.30);
}

.jlh-btn--region-berlin{background:linear-gradient(135deg,#6F8F7A,#587362);box-shadow:0 12px 24px rgba(88,115,98,.22)}
.jlh-btn--region-berlin:hover,.jlh-btn--region-berlin:focus-visible{color:#fff;background:linear-gradient(135deg,#789886,#5a7666);box-shadow:0 18px 36px rgba(88,115,98,.30)}
.jlh-btn--region-barnim{background:linear-gradient(135deg,#E7861F,#CF6410);box-shadow:0 12px 24px rgba(207,100,16,.24)}
.jlh-btn--region-barnim:hover,.jlh-btn--region-barnim:focus-visible{color:#fff;background:linear-gradient(135deg,#ee8d28,#c75d0c);box-shadow:0 18px 36px rgba(207,100,16,.32)}
.jlh-btn--region-mol{background:linear-gradient(135deg,#8BA16B,#6A7D4F);box-shadow:0 12px 24px rgba(106,125,79,.22)}
.jlh-btn--region-mol:hover,.jlh-btn--region-mol:focus-visible{color:#fff;background:linear-gradient(135deg,#93a975,#66794d);box-shadow:0 18px 36px rgba(106,125,79,.30)}
.jlh-btn--region-uckermark{background:linear-gradient(135deg,#6D9176,#557A62);box-shadow:0 12px 24px rgba(85,122,98,.22)}
.jlh-btn--region-uckermark:hover,.jlh-btn--region-uckermark:focus-visible{color:#fff;background:linear-gradient(135deg,#74997e,#53755f);box-shadow:0 18px 36px rgba(85,122,98,.30)}
.jlh-btn--region-prignitz{background:linear-gradient(135deg,#C79A3E,#A87A25);box-shadow:0 12px 24px rgba(167,122,37,.22)}
.jlh-btn--region-prignitz:hover,.jlh-btn--region-prignitz:focus-visible{color:#fff;background:linear-gradient(135deg,#d0a447,#a1711f);box-shadow:0 18px 36px rgba(167,122,37,.30)}
.jlh-btn--region-oderspree{background:linear-gradient(135deg,#5F8DB3,#47759B);box-shadow:0 12px 24px rgba(71,117,155,.22)}
.jlh-btn--region-oderspree:hover,.jlh-btn--region-oderspree:focus-visible{color:#fff;background:linear-gradient(135deg,#6998be,#416f95);box-shadow:0 18px 36px rgba(71,117,155,.30)}

.jhb-leistungen-hub .jlh-btn,
.jhb-leistungen-hub .jlh-btn:visited,
.jhb-leistungen-hub .jlh-btn:hover,
.jhb-leistungen-hub .jlh-btn:focus-visible,
.jhb-leistungen-hub .jlh-hero-link,
.jhb-leistungen-hub .jlh-hero-link:visited,
.jhb-leistungen-hub .jlh-hero-link:hover,
.jhb-leistungen-hub .jlh-hero-link:focus-visible{
  text-decoration:none;
}

.jhb-leistungen-hub .jlh-btn--ambulant,
.jhb-leistungen-hub .jlh-btn--ambulant:visited,
.jhb-leistungen-hub .jlh-btn--ambulant:hover,
.jhb-leistungen-hub .jlh-btn--ambulant:focus-visible,
.jhb-leistungen-hub .jlh-btn--stationaer,
.jhb-leistungen-hub .jlh-btn--stationaer:visited,
.jhb-leistungen-hub .jlh-btn--stationaer:hover,
.jhb-leistungen-hub .jlh-btn--stationaer:focus-visible,
.jhb-leistungen-hub .jlh-btn--secondary,
.jhb-leistungen-hub .jlh-btn--secondary:visited,
.jhb-leistungen-hub .jlh-btn--secondary:hover,
.jhb-leistungen-hub .jlh-btn--secondary:focus-visible,
.jhb-leistungen-hub .jlh-btn--region,
.jhb-leistungen-hub .jlh-btn--region:visited,
.jhb-leistungen-hub .jlh-btn--region:hover,
.jhb-leistungen-hub .jlh-btn--region:focus-visible,
.jhb-leistungen-hub .jlh-btn--region-berlin,
.jhb-leistungen-hub .jlh-btn--region-berlin:visited,
.jhb-leistungen-hub .jlh-btn--region-berlin:hover,
.jhb-leistungen-hub .jlh-btn--region-berlin:focus-visible,
.jhb-leistungen-hub .jlh-btn--region-barnim,
.jhb-leistungen-hub .jlh-btn--region-barnim:visited,
.jhb-leistungen-hub .jlh-btn--region-barnim:hover,
.jhb-leistungen-hub .jlh-btn--region-barnim:focus-visible,
.jhb-leistungen-hub .jlh-btn--region-mol,
.jhb-leistungen-hub .jlh-btn--region-mol:visited,
.jhb-leistungen-hub .jlh-btn--region-mol:hover,
.jhb-leistungen-hub .jlh-btn--region-mol:focus-visible,
.jhb-leistungen-hub .jlh-btn--region-uckermark,
.jhb-leistungen-hub .jlh-btn--region-uckermark:visited,
.jhb-leistungen-hub .jlh-btn--region-uckermark:hover,
.jhb-leistungen-hub .jlh-btn--region-uckermark:focus-visible,
.jhb-leistungen-hub .jlh-btn--region-prignitz,
.jhb-leistungen-hub .jlh-btn--region-prignitz:visited,
.jhb-leistungen-hub .jlh-btn--region-prignitz:hover,
.jhb-leistungen-hub .jlh-btn--region-prignitz:focus-visible,
.jhb-leistungen-hub .jlh-btn--region-oderspree,
.jhb-leistungen-hub .jlh-btn--region-oderspree:visited,
.jhb-leistungen-hub .jlh-btn--region-oderspree:hover,
.jhb-leistungen-hub .jlh-btn--region-oderspree:focus-visible,
.jhb-leistungen-hub .jlh-hero-link--ambulant,
.jhb-leistungen-hub .jlh-hero-link--ambulant:visited,
.jhb-leistungen-hub .jlh-hero-link--ambulant:hover,
.jhb-leistungen-hub .jlh-hero-link--ambulant:focus-visible,
.jhb-leistungen-hub .jlh-hero-link--stationaer,
.jhb-leistungen-hub .jlh-hero-link--stationaer:visited,
.jhb-leistungen-hub .jlh-hero-link--stationaer:hover,
.jhb-leistungen-hub .jlh-hero-link--stationaer:focus-visible,
.jhb-leistungen-hub .jlh-hero-link--region,
.jhb-leistungen-hub .jlh-hero-link--region:visited,
.jhb-leistungen-hub .jlh-hero-link--region:hover,
.jhb-leistungen-hub .jlh-hero-link--region:focus-visible{
  color:#fff;
}

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

.jlh-hero{
  position:relative;
  overflow:hidden;
  min-height:760px;
  background:
    radial-gradient(900px 420px at 50% 20%, rgba(255,189,115,.06), transparent 70%),
    linear-gradient(180deg, rgba(10,16,14,.18) 0%, rgba(10,16,14,.12) 42%, rgba(247,243,236,.92) 100%);
}

.jlh-hero__media{
  position:absolute;
  inset:0;
  overflow:hidden;
}

.jlh-hero__media::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  transition:opacity .28s ease;
}

.jlh-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:70% 24%;
  transform:scale(1.02);
  filter:contrast(1.04) brightness(.88);
  animation:none;
}

.jlh-hero__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at center,
      rgba(8,13,12,.18) 0%,
      rgba(8,13,12,.28) 38%,
      rgba(8,13,12,.46) 100%),
    linear-gradient(180deg,
      rgba(8,13,12,.24) 0%,
      rgba(8,13,12,.16) 42%,
      rgba(8,13,12,.08) 100%);
}

.jlh-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:164px;
  background:
    linear-gradient(180deg,
      rgba(247,243,236,0) 0%,
      rgba(247,243,236,.10) 34%,
      rgba(247,243,236,.34) 58%,
      rgba(247,243,236,.72) 82%,
      rgba(247,243,236,.98) 100%);
}

.jlh-hero__inner{
  position:relative;
  z-index:1;
  width:min(var(--jlh-max),calc(100% - 32px));
  margin:0 auto;
  padding:96px 0 144px;
  text-align:center;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.jlh-hero__content{
  width:100%;
  max-width:860px;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.jlh-hero__inner > *{
  animation:jlhHeroRise .9s var(--jlh-ease-soft) both;
}

.jlh-hero__content > *{
  width:100%;
}

.jlh-crumbs{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
  font-size:.92rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  opacity:.95;
}

.jlh-crumbs .sep{opacity:.55}

.jlh-hero .jlh-eyebrow{
  background:rgba(255,250,245,.95);
  color:#8E4D1B;
  border-color:rgba(255,255,255,.34);
  margin-inline:auto;
}

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

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

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

.jlh-hero__sub-break{display:inline}

.jlh-hero__links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,220px));
  gap:14px;
  justify-content:center;
  width:100%;
  max-width:760px;
  margin:42px auto 0;
}

.jlh-hero-link{
  min-height:62px;
  padding:14px 18px;
  border-radius:20px;
  border:1px solid transparent;
  font-weight:800;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}

.jlh-hero-link:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(20,39,49,.18)}
.jlh-hero-link--ambulant{color:#fff;background:linear-gradient(135deg,var(--jlh-ambulant),var(--jlh-ambulant-dark));box-shadow:0 16px 30px rgba(233,98,11,.22)}
.jlh-hero-link--ambulant:hover{color:#fff;background:linear-gradient(135deg,#f07412,#cc570a);box-shadow:0 20px 38px rgba(233,98,11,.26)}
.jlh-hero-link--stationaer{color:#fff;background:linear-gradient(135deg,var(--jlh-stationaer),var(--jlh-stationaer-dark));box-shadow:0 16px 30px rgba(93,81,71,.18)}
.jlh-hero-link--stationaer:hover{color:#fff;background:linear-gradient(135deg,#806d5f,#57493f);box-shadow:0 20px 38px rgba(93,81,71,.24)}
.jlh-hero-link--region{color:#fff;background:linear-gradient(135deg,var(--jlh-region),var(--jlh-region-dark));box-shadow:0 12px 24px rgba(88,115,98,.18)}
.jlh-hero-link--region:hover{color:#fff;background:linear-gradient(135deg,#6b8a76,#567160);box-shadow:0 18px 34px rgba(88,115,98,.22)}

/* =========================================================
   Global JHB button system
   ========================================================= */

.jhb-btn,
.wp-block-button__link,
button,
input[type="submit"],
input[type="button"],
input[type="reset"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 26px;
  min-height:54px;
  border-radius:999px;
  border:none;
  font-weight:700;
  font-size:15px;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease;
}

.jhb-btn:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover{
  transform:translateY(-2px);
}

.jhb-btn--primary{
  background:#E9620B;
  color:#fff;
  box-shadow:0 12px 28px rgba(233,98,11,.24);
}

.jhb-btn--primary:hover,
.jhb-btn--primary:focus-visible{
  background:#cf5208;
  color:#fff;
  box-shadow:0 18px 36px rgba(233,98,11,.34);
}

.jhb-btn--secondary{
  background:#6E8F7B;
  color:#fff;
  box-shadow:0 12px 28px rgba(110,143,123,.24);
}

.jhb-btn--secondary:hover,
.jhb-btn--secondary:focus-visible{
  background:#5d7a68;
  color:#fff;
  box-shadow:0 18px 36px rgba(110,143,123,.34);
}

.jhb-btn--neutral{
  background:#f1ece6;
  color:#1f2937;
  box-shadow:0 10px 24px rgba(20,39,49,.08);
}

.jhb-btn--neutral:hover,
.jhb-btn--neutral:focus-visible{
  background:#e7dfd7;
  color:#1f2937;
  box-shadow:0 16px 30px rgba(20,39,49,.12);
}

/* =========================================================
   Cards / grids
   ========================================================= */

.jlh-grid-2,
.jlh-grid-4,
.jlh-region-grid{
  display:grid;
  gap:22px;
}

.jlh-grid-2{
  grid-template-columns:repeat(2,minmax(0,460px));
  justify-content:center;
  justify-items:center;
  gap:24px;
}

.jlh-main-cards{
  grid-template-columns:repeat(2,minmax(0,360px));
  justify-content:center;
  justify-items:center;
  gap:22px;
  align-items:stretch;
}

.jlh-grid-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
}

.jlh-region-grid--top{grid-template-columns:repeat(3,minmax(0,1fr))}
.jlh-region-grid--secondary{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}

.jlh-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  background:linear-gradient(180deg,var(--jlh-card-top) 0%,var(--jlh-card-bottom) 100%);
  border:1px solid var(--jlh-line);
  border-radius:var(--jlh-radius-lg);
  box-shadow:var(--jlh-shadow-soft);
  transform:translate3d(0,0,0) scale(1);
  transform-origin:center bottom;
  transition:transform .36s var(--jlh-ease),box-shadow .36s var(--jlh-ease),border-color .28s ease,background .28s ease;
  will-change:transform,box-shadow;
}

.jlh-card::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:calc(var(--jlh-radius-lg) - 1px);
  background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,0) 36%,rgba(255,255,255,.12) 100%);
  opacity:.58;
  z-index:-1;
  pointer-events:none;
}

.jlh-card::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  transition:opacity .34s ease;
  background:radial-gradient(140px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.24),transparent 70%);
}

@media (hover:hover) and (pointer:fine){
  .jlh-card:hover{
    transform:translate3d(0,-10px,0) scale(1.012);
    border-color:rgba(233,98,11,.18);
    box-shadow:0 30px 66px rgba(20,39,49,.13),0 10px 24px rgba(233,98,11,.055);
  }

  .jlh-card:hover::after{
    opacity:1;
  }
}

.jlh-card__pad{padding:34px 28px}

.jlh-card h3{
  margin:0 0 12px;
  font-size:1.34rem;
  line-height:1.16;
  letter-spacing:-.025em;
  text-align:center;
  text-wrap:balance;
}

.jlh-card p{
  margin:0;
  color:var(--jlh-muted);
  text-align:center;
  line-height:1.84;
}

.jlh-card ul{
  width:100%;
  margin:18px 0 0;
  padding-left:1.1rem;
  display:grid;
  gap:8px;
  color:var(--jlh-muted);
  line-height:1.74;
}

.jlh-card ul li{
  text-align:left;
}

.jlh-note{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 13px;
  margin:0 auto 14px;
  border-radius:999px;
  font-size:.79rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-align:center;
  background:rgba(233,98,11,.08);
  color:#A55A24;
  border:1px solid rgba(233,98,11,.12);
}

.jlh-note--stationaer{background:rgba(122,106,92,.10);color:#6A5B4F;border-color:rgba(122,106,92,.16)}
.jlh-note--region{background:rgba(111,143,122,.10);color:#587362;border-color:rgba(111,143,122,.16)}

.jlh-icon-top{
  width:54px;
  height:54px;
  margin:0 auto 16px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,rgba(233,98,11,.12),rgba(233,98,11,.05));
  border:1px solid rgba(233,98,11,.14);
  color:var(--jlh-brand);
  font-weight:900;
  font-size:1rem;
}

.jlh-grid-4 > .jlh-card{
  width:100%;
  max-width:272px;
  justify-self:center;
}

.jlh-grid-4 > .jlh-card h3{
  min-height:3.2em;
  display:flex;
  align-items:center;
  justify-content:center;
}

.jlh-grid-4 > .jlh-card p{max-width:260px}

.jlh-grid-4 > .jlh-card .jlh-btn-row,
.jlh-region-card .jlh-btn-row{margin-top:auto;padding-top:22px}

.jlh-grid-4 > .jlh-card .jlh-btn,
.jlh-region-card .jlh-btn{min-width:214px}

.jlh-main-card .jlh-btn{
  min-width:190px;
  min-height:48px;
  padding-inline:22px;
}

.jlh-main-card{
  position:relative;
  overflow:hidden;
  width:100%;
  max-width:360px;
  min-height:100%;
  justify-self:center;
  align-items:stretch;
  background:
    radial-gradient(400px 150px at 50% 0%, rgba(255,255,255,.34), transparent 70%),
    linear-gradient(180deg,var(--jlh-card-top) 0%,var(--jlh-card-bottom) 100%);
}

.jlh-main-card::before{
  content:"";
  position:absolute;
  top:0;
  left:28px;
  right:28px;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,rgba(233,98,11,0),rgba(233,98,11,.52),rgba(233,98,11,0));
  opacity:.45;
  pointer-events:none;
}

.jlh-main-card:has(.jlh-note--stationaer)::before{
  background:linear-gradient(90deg,rgba(122,106,92,0),rgba(122,106,92,.48),rgba(122,106,92,0));
}


/* Unterstützt beide Markup-Varianten */
.jlh-main-card .jlh-card__pad,
.jlh-main-card.jlh-card__pad{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  height:100%;
  padding:24px 22px 22px;
}

.jlh-main-card .jlh-note,
.jlh-main-card.jlh-card__pad > .jlh-note{
  margin:0 auto 12px;
  align-self:center;
}

.jlh-main-card h3{
  margin:0 0 10px;
  max-width:17ch;
  align-self:center;
  text-align:center;
  font-size:1.2rem;
  line-height:1.14;
  letter-spacing:-.025em;
  text-wrap:balance;
}

.jlh-main-card > .jlh-card__pad > p,
.jlh-main-card.jlh-card__pad > p{
  max-width:30ch;
  margin:0 auto;
  align-self:center;
  text-align:center;
  color:var(--jlh-muted);
  font-size:.94rem;
  line-height:1.58;
}

.jlh-main-card ul{
  width:100%;
  max-width:none;
  margin:16px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:6px;
  align-self:stretch;
}

.jlh-main-card ul li{
  position:relative;
  width:100%;
  padding-left:15px;
  text-align:left;
  color:var(--jlh-muted);
  font-size:.94rem;
  line-height:1.42;
}

.jlh-main-card ul li::before{
  content:"";
  position:absolute;
  left:0;
  top:0.66em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--jlh-ambulant);
  transform:translateY(-50%);
  opacity:.9;
}

.jlh-main-card .jlh-note--stationaer ~ ul li::before,
.jlh-main-card.jlh-card__pad > .jlh-note--stationaer ~ ul li::before{
  background:var(--jlh-stationaer);
}

.jlh-main-card .jlh-btn-row,
.jlh-main-card.jlh-card__pad > .jlh-btn-row{
  width:100%;
  margin-top:auto;
  padding-top:18px;
  display:flex;
  justify-content:center;
}

/* =========================================================
   Regions
   ========================================================= */

.jlh-region-card{border-color:#eadfd2}
.jlh-region-card strong{
  display:block;
  margin-bottom:8px;
  text-align:center;
  font-size:1.18rem;
  line-height:1.2;
  letter-spacing:-.02em;
}

.jlh-region-card .jlh-note{
  max-width:100%;
  font-size:.72rem;
  letter-spacing:.09em;
  padding:7px 12px;
}

.jlh-region-card--small strong{font-size:1.12rem}
.jlh-region-card--small p{max-width:270px}

.jlh-region-card--berlin{background:linear-gradient(180deg,#fffdfa 0%,#f2f6f3 100%);border-color:rgba(111,143,122,.18)}
.jlh-region-card--barnim{background:linear-gradient(180deg,#fffdfa 0%,#f8f0e7 100%);border-color:rgba(207,100,16,.18)}
.jlh-region-card--mol{background:linear-gradient(180deg,#fffdfa 0%,#f5f7ef 100%);border-color:rgba(106,125,79,.18)}
.jlh-region-card--mol-soft{background:linear-gradient(180deg,#fffdfa 0%,#f7f8f2 100%);border-color:rgba(106,125,79,.14)}
.jlh-region-card--uckermark{background:linear-gradient(180deg,#fffdfa 0%,#f1f6f2 100%);border-color:rgba(85,122,98,.16)}
.jlh-region-card--prignitz{background:linear-gradient(180deg,#fffdfa 0%,#faf5e9 100%);border-color:rgba(167,122,37,.16)}
.jlh-region-card--oderspree{background:linear-gradient(180deg,#fffdfa 0%,#eef4f9 100%);border-color:rgba(71,117,155,.16)}

.jlh-region-subhead{
  display:flex;
  justify-content:center;
  margin:34px 0 22px;
}

.jlh-region-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:14px 28px;
  border-radius:999px;
  border:1px solid rgba(233,98,11,.34);
  background:linear-gradient(135deg,var(--jlh-ambulant),var(--jlh-ambulant-dark));
  color:#fff;
  font-size:.95rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(233,98,11,.10);
  transition:box-shadow .36s cubic-bezier(.22,.61,.36,1),background .28s ease,color .28s ease,border-color .28s ease;
}

.jlh-region-toggle::after{
  content:"";
  width:9px;
  height:9px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-1px);
  transition:transform .42s cubic-bezier(.16,1,.3,1);
}

.jlh-region-toggle:hover,
.jlh-region-toggle:focus-visible{
  outline:none;
  color:#fff;
  background:linear-gradient(135deg,#f07913,#c95f10);
  border-color:rgba(233,98,11,.44);
  box-shadow:0 12px 22px rgba(233,98,11,.14);
}

.jlh-region-toggle.is-open{
  color:#fff;
  border-color:#e9620b;
  background:linear-gradient(135deg,#ea7a1d,#cf6410);
  box-shadow:0 14px 30px rgba(233,98,11,.20);
}

.jlh-region-toggle.is-open::after{transform:rotate(225deg) translateY(-1px)}

.jlh-region-secondary-wrap{
  overflow:hidden;
  max-height:0;
  opacity:0;
  transform:translateY(8px);
  transition:max-height .92s cubic-bezier(.16,1,.3,1),opacity .50s ease,transform .50s cubic-bezier(.16,1,.3,1);
}

.jlh-region-secondary-wrap.is-open{
  opacity:1;
  transform:translateY(0);
}

.jlh-region-secondary-inner{padding-top:4px}

.jlh-region-secondary-wrap .jlh-region-card{
  opacity:0;
  transform:translateY(10px);
  transition:opacity .56s ease,transform .56s cubic-bezier(.16,1,.3,1),box-shadow .32s ease,border-color .32s ease;
}

.jlh-region-secondary-wrap.is-open .jlh-region-card{
  opacity:1;
  transform:translateY(0);
}

.jlh-region-secondary-wrap.is-open .jlh-region-card:nth-child(1){transition-delay:.03s}
.jlh-region-secondary-wrap.is-open .jlh-region-card:nth-child(2){transition-delay:.06s}
.jlh-region-secondary-wrap.is-open .jlh-region-card:nth-child(3){transition-delay:.09s}
.jlh-region-secondary-wrap.is-open .jlh-region-card:nth-child(4){transition-delay:.12s}
.jlh-region-secondary-wrap.is-open .jlh-region-card:nth-child(5){transition-delay:.15s}
.jlh-region-secondary-wrap.is-open .jlh-region-card:nth-child(6){transition-delay:.18s}

/* =========================================================
   Regionen – gruppiert und konsistent
   ========================================================= */

.jlh-section-head--region{
  max-width:760px;
  margin-bottom:34px;
}

.jlh-region-group--spaced{
  margin-top:78px;
}

.jlh-region-grid{
  display:grid;
  justify-content:center;
  gap:22px;
}

.jlh-region-grid--3{
  grid-template-columns:repeat(3,minmax(0,286px));
}

.jlh-region-grid--4{
  grid-template-columns:repeat(4,minmax(0,270px));
}

.jlh-region-card{
  max-width:100%;
  min-height:100%;
  justify-self:center;
  border-color:#eadfd2;
}

.jlh-card.jlh-card__pad.jlh-region-card{
  padding:28px 22px 22px;
}

.jlh-region-card strong{
  display:block;
  margin-bottom:10px;
  text-align:center;
  font-size:1.14rem;
  line-height:1.2;
  letter-spacing:-.02em;
}

.jlh-region-card p{
  max-width:250px;
  margin:0 auto;
  text-align:center;
  font-size:.96rem;
  line-height:1.78;
}

.jlh-region-card .jlh-note{
  max-width:100%;
  font-size:.72rem;
  letter-spacing:.09em;
  padding:7px 12px;
}

.jlh-region-card .jlh-btn-row{
  margin-top:auto;
  padding-top:22px;
}

.jlh-region-card .jlh-btn{
  min-width:186px;
  min-height:48px;
}

.jlh-region-card--berlin{background:linear-gradient(180deg,#fffdfa 0%,#f2f6f3 100%);border-color:rgba(111,143,122,.18)}
.jlh-region-card--barnim{background:linear-gradient(180deg,#fffdfa 0%,#f8f0e7 100%);border-color:rgba(207,100,16,.18)}
.jlh-region-card--barnim-soft{background:linear-gradient(180deg,#fffdfa 0%,#faf3ea 100%);border-color:rgba(207,100,16,.14)}
.jlh-region-card--mol{background:linear-gradient(180deg,#fffdfa 0%,#f5f7ef 100%);border-color:rgba(106,125,79,.18)}
.jlh-region-card--mol-soft{background:linear-gradient(180deg,#fffdfa 0%,#f7f8f2 100%);border-color:rgba(106,125,79,.14)}
.jlh-region-card--uckermark{background:linear-gradient(180deg,#fffdfa 0%,#f1f6f2 100%);border-color:rgba(85,122,98,.16)}
.jlh-region-card--prignitz{background:linear-gradient(180deg,#fffdfa 0%,#faf5e9 100%);border-color:rgba(167,122,37,.16)}
.jlh-region-card--oderspree{background:linear-gradient(180deg,#fffdfa 0%,#eef4f9 100%);border-color:rgba(71,117,155,.16)}

.jlh-region-slider{
  position:relative;
}

.jlh-slider-btn,
.jlh-slider-dot{
  appearance:none;
  border:none;
  padding:0;
  background:none;
  cursor:pointer;
}

.jlh-slider-btn{
  display:none;
}

.jlh-slider-dots{
  display:none;
}

@media (max-width: 900px){
  .jlh-region-slider--mobile{
    width:100%;
    padding-bottom:4px;
    --jlh-slider-arrow-offset:10px;
    --jlh-slider-arrow-top:50%;
  }

  .jlh-region-grid--mobile-slider{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    gap:16px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scroll-padding-left:0;
    padding:4px 2px 6px;
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    overscroll-behavior-y:auto;
    overflow-y:visible;
    touch-action:auto;
  }

  .jlh-region-grid--mobile-slider::-webkit-scrollbar{
    display:none;
  }

  .jlh-region-grid--mobile-slider .jlh-region-card{
    flex:0 0 min(84vw,380px);
    width:min(84vw,380px);
    max-width:min(84vw,380px);
    scroll-snap-align:start;
    scroll-snap-stop:always;
    touch-action:auto;
  }

  .jlh-region-slider--mobile .jlh-slider-btn{
    position:absolute;
    top:var(--jlh-slider-arrow-top);
    z-index:3;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:999px;
    background:rgba(255,253,249,.94);
    border:1px solid rgba(233,98,11,.14);
    box-shadow:0 12px 24px rgba(20,39,49,.10);
    transform:translateY(-50%);
    transition:transform .24s ease,box-shadow .24s ease,opacity .24s ease;
  }

  .jlh-region-slider--mobile .jlh-slider-btn:hover{
    transform:translateY(-50%) scale(1.03);
    box-shadow:0 16px 30px rgba(20,39,49,.14);
  }

  .jlh-region-slider--mobile .jlh-slider-btn:disabled{
    opacity:.35;
    cursor:default;
    transform:translateY(-50%);
    box-shadow:0 8px 18px rgba(20,39,49,.06);
  }

  .jlh-region-slider--mobile .jlh-slider-btn--prev{left:var(--jlh-slider-arrow-offset)}
  .jlh-region-slider--mobile .jlh-slider-btn--next{right:var(--jlh-slider-arrow-offset)}

  .jlh-region-slider--mobile .jlh-slider-btn span{
    width:11px;
    height:11px;
    border-top:2px solid #8f4e1f;
    border-right:2px solid #8f4e1f;
  }

  .jlh-region-slider--mobile .jlh-slider-btn--prev span{
    transform:rotate(-135deg);
    margin-left:4px;
  }

  .jlh-region-slider--mobile .jlh-slider-btn--next span{
    transform:rotate(45deg);
    margin-right:4px;
  }

  .jlh-region-slider--mobile .jlh-slider-dots{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:14px;
  }

  .jlh-slider-dot{
    width:6px;
    height:6px;
    border-radius:999px;
    background:rgba(143,78,31,.18);
    transition:transform .24s ease,background .24s ease,width .24s ease,opacity .24s ease;
  }

  .jlh-slider-dot.is-active{
    width:18px;
    background:linear-gradient(135deg,#ea7a1d,#cf6410);
  }
}

@media (max-width: 1200px){
  .jlh-region-grid--4{
    grid-template-columns:repeat(2,minmax(0,286px));
  }
}

@media (max-width: 900px){
  .jlh-region-group--spaced{
    margin-top:64px;
  }

  .jlh-region-grid--3,
  .jlh-region-grid--4{
    grid-template-columns:1fr;
  }

  .jlh-region-grid--mobile-slider{
    grid-template-columns:none;
  }

  .jlh-region-card{
    width:100%;
    max-width:420px;
  }

  .jlh-region-grid--mobile-slider .jlh-region-card{
    max-width:min(84vw,380px);
  }
}

/* =========================================================
   Summary / intro / CTA
   ========================================================= */

.jlh-offer-summary{
  max-width:760px;
  margin:30px auto 0;
  text-align:center;
  color:var(--jlh-muted);
  font-size:1rem;
  line-height:1.82;
}

.jlh-offer-summary a,
.jlh-section-head a,
.jlh-cta-card a,
.jlh-intro-block a{
  color:var(--jlh-brand-dark);
  font-weight:800;
  text-decoration:none;
}

.jlh-offer-summary a:hover,
.jlh-section-head a:hover,
.jlh-cta-card a:hover,
.jlh-intro-block a:hover{text-decoration:underline}

.jlh-intro-block{
  max-width:980px;
  margin:0 auto;
  text-align:center;
}

.jlh-intro-block h2{
  margin:16px auto 0;
  max-width:18ch;
  font-size:clamp(2.1rem,3.3vw,3.35rem);
  line-height:1.04;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.jlh-intro-block p{
  max-width:900px;
  margin:22px auto 0;
  color:var(--jlh-muted);
  text-align:center;
  line-height:1.95;
  font-size:1.06rem;
}

.jlh-cta-card{
  max-width:940px;
  margin:0 auto;
  padding:50px 36px;
  text-align:center;
}

.jlh-cta-card h2{
  margin:14px 0 0;
  font-size:clamp(2rem,3vw,3rem);
  line-height:1.06;
  letter-spacing:-.04em;
}

.jlh-cta-card p{
  max-width:780px;
  margin:18px auto 0;
  color:var(--jlh-muted);
  text-align:center;
  line-height:1.9;
}

.jlh-footer-note{
  padding:0 0 36px;
  text-align:center;
  color:#7A8792;
  font-size:.95rem;
}

/* =========================================================
   FAQ
   ========================================================= */

.jlh-section-head--faq{margin-bottom:36px}
.jlh-faq-list{max-width:980px;margin:0 auto;display:grid;gap:16px}

.jlh-faq-item{
  overflow:hidden;
  background:linear-gradient(180deg,var(--jlh-card-top) 0%,var(--jlh-card-bottom) 100%);
  border:1px solid rgba(233,98,11,.12);
  border-radius:24px;
  box-shadow:0 12px 30px rgba(20,39,49,.06);
  transition:box-shadow .38s cubic-bezier(.22,.61,.36,1),border-color .30s ease,background .30s ease;
}

.jlh-faq-item:hover{
  box-shadow:0 14px 28px rgba(20,39,49,.08);
  border-color:rgba(233,98,11,.20);
}

.jlh-faq-item[open]{
  border-color:rgba(233,98,11,.22);
  background:linear-gradient(180deg,#fffdfa 0%,#f8f1e8 100%);
  box-shadow:0 20px 42px rgba(20,39,49,.09);
}

.jlh-faq-item summary{
  position:relative;
  display:flex;
  align-items:center;
  min-height:84px;
  padding:24px 76px 24px 28px;
  list-style:none;
  cursor:pointer;
  font-weight:800;
  font-size:1.08rem;
  line-height:1.42;
  color:var(--jlh-ink);
  transition:color .30s ease;
}

.jlh-faq-item[open] summary{color:#173041}
.jlh-faq-item summary::-webkit-details-marker{display:none}

.jlh-faq-item summary::before{
  content:"";
  position:absolute;
  right:16px;
  top:50%;
  width:40px;
  height:40px;
  border-radius:999px;
  transform:translateY(-50%);
  background:rgba(233,98,11,.08);
  border:1px solid rgba(233,98,11,.16);
  transition:background .24s ease,border-color .24s ease,box-shadow .24s ease;
}

.jlh-faq-item summary::after{
  content:"";
  position:absolute;
  right:29px;
  top:50%;
  width:14px;
  height:14px;
  border-right:2px solid #9d5a28;
  border-bottom:2px solid #9d5a28;
  transform:translateY(-56%) rotate(45deg);
  transform-origin:center;
  transition:transform .38s cubic-bezier(.16,1,.3,1),border-color .30s ease;
}

.jlh-faq-item:hover summary::before,
.jlh-faq-item[open] summary::before{
  background:rgba(233,98,11,.12);
  border-color:rgba(233,98,11,.22);
  box-shadow:0 8px 18px rgba(233,98,11,.10);
}

.jlh-faq-item[open] summary::after{
  transform:translateY(-42%) rotate(225deg);
  border-color:#8f4e1f;
}

.jlh-faq-item summary:focus-visible{outline:none}
.jlh-faq-item summary:focus-visible::before{box-shadow:0 0 0 4px rgba(233,98,11,.14)}

.jlh-faq-answer{
  padding:0 28px 26px;
  color:var(--jlh-muted);
  line-height:1.84;
}

.jlh-faq-answer p{
  margin:0;
  max-width:92%;
}

/* =========================================================
   Reveal motion
   ========================================================= */

.jlh-reveal{
  opacity:0;
  transform:translate3d(0,12px,0) scale(.988);
  transition:opacity .9s ease,transform .46s var(--jlh-ease-soft),box-shadow .34s ease,border-color .28s ease;
  transition-delay:var(--motion-delay,0ms);
  will-change:opacity,transform;
}

.jlh-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}

.jlh-card.jlh-reveal.is-visible:hover,
.jlh-card.jlh-reveal.is-visible:focus-within{
  transform:translate3d(0,-10px,0) scale(1.012);
}

.jlh-main-card.jlh-reveal.is-visible:hover,
.jlh-main-card.jlh-reveal.is-visible:focus-within{
  transform:translate3d(0,-13px,0) scale(1.016);
  box-shadow:0 36px 74px rgba(20,39,49,.14),0 12px 28px rgba(233,98,11,.06);
}

/* =========================================================
   Motion details
   ========================================================= */

@keyframes jlhHeroRise{
  from{
    opacity:0;
    transform:translate3d(0,18px,0) scale(.985);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
}

@keyframes jlhCardSweep{
  0%{left:-100%}
  100%{left:145%}
}

/* =========================================================
   Responsive
   ========================================================= */

@media (min-width:1100px){
  .jlh-hero__sub-break{display:block}
}

@media (max-width:1280px){
  .jlh-hero{min-height:720px}
  .jlh-hero__media img{object-position:68% 24%}
  .jlh-hero__inner{padding:94px 0 138px}
}

@media (max-width:1080px){
  .jlh-hero__links,
  .jlh-grid-4,
  .jlh-region-grid--top,
  .jlh-region-grid--secondary{grid-template-columns:1fr 1fr}

  .jlh-hero{min-height:700px}
  .jlh-hero__media img{object-position:64% 24%}
  .jlh-hero__inner{padding:92px 0 128px}
}

@media (max-width:900px){
  .jlh-grid-2,
  .jlh-main-cards{grid-template-columns:1fr;justify-content:center;justify-items:center}
  .jlh-hero{min-height:680px}
  .jlh-hero__media img{object-position:60% 24%}
  .jlh-hero__inner{padding:92px 0 120px}
  .jlh-hero__links{grid-template-columns:1fr;max-width:420px}

  .jlh-faq-list{gap:14px}
  .jlh-faq-item summary{padding:20px 68px 20px 22px;font-size:1.02rem}
  .jlh-faq-item summary::before{right:12px;width:34px;height:34px}
  .jlh-faq-item summary::after{right:22px;width:12px;height:12px}
  .jlh-faq-answer{padding:0 22px 22px}
  .jlh-faq-answer p{max-width:100%}
}

@media (max-width:640px){
  .jlh-section{padding:74px 0}

  .jlh-hero{
    min-height:auto;
    overflow:visible;
    padding-bottom:34px;
    background:linear-gradient(180deg,#FFFDF9 0%,#F7F3EC 100%);
  }

  .jlh-hero__media{
    position:relative;
    inset:auto;
    min-height:300px;
    height:43vh;
    max-height:405px;
    border-bottom-left-radius:28px;
    border-bottom-right-radius:28px;
    overflow:hidden;
    background:#ddd4c9;
  }

  .jlh-hero__media::before{
    opacity:1;
    background-image:url("https://jhb-gmbh.de/wp-content/uploads/2026/04/Ambulante-Hilfen-in-Brandenburg-Berlin-JHB-Jugendhilfe-Beratungsgesellschaft-mbH-Handy-1.webp");
    background-position:center 66%;
    background-repeat:no-repeat;
    background-size:cover;
  }

  .jlh-hero__media::after{
    display:none;
  }

  .jlh-hero__media img{
    opacity:0;
    object-position:center 66%;
  }

  .jlh-hero__overlay,
  .jlh-hero::after{
    display:none;
  }

  .jlh-hero__inner{
    width:min(100%, calc(100% - 20px));
    max-width:420px;
    margin:42px auto 0;
    padding:0;
    align-items:stretch;
    text-align:center;
    justify-content:flex-start;
  }

  .jlh-hero__content{
    width:100%;
    padding:0 16px 24px;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    color:var(--jlh-ink);
  }

  .jlh-crumbs{
    justify-content:center;
    margin-bottom:8px;
    gap:8px;
    font-size:.76rem;
    letter-spacing:.04em;
    opacity:1;
    color:#7A8792;
  }

  .jlh-crumbs a,
  .jlh-crumbs span{
    color:#7A8792;
  }

  .jlh-hero .jlh-eyebrow{
    min-height:auto;
    margin-inline:auto;
    margin-bottom:10px;
    padding:6px 12px;
    font-size:10px;
    letter-spacing:.11em;
    background:rgba(233,98,11,.08);
    color:#A55A24;
    border-color:rgba(233,98,11,.16);
  }

  .jlh-btn-row{display:grid;grid-template-columns:1fr}
  .jlh-btn{width:100%;min-height:46px}

  .jlh-hero h1{
    width:100%;
    max-width:360px;
    margin:8px auto 0;
    padding-inline:0;
    font-size:clamp(1.72rem,7.05vw,2.28rem);
    line-height:1.08;
    letter-spacing:-.032em;
    color:var(--jlh-ink);
    text-align:center;
    text-shadow:none;
    text-wrap:balance;
    overflow-wrap:normal;
    hyphens:none;
  }

  .jlh-hero__sub{
    max-width:330px;
    margin:12px auto 0;
    font-size:clamp(.98rem,4.2vw,1.06rem);
    line-height:1.34;
    color:var(--jlh-ink);
    text-shadow:none;
  }

  .jlh-hero__text{
    max-width:324px;
    margin:12px auto 0;
    font-size:.94rem;
    line-height:1.6;
    color:var(--jlh-muted);
    text-shadow:none;
    opacity:1;
  }

  .jlh-hero__links{
    grid-template-columns:1fr;
    gap:10px;
    margin:18px auto 0;
    max-width:100%;
    justify-content:center;
  }

  .jlh-hero-link{
    width:100%;
    min-height:50px;
    padding:0 14px;
    font-size:.94rem;
    border-radius:16px;
  }

  .jlh-grid-4,
  .jlh-region-grid--top,
  .jlh-region-grid--secondary{grid-template-columns:1fr}

  .jlh-region-subhead{margin:28px 0 14px}
  .jlh-region-toggle{width:100%;max-width:320px;min-height:50px;padding:13px 22px;font-size:.9rem}

  .jlh-card__pad{padding:30px 22px}
  .jlh-intro-block h2{max-width:15ch}
}

@media (max-width:640px){
  .jlh-main-card{
    max-width:100%;
  }

  .jlh-main-card .jlh-card__pad,
  .jlh-main-card.jlh-card__pad{
    padding:24px 20px 22px;
  }

  .jlh-main-card ul{
    max-width:100%;
  }
}

@media (hover:none){
  .jlh-card:hover,
  .jlh-card:focus-within,
  .jlh-main-card:hover,
  .jlh-main-card:focus-within,
  .jlh-card.jlh-reveal.is-visible:hover,
  .jlh-card.jlh-reveal.is-visible:focus-within,
  .jlh-main-card.jlh-reveal.is-visible:hover,
  .jlh-main-card.jlh-reveal.is-visible:focus-within{
    transform:translate3d(0,0,0) scale(1);
  }
}

@media (prefers-reduced-motion:reduce){
  .jlh-card,
  .jlh-card::after,
  .jlh-hero__media img,
  .jlh-hero__inner > *,
  .jlh-slider-btn,
  .jlh-slider-dot,
  .jlh-region-toggle,
  .jlh-region-toggle::after,
  .jlh-region-secondary-wrap,
  .jlh-region-secondary-wrap .jlh-region-card,
  .jlh-reveal,
  .jlh-faq-item,
  .jlh-faq-item summary,
  .jlh-faq-item summary::after,
  .jlh-faq-item summary::before{
    transition:none !important;
  }

  .jlh-hero__media img,
  .jlh-hero__inner > *,
  .jlh-card:hover::after{
    animation:none !important;
  }
}