/* JHB Wegweiser System 2.0.0 – 00-foundation */
/* =========================================================
   JHB Wegweiser System – kompakte Navigationsleiste
   Scope: .jhb-guide-system / .jhb-guide-system-stickybar
   Keine globalen Seiten-Overrides.
   ========================================================= */

.jhb-guide-system.jhb-guide{
  --jhb-guide-orange:#E9620B;
  --jhb-guide-orange-dark:#C95409;
  --jhb-guide-page-accent:var(--accent,var(--jsm-accent,var(--jba-blue,var(--jah-brand,var(--jlh-brand,#6E9079)))));
  --jhb-guide-page-accent-dark:var(--accent-dark,var(--jsm-accent-dark,var(--jba-blue-dark,var(--jah-brand-dark,var(--jlh-brand-dark,#55715F)))));
  --jhb-guide-page-rgb:var(--accent-rgb,var(--jsm-accent-rgb,var(--jba-blue-rgb,var(--jah-brand-rgb,var(--jlh-brand-rgb,110,144,121)))));
  --jhb-guide-green:var(--jhb-guide-page-accent);
  --jhb-guide-green-dark:var(--jhb-guide-page-accent-dark);
  --jhb-guide-accent:var(--jhb-guide-page-accent);
  --jhb-guide-accent-dark:var(--jhb-guide-page-accent-dark);
  --jhb-guide-accent-soft:var(--accent-soft,var(--jsm-accent-soft,var(--jba-soft,#EFF5F1)));
  --jhb-guide-active-bg:rgba(var(--jhb-guide-page-rgb),.115);
  --jhb-guide-active-bg-hover:rgba(var(--jhb-guide-page-rgb),.16);
  --jhb-guide-border-color:rgba(var(--jhb-guide-page-rgb),.16);
  --jhb-guide-line-color:rgba(var(--jhb-guide-page-rgb),.095);
  --jhb-guide-shadow-color:rgba(var(--jhb-guide-page-rgb),.065);
  --jhb-guide-arrow-bg:rgba(255,253,249,.72);
  --jhb-guide-arrow-border:rgba(var(--jhb-guide-page-rgb),.16);
  --jhb-guide-arrow-color:var(--jhb-guide-green-dark);
  --jhb-guide-arrow-shadow:0 5px 12px rgba(var(--jhb-guide-page-rgb),.10), inset 0 1px 0 rgba(255,255,255,.78);
  --jhb-guide-ink:#183243;
  --jhb-guide-ink-strong:#112638;
  --jhb-guide-muted:#667987;
  --jhb-guide-line:rgba(24,50,67,.085);
  --jhb-guide-line-soft:rgba(24,50,67,.055);
  --jhb-guide-surface:rgba(255,253,249,.93);
  --jhb-guide-sticky-top:108px;
  --jhb-guide-max:880px;
  --jhb-guide-inline-lift:0px;

  position:relative;
  z-index:0;
  margin:calc(0px - var(--jhb-guide-inline-lift)) 0 0;
  padding:0;
  color:var(--jhb-guide-ink);
  background:transparent;
  border:0;
  outline:0;
  box-shadow:none;
  font-family:"Nunito Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.jhb-guide-system.jhb-guide:focus,
.jhb-guide-system.jhb-guide:focus-visible,
.jhb-guide-system.jhb-guide:focus-within,
.jhb-guide-system.jhb-guide:target{
  outline:0;
  border:0;
  box-shadow:none;
}

.jhb-guide-system.jhb-guide--spacing-normal{
  padding:12px 0 18px;
}

.jhb-guide-system.jhb-guide--spacing-compact{
  padding:6px 0 10px;
}

.jhb-guide-system.jhb-guide--spacing-none{
  padding:0;
}

.jhb-guide-system.jhb-guide--hilfe-zur-erziehung{
  --jhb-guide-page-accent:#5E846D;
  --jhb-guide-page-accent-dark:#234F2A;
  --jhb-guide-page-rgb:94,132,109;
  --jhb-guide-green:#5E846D;
  --jhb-guide-green-dark:#234F2A;
  --jhb-guide-accent:#5E846D;
  --jhb-guide-accent-dark:#234F2A;
  --jhb-guide-accent-soft:#F3F8F1;
  --jhb-guide-surface:rgba(255,253,249,.86);
  --jhb-guide-active-bg:rgba(94,132,109,.12);
  --jhb-guide-border-color:rgba(94,132,109,.17);
  --jhb-guide-shadow-color:rgba(33,37,56,.055);

  padding:10px 0 28px;
  background:
    radial-gradient(620px 190px at 50% 0%,rgba(94,132,109,.058),transparent 76%),
    radial-gradient(540px 170px at 18% 22%,rgba(233,98,11,.032),transparent 72%),
    linear-gradient(180deg,rgba(247,250,246,0) 0%,#F3F8F1 100%);
}

.jhb-guide-system.jhb-guide--hilfe-zur-erziehung .jhb-guide__items{
  background:rgba(255,253,249,.88);
  box-shadow:0 12px 26px rgba(33,37,56,.06),inset 0 1px 0 rgba(255,255,255,.9);
}


.jhb-guide-system.jhb-guide--verwaltung-haus31{
  --jhb-guide-page-accent:#E9620B;
  --jhb-guide-page-accent-dark:#A4511C;
  --jhb-guide-page-rgb:233,98,11;
  --jhb-guide-green:#E9620B;
  --jhb-guide-green-dark:#A4511C;
  --jhb-guide-accent:#E9620B;
  --jhb-guide-accent-dark:#A4511C;
  --jhb-guide-accent-soft:#FFF4EA;
  --jhb-guide-surface:rgba(255,253,249,.90);
  --jhb-guide-active-bg:rgba(233,98,11,.11);
  --jhb-guide-border-color:rgba(233,98,11,.17);
  --jhb-guide-shadow-color:rgba(84,48,24,.055);
  --jhb-guide-max:760px;
  padding:7px 0 18px;
  background:linear-gradient(180deg,rgba(255,253,249,0) 0%,rgba(250,244,236,.58) 100%);
}

.jhb-guide-system.jhb-guide--verwaltung-haus31 .jhb-guide__items{
  background:rgba(255,253,249,.92);
  box-shadow:0 14px 30px rgba(84,48,24,.07),inset 0 1px 0 rgba(255,255,255,.92);
}

.jhb-guide-system.jhb-guide--verwaltung-haus31 .jhb-guide__item.is-active,
.jhb-guide-system.jhb-guide--verwaltung-haus31 .jhb-guide__item[aria-current="true"]{
  color:#A4511C;
}


.jhb-guide-system.jhb-guide--freier-traeger{
  --jhb-guide-page-accent:#E9620B;
  --jhb-guide-page-accent-dark:#A4511C;
  --jhb-guide-page-rgb:233,98,11;
  --jhb-guide-green:#E9620B;
  --jhb-guide-green-dark:#A4511C;
  --jhb-guide-accent:#E9620B;
  --jhb-guide-accent-dark:#A4511C;
  --jhb-guide-accent-soft:#FFF4EA;
  --jhb-guide-surface:rgba(255,255,255,.88);
  --jhb-guide-active-bg:rgba(233,98,11,.11);
  --jhb-guide-active-bg-hover:rgba(233,98,11,.16);
  --jhb-guide-border-color:rgba(233,98,11,.17);
  --jhb-guide-line-color:rgba(233,98,11,.10);
  --jhb-guide-shadow-color:rgba(84,48,24,.06);
  --jhb-guide-arrow-border:rgba(233,98,11,.16);
  --jhb-guide-arrow-color:#A4511C;
  --jhb-guide-max:880px;
  padding:6px 0 10px;
  background:transparent;
}

.jhb-guide-system.jhb-guide--freier-traeger .jhb-guide__items{
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 32px rgba(84,48,24,.07),inset 0 1px 0 rgba(255,255,255,.92);
}

.jhb-guide-system.jhb-guide--freier-traeger .jhb-guide__mobile-label,
.jhb-guide-system.jhb-guide--freier-traeger .jhb-guide__item-label{
  color:#A4511C;
}

.jhb-guide-system *,
.jhb-guide-system *::before,
.jhb-guide-system *::after,
.jhb-guide-system-stickybar *,
.jhb-guide-system-stickybar *::before,
.jhb-guide-system-stickybar *::after{
  box-sizing:border-box;
}

.jhb-guide-system a,
.jhb-guide-system a:visited,
.jhb-guide-system-stickybar a,
.jhb-guide-system-stickybar a:visited{
  color:inherit;
  text-decoration:none;
}