/* Professional recruiting refresh */
:root {
  --kb-ink: #1f2933;
  --kb-muted: #596775;
  --kb-soft: #f2f5f8;
  --kb-line: #d7e0e8;
  --kb-blue: #0067b1;
  --kb-blue-2: #0086d6;
  --kb-blue-dark: #003f73;
  --kb-cyan: #00a3e0;
  --kb-shadow: 0 12px 28px rgba(0, 58, 105, .10);
  --kb-radius: 4px;
}

html {
  background: #fff;
}

body {
  font-family: Arial, Helvetica, sans-serif !important;
  color: var(--kb-ink) !important;
  background: #fff !important;
  font-size: 16px;
  letter-spacing: 0;
}

.chevron {
  display: none !important;
}

.mob-arrow {
  display: inline-flex !important;
  color: #0A1520 !important;
  opacity: 1 !important;
}

.hamburger {
  display: none !important;
}

@media (min-width: 901px) {
  .hamburger,
  .hamburger::before,
  .hamburger::after,
  .hamburger span {
    display: none !important;
    content: none !important;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif !important;
  color: var(--kb-ink);
  letter-spacing: 0 !important;
}

p {
  color: var(--kb-muted);
}

img {
  max-width: 100%;
}

.navbar {
  height: 76px !important;
  padding: 0 clamp(18px, 5vw, 72px) !important;
  background: #fff !important;
  border-bottom: 1px solid var(--kb-line) !important;
  box-shadow: 0 3px 10px rgba(0, 58, 105, .08) !important;
  backdrop-filter: none;
}

.navbar.scrolled {
  box-shadow: 0 8px 24px rgba(0, 58, 105, .13) !important;
}

.nav-logo img {
  height: 72px !important;
  width: auto !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  background: transparent !important;
}

.nav-logo {
  min-width: 224px !important;
  gap: 10px !important;
}

.nav-main {
  min-width: 0;
}

.nav-right {
  min-width: 0;
}

.nav-logo-top {
  color: var(--kb-blue) !important;
  font-size: .68rem !important;
}

.nav-logo-bottom {
  color: var(--kb-ink) !important;
  font-size: 1.08rem !important;
}

.nav-item,
.nav-item > a {
  height: 76px !important;
}

.nav-item > a {
  color: #25364a !important;
  font-size: .92rem !important;
  font-weight: 700 !important;
}

.nav-item > a:hover,
.nav-item.active > a {
  color: var(--kb-blue) !important;
}

.nav-item > a::after {
  height: 4px !important;
  background: var(--kb-blue) !important;
}

.dropdown {
  top: 76px !important;
  border: 1px solid var(--kb-line) !important;
  border-top: 3px solid var(--kb-blue-2) !important;
  border-radius: 0 0 var(--kb-radius) var(--kb-radius) !important;
  box-shadow: var(--kb-shadow) !important;
}

.btn-nav-solid,
.btn-primary,
.btn-apply,
.btn-hero-p {
  background: var(--kb-blue) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px !important;
  box-shadow: none;
}

.btn-nav-outline,
.btn-outline,
.btn-hero-s,
.btn-detail {
  color: var(--kb-blue) !important;
  border-color: var(--kb-blue) !important;
  background: #fff !important;
  border-radius: 3px !important;
}

.btn-nav-solid:hover,
.btn-primary:hover,
.btn-apply:hover,
.btn-hero-p:hover,
.btn-nav-outline:hover,
.btn-outline:hover,
.btn-hero-s:hover,
.btn-detail:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0, 103, 177, .20) !important;
}

.hero,
.page-hero {
  min-height: auto !important;
  background:
    linear-gradient(100deg, rgba(0, 63, 115, .96), rgba(0, 103, 177, .84) 52%, rgba(0, 134, 214, .58)),
    url("../../international.png") center right / cover no-repeat !important;
  overflow: hidden;
}

.hero {
  padding: clamp(82px, 10vw, 132px) 0 clamp(54px, 7vw, 88px);
}

.page-hero {
  padding: clamp(76px, 9vw, 118px) 5% clamp(48px, 6vw, 76px) !important;
}

.hero-bg,
.hero-lines,
.hero-glow,
.page-hero::before {
  display: none !important;
}

.hero-inner {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
  gap: clamp(36px, 6vw, 84px) !important;
}

.hero-eyebrow,
.page-hero-label,
.sec-label {
  color: var(--kb-cyan) !important;
  letter-spacing: .08em !important;
}

.hero-eyebrow::before,
.page-hero-label::before,
.sec-label::before {
  background: var(--kb-cyan) !important;
}

.hero-inner h1,
.page-hero h1 {
  color: #fff !important;
  max-width: 780px;
}

.hero-inner h1 em,
.page-hero h1 em {
  color: #fff !important;
  text-decoration: underline;
  text-decoration-color: var(--kb-cyan);
  text-decoration-thickness: 5px;
  text-underline-offset: .14em;
}

.hero-sub,
.page-hero p {
  max-width: 640px !important;
  color: rgba(255, 255, 255, .82) !important;
  font-size: clamp(1rem, 1.3vw, 1.15rem) !important;
}

.hero-cards {
  gap: 14px !important;
}

.hcard,
.tcard {
  background: rgba(255, 255, 255, .94) !important;
  border: 0 !important;
  border-radius: var(--kb-radius) !important;
  box-shadow: 0 14px 30px rgba(0, 58, 105, .18);
  backdrop-filter: none;
}

.hcard:first-child {
  background: #fff !important;
}

.hcard h3,
.tcard-name {
  color: var(--kb-blue-dark) !important;
}

.hcard p,
.tcard-quote,
.tcard-role {
  color: var(--kb-muted) !important;
}

.stats-bar {
  background: #fff !important;
  border-bottom: 1px solid var(--kb-line);
  box-shadow: 0 12px 34px rgba(18, 32, 51, .07);
}

.sbar-num {
  color: var(--kb-blue) !important;
}

.sbar-num em {
  color: var(--kb-cyan) !important;
}

.sbar-label {
  color: var(--kb-muted) !important;
}

.breadcrumb {
  background: #fff !important;
  border-bottom: 1px solid var(--kb-line) !important;
}

.section {
  padding: clamp(64px, 8vw, 104px) 5% !important;
}

.section:nth-of-type(even) {
  background: var(--kb-soft);
}

.section-inner,
.hero-inner,
.page-hero-inner,
.stats-inner,
.tband-inner {
  max-width: 1180px !important;
}

.sec-title {
  color: var(--kb-ink) !important;
  font-size: clamp(2rem, 3.3vw, 3.1rem) !important;
  line-height: 1.12 !important;
}

.sec-desc {
  color: var(--kb-muted) !important;
  font-size: 1.04rem !important;
}

.srv-card,
.branche-card,
.job-card,
.branche-detail,
.ueber-point,
.contact-card,
.tip-card,
.process-card,
.value-card,
.service-card {
  background: #fff !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: var(--kb-radius) !important;
  box-shadow: none !important;
}

.srv-card,
.branche-card,
.job-card,
.process-card,
.value-card,
.service-card {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.srv-card:hover,
.branche-card:hover,
.branche-card.sel,
.job-card:hover,
.process-card:hover,
.value-card:hover,
.service-card:hover {
  border-color: rgba(11, 117, 183, .38) !important;
  transform: translateY(-4px) !important;
  box-shadow: var(--kb-shadow) !important;
}

.srv-preview,
.branche-grid {
  gap: 18px !important;
}

.srv-icon,
.bc-icon,
.up-icon,
.premium-icon {
  color: var(--kb-blue) !important;
}

.srv-card h3,
.branche-card h4,
.job-card h3,
.ueber-point h5 {
  color: var(--kb-ink) !important;
}

.jtag,
.feat-badge,
.svc-badge {
  border-radius: 999px !important;
  background: #e8f4fc !important;
  color: var(--kb-blue) !important;
  border-color: rgba(11, 117, 183, .18) !important;
}

.service-grid,
.ueber-grid {
  gap: clamp(36px, 6vw, 72px) !important;
}

.service-vis,
.ueber-img {
  border-radius: var(--kb-radius) !important;
  box-shadow: var(--kb-shadow);
}

.svc-bg.blue,
.svc-bg.teal,
.svc-bg.orange,
.svc-bg.indigo,
.ueber-img {
  background: linear-gradient(135deg, var(--kb-blue-dark), var(--kb-blue)) !important;
}

.tband {
  background: var(--kb-blue-dark) !important;
}

footer {
  background: #24313f !important;
  padding: 28px clamp(18px, 5vw, 72px) !important;
}

.footer-logo {
  color: rgba(255, 255, 255, .78) !important;
}

.footer-logo img {
  height: 36px !important;
  width: auto !important;
  max-width: 120px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  border-radius: 3px;
}

.footer-logo span,
.footer-links a:hover {
  color: var(--kb-cyan) !important;
}

.footer-links a,
footer p {
  color: rgba(255, 255, 255, .58) !important;
}

#mob-nav {
  border-left: 1px solid var(--kb-line);
}

.mob-link {
  color: var(--kb-ink) !important;
}

.mob-link:hover,
a.mob-link:hover {
  color: var(--kb-blue-2) !important;
  background: #e8f4fc !important;
}

@media (max-width: 1100px) {
  .hero-inner {
    grid-template-columns: 1fr !important;
  }

  .hero-cards {
    display: grid !important;
    max-width: 680px;
  }
}

@media (max-width: 760px) {
  .navbar {
    height: 68px !important;
  }

  .hero {
    padding: 72px 0 48px;
  }

  .hero-inner,
  .page-hero {
    text-align: left;
  }

  .hero-inner h1,
  .page-hero h1 {
    font-size: clamp(2.15rem, 11vw, 3.1rem) !important;
  }

  .hero-btns {
    flex-direction: column;
    align-items: stretch;
  }

  .btn-hero-p,
  .btn-hero-s,
  .btn-primary,
  .btn-outline {
    justify-content: center;
    width: 100%;
  }

  .hero-cards,
  .srv-preview,
  .branche-grid {
    grid-template-columns: 1fr !important;
  }

  .job-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  footer {
    align-items: flex-start !important;
    text-align: left !important;
  }
}

/* Final alignment fixes: uniform dropdowns, branche colors, and about hero image. */
.navbar {
  gap: clamp(18px, 2.8vw, 34px) !important;
}

.nav-item > a {
  justify-content: center !important;
  min-width: 112px !important;
  padding: 0 14px !important;
}

.nav-item:last-child > a {
  min-width: 92px !important;
}

.dropdown {
  width: 292px !important;
  min-width: 292px !important;
  padding: 6px !important;
  border-top-color: var(--kb-blue) !important;
}

.dropdown a {
  align-items: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  border-radius: 3px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

.menu-icon {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  border: 1px solid rgba(0, 103, 177, .16) !important;
  border-radius: 3px !important;
  background: #e8f4fc !important;
  color: var(--kb-blue) !important;
}

.menu-icon svg {
  width: 18px !important;
  height: 18px !important;
}

.menu-icon.service-icon svg {
  width: 20px !important;
  height: 20px !important;
}

#branchen-expertise {
  background: var(--kb-soft) !important;
}

.branche-card,
.branche-card.bd-top-blue,
.branche-card.bd-top-teal,
.branche-card.bd-top-indigo,
.branche-card.bd-top-orange,
.branche-card.bd-top-mid,
.branche-card.bd-top-amber,
.branche-card.bd-top-rose,
.branche-card.bd-top-yellow {
  border-top: 1px solid var(--kb-line) !important;
}

.branche-card::before {
  background: var(--kb-blue) !important;
}

.branche-card::after {
  background: #e8f4fc !important;
  color: var(--kb-blue) !important;
}

.branche-card:hover {
  border-color: rgba(0, 103, 177, .32) !important;
}

.branche-card.sel {
  color: var(--kb-ink) !important;
  background: #fff !important;
  border-color: var(--kb-blue) !important;
  box-shadow: inset 0 4px 0 var(--kb-blue), var(--kb-shadow) !important;
}

.branche-card.sel h4 {
  color: var(--kb-ink) !important;
}

.branche-card.sel p {
  color: var(--kb-muted) !important;
}

.branche-card:hover .branch-index-logo,
.branche-card.sel .branch-index-logo {
  background: #e8f4fc !important;
  color: var(--kb-blue) !important;
}

.jtag.blue,
.jtag.teal,
.jtag.orange {
  background: #e8f4fc !important;
  color: var(--kb-blue) !important;
  border-color: rgba(0, 103, 177, .18) !important;
}

/* Shared polish: clearer breadcrumb path and calm section backgrounds. */
.breadcrumb {
  background: #f7fafc !important;
  border-bottom: 1px solid #dbe7ef !important;
  padding: .92rem 5% !important;
}

.breadcrumb-inner {
  max-width: 1300px !important;
  margin: 0 auto !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
  color: #34465a !important;
}

.breadcrumb-inner a {
  color: #34465a !important;
}

.breadcrumb-inner a:hover {
  color: var(--kb-blue-light) !important;
}

#leistungen::before,
#branchen-expertise::before,
.hero-lines,
.page-hero > div[style*="background-image"] {
  display: none !important;
  background-image: none !important;
}

.page-hero .hero-image {
  display: none !important;
}

.page-hero-inner {
  grid-template-columns: 1fr !important;
}

/* Site-wide section standardization. Keeps recurring headers and images consistent. */
.hero,
.page-hero {
  min-height: 510px !important;
  padding-top: 118px !important;
  padding-bottom: 74px !important;
  background-color: var(--kb-blue-dark) !important;
  background-image:
    linear-gradient(100deg, rgba(0, 63, 115, .94) 0%, rgba(0, 103, 177, .86) 52%, rgba(0, 134, 214, .62) 100%),
    url("../../international.png") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.hero::before,
.hero::after,
.page-hero::before,
.page-hero::after {
  opacity: 0 !important;
}

.hero-inner,
.page-hero-inner {
  width: min(1300px, 90vw) !important;
  min-height: 318px !important;
  margin-inline: auto !important;
  align-items: center !important;
}

.hero-eyebrow,
.page-hero-label {
  margin-bottom: 22px !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #d9f3ff !important;
}

.hero-inner h1,
.page-hero h1 {
  margin: 0 0 22px !important;
  max-width: 820px !important;
  font-size: clamp(3.15rem, 4.3vw, 4.35rem) !important;
  line-height: 1.06 !important;
  font-weight: 800 !important;
  color: #fff !important;
}

.hero-sub,
.page-hero p:not(.page-hero-label) {
  max-width: 720px !important;
  margin: 0 !important;
  font-size: clamp(1.18rem, 1.55vw, 1.45rem) !important;
  line-height: 1.65 !important;
  color: rgba(255, 255, 255, .88) !important;
}

.section,
.section.alt {
  background: #fff !important;
}

.section.alt,
#branchen-expertise,
.jobs-section,
.benefits-section {
  background: var(--kb-soft) !important;
}

.service-grid,
.ueber-grid {
  align-items: center !important;
}

.service-vis,
.ueber-img,
.srv-preview {
  height: clamp(340px, 30vw, 420px) !important;
  min-height: 340px !important;
  aspect-ratio: auto !important;
}

.hero-cards {
  min-height: auto !important;
  aspect-ratio: auto !important;
}

.service-vis img,
.ueber-img img,
.srv-preview img,
.hero-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.service-vis,
.ueber-img,
.srv-preview {
  overflow: hidden !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: var(--kb-radius) !important;
  background: #fff !important;
}

.svc-badge {
  background: var(--kb-blue) !important;
  color: #fff !important;
  border: 0 !important;
}

@media (max-width: 900px) {
  .hero,
  .page-hero {
    min-height: 440px !important;
    padding-top: 96px !important;
    padding-bottom: 56px !important;
  }

  .hero-inner,
  .page-hero-inner {
    min-height: 280px !important;
  }

  .hero-inner h1,
  .page-hero h1 {
    font-size: clamp(2.45rem, 9vw, 3.25rem) !important;
  }

  .service-vis,
  .ueber-img,
  .srv-preview {
    height: 280px !important;
    min-height: 280px !important;
  }

  .hero-cards {
    min-height: auto !important;
  }
}

/* Exact subpage sizing: Unternehmen, Branchen, Karriere, Über uns, Kontakt. */
.page-hero {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  height: 440px !important;
  min-height: 440px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.page-hero-inner {
  min-height: 0 !important;
}

.page-hero h1 {
  font-size: clamp(3rem, 4vw, 4rem) !important;
}

.page-hero p:not(.page-hero-label) {
  font-size: clamp(1.05rem, 1.35vw, 1.28rem) !important;
}

.service-vis,
.ueber-img,
.srv-preview {
  height: 360px !important;
  min-height: 360px !important;
}

@media (max-width: 900px) {
  .page-hero {
    height: 400px !important;
    min-height: 400px !important;
  }

  .service-vis,
  .ueber-img,
  .srv-preview {
    height: 300px !important;
    min-height: 300px !important;
  }
}

/* Force one identical hero color system on every subpage. */
.page-hero,
.hero {
  background:
    linear-gradient(100deg, rgba(0, 63, 115, .94) 0%, rgba(0, 103, 177, .86) 52%, rgba(0, 134, 214, .62) 100%),
    url("../../international.png") center center / cover no-repeat !important;
}

.page-hero::before,
.page-hero::after,
.hero::before,
.hero::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* Touch-Target NUR auf Mobil (max 900px) - identische Schwelle wie mobile-fix.css */
@media (max-width: 900px) {
  .hamburger,
  .mob-close {
    min-width:44px !important;
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}
/* Desktop (>=901px): Hamburger IMMER aus - ueberschreibt evtl. Inline-Reste */
@media (min-width: 901px) {
  .hamburger,
  .hamburger::before,
  .hamburger::after,
  .hamburger span,
  .mob-close {
    display:none !important;
    content:none !important;
    background:none !important;
    border:none !important;
  }
}
#q,
#qcity,
.search-field input,
.search-field select,
.search-bar input,
.search-bar select {
  min-height:44px !important;
}

/* Mobile hardening: keep Android from rendering a squeezed desktop header. */
@media (min-width: 1101px) {
  .hamburger {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .navbar {
    height: 68px !important;
    min-height: 68px !important;
    width: 100% !important;
    max-width: 100vw !important;
    padding: 0 18px !important;
    gap: 12px !important;
    justify-content: space-between !important;
  }

  .nav-logo {
    min-width: 0 !important;
    flex: 0 1 auto !important;
  }

  .nav-logo img {
    height: 63px !important;
    max-width: 126px !important;
  }

  .nav-main,
  .nav-right {
    display: none !important;
  }

  .hamburger {
    display: inline-flex !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    flex: 0 0 46px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    margin-left: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    position: relative !important;
    z-index: 320 !important;
  }

  .hamburger span {
    display: block !important;
    width: 26px !important;
    height: 2px !important;
    min-height: 2px !important;
    margin: 0 !important;
    flex: 0 0 2px !important;
    border-radius: 2px !important;
    background: var(--kb-blue-dark) !important;
    opacity: 1 !important;
    transform-origin: center !important;
  }

  body.mob-open .hamburger span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  body.mob-open .hamburger span:nth-child(2) {
    opacity: 0 !important;
    transform: scaleX(0) !important;
  }

  body.mob-open .hamburger span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  #mob-nav {
    max-width: 88vw !important;
  }
}

@media (max-width: 760px) {
  .hero,
  .page-hero {
    min-height: auto !important;
    height: auto !important;
    padding: 76px 0 44px !important;
  }

  .hero-inner,
  .page-hero-inner,
  .section-inner,
  .breadcrumb-inner,
  .facts-band-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .hero-inner h1,
  .page-hero h1 {
    font-size: clamp(2rem, 10vw, 2.75rem) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
  }

  .hero-inner p,
  .page-hero p,
  .sec-desc {
    max-width: 100% !important;
  }

  .hero-cards,
  .leistung-grid,
  .service-grid,
  .branche-grid,
  .kontakt-grid,
  .ueber-grid,
  .facts-grid,
  .visa-grid {
    grid-template-columns: 1fr !important;
  }

  .tabs {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .tab {
    min-width: 220px !important;
  }

  .service-card,
  .branche-card,
  .contact-card,
  .leistung-card,
  .hero-card,
  .job-card {
    min-width: 0 !important;
    width: 100% !important;
  }

  footer {
    width: 100% !important;
  }
}

/* Stable hamburger fallback for pages that still load older inline menu styles. */
@media (max-width: 900px) {
  .hamburger span {
    display: none !important;
  }

  .hamburger::before {
    content: "" !important;
    display: block !important;
    width: 28px !important;
    height: 20px !important;
    background:
      linear-gradient(#003f73, #003f73) 0 1px / 28px 2px no-repeat,
      linear-gradient(#003f73, #003f73) 0 9px / 28px 2px no-repeat,
      linear-gradient(#003f73, #003f73) 0 17px / 28px 2px no-repeat !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body.mob-open .hamburger::before {
    background:
      linear-gradient(#003f73, #003f73) 0 1px / 28px 2px no-repeat,
      linear-gradient(#003f73, #003f73) 0 9px / 28px 2px no-repeat,
      linear-gradient(#003f73, #003f73) 0 17px / 28px 2px no-repeat !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Codex 2026-05-24: finaler Hamburger-Fix nach UTF-8-Wiederherstellung. */
@media (min-width: 901px) {
  .hamburger,
  .hamburger span,
  .hamburger::before,
  .hamburger::after { display: none !important; content: none !important; background: none !important; border: 0 !important; }
}
@media (max-width: 900px) {
  .hamburger { display: inline-flex !important; width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 5px !important; margin-left: auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; position: relative !important; }
  .hamburger::before, .hamburger::after { display: none !important; content: none !important; background: none !important; }
  .hamburger span { display: block !important; position: static !important; width: 28px !important; height: 2px !important; min-height: 2px !important; margin: 0 !important; flex: 0 0 2px !important; border-radius: 2px !important; background: #003f73 !important; opacity: 1 !important; transform: none !important; transform-origin: center !important; transition: transform .25s ease, opacity .2s ease !important; }
  body.mob-open .hamburger span:nth-child(1) { transform: translateY(7px) rotate(45deg) !important; }
  body.mob-open .hamburger span:nth-child(2) { opacity: 0 !important; transform: scaleX(0) !important; }
  body.mob-open .hamburger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) !important; }
}
/* Codex 2026-05-24: einheitliche blaue Hero-Farben fuer Unterseiten. */
.page-hero { background: linear-gradient(90deg, rgba(7,55,104,0.92) 0%, rgba(10,85,150,0.82) 55%, rgba(32,140,220,0.68) 100%), url("../../international.png") center center / cover no-repeat !important; color: #fff !important; }
.page-hero::before, .page-hero::after { display: none !important; content: none !important; background: none !important; opacity: 0 !important; }
.page-hero h1 em, .page-hero em { color: #00a3e0 !important; text-decoration: none !important; font-style: normal !important; }
.page-hero p:not(.page-hero-label), .page-hero p:last-child { color: rgba(255,255,255,.88) !important; }