body { margin:0;background:#fff }
a { color:var(--kx-green) }
a:hover { color:#38A887 }
.jb-flip { perspective:1200px }
.jb-flip-inner { position:relative;width:100%;height:100%;transition:transform 600ms cubic-bezier(0.2,0,0,1);transform-style:preserve-3d }
.jb-flip:hover .jb-flip-inner { transform:rotateY(180deg) }
.jb-flip-face { position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px }
.jb-flip-back { transform:rotateY(180deg) }
@keyframes jb-wiggle {0%,100%{transform:rotate(var(--jb-rot,0deg))}25%{transform:rotate(calc(var(--jb-rot,0deg) - 4deg))}75%{transform:rotate(calc(var(--jb-rot,0deg) + 4deg))}}
@keyframes jb-card-in {0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
.jb-wiggle-card:hover { animation:jb-wiggle 400ms ease-in-out }
.jb-job:hover { border-color:var(--kx-green) !important;background:var(--kx-green-05) }
.jb-job-light:hover { border-width:2.5px !important;background:color-mix(in srgb, var(--kx-green) 14%, white) !important }
.jb-werte-row:hover .jb-werte-title { color:var(--kx-plum) !important;font-style:italic }
@media (max-width:767px) {
  .jb-hero-a { height:220px !important }
}
@media (max-width:767px) {
  .jb-hero-a-text { padding-left:44% !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .jb-hero-a-text { padding-left:40% !important }
}
@media (max-width:767px) {
  section>div:not(.kx-devbadge):not(.jb-hero-a) { padding:48px 20px !important }
}
@media (max-width:767px) {
  div:is([style*="grid-template-columns"], .jb-d, .jb-v, .jb-18, .ft-3) { grid-template-columns:1fr !important }
}
@media (max-width:767px) {
  div:is([style*="repeat(5"], .jb-v) { grid-template-columns:repeat(2,1fr) !important }
}
@media (max-width:767px) {
  div:is([style*="repeat(3"], .jb-18) { grid-template-columns:1fr !important }
}
@media (max-width:767px) {
  .jb-anchors { flex-wrap:wrap !important }
}
@media (max-width:767px) {
  h1 { font-size:34px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  section>div:not(.kx-devbadge) { padding:64px 28px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  div:is([style*="repeat(5"], .jb-v) { grid-template-columns:repeat(3,1fr) !important }
}
@media (min-width:768px) and (max-width:1099px) {
  div:is([style*="repeat(3"], .jb-18) { grid-template-columns:repeat(2,1fr) !important }
}
@media (min-width:768px) and (max-width:1099px) {
  h1 { font-size:42px !important }
}
@media (max-width:767px) {
  section>div:not(.kx-devbadge) { padding:48px 20px !important }
  div:is([style*="grid-template-columns"], .jb-d, .jb-v, .jb-18, .ft-3) { grid-template-columns:1fr !important }
  div:is([style*="repeat(5"], .jb-v) { grid-template-columns:repeat(2,1fr) !important }
  div:is([style*="repeat(3"], .jb-18) { grid-template-columns:1fr !important }
  .jb-anchors { flex-wrap:wrap !important }
  h1 { font-size:34px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  section>div:not(.kx-devbadge) { padding:64px 28px !important }
  div:is([style*="repeat(5"], .jb-v) { grid-template-columns:repeat(3,1fr) !important }
  div:is([style*="repeat(3"], .jb-18) { grid-template-columns:repeat(2,1fr) !important }
  h1 { font-size:42px !important }
  
}
@media (max-width:767px) {
  .jb-hero-a-kicker { font-size:18px !important }
}
@media (max-width:767px) {
  .jb-hero-a-logo { height:40px !important }
}
@media (max-width:767px) {
  div.jb-werte-grid[style] { grid-template-columns:minmax(0,320px) !important }
}
@media (max-width:767px) {
  .jb-flip-face > div { white-space:normal !important;text-align:center }
}
@media (min-width:768px) and (max-width:1099px) {
  .jb-hero-a-kicker { font-size:26px !important }
}
@media (max-width:767px) {
  .jb-hero-a-kicker { font-size:18px !important }
  .jb-hero-a-logo { height:40px !important }
  div.jb-werte-grid[style] { grid-template-columns:minmax(0,320px) !important }
  .jb-flip-face > div { white-space:normal !important;text-align:center }
  
}
@media (max-width:767px) {
  .jb-werte-row { display:grid !important;grid-template-columns:44px minmax(0,1fr) !important;gap:8px 16px !important }
}
@media (max-width:767px) {
  .jb-werte-row img { width:44px !important;height:44px !important }
}
@media (max-width:767px) {
  .jb-werte-title { width:auto !important;flex-shrink:1 !important }
}
@media (max-width:767px) {
  .jb-werte-row p { grid-column:1 / -1 }
}
@media (max-width:767px) {
  .jb-werte-row { display:grid !important;grid-template-columns:44px minmax(0,1fr) !important;gap:8px 16px !important }
  .jb-werte-row img { width:44px !important;height:44px !important }
  .jb-werte-title { width:auto !important;flex-shrink:1 !important }
  .jb-werte-row p { grid-column:1 / -1 }
  
}
@media (max-width:767px) {
  .jb-hero-a { height:460px !important }
}
@media (max-width:767px) {
  .jb-hero-a-text { padding:0 20px !important;justify-content:center !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .jb-hero-a { height:520px !important }
}
@media (max-width:767px) {
  .jb-hero-a { height:460px !important }
  .jb-hero-a-text { padding:0 20px !important;justify-content:center !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-h1 { font-size:44px !important }
}
@media (max-width:767px) {
  .kx-hdr-h1 { font-size:34px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-h1 { font-size:44px !important }
  
}
@media (max-width:767px) {
  .kx-hdr-h1 { font-size:34px !important }
  
}
@media (min-width:1100px) {
  .kx-hdr-std { min-height:560px;display:flex !important;flex-direction:column;justify-content:center;box-sizing:border-box }
  
}
@media (min-width:1100px) {
  .kx-hdr-std { height:560px }
  
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-std { min-height:480px;display:flex !important;flex-direction:column;justify-content:center;box-sizing:border-box }
  
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-std { min-height:480px;display:flex !important;flex-direction:column;justify-content:center;box-sizing:border-box }
}
@media (max-width:767px) {
  .kx-hdr-std { min-height:0 !important }
}
@media (max-width:767px) {
  .kx-hdr-std { min-height:0 !important }
  
}
.kx-hdr-std > :not([style*="position:absolute"]):not(.kx-devbadge):not(.kx-pill) { width:100%;box-sizing:border-box }
@media (min-width:1600px) {
  [style*="max-width:1280px"],
  :is([style*="max-width: 1280px"], .jb-c, .jb-16, .nv-3, .nv-a, .ft-2),
  [style*="max-width:1280px"],
  :is([style*="max-width: 1280px"], .jb-c, .jb-16, .nv-3, .nv-a, .ft-2) { max-width:1440px !important }
  
}
@media (min-width:1100px) {
  .jb-hero-d-arrow { right:max(32px, calc((100% - 1280px) / 2 + 32px)) !important }
  
}
@media (min-width:1600px) {
  .jb-hero-d-arrow { right:max(32px, calc((100% - 1440px) / 2 + 32px)) !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  section :is([style*="max-width:1280px"], :is([style*="max-width: 1280px"], .jb-c, .jb-16, .nv-3, .nv-a, .ft-2), #kx-none) { padding-left:24px !important;padding-right:24px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  section :is([style*="max-width:1280px"], :is([style*="max-width: 1280px"], .jb-c, .jb-16, .nv-3, .nv-a, .ft-2), #kx-none) { padding-left:24px !important;padding-right:24px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .jb-hero-d-arrow { right:24px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  .jb-hero-d-arrow { right:24px !important }
}
.jb-benefits-grid > div { width:auto !important }
@media (max-width:767px) {
  .jb-benefits-grid { grid-template-columns:minmax(0,1fr) !important }
}
@media (max-width:767px) {
  .jb-benefits-grid { grid-template-columns:minmax(0,1fr) !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  div.jb-benefits-grid[style] { grid-template-columns:repeat(3,minmax(0,1fr)) !important }
  .jb-hero-d-arrow { width:320px !important;bottom:-80px !important;opacity:0.35 }
  
}
@media (min-width:768px) and (max-width:1099px) {
  div.jb-benefits-grid[style] { grid-template-columns:repeat(3,minmax(0,1fr)) !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .jb-hero-d-arrow { width:320px !important;bottom:-80px !important;opacity:0.35 }
}
@media (max-width:767px) {
  div.jb-benefits-grid[style] { grid-template-columns:minmax(0,1fr) !important }
}
@media (max-width:767px) {
  .jb-hero-d-arrow { opacity:0.12 !important;top:0 !important;bottom:auto !important;right:auto !important;left:-80px !important;width:440px !important;max-width:none !important }
}
@media (max-width:767px) {
  .jb-hero-d-arrow { opacity:0.12 !important;top:0 !important;bottom:auto !important;right:auto !important;left:-80px !important;width:440px !important;max-width:none !important }
  
}
@media (max-width:767px) {
  .jb-hero-d-anchors a { background:rgba(65,189,153,0.18) !important;border-color:rgba(65,189,153,0.45) !important }
}
@media (max-width:767px) {
  .jb-hero-d-anchors a { background:rgba(65,189,153,0.18) !important;border-color:rgba(65,189,153,0.45) !important }
  
}
@media (max-width:767px) {
  .jb-h2-head { display:flex !important;justify-content:center !important }
}
@media (max-width:767px) {
  .jb-h2-head>div:not(:has(h2,h3)) { display:none !important }
}
@media (max-width:767px) {
  .jb-h2-head { display:flex !important;justify-content:center !important }
  .jb-h2-head>div:not(:has(h2,h3)) { display:none !important }
  
}
@media (max-width:767px) {
  .jb-intro-quote { line-height:1.3 !important }
}
@media (max-width:767px) {
  .jb-intro-quote { line-height:1.3 !important }
  
}
.jb-flip.jb-flip-on .jb-flip-inner { transform:rotateY(180deg) }
@media (max-width:767px) {
  .jb-flip-face:not(.jb-flip-back) > div { font-size:21px !important }
}
@media (max-width:767px) {
  .jb-flip-face:not(.jb-flip-back) > div { font-size:21px !important }
  
}
@media (max-width:767px) {
  section>div.jb-hero-d-content.jb-hero-d-content.jb-hero-d-content { padding-bottom:40px !important }
}
@media (max-width:767px) {
  section>div.jb-kultur-head.jb-kultur-head.jb-kultur-head { padding-bottom:0 !important }
}
@media (max-width:767px) {
  section>div.jb-kultur-wrap.jb-kultur-wrap.jb-kultur-wrap { padding-top:16px !important }
}
@media (max-width:767px) {
  .jb-werte-grid { display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px !important;margin:0 -20px;padding:6px 20px 14px !important;scrollbar-width:none;justify-content:flex-start !important }
}
@media (max-width:767px) {
  .jb-werte-grid::-webkit-scrollbar { display:none }
}
@media (max-width:767px) {
  .jb-werte-grid>.jb-flip { flex:0 0 78%;scroll-snap-align:center }
}
@media (max-width:767px) {
  .jb-flip-back { padding:16px !important }
}
@media (max-width:767px) {
  .jb-flip-back p { font-size:15px !important;line-height:1.4 !important }
}
@media (max-width:767px) {
  section>div.jb-hero-d-content.jb-hero-d-content.jb-hero-d-content { padding-bottom:40px !important }
  section>div.jb-kultur-head.jb-kultur-head.jb-kultur-head { padding-bottom:0 !important }
  section>div.jb-kultur-wrap.jb-kultur-wrap.jb-kultur-wrap { padding-top:16px !important }
  .jb-werte-grid { display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px !important;margin:0 -20px;padding:6px 20px 14px !important;scrollbar-width:none;justify-content:flex-start !important }
  .jb-werte-grid::-webkit-scrollbar { display:none }
  .jb-werte-grid>.jb-flip { flex:0 0 78%;scroll-snap-align:center }
  .jb-flip-back { padding:16px !important }
  .jb-flip-back p { font-size:15px !important;line-height:1.4 !important }
  
}
@media (max-width:767px) {
  section.kx-hdr-std { height:auto !important;min-height:0 !important }
}
@media (max-width:767px) {
  section.kx-hdr-std { height:auto !important;min-height:0 !important }
  
}
@media (max-width:767px) {
  .jb-werte-arrows { display:contents !important }
}
@media (max-width:767px) {
  .jb-werte-arr { display:flex !important }
}
@media (max-width:767px) {
  .jb-werte-arrows { display:contents !important }
  .jb-werte-arr { display:flex !important }
  
}
@media (max-width:767px) {
  .jb-flip { aspect-ratio:auto !important;perspective:none !important;background:var(--kx-white);overflow:hidden }
}
@media (max-width:767px) {
  .jb-flip .jb-flip-inner,
  .jb-flip.jb-flip-on .jb-flip-inner,
  .jb-flip:hover .jb-flip-inner { transform:none !important;transition:none !important;height:100% !important;display:flex;flex-direction:column }
}
@media (max-width:767px) {
  .jb-flip-face { position:static !important;backface-visibility:visible !important;-webkit-backface-visibility:visible !important;border-radius:0 !important }
}
@media (max-width:767px) {
  .jb-flip-face:not(.jb-flip-back) { padding:22px 18px 10px !important;gap:10px !important }
}
@media (max-width:767px) {
  .jb-flip-back { transform:none !important;background:transparent !important;padding:0 18px 22px !important;flex:1;justify-content:flex-start !important }
}
@media (max-width:767px) {
  .jb-flip-back p { color:var(--kx-bluegrey) !important;font-size:15px !important;line-height:1.45 !important;font-weight:400 !important }
}
@media (max-width:767px) {
  .jb-flip { aspect-ratio:auto !important;perspective:none !important;background:var(--kx-white);overflow:hidden }
  .jb-flip .jb-flip-inner,
  .jb-flip.jb-flip-on .jb-flip-inner,
  .jb-flip:hover .jb-flip-inner { transform:none !important;transition:none !important;height:100% !important;display:flex;flex-direction:column }
  .jb-flip-face { position:static !important;backface-visibility:visible !important;-webkit-backface-visibility:visible !important;border-radius:0 !important }
  .jb-flip-face:not(.jb-flip-back) { padding:22px 18px 10px !important;gap:10px !important }
  .jb-flip-back { transform:none !important;background:transparent !important;padding:0 18px 22px !important;flex:1;justify-content:flex-start !important }
  .jb-flip-back p { color:var(--kx-bluegrey) !important;font-size:15px !important;line-height:1.45 !important;font-weight:400 !important }
  
}
html.kx-noswitch .kx-devbadge,
html.kx-noswitch .kx-pill { display:none !important }

/* Elementstile */
#app .jb-1 { font-family:var(--font-body);color:var(--kx-bluegrey);min-height:100vh;display:flex;flex-direction:column }
#app .jb-2 { position:relative;overflow:hidden;background:var(--kx-bluegrey);color:var(--kx-white) }
#app .jb-3 { position:absolute;bottom:-120px;right:2%;width:540px;height:auto }
#app .jb-4 { position:relative;max-width:900px;margin:0 auto;padding:88px 32px;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center }
#app .jb-5 { margin:0;font-family:var(--font-display);font-size:22px;font-weight:900;letter-spacing:0.02em;text-transform:none;color:var(--kx-green);font-style:italic }
#app .jb-6 { margin:0;font-family:var(--font-display);font-weight:700;font-size:52px;line-height:1.08;letter-spacing:-0.02em;color:var(--kx-white) }
#app .jb-7 { margin:0;font-size:18px;line-height:1.6;color:rgba(255,255,255,0.85);max-width:56ch }
#app .jb-8 { display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:12px }
#app .jb-a { text-decoration:none;font-size:17px;font-weight:600;color:var(--kx-white);border:1px solid rgba(255,255,255,0.35);padding:10px 22px;border-radius:999px;white-space:nowrap;transition:background 120ms cubic-bezier(0.2,0,0,1),border-color 120ms cubic-bezier(0.2,0,0,1) }
#app .jb-b { background:var(--kx-bluegrey-05) }
#app .jb-c { position:relative;max-width:1280px;margin:0 auto;padding:96px 32px 0 }
#app .jb-d { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px }
#app .jb-e { display:flex;align-items:center;gap:12px }
#app .jb-f { width:130px;height:44px;border-radius:999px;background:var(--kx-bluegrey) }
#app .jb-g { width:44px;height:44px;border-radius:50%;background:var(--kx-bluegrey) }
#app .jb-h { width:44px;height:44px;border-radius:50%;background:var(--kx-green) }
#app .jb-i { display:flex;flex-direction:column;align-items:center;gap:2px }
#app .jb-j { margin:0;font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--kx-green);font-style:italic }
#app .jb-k { margin:0;white-space:nowrap;font-family:var(--font-display);font-weight:600;letter-spacing:-0.01em;color:var(--kx-bluegrey) }
#app .jb-l { padding:32px 32px 96px;display:flex;justify-content:center }
#app .jb-m { max-width:820px;width:100%;background:var(--kx-white);border-radius:20px;padding:48px;box-shadow:0 12px 32px rgba(29,42,67,0.06);text-align:center }
#app .jb-n { margin:0;font-size:19px;line-height:1.8 }
#app .jb-o { background:var(--kx-plum-20) }
#app .jb-p { max-width:1400px;margin:0 auto;padding:32px 32px 96px;display:flex;flex-direction:column;gap:48px }
#app .jb-q { width:130px;height:44px;border-radius:999px;background:var(--kx-green) }
#app .jb-r { width:44px;height:44px;border-radius:50%;background:var(--kx-plum) }
#app .jb-s { margin:0;font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--kx-plum);font-style:italic }
#app .jb-t { margin:0;white-space:nowrap;font-family:var(--font-display);font-weight:600;letter-spacing:-0.01em }
#app .jb-u { position:relative }
#app .jb-v { display:grid;grid-template-columns:repeat(5,230px);gap:24px;justify-content:center }
#app .jb-w { aspect-ratio:1/1.05;box-shadow:0 8px 20px rgba(29,42,67,0.06);border-radius:16px }
#app .jb-x { background:var(--kx-white);gap:14px;border-top:5px solid var(--kx-plum) }
#app .jb-y { width:56px;height:56px;object-fit:contain }
#app .jb-z { font-family:var(--font-body);font-weight:500;font-size:17px;color:var(--kx-plum);white-space:nowrap }
#app .jb-10 { background:var(--kx-plum) }
#app .jb-11 { margin:0;font-family:var(--font-body);font-weight:300;font-size:15px;line-height:1.55;color:var(--kx-white) }
#app .jb-12 { display:none }
#app .jb-13 { display:none;position:absolute;top:50%;left:-6px;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:none;background:var(--kx-plum);align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(29,42,67,0.18) }
#app .jb-14 { display:none;position:absolute;top:50%;right:-6px;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:none;background:var(--kx-plum);align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(29,42,67,0.18) }
#app .jb-15 { background:var(--kx-white) }
#app .jb-16 { max-width:1280px;margin:0 auto;padding:32px 32px 96px;display:flex;flex-direction:column;gap:48px }
#app .jb-17 { margin:0;text-align:center;font-family:var(--font-display);font-weight:600;letter-spacing:-0.01em }
#app .jb-18 { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:900px;margin:0 auto }
#app .jb-19 { --jb-rot:-1.5deg;width:280px;background:var(--kx-melon-40);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:12px;transform:rotate(-1.5deg) }
#app .jb-1a { width:44px;height:44px;object-fit:contain }
#app .jb-1b { font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--kx-bluegrey) }
#app .jb-1c { margin:0;font-size:15px;line-height:1.5;color:var(--kx-bluegrey-80) }
#app .jb-1d { --jb-rot:1deg;width:280px;background:var(--kx-green-20);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:12px;transform:rotate(1deg) }
#app .jb-1e { font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--kx-green) }
#app .jb-1f { --jb-rot:-1deg;width:280px;background:var(--kx-plum-20);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:12px;transform:rotate(-1deg) }
#app .jb-1g { font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--kx-plum) }
#app .jb-1h { --jb-rot:1.5deg;width:280px;background:var(--kx-green-20);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:12px;transform:rotate(1.5deg) }
#app .jb-1i { --jb-rot:-0.5deg;width:280px;background:var(--kx-plum-20);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:12px;transform:rotate(-0.5deg) }
#app .jb-1j { --jb-rot:1deg;width:280px;background:var(--kx-melon-40);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:12px;transform:rotate(1deg) }
#app .jb-1k { position:relative;background:var(--kx-white) }
#app .jb-1l { max-width:760px;margin:0 auto;padding:72px 32px;display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center }
#app .jb-1m { width:64px;height:6px;border-radius:999px;background:var(--kx-green) }
#app .jb-1n { margin:0;font-family:var(--font-body);font-weight:500;font-size:26px;line-height:1.5;color:var(--kx-bluegrey) }
#app .jb-1o { font-weight:700;color:var(--kx-green) }
#app .jb-1p { max-width:900px;margin:0 auto;padding:96px 32px;display:flex;flex-direction:column;gap:32px }
#app .jb-1q { display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center }
#app .jb-1r { margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-0.01em;color:var(--kx-bluegrey) }
#app .jb-1s { margin:0;font-size:17px;line-height:1.6;color:var(--kx-bluegrey-80);max-width:56ch }
#app .jb-1t { text-align:center;padding:32px;color:var(--kx-bluegrey-80);font-size:15px }
#app .jb-1u { text-align:center;padding:24px;background:var(--kx-white);border-radius:12px;font-size:14px;color:var(--kx-bluegrey-80) }
#app .jb-1v { color:var(--kx-green);font-weight:600 }
#app .jb-1w { text-align:center;padding:24px;color:var(--kx-bluegrey-80);font-size:15px }
#app .jb-1x { display:flex;flex-direction:column;gap:12px }
#app .jb-1y { text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:16px;background:color-mix(in srgb, var(--kx-green) 6%, white);border:1.5px solid var(--kx-green);border-radius:12px;padding:22px 26px;transition:background 160ms cubic-bezier(0.2,0,0,1),border-color 160ms cubic-bezier(0.2,0,0,1),border-width 160ms cubic-bezier(0.2,0,0,1) }
#app .jb-1z { display:flex;flex-direction:column;gap:4px }
#app .jb-20 { font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--kx-bluegrey) }
#app .jb-21 { font-size:14px;color:var(--kx-bluegrey-80) }
#app .jb-22 { width:36px;height:36px;border-radius:50%;background:var(--kx-green-20);display:flex;align-items:center;justify-content:center;flex-shrink:0 }
#app .jb-h9:hover { border-color:var(--kx-green) !important;background:var(--kx-green) !important;color:var(--kx-bluegrey) !important }