.button.button--karriere { background: var(--blue); border-color: var(--blue); color: #fff; }
.button.button--karriere:hover { background: var(--blue-deep); border-color: var(--blue-deep); }
.desktop-nav > .button--karriere { margin-left: .55rem; }
.header-career-mobile { display: none; }
@media (max-width: 1150px) {
  .vsbp-stellen-veroeffentlicht .site-header .desktop-nav { display: none; }
  .vsbp-stellen-veroeffentlicht .site-header .menu-trigger { display: inline-flex; }
  .vsbp-stellen-veroeffentlicht .header-career-mobile { display: inline-flex; margin-left: auto; min-height: 44px; padding: .7rem 1rem; font-size: .9rem; }
  .vsbp-stellen-veroeffentlicht .site-header__inner { gap: 1rem; }
}
@media (max-width: 540px) {
  .vsbp-stellen-veroeffentlicht .site-header__inner { gap: .6rem; }
  .vsbp-stellen-veroeffentlicht .site-header .brand { width: 9.5rem; }
  .vsbp-stellen-veroeffentlicht .site-header .menu-trigger { min-width: 44px; padding: .6rem; }
  .vsbp-stellen-veroeffentlicht .site-header .menu-trigger > span:last-child { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
  .vsbp-stellen-veroeffentlicht .header-career-mobile { padding: .65rem .85rem; font-size: .85rem; }
}
@media (max-width: 360px) {
  .vsbp-stellen-veroeffentlicht .site-header .brand { width: 8rem; flex-shrink: 1; min-width: 0; }
  .vsbp-stellen-veroeffentlicht .site-header__inner { gap: .25rem; }
  .vsbp-stellen-veroeffentlicht .header-career-mobile { padding: .65rem .6rem; }
}