/* =========================================================
   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;

  position:relative;
  z-index:0;
  margin: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);

  margin:-36px 0 0;
  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;
  margin:-18px 0 0;
  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;
}

.jhb-guide-system .jhb-guide__wrap{
  width:min(var(--jhb-guide-max),calc(100% - 32px));
  margin:0 auto;
}

.jhb-guide-system .jhb-guide__shell{
  display:grid;
  gap:10px;
  justify-items:center;
  width:fit-content;
  max-width:100%;
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

.jhb-guide-system .jhb-guide__head{
  max-width:620px;
  margin:0 auto 2px;
  text-align:center;
}

.jhb-guide-system .jhb-guide__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:5px 10px;
  border:1px solid rgba(233,98,11,.14);
  border-radius:999px;
  background:rgba(255,246,238,.72);
  color:#A15A23;
  font-size:9px;
  font-weight:880;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
}

.jhb-guide-system .jhb-guide__title{
  margin:8px auto 0;
  color:var(--jhb-guide-ink-strong);
  font-size:clamp(1.05rem,1.28vw,1.22rem);
  font-weight:880;
  line-height:1.1;
  letter-spacing:-.025em;
  text-wrap:balance;
}

.jhb-guide-system .jhb-guide__lead{
  max-width:480px;
  margin:6px auto 0;
  color:var(--jhb-guide-muted);
  font-size:.82rem;
  font-weight:650;
  line-height:1.42;
}

.jhb-guide-system .jhb-guide__nav-intro{
  display:grid;
  gap:3px;
  justify-items:center;
  max-width:100%;
  margin:0 auto 1px;
  text-align:center;
}

.jhb-guide-system .jhb-guide__mobile-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:20px;
  margin:0 auto;
  color:var(--jhb-guide-green-dark);
  font-size:.68rem;
  font-weight:920;
  line-height:1;
  letter-spacing:.12em;
  text-align:center;
  text-transform:uppercase;
  opacity:.88;
}

.jhb-guide-system .jhb-guide__nav-icon{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:16px;
  height:16px;
  border:1px solid rgba(233,98,11,.16);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:var(--jhb-guide-orange-dark);
  box-shadow:0 2px 7px rgba(233,98,11,.08), inset 0 1px 0 rgba(255,255,255,.82);
}

.jhb-guide-system .jhb-guide__nav-icon::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:5px;
  height:5px;
  border-top:1.7px solid currentColor;
  border-right:1.7px solid currentColor;
  border-radius:1px;
  transform:translate(-58%,-50%) rotate(45deg);
}

.jhb-guide-system .jhb-guide__nav-icon::after{
  display:none;
}

.jhb-guide-system .jhb-guide__nav-label-mobile{
  display:none;
}

.jhb-guide-system .jhb-guide__nav-hint{
  max-width:380px;
  margin:0 auto;
  color:var(--jhb-guide-muted);
  font-size:.74rem;
  font-weight:720;
  line-height:1.28;
  opacity:.82;
}

.jhb-guide-system .jhb-guide__items{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:3px;
  width:fit-content;
  max-width:100%;
  margin:0 auto;
  padding:6px;
  overflow:visible;
  border:1px solid var(--jhb-guide-border-color);
  border-radius:999px;
  background:var(--jhb-guide-surface);
  box-shadow:
    0 12px 28px var(--jhb-guide-shadow-color),
    inset 0 1px 0 rgba(255,255,255,.86);
  -webkit-backdrop-filter:saturate(1.12) blur(16px);
  backdrop-filter:saturate(1.12) blur(16px);
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.jhb-guide-system .jhb-guide__items::-webkit-scrollbar{
  display:none;
}

.jhb-guide-system .jhb-guide__scroll-controls,
.jhb-guide-system .jhb-guide__scroll-arrow{
  display:none;
}


@media (min-width: 768px){
  .jhb-guide-system.jhb-guide--ambulante-hilfen.jhb-guide--spacing-compact{
    padding-top:12px;
    padding-bottom:18px;
  }

  .jhb-guide-system.jhb-guide--ambulante-hilfen .jhb-guide__wrap,
  .jhb-guide-system.jhb-guide--leistungen .jhb-guide__wrap,
  .jhb-guide-system.jhb-guide--stationaere-hilfen .jhb-guide__wrap{
    padding-top:8px;
    padding-bottom:10px;
    overflow:visible;
  }

  .jhb-guide-system.jhb-guide--ambulante-hilfen .jhb-guide__shell,
  .jhb-guide-system.jhb-guide--leistungen .jhb-guide__shell,
  .jhb-guide-system.jhb-guide--stationaere-hilfen .jhb-guide__shell{
    position:relative;
    z-index:2;
  }
}

.jhb-guide-system .jhb-guide__item{
  position:relative;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 13px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--jhb-guide-ink);
  text-decoration:none;
  transition:background-color .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease;
}

.jhb-guide-system .jhb-guide__item::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  width:14px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  opacity:0;
  transform:translate(-50%,3px) scaleX(.65);
  transform-origin:center;
  transition:opacity .18s ease,transform .18s ease;
}

.jhb-guide-system .jhb-guide__item.is-active::after{
  opacity:.38;
  transform:translate(-50%,0) scaleX(1);
}

.jhb-guide-system .jhb-guide__item-main{
  display:block;
  min-width:0;
}

.jhb-guide-system .jhb-guide__item-label{
  display:block;
  color:var(--jhb-guide-green-dark);
  font-size:.74rem;
  font-weight:850;
  line-height:1;
  letter-spacing:.045em;
  text-transform:uppercase;
  white-space:nowrap;
}

.jhb-guide-system .jhb-guide__item small,
.jhb-guide-system .jhb-guide__item-arrow{
  display:none;
}

.jhb-guide-system .jhb-guide__item:hover,
.jhb-guide-system .jhb-guide__item:focus-visible,
.jhb-guide-system .jhb-guide__item.is-active{
  background:var(--jhb-guide-active-bg);
  box-shadow:inset 0 0 0 1px var(--jhb-guide-line-color);
  color:var(--jhb-guide-green-dark);
  outline:none;
}

.jhb-guide-system .jhb-guide__item:hover,
.jhb-guide-system .jhb-guide__item:focus-visible{
  transform:translateY(-1px);
}

.jhb-guide-system .jhb-guide__item.is-active .jhb-guide__item-label{
  color:var(--jhb-guide-green-dark);
}

.jhb-guide-system .jhb-guide__related{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px 9px;
  color:var(--jhb-guide-muted);
  text-align:center;
}

.jhb-guide-system .jhb-guide__related-label{
  color:var(--jhb-guide-muted);
  font-size:.70rem;
  font-weight:840;
}

.jhb-guide-system .jhb-guide__related-links{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:5px;
}

.jhb-guide-system .jhb-guide__related a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:5px 10px;
  border:1px solid var(--jhb-guide-border-color);
  border-radius:999px;
  background:rgba(255,255,255,.50);
  color:var(--jhb-guide-green-dark);
  font-size:.73rem;
  font-weight:820;
  line-height:1.1;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}

.jhb-guide-system .jhb-guide__related a:hover,
.jhb-guide-system .jhb-guide__related a:focus-visible{
  border-color:var(--jhb-guide-border-color);
  background:#fff;
  color:var(--jhb-guide-green-dark);
  outline:none;
}

.jhb-guide-system .jhb-guide__dismiss{
  display:none;
  appearance:none;
  -webkit-appearance:none;
}


.jhb-guide-system .jhb-guide__scroll-arrow,
.jhb-guide-system-stickybar .jhb-guide__scroll-arrow{
  display:none;
  appearance:none;
  -webkit-appearance:none;
}


@media (min-width: 768px){
  .jhb-guide-system.jhb-guide--desktop-inline-hidden{
    height:0;
    min-height:0;
    padding:0;
    margin:0;
    overflow:visible;
    pointer-events:none;
  }

  .jhb-guide-system.jhb-guide--desktop-inline-hidden .jhb-guide__wrap{
    height:0;
    overflow:hidden;
    opacity:0;
    pointer-events:none;
  }
}

@media (prefers-reduced-motion: no-preference) and (hover: hover){
  .jhb-guide-system .jhb-guide__items{
    animation:jhb-guide-soft-arrive .46s cubic-bezier(.22,1,.36,1) both;
  }

}

@keyframes jhb-guide-soft-arrive{
  from{
    opacity:.86;
    transform:translateY(5px) scale(.992);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

/* =========================================================
   Desktop Sticky-Kompaktleiste – eigener Scope
   ========================================================= */


body.jhb-guide-system-has-guide #masthead,
body.jhb-guide-system-has-guide #main-header,
body.jhb-guide-system-has-guide header.site-header,
body.jhb-guide-system-has-guide header[role="banner"],
body.jhb-guide-system-has-guide .site-header,
body.jhb-guide-system-has-guide .site-header-wrap,
body.jhb-guide-system-has-guide .site-main-header-wrap,
body.jhb-guide-system-has-guide .site-header-row-container,
body.jhb-guide-system-has-guide .site-header-row-container-inner,
body.jhb-guide-system-has-guide .site-header-inner-wrap,
body.jhb-guide-system-has-guide .site-primary-header-wrap,
body.jhb-guide-system-has-guide .site-header-upper-inner-wrap,
body.jhb-guide-system-has-guide .site-header-main-section,
body.jhb-guide-system-has-guide .site-main-header-inner-wrap,
body.jhb-guide-system-has-guide .main-header-bar,
body.jhb-guide-system-has-guide .main-header-bar-wrap,
body.jhb-guide-system-has-guide .kadence-sticky-header,
body.jhb-guide-system-has-guide .item-is-fixed,
body.jhb-guide-system-has-guide .item-is-stuck,
body.jhb-guide-system-has-sticky #masthead,
body.jhb-guide-system-has-sticky #main-header,
body.jhb-guide-system-has-sticky header.site-header,
body.jhb-guide-system-has-sticky header[role="banner"],
body.jhb-guide-system-has-sticky .site-header,
body.jhb-guide-system-has-sticky .site-header-wrap,
body.jhb-guide-system-has-sticky .site-main-header-wrap,
body.jhb-guide-system-has-sticky .site-header-row-container,
body.jhb-guide-system-has-sticky .site-header-row-container-inner,
body.jhb-guide-system-has-sticky .site-header-inner-wrap,
body.jhb-guide-system-has-sticky .site-primary-header-wrap,
body.jhb-guide-system-has-sticky .site-header-upper-inner-wrap,
body.jhb-guide-system-has-sticky .site-header-main-section,
body.jhb-guide-system-has-sticky .site-main-header-inner-wrap,
body.jhb-guide-system-has-sticky .main-header-bar,
body.jhb-guide-system-has-sticky .main-header-bar-wrap,
body.jhb-guide-system-has-sticky .kadence-sticky-header,
body.jhb-guide-system-has-sticky .item-is-fixed,
body.jhb-guide-system-has-sticky .item-is-stuck,
body.jhb-guide-system-has-sticky .jhb-guide-system-header-layer{
  z-index:10020;
}

body.jhb-guide-system-has-sticky .jhb-guide-system-stickybar{
  z-index:var(--jhb-guide-sticky-z,10000);
}

.jhb-guide-system-stickybar{
  --jhb-guide-green:#6E9079;
  --jhb-guide-green-dark:#55715F;
  --jhb-guide-page-rgb:110,144,121;
  --jhb-guide-accent:var(--jhb-guide-green);
  --jhb-guide-accent-dark:var(--jhb-guide-green-dark);
  --jhb-guide-accent-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-orange-dark:#C95409;
  --jhb-guide-ink:#183243;
  --jhb-guide-ink-strong:#112638;
  --jhb-guide-sticky-top:108px;
  --jhb-guide-sticky-z:10000;

  position:fixed;
  left:0;
  right:0;
  top:var(--jhb-guide-sticky-top);
  z-index:var(--jhb-guide-sticky-z);
  pointer-events:none;
  opacity:0;
  transform:translateY(-7px) scale(.985);
  transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1);
  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-stickybar:focus,
.jhb-guide-system-stickybar:focus-visible,
.jhb-guide-system-stickybar .jhb-guide__wrap:focus,
.jhb-guide-system-stickybar .jhb-guide__shell:focus{
  outline:0;
}

body.admin-bar .jhb-guide-system-stickybar{
  --jhb-guide-sticky-top:118px;
}

.jhb-guide-system-stickybar.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

.jhb-guide-system-stickybar--freier-traeger{
  transition:opacity .18s ease, transform .18s ease;
}

@media (prefers-reduced-motion: no-preference) and (hover: hover){
  .jhb-guide-system-stickybar.is-visible.is-attention .jhb-guide__shell{
    animation:jhb-guide-sticky-dock .92s cubic-bezier(.18,.92,.24,1) both;
    will-change:transform;
  }

  .jhb-guide-system-stickybar.is-visible.is-attention .jhb-guide__item.is-active{
    animation:jhb-guide-sticky-active-cue .92s cubic-bezier(.18,.92,.24,1) both;
    will-change:transform,background-color,box-shadow;
  }

  .jhb-guide-system-stickybar.is-visible.is-attention .jhb-guide__item.is-active::after{
    animation:jhb-guide-sticky-line-cue .92s cubic-bezier(.18,.92,.24,1) both;
  }
}

@keyframes jhb-guide-sticky-dock{
  0%{
    transform:translateY(-9px) scale(.982);
    box-shadow:0 10px 24px rgba(var(--jhb-guide-page-rgb),.04),0 1px 0 rgba(255,255,255,.84) inset;
  }
  42%{
    transform:translateY(1px) scale(1.01);
    box-shadow:0 18px 42px rgba(var(--jhb-guide-page-rgb),.13),0 0 0 5px rgba(var(--jhb-guide-page-rgb),.045),0 1px 0 rgba(255,255,255,.92) inset;
  }
  100%{
    transform:translateY(0) scale(1);
    box-shadow:0 14px 32px var(--jhb-guide-shadow-color),0 1px 0 rgba(255,255,255,.88) inset;
  }
}

@keyframes jhb-guide-sticky-active-cue{
  0%{
    transform:scale(.985);
    background:rgba(var(--jhb-guide-page-rgb),.075);
    box-shadow:inset 0 0 0 1px rgba(var(--jhb-guide-page-rgb),.08);
  }
  44%{
    transform:scale(1.035);
    background:rgba(var(--jhb-guide-page-rgb),.19);
    box-shadow:inset 0 0 0 1px rgba(var(--jhb-guide-page-rgb),.18),0 6px 14px rgba(var(--jhb-guide-page-rgb),.10);
  }
  100%{
    transform:scale(1);
    background:var(--jhb-guide-active-bg);
    box-shadow:inset 0 0 0 1px rgba(85,113,95,.13);
  }
}

@keyframes jhb-guide-sticky-line-cue{
  0%{
    opacity:0;
    transform:translate(-50%,3px) scaleX(.45);
  }
  44%{
    opacity:.7;
    transform:translate(-50%,0) scaleX(1.35);
  }
  100%{
    opacity:.35;
    transform:translate(-50%,0) scaleX(1);
  }
}

.jhb-guide-system-stickybar .jhb-guide__wrap{
  width:min(880px,calc(100% - 36px));
  margin:0 auto;
}

.jhb-guide-system-stickybar .jhb-guide__shell{
  display:block;
  width:fit-content;
  max-width:100%;
  margin:0 auto;
  padding:5px;
  border:1px solid var(--jhb-guide-border-color);
  border-radius:999px;
  background:rgba(255,253,249,.94);
  box-shadow:0 14px 32px var(--jhb-guide-shadow-color),0 1px 0 rgba(255,255,255,.88) inset;
  -webkit-backdrop-filter:saturate(1.15) blur(18px);
  backdrop-filter:saturate(1.15) blur(18px);
  overflow:visible;
}

.jhb-guide-system-stickybar--freier-traeger .jhb-guide__shell{
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 32px rgba(84,48,24,.075),0 1px 0 rgba(255,255,255,.9) inset;
}

.jhb-guide-system-stickybar .jhb-guide__head,
.jhb-guide-system-stickybar .jhb-guide__related,
.jhb-guide-system-stickybar .jhb-guide__nav-intro,
.jhb-guide-system-stickybar .jhb-guide__mobile-label{
  display:none;
}

.jhb-guide-system-stickybar .jhb-guide__items{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  border:0;
  border-radius:999px;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

.jhb-guide-system-stickybar .jhb-guide__item{
  position:relative;
  display:flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border:0;
  border-radius:999px;
  color:var(--jhb-guide-ink);
  background:transparent;
  text-decoration:none;
}

.jhb-guide-system-stickybar .jhb-guide__item small,
.jhb-guide-system-stickybar .jhb-guide__item-arrow{
  display:none;
}

.jhb-guide-system-stickybar .jhb-guide__item-label{
  display:block;
  color:var(--jhb-guide-green-dark);
  font-size:.72rem;
  font-weight:850;
  line-height:1;
  letter-spacing:.045em;
  text-transform:uppercase;
  white-space:nowrap;
}

.jhb-guide-system-stickybar .jhb-guide__item::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  width:13px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  opacity:0;
  transform:translate(-50%,3px) scaleX(.65);
  transform-origin:center;
  transition:opacity .18s ease,transform .18s ease;
}

.jhb-guide-system-stickybar .jhb-guide__item.is-active::after{
  opacity:.35;
  transform:translate(-50%,0) scaleX(1);
}

.jhb-guide-system-stickybar .jhb-guide__item:hover,
.jhb-guide-system-stickybar .jhb-guide__item:focus-visible,
.jhb-guide-system-stickybar .jhb-guide__item.is-active{
  background:var(--jhb-guide-active-bg);
  box-shadow:inset 0 0 0 1px rgba(85,113,95,.13);
  outline:none;
}

.jhb-guide-system-stickybar--freier-traeger .jhb-guide__item:hover,
.jhb-guide-system-stickybar--freier-traeger .jhb-guide__item:focus-visible,
.jhb-guide-system-stickybar--freier-traeger .jhb-guide__item.is-active{
  background:rgba(233,98,11,.105);
  box-shadow:inset 0 0 0 1px rgba(233,98,11,.13);
}

.jhb-guide-system-stickybar .jhb-guide__item.is-active .jhb-guide__item-label{
  color:var(--jhb-guide-green-dark);
}

.jhb-guide-system-stickybar .jhb-guide__dismiss{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:32px;
  height:32px;
  margin-left:2px;
  border:0;
  border-radius:999px;
  background:rgba(var(--jhb-guide-page-rgb),.075);
  color:var(--jhb-guide-green-dark);
  font:inherit;
  font-size:0;
  line-height:0;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease;
}

.jhb-guide-system-stickybar .jhb-guide__dismiss:hover,
.jhb-guide-system-stickybar .jhb-guide__dismiss:focus-visible{
  background:rgba(var(--jhb-guide-page-rgb),.12);
  color:var(--jhb-guide-green-dark);
  outline:none;
}



.jhb-guide-system-stickybar .jhb-guide__dismiss span{
  position:relative;
  display:block;
  width:13px;
  height:13px;
}

.jhb-guide-system-stickybar .jhb-guide__dismiss span::before,
.jhb-guide-system-stickybar .jhb-guide__dismiss span::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:13px;
  height:1.6px;
  border-radius:999px;
  background:currentColor;
  transform-origin:center;
}

.jhb-guide-system-stickybar .jhb-guide__dismiss span::before{
  transform:translate(-50%,-50%) rotate(45deg);
}

.jhb-guide-system-stickybar .jhb-guide__dismiss span::after{
  transform:translate(-50%,-50%) rotate(-45deg);
}

.jhb-guide-anchor{
  display:block;
  position:relative;
  top:-112px;
  width:0;
  height:0;
  overflow:hidden;
}


@media (min-width: 768px){
  .jhb-guide-system.jhb-guide.is-sticky-clone-visible .jhb-guide__shell{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
}

/* =========================================================
   Mobile – einheitliche Premium-Chip-Leiste
   ========================================================= */

@media (max-width: 767px){
  .jhb-guide-system.jhb-guide{
    --jhb-guide-shadow-color:rgba(var(--jhb-guide-page-rgb),.045);
    --jhb-guide-arrow-shadow:0 3px 8px rgba(var(--jhb-guide-page-rgb),.06), inset 0 1px 0 rgba(255,255,255,.74);
    contain:layout style;
  }

  .jhb-guide-system.jhb-guide--spacing-normal{
    padding:10px 0 16px;
  }

  .jhb-guide-system.jhb-guide--spacing-compact{
    padding:7px 0 12px;
  }

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

  .jhb-guide-system .jhb-guide__wrap{
    width:min(440px,calc(100vw - 32px));
    max-width:calc(100vw - 32px);
  }

  .jhb-guide-system.jhb-guide--job-detail{
    /* Job-Kompass wrapper safety: nie breiter als der umgebende Job-Container. */
    min-width:0;
    box-sizing:border-box;
    --jhb-guide-green:var(--jhb-guide-accent,var(--jhb-guide-page-accent));
    --jhb-guide-green-dark:var(--jhb-guide-accent-dark,var(--jhb-guide-page-accent-dark));
    --jhb-guide-active-bg:rgba(var(--jhb-guide-page-rgb),.095);
    --jhb-guide-active-bg-hover:rgba(var(--jhb-guide-page-rgb),.14);
    --jhb-guide-border-color:rgba(var(--jhb-guide-page-rgb),.16);
    --jhb-guide-line-color:rgba(var(--jhb-guide-page-rgb),.11);
    --jhb-guide-shadow-color:rgba(var(--jhb-guide-page-rgb),.065);
    --jhb-guide-arrow-bg:rgba(255,253,249,.58);
    --jhb-guide-arrow-border:rgba(var(--jhb-guide-page-rgb),.14);
    --jhb-guide-arrow-color:var(--jhb-guide-green-dark);
    --jhb-guide-arrow-shadow:0 4px 10px rgba(var(--jhb-guide-page-rgb),.075), inset 0 1px 0 rgba(255,255,255,.72);
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    transform:none;
    overflow:hidden;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__wrap{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }

  .jhb-guide-system .jhb-guide__shell{
    position:relative;
    width:100%;
    max-width:100%;
    gap:7px;
    justify-items:stretch;
    overflow:visible;
  }

  .jhb-guide-system .jhb-guide__nav-intro{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    min-height:30px;
    margin:0 auto 6px;
    text-align:center;
  }

  .jhb-guide-system .jhb-guide__mobile-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:18px;
    margin:0;
    color:var(--jhb-guide-green-dark);
    font-size:.64rem;
    font-weight:920;
    line-height:1;
    letter-spacing:.12em;
    text-align:center;
    text-transform:uppercase;
    opacity:.82;
  }

  .jhb-guide-system .jhb-guide__nav-icon{
    width:16px;
    height:16px;
  }

  .jhb-guide-system .jhb-guide__nav-icon::before{
    left:50%;
    top:50%;
    width:5px;
    height:5px;
    transform:translate(-58%,-50%) rotate(45deg);
  }

  .jhb-guide-system .jhb-guide__nav-label-desktop,
  .jhb-guide-system .jhb-guide__nav-hint{
    display:none;
  }

  .jhb-guide-system .jhb-guide__nav-label-mobile{
    display:inline;
  }

  .jhb-guide-system .jhb-guide__scroll-controls{
    display:none;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex:0 0 auto;
  }

  .jhb-guide-system .jhb-guide__shell.is-scrollable .jhb-guide__scroll-controls{
    display:inline-flex;
  }

  .jhb-guide-system .jhb-guide__items{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:6px;
    width:100%;
    min-width:0;
    max-width:100%;
    margin:0 auto;
    padding:7px 14px;
    border:1px solid var(--jhb-guide-border-color);
    border-radius:999px;
    background:rgba(255,253,249,.94);
    box-shadow:0 4px 10px var(--jhb-guide-shadow-color),inset 0 1px 0 rgba(255,255,255,.90);
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scroll-snap-type:none;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    contain:layout paint;
    touch-action:pan-x pan-y;
    scroll-padding-inline:14px;
  }

  .jhb-guide-system .jhb-guide__items::-webkit-scrollbar{
    display:none;
  }

  .jhb-guide-system .jhb-guide__shell::before,
  .jhb-guide-system .jhb-guide__shell::after{
    content:"";
    position:absolute;
    bottom:0;
    z-index:3;
    width:44px;
    height:54px;
    pointer-events:none;
    opacity:0;
    transition:opacity .16s ease;
  }

  .jhb-guide-system .jhb-guide__shell::before{
    left:0;
    border-radius:999px 0 0 999px;
    background:linear-gradient(90deg,rgba(255,253,249,.98) 0%,rgba(255,253,249,.86) 38%,rgba(255,253,249,0) 100%);
  }

  .jhb-guide-system .jhb-guide__shell::after{
    right:0;
    border-radius:0 999px 999px 0;
    background:linear-gradient(90deg,rgba(255,253,249,0) 0%,rgba(255,253,249,.86) 62%,rgba(255,253,249,.98) 100%);
  }

  .jhb-guide-system .jhb-guide__shell.can-scroll-prev::before,
  .jhb-guide-system .jhb-guide__shell.can-scroll-next::after{
    opacity:1;
  }

  .jhb-guide-system .jhb-guide__scroll-arrow{
    position:relative;
    z-index:5;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    padding:0;
    border:1px solid var(--jhb-guide-arrow-border);
    border-radius:999px;
    background:rgba(255,253,249,.82);
    color:var(--jhb-guide-arrow-color);
    box-shadow:var(--jhb-guide-arrow-shadow);
    cursor:pointer;
    opacity:.28;
    pointer-events:none;
    transform:none;
    transition:opacity .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  .jhb-guide-system .jhb-guide__scroll-arrow span{
    display:block;
    width:7px;
    height:7px;
    border-top:2px solid currentColor;
    border-right:2px solid currentColor;
  }

  .jhb-guide-system .jhb-guide__scroll-arrow--prev span{
    transform:rotate(-135deg);
    margin-left:2px;
  }

  .jhb-guide-system .jhb-guide__scroll-arrow--next span{
    transform:rotate(45deg);
    margin-right:2px;
  }

  .jhb-guide-system .jhb-guide__shell.can-scroll-prev .jhb-guide__scroll-arrow--prev,
  .jhb-guide-system .jhb-guide__shell.can-scroll-next .jhb-guide__scroll-arrow--next{
    opacity:.94;
    pointer-events:auto;
  }

  .jhb-guide-system .jhb-guide__scroll-arrow:hover,
  .jhb-guide-system .jhb-guide__scroll-arrow:focus-visible{
    color:var(--jhb-guide-arrow-color);
    outline:none;
    transform:translateY(-1px);
  }

  .jhb-guide-system .jhb-guide__scroll-arrow:disabled{
    opacity:.24;
    pointer-events:none;
  }

  @media (prefers-reduced-motion:no-preference){
    .jhb-guide-system .jhb-guide__shell.can-scroll-next .jhb-guide__scroll-arrow--next span{
      animation:jhb-guide-scroll-hint-next 1.5s ease-in-out infinite;
    }

    .jhb-guide-system .jhb-guide__shell.can-scroll-prev .jhb-guide__scroll-arrow--prev span{
      animation:jhb-guide-scroll-hint-prev 1.5s ease-in-out infinite;
    }
  }

  @keyframes jhb-guide-scroll-hint-next{
    0%,100%{
      opacity:.55;
      transform:translateX(-1px) rotate(45deg);
    }
    45%{
      opacity:1;
      transform:translateX(2px) rotate(45deg);
    }
  }

  @keyframes jhb-guide-scroll-hint-prev{
    0%,100%{
      opacity:.55;
      transform:translateX(1px) rotate(-135deg);
    }
    45%{
      opacity:1;
      transform:translateX(-2px) rotate(-135deg);
    }
  }

  .jhb-guide-system .jhb-guide__item,
  .jhb-guide-system .jhb-guide__items[data-jhb-guide-count="5"] .jhb-guide__item:nth-child(5){
    flex:0 0 auto;
    min-height:40px;
    padding:9px 12px;
    border:0;
    border-radius:999px;
    background:transparent;
    text-align:center;
    scroll-snap-align:start;
  }

  .jhb-guide-system .jhb-guide__item:nth-child(odd),
  .jhb-guide-system .jhb-guide__items[data-jhb-guide-count="3"] .jhb-guide__item:nth-child(-n+2),
  .jhb-guide-system .jhb-guide__items[data-jhb-guide-count="4"] .jhb-guide__item:nth-child(-n+2),
  .jhb-guide-system .jhb-guide__items[data-jhb-guide-count="5"] .jhb-guide__item:nth-child(-n+4),
  .jhb-guide-system .jhb-guide__items[data-jhb-guide-count="5"] .jhb-guide__item:nth-child(5),
  .jhb-guide-system .jhb-guide__items[data-jhb-guide-count="6"] .jhb-guide__item:nth-child(-n+4),
  .jhb-guide-system .jhb-guide__items[data-jhb-guide-count="7"] .jhb-guide__item:nth-child(-n+6),
  .jhb-guide-system .jhb-guide__items[data-jhb-guide-count="8"] .jhb-guide__item:nth-child(-n+6){
    border-right:0;
    border-bottom:0;
  }

  .jhb-guide-system .jhb-guide__items[data-jhb-guide-count="5"] .jhb-guide__item:nth-child(5)::before{
    display:none;
  }

  .jhb-guide-system .jhb-guide__item::after{
    display:none;
  }

  .jhb-guide-system .jhb-guide__item-main,
  .jhb-guide-system .jhb-guide__items[data-jhb-guide-count="5"] .jhb-guide__item:nth-child(5) .jhb-guide__item-main{
    width:auto;
    text-align:center;
  }

  .jhb-guide-system .jhb-guide__item-label,
  .jhb-guide-system .jhb-guide__items[data-jhb-guide-count="5"] .jhb-guide__item:nth-child(5) .jhb-guide__item-label{
    max-width:none;
    margin:0 auto;
    color:var(--jhb-guide-green-dark);
    font-size:.77rem;
    font-weight:860;
    line-height:1;
    letter-spacing:.01em;
    text-align:center;
    text-transform:none;
    white-space:nowrap;
  }

  .jhb-guide-system .jhb-guide__item small,
  .jhb-guide-system .jhb-guide__items[data-jhb-guide-count="5"] .jhb-guide__item:nth-child(5) small{
    display:none;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__shell{
    display:grid;
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    gap:10px;
    padding:10px;
    border:1px solid rgba(var(--jhb-guide-page-rgb),.14);
    border-radius:28px;
    background:
      radial-gradient(340px 120px at 50% 0%, rgba(var(--jhb-guide-page-rgb),.055), transparent 72%),
      linear-gradient(180deg,rgba(255,253,249,.98),rgba(255,248,243,.91));
    box-shadow:0 8px 18px rgba(var(--jhb-guide-page-rgb),.045), inset 0 1px 0 rgba(255,255,255,.92);
    overflow:hidden;
    contain:layout paint;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__shell::before,
  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__shell::after{
    display:none;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__scroll-controls{
    display:none;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__mobile-label{
    margin:0 auto 1px;
    color:var(--jhb-guide-green-dark);
    opacity:.72;
    letter-spacing:.15em;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__items{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    scroll-snap-type:none;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item,
  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__items[data-jhb-guide-count="5"] .jhb-guide__item:nth-child(5){
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:48px;
    padding:9px 10px;
    border:1px solid rgba(var(--jhb-guide-page-rgb),.13);
    border-radius:18px;
    background:rgba(255,255,255,.62);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
    scroll-snap-align:none;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item:nth-child(1){order:1}
  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item:nth-child(2){order:2}
  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item:nth-child(3){order:5;grid-column:1 / -1;min-height:46px;background:linear-gradient(180deg,rgba(var(--jhb-guide-page-rgb),.075),rgba(255,255,255,.60))}
  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item:nth-child(4){order:3}
  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item:nth-child(5){order:4}

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item-main{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    width:100%;
    text-align:center;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item-label,
  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__items[data-jhb-guide-count="5"] .jhb-guide__item:nth-child(5) .jhb-guide__item-label{
    max-width:100%;
    color:var(--jhb-guide-green-dark);
    font-size:.78rem;
    font-weight:900;
    line-height:1.08;
    letter-spacing:.005em;
    text-align:center;
    white-space:normal;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item small,
  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__items[data-jhb-guide-count="5"] .jhb-guide__item:nth-child(5) small{
    display:block;
    max-width:24ch;
    margin:0 auto;
    color:#687986;
    font-size:.61rem;
    font-weight:760;
    line-height:1.12;
    letter-spacing:.002em;
    text-align:center;
    white-space:normal;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item-arrow{
    display:none;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item.is-active,
  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item:hover,
  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item:focus-visible{
    background:linear-gradient(180deg,rgba(var(--jhb-guide-page-rgb),.115),rgba(var(--jhb-guide-page-rgb),.055));
    border-color:rgba(var(--jhb-guide-page-rgb),.20);
    box-shadow:inset 0 0 0 1px rgba(var(--jhb-guide-page-rgb),.085),0 4px 10px rgba(var(--jhb-guide-page-rgb),.04);
  }


  .jhb-guide-system.jhb-guide--freier-traeger{
    background:transparent;
  }

  .jhb-guide-system.jhb-guide--freier-traeger .jhb-guide__items{
    background:rgba(255,255,255,.92);
    box-shadow:0 6px 16px rgba(84,48,24,.055),inset 0 1px 0 rgba(255,255,255,.9);
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__items{
    min-width:0;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item{
    overflow:hidden;
  }
  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__scroll-arrow{
    display:none;
  }

  .jhb-guide-system .jhb-guide__item:hover,
  .jhb-guide-system .jhb-guide__item:focus-visible,
  .jhb-guide-system .jhb-guide__item:active,
  .jhb-guide-system .jhb-guide__item.is-active{
    background:var(--jhb-guide-active-bg);
    box-shadow:inset 0 0 0 1px var(--jhb-guide-line-color);
    transform:none;
  }

  .jhb-guide-system .jhb-guide__item{
    transition:background-color .14s ease,box-shadow .14s ease,color .14s ease;
    touch-action:manipulation;
  }

  .jhb-guide-system .jhb-guide__shell::before,
  .jhb-guide-system .jhb-guide__shell::after{
    transition:none;
  }

  .jhb-guide-system-stickybar{
    display:none;
  }
}


  .jhb-guide-system.jhb-guide--kontakt-wegweiser{
    --jhb-guide-arrow-bg:rgba(255,253,249,.72);
    --jhb-guide-arrow-border:rgba(85,113,90,.16);
    --jhb-guide-arrow-color:#31553A;
  }

  .jhb-guide-system.jhb-guide--standort{
    --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-system.jhb-guide--leistungen,
  .jhb-guide-system.jhb-guide--ambulante-hilfen,
  .jhb-guide-system.jhb-guide--stationaere-hilfen{
    --jhb-guide-arrow-bg:rgba(255,248,241,.74);
    --jhb-guide-arrow-border:rgba(233,98,11,.16);
    --jhb-guide-arrow-color:#C95409;
  }

@media (max-width: 380px){
  .jhb-guide-system .jhb-guide__wrap{
    width:min(420px,calc(100vw - 28px));
    max-width:calc(100vw - 28px);
  }

  .jhb-guide-system .jhb-guide__item,
  .jhb-guide-system .jhb-guide__items[data-jhb-guide-count="5"] .jhb-guide__item:nth-child(5){
    min-height:38px;
    padding:8px 10px;
  }

  .jhb-guide-system .jhb-guide__item-label{
    font-size:.74rem;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__wrap{
    width:100%;
    max-width:100%;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__shell{
    gap:8px;
    padding:9px;
    border-radius:24px;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__items{
    gap:7px;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item,
  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__items[data-jhb-guide-count="5"] .jhb-guide__item:nth-child(5){
    min-height:46px;
    padding:8px 8px;
    border-radius:16px;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item-label{
    font-size:.73rem;
  }

  .jhb-guide-system.jhb-guide--job-detail .jhb-guide__item small{
    font-size:.58rem;
  }

}

@media (prefers-reduced-motion: reduce){
  .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,
  .jhb-guide-system-stickybar{
    animation:none;
    transition:none;
    scroll-behavior:auto;
  }
}

@media (max-width: 820px){
  .jhb-job-guide-slot .jhb-guide-system.jhb-guide--job-detail{
    width:100%;
    max-width:472px;
    margin-left:auto;
    margin-right:auto;
  }

  .jhb-job-guide-slot .jhb-guide-system.jhb-guide--job-detail .jhb-guide__wrap{
    width:100%;
    max-width:100%;
  }
}