body { margin:0;background:#fff }
a { color:var(--kx-green) }
a:hover { color:#38A887 }
.dx-slider { -webkit-appearance:none;appearance:none;width:100%;height:6px;background:transparent;border:none;outline:none;cursor:pointer }
.dx-slider::-webkit-slider-runnable-track { height:6px;border-radius:999px;background:linear-gradient(to right, var(--kx-plum) 0%, var(--kx-plum) var(--fill,50%), var(--kx-green-20) var(--fill,50%), var(--kx-green-20) 100%) }
.dx-slider::-webkit-slider-thumb { -webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--kx-green);box-shadow:0 0 0 4px color-mix(in srgb, var(--kx-green) 25%, white);border:2px solid var(--kx-white);margin-top:-7px }
.dx-slider::-moz-range-track { height:6px;border-radius:999px;background:var(--kx-green-20) }
.dx-slider::-moz-range-progress { height:6px;border-radius:999px;background:var(--kx-plum) }
.dx-slider::-moz-range-thumb { width:20px;height:20px;border-radius:50%;background:var(--kx-green);box-shadow:0 0 0 4px color-mix(in srgb, var(--kx-green) 25%, white);border:2px solid var(--kx-white) }
@media (max-width:767px) {
  section>div:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a) { padding:48px 20px !important }
}
@media (max-width:767px) {
  div:is([style*="grid-template-columns"], .dv-b, .dv-f, .dv-h, .dv-1d, .dv-1s, .dv-1z, .dv-2e, .dv-35, .dv-3g, .dv-3j, .dv-3s, .ft-3) { grid-template-columns:1fr !important }
}
@media (max-width:767px) {
  .dx-stage div:is([style*="grid-template-columns"], .dv-b, .dv-f, .dv-h, .dv-1d, .dv-1s, .dv-1z, .dv-2e, .dv-35, .dv-3g, .dv-3j, .dv-3s, .ft-3) { grid-template-columns:repeat(2,1fr) !important }
}
@media (max-width:767px) {
  .dx-stats { flex-wrap:wrap !important;gap:28px !important }
}
@media (max-width:767px) {
  .dx-stats[style*="display:flex"],
  .dx-stats:is([style*="display: flex"], .dv-1, .dv-3, .dv-5, .dv-c, .dv-e, .dv-m, .dv-n, .dv-u, .dv-x, .dv-y, .dv-z, .dv-12, .dv-13, .dv-17, .dv-18, .dv-1g, .dv-1l, .dv-1u, .dv-1v, .dv-20, .dv-21, .dv-24, .dv-25, .dv-2b, .dv-2c, .dv-2f, .dv-2i, .dv-2j, .dv-2m, .dv-2n, .dv-2o, .dv-2p, .dv-2r, .dv-2s, .dv-2v, .dv-2w, .dv-2z, .dv-33, .dv-34, .dv-36, .dv-3b, .dv-3c, .dv-3d, .dv-3k, .dv-3l, .dv-3m, .dv-3p, .dv-3t, .dv-3y, .dv-40, .nv-3, .nv-5, .nv-9, .nv-a, .nv-b, .nv-d, .nv-n, .nv-p, .nv-q, .nv-u, .nv-w, .nv-x, .ft-4, .ft-5, .ft-8, .ft-c, .ft-e, .ft-f) { flex-direction:column !important;align-items:stretch !important;gap:24px !important }
}
@media (max-width:767px) {
  .dx-stats[style*="display:flex"]>div,
  .dx-stats:is([style*="display: flex"], .dv-1, .dv-3, .dv-5, .dv-c, .dv-e, .dv-m, .dv-n, .dv-u, .dv-x, .dv-y, .dv-z, .dv-12, .dv-13, .dv-17, .dv-18, .dv-1g, .dv-1l, .dv-1u, .dv-1v, .dv-20, .dv-21, .dv-24, .dv-25, .dv-2b, .dv-2c, .dv-2f, .dv-2i, .dv-2j, .dv-2m, .dv-2n, .dv-2o, .dv-2p, .dv-2r, .dv-2s, .dv-2v, .dv-2w, .dv-2z, .dv-33, .dv-34, .dv-36, .dv-3b, .dv-3c, .dv-3d, .dv-3k, .dv-3l, .dv-3m, .dv-3p, .dv-3t, .dv-3y, .dv-40, .nv-3, .nv-5, .nv-9, .nv-a, .nv-b, .nv-d, .nv-n, .nv-p, .nv-q, .nv-u, .nv-w, .nv-x, .ft-4, .ft-5, .ft-8, .ft-c, .ft-e, .ft-f)>div { width:100% !important;text-align:center !important;align-items:center !important }
}
@media (max-width:767px) {
  .dx-stats>div { display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:18px !important;width:100% !important;max-width:320px;margin:0 auto }
}
@media (max-width:767px) {
  .dx-stats>div>div { width:100% !important;box-sizing:border-box !important }
}
@media (max-width:767px) {
  .dx-stats>div>div[style*="align-items:center"],
  .dx-stats>div>div:is([style*="align-items: center"], .dv-8, .dv-c, .dv-e, .dv-x, .dv-y, .dv-12, .dv-13, .dv-18, .dv-1h, .dv-1m, .dv-1o, .dv-1v, .dv-21, .dv-29, .dv-2b, .dv-2c, .dv-2e, .dv-2f, .dv-2j, .dv-2o, .dv-2p, .dv-2r, .dv-2s, .dv-2v, .dv-2w, .dv-2z, .dv-34, .dv-3c, .dv-3d, .dv-3i, .dv-3k, .dv-3p, .dv-3s, .dv-3v, .dv-40, .dv-45, .dv-47, .nv-3, .nv-5, .nv-9, .nv-a, .nv-b, .nv-d, .nv-m, .nv-p, .nv-u, .ft-5, .ft-c, .ft-f) { justify-content:center !important }
}
@media (max-width:767px) {
  .dx-stats div[style*="width:1px"] { width:70% !important;height:1px !important;margin:0 auto !important }
}
@media (max-width:767px) {
  .dx-stats div[style*="padding:0 40px"] { padding:0 !important }
}
@media (max-width:767px) {
  .dx-stats div:is([style*="border-left"], .dv-11) { border-left:none !important;border-top:1px solid var(--kx-melon) !important;padding:16px 0 0 !important }
}
@media (max-width:767px) {
  .dx-hero-bar { height:3px !important;max-height:3px !important }
}
@media (max-width:767px) {
  .dx-hero-bar-anchor { display:none }
}
@media (max-width:767px) {
  .dx-toggle { width:100% !important }
}
@media (max-width:767px) {
  h1 { font-size:34px !important }
}
@media (max-width:767px) {
  h2 { font-size:22px !important;white-space:normal !important }
}
@media (min-width:768px) and (max-width:1099px) {
  section:not(.kx-hdr-std)>div:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a) { padding:64px 28px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  div:is([style*="repeat(3"], .dv-h, .dv-35, .dv-3g, .dv-3j) { grid-template-columns:repeat(2,1fr) !important }
}
@media (min-width:768px) and (max-width:1099px) {
  div:is([style*="repeat(4"], .dv-1d, .dv-1s, .dv-1z) { grid-template-columns:repeat(2,1fr) !important }
}
@media (min-width:768px) and (max-width:1099px) {
  h1 { font-size:44px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  h2 { font-size:34px !important }
}
@media (max-width:767px) {
  .dx-kontakt-diag { top:auto !important;bottom:0 !important;width:100% !important;height:10px !important;clip-path:none !important;padding:0 !important;box-sizing:border-box !important;left:0 !important;right:0 !important }
}
@media (max-width:767px) {
  .dx-kontakt-person { justify-self:start !important }
}
@media (max-width:767px) {
  .dx-kontakt-grid { grid-template-columns:1fr !important;gap:32px !important;padding:56px 20px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .dx-kontakt-grid { grid-template-columns:1fr !important;gap:40px !important }
}
@media (max-width:767px) {
  .dx-kontakt-person { justify-self:start !important }
  .dx-kontakt-grid { grid-template-columns:1fr !important;gap:32px !important;padding:56px 20px !important }
  .dx-kontakt-diag { top:auto !important;bottom:0 !important;width:100% !important;height:10px !important;clip-path:none !important;padding:0 !important;box-sizing:border-box !important;left:0 !important;right:0 !important }
  section>div:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a) { padding:48px 20px !important }
  div:is([style*="grid-template-columns"], .dv-b, .dv-f, .dv-h, .dv-1d, .dv-1s, .dv-1z, .dv-2e, .dv-35, .dv-3g, .dv-3j, .dv-3s, .ft-3) { grid-template-columns:1fr !important }
  .dx-stage div:is([style*="grid-template-columns"], .dv-b, .dv-f, .dv-h, .dv-1d, .dv-1s, .dv-1z, .dv-2e, .dv-35, .dv-3g, .dv-3j, .dv-3s, .ft-3) { grid-template-columns:repeat(2,1fr) !important }
  .dx-hero-grid { grid-template-columns:1fr !important }
  .dx-hero-h1,
  .dx-hero-stage,
  .dx-hero-cta { grid-column:1 !important;grid-row:auto !important }
  .dx-hero-h1 { order:1;text-align:center;align-items:center !important }
  .dx-hero-cta a { white-space:normal !important;text-align:center !important }
  .dx-hero-stage { order:2 }
  .dx-hero-cta { order:3;align-items:center !important;text-align:center }
  .dx-stats { flex-wrap:wrap !important;gap:28px !important }
  .dx-stats[style*="display:flex"],
  .dx-stats:is([style*="display: flex"], .dv-1, .dv-3, .dv-5, .dv-c, .dv-e, .dv-m, .dv-n, .dv-u, .dv-x, .dv-y, .dv-z, .dv-12, .dv-13, .dv-17, .dv-18, .dv-1g, .dv-1l, .dv-1u, .dv-1v, .dv-20, .dv-21, .dv-24, .dv-25, .dv-2b, .dv-2c, .dv-2f, .dv-2i, .dv-2j, .dv-2m, .dv-2n, .dv-2o, .dv-2p, .dv-2r, .dv-2s, .dv-2v, .dv-2w, .dv-2z, .dv-33, .dv-34, .dv-36, .dv-3b, .dv-3c, .dv-3d, .dv-3k, .dv-3l, .dv-3m, .dv-3p, .dv-3t, .dv-3y, .dv-40, .nv-3, .nv-5, .nv-9, .nv-a, .nv-b, .nv-d, .nv-n, .nv-p, .nv-q, .nv-u, .nv-w, .nv-x, .ft-4, .ft-5, .ft-8, .ft-c, .ft-e, .ft-f) { flex-direction:column !important;align-items:stretch !important;gap:24px !important }
  .dx-stats[style*="display:flex"]>div,
  .dx-stats:is([style*="display: flex"], .dv-1, .dv-3, .dv-5, .dv-c, .dv-e, .dv-m, .dv-n, .dv-u, .dv-x, .dv-y, .dv-z, .dv-12, .dv-13, .dv-17, .dv-18, .dv-1g, .dv-1l, .dv-1u, .dv-1v, .dv-20, .dv-21, .dv-24, .dv-25, .dv-2b, .dv-2c, .dv-2f, .dv-2i, .dv-2j, .dv-2m, .dv-2n, .dv-2o, .dv-2p, .dv-2r, .dv-2s, .dv-2v, .dv-2w, .dv-2z, .dv-33, .dv-34, .dv-36, .dv-3b, .dv-3c, .dv-3d, .dv-3k, .dv-3l, .dv-3m, .dv-3p, .dv-3t, .dv-3y, .dv-40, .nv-3, .nv-5, .nv-9, .nv-a, .nv-b, .nv-d, .nv-n, .nv-p, .nv-q, .nv-u, .nv-w, .nv-x, .ft-4, .ft-5, .ft-8, .ft-c, .ft-e, .ft-f)>div { width:100% !important;text-align:center !important;align-items:center !important }
  .dx-stats>div { display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:18px !important;width:100% !important;max-width:320px;margin:0 auto }
  .dx-stats>div>div { width:100% !important;box-sizing:border-box !important }
  .dx-stats>div>div[style*="align-items:center"],
  .dx-stats>div>div:is([style*="align-items: center"], .dv-8, .dv-c, .dv-e, .dv-x, .dv-y, .dv-12, .dv-13, .dv-18, .dv-1h, .dv-1m, .dv-1o, .dv-1v, .dv-21, .dv-29, .dv-2b, .dv-2c, .dv-2e, .dv-2f, .dv-2j, .dv-2o, .dv-2p, .dv-2r, .dv-2s, .dv-2v, .dv-2w, .dv-2z, .dv-34, .dv-3c, .dv-3d, .dv-3i, .dv-3k, .dv-3p, .dv-3s, .dv-3v, .dv-40, .dv-45, .dv-47, .nv-3, .nv-5, .nv-9, .nv-a, .nv-b, .nv-d, .nv-m, .nv-p, .nv-u, .ft-5, .ft-c, .ft-f) { justify-content:center !important }
  .dx-stats div[style*="width:1px"] { width:70% !important;height:1px !important;margin:0 auto !important }
  .dx-stats div[style*="padding:0 40px"] { padding:0 !important }
  .dx-stats div:is([style*="border-left"], .dv-11) { border-left:none !important;border-top:1px solid var(--kx-melon) !important;padding:16px 0 0 !important }
  .dx-hero-bar { height:3px !important;max-height:3px !important }
  .dx-toggle { width:100% !important }
  h1 { font-size:34px !important }
  h2 { font-size:22px !important;white-space:normal !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  section:not(.kx-hdr-std)>div:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a) { padding:64px 28px !important }
  div:is([style*="repeat(3"], .dv-h, .dv-35, .dv-3g, .dv-3j) { grid-template-columns:repeat(2,1fr) !important }
  div:is([style*="repeat(4"], .dv-1d, .dv-1s, .dv-1z) { grid-template-columns:repeat(2,1fr) !important }
  .dx-hero-grid { grid-template-columns:1fr !important }
  .dx-hero-h1,
  .dx-hero-stage,
  .dx-hero-cta { grid-column:1 !important;grid-row:auto !important }
  .dx-hero-h1 { order:1 }
  .dx-hero-stage { order:2 }
  .dx-hero-cta { order:3 }
  h1 { font-size:44px !important }
  h2 { font-size:26px !important }
  
}
.dx-cmpbtn { border:none;background:none;cursor:pointer;font-family:var(--font-body);font-size:15px;font-weight:600;padding:11px 22px;border-radius:999px;transition:background 160ms cubic-bezier(0.2,0,0,1),color 160ms cubic-bezier(0.2,0,0,1) }
@media (max-width:1099px) {
  .dx-stage { transform:scale(0.72);transform-origin:center }
  
}
@media (max-width:767px) {
  .dx-stage { transform:scale(0.72);transform-origin:center }
}
@media (min-width:768px) and (max-width:1099px) {
  .dx-stage { transform:scale(0.72);transform-origin:center }
}
.dx-hero-grid { display:grid;grid-template-columns:1.3fr 0.7fr;gap:40px;align-items:start }
.dx-hero-h1 { grid-column:1;grid-row:1 }
.dx-hero-cta { grid-column:1;grid-row:2 }
.dx-hero-stage { grid-column:2;grid-row:1 / 3;align-self:center }
@media (max-width:767px) {
  .dx-hero-grid { grid-template-columns:1fr }
}
@media (max-width:767px) {
  .dx-hero-h1 { grid-column:1;grid-row:auto;order:1;text-align:center;align-items:center !important }
}
@media (max-width:767px) {
  .dx-hero-grid { min-width:0 }
}
@media (max-width:767px) {
  .dx-kontakt-diag { top:auto !important;bottom:0 !important;width:100% !important;height:10px !important;clip-path:none !important;padding:0 !important;box-sizing:border-box !important;left:0 !important;right:0 !important }
}
@media (max-width:767px) {
  .dx-hero-cta a { white-space:normal !important;text-align:center !important }
}
@media (max-width:767px) {
  .dx-hero-stage { grid-column:1;grid-row:auto;order:2 }
}
@media (max-width:767px) {
  .dx-hero-cta { grid-column:1;grid-row:auto;order:3;align-items:center !important;text-align:center }
}
@media (max-width:767px) {
  .dx-kontakt-diag { top:auto !important;bottom:0 !important;width:100% !important;height:10px !important;clip-path:none !important;padding:0 !important;box-sizing:border-box !important;left:0 !important;right:0 !important }
}
@media (max-width:767px) {
  .dx-hero-cta a { font-size:15px !important;padding:9px 18px !important }
}
@keyframes dxPop {0%{opacity:0;transform:translateY(10px) scale(0.85)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dxPopCentered {0%{opacity:0;transform:translate(-50%,-50%) translateY(10px) scale(0.85)}100%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}}
@keyframes dxPopGlow {0%{opacity:0;transform:scale(0.7)}55%{opacity:1;transform:scale(1.15);box-shadow:0 0 16px 4px rgba(65,189,153,0.6);border-color:var(--kx-green)}100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(65,189,153,0);border-color:rgba(255,255,255,0.25)}}
@keyframes dxArrowIn {0%{opacity:0;transform:translate(-50%,-50%) translateX(-6px)}100%{opacity:1;transform:translate(-50%,-50%) translateX(0)}}
@keyframes dxRingIn {0%{opacity:0;transform:translate(-50%,-50%) scale(0.7)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes dxRingFlicker {0%,100%{opacity:1}45%{opacity:0.7}60%{opacity:0.9}}
@keyframes dxRingIconIn {0%{opacity:0;transform:translate(-50%,-50%) scale(0.2)}70%{transform:translate(-50%,-50%) scale(1.15)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.dx-finale-ring { animation:dxFinaleRing 700ms cubic-bezier(0.2,0,0,1.2) both }
@keyframes dxFinaleRing {0%{opacity:0;transform:translate(-50%,-50%) scale(0.5);box-shadow:0 0 0 0 rgba(65,189,153,0.6)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 0 8px rgba(65,189,153,0.35)}100%{opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 0 rgba(65,189,153,0)}}
@keyframes dxSubIn {0%{opacity:0;transform:translateX(-24px)}100%{opacity:1;transform:translateX(0)}}
@keyframes dxFrameIn {0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}
@keyframes kx-side-in {0%{opacity:0;transform:translateY(-50%) translateX(12px)}100%{opacity:1;transform:translateY(-50%) translateX(0)}}
@keyframes dxCardFlip {0%{transform:perspective(1000px) rotateY(-100deg) scale(0.92);opacity:0}45%{opacity:1}70%{transform:perspective(1000px) rotateY(14deg) scale(1.02)}100%{transform:perspective(1000px) rotateY(0deg) scale(1);opacity:1}}
@keyframes dxWiggle {0%,100%{transform:rotate(0deg)}20%{transform:rotate(-1.5deg)}40%{transform:rotate(1.5deg)}60%{transform:rotate(-1deg)}80%{transform:rotate(1deg)}}
.dx-wiggle-card:hover { animation:dxWiggle 400ms ease;box-shadow:0 12px 28px rgba(29,42,67,0.18) !important }
.kx-kursiv-h1 h1 { font-style:italic }
.kx-kursiv-h2 h2 { font-style:italic }
.kx-kursiv-h1_h2 h1,
.kx-kursiv-h1_h2 h2 { font-style:italic }
.kx-kursiv-alle h1,
.kx-kursiv-alle h2,
.kx-kursiv-alle h3 { font-style:italic }
.kx-kursiv-h3 h3 { font-style:italic }
.kx-contact-card { transition:background 200ms cubic-bezier(0.2,0,0,1),transform 200ms cubic-bezier(0.2,0,0,1) }
.kx-contact-card-v3 { transition:background 200ms cubic-bezier(0.2,0,0,1),transform 200ms cubic-bezier(0.2,0,0,1),box-shadow 200ms cubic-bezier(0.2,0,0,1) }
@media (hover:hover) and (min-width:768px) {
  html .kx-contact-card-v3.kx-contact-card-v3:hover a[href] { color:var(--kx-bluegrey) !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: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 (max-width:767px) {
  .dx-hero-grid { padding-bottom:4px !important }
}
@media (max-width:767px) {
  .dx-hero-bar { height:2px !important;max-height:2px !important }
}
@media (max-width:767px) {
  .dx-toggle { width:auto !important;align-self:center }
}
@media (max-width:767px) {
  .dx-cta-termin { font-size:16px !important;padding:11px 20px !important;white-space:normal !important;text-align:center;justify-content:center;max-width:100%;box-sizing:border-box }
}
@media (max-width:767px) {
  .dx-acc-desk { display:none !important }
}
@media (max-width:767px) {
  .dx-acc-mob { display:flex !important }
}
@media (max-width:767px) {
  .dx-sch-row { display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px !important;margin:0 -20px;padding:4px 20px 10px;scrollbar-width:none }
}
@media (max-width:767px) {
  .dx-sch-row>div { flex:0 0 84%;scroll-snap-align:center }
}
@media (max-width:767px) {
  .dx-sch-arrows { display:flex !important }
}
@media (max-width:767px) {
  .dx-k3-wrap { padding:48px 20px !important }
}
@media (max-width:767px) {
  .dx-k3-card { padding:28px 20px !important;gap:20px !important;text-align:center }
}
@media (max-width:767px) {
  .dx-k3-card>div { align-items:center !important;text-align:center !important }
}
@media (max-width:767px) {
  .dx-k3-card h2 { font-size:26px !important }
}
@media (max-width:767px) {
  .dx-k3-card .kx-contact-card-v3 { padding:16px 12px !important;width:100%;box-sizing:border-box }
}
@media (max-width:767px) {
  .dx-k3-card .kx-contact-card-v3>div { flex-direction:column;gap:12px !important }
}
@media (max-width:767px) {
  .dx-k3-btn { font-size:16px !important;padding:11px 20px !important;white-space:normal !important;text-align:center }
}
@media (max-width:767px) {
  .dx-hero-grid { padding-bottom:4px !important }
  .dx-hero-bar { height:2px !important;max-height:2px !important }
  .dx-toggle { width:auto !important;align-self:center }
  .dx-cta-termin { font-size:16px !important;padding:11px 20px !important;white-space:normal !important;text-align:center;justify-content:center;max-width:100%;box-sizing:border-box }
  .dx-acc-desk { display:none !important }
  .dx-acc-mob { display:flex !important }
  .dx-sch-row { display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px !important;margin:0 -20px;padding:4px 20px 10px;scrollbar-width:none }
  .dx-sch-row>div { flex:0 0 84%;scroll-snap-align:center }
  .dx-sch-arrows { display:flex !important }
  .dx-k3-wrap { padding:48px 20px !important }
  .dx-k3-card { padding:28px 20px !important;gap:20px !important;text-align:center }
  .dx-k3-card>div { align-items:center !important;text-align:center !important }
  .dx-k3-card h2 { font-size:26px !important }
  .dx-k3-card .kx-contact-card-v3 { padding:16px 12px !important;width:100%;box-sizing:border-box }
  .dx-k3-card .kx-contact-card-v3>div { flex-direction:column;gap:12px !important }
  .dx-k3-btn { font-size:16px !important;padding:11px 20px !important;white-space:normal !important;text-align:center }
  
}
.dx-track::-webkit-scrollbar,
.dx-sch-row::-webkit-scrollbar { display:none }
@media (max-width:767px) {
  section>div.dx-hero-bar:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a):not(.x1) { padding:0 !important;height:2px !important;max-height:2px !important;min-height:0 !important }
}
@media (max-width:767px) {
  section>div.dx-hero-bar:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a):not(.x1) { padding:0 !important;height:2px !important;max-height:2px !important;min-height:0 !important }
  
}
.kx-sidenav-tab:hover { border-color:var(--kx-green) !important }
@media (max-width:767px) {
  .kx-sidenav { top:136px !important;transform:none !important;align-items:flex-start !important;z-index:160 !important;pointer-events:none !important;right:20px !important }
  
}
@media (max-width:767px) {
  .kx-sidenav-tab { width:36px !important;height:36px !important;border-radius:50% !important }
}
.kx-sidenav-tab { gap:0 !important;flex-direction:row !important }
.kx-sidenav-tab svg:last-child { display:none }
.kx-sidenav-tab .kx-sidenav-list { width:18px;height:18px }
@media (max-width:767px) {
  .kx-sidenav-panel a { font-size:14px !important;padding:9px 14px !important }
}
@media (max-width:767px) {
  .kx-sidenav { right:10px !important }
  .kx-sidenav-tab { width:36px !important;height:36px !important;border-radius:50% !important }
  .kx-sidenav-tab { gap:0 !important;flex-direction:row !important }
  .kx-sidenav-tab svg:last-child { display:none }
  .kx-sidenav-tab .kx-sidenav-list { width:18px;height:18px }
  .kx-sidenav-panel a { font-size:14px !important;padding:9px 14px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-std > .dx-hero-grid { grid-template-columns:1.15fr 0.85fr !important;gap:16px 24px !important;padding:52px 28px 40px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-std .dx-hero-h1 { grid-column:1 !important;grid-row:1 !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-std .dx-hero-cta { grid-column:1 !important;grid-row:2 !important;margin-top:0 !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-std .dx-hero-stage { grid-column:2 !important;grid-row:1 / 3 !important;align-self:center }
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-std > .dx-stats { padding:0 28px 32px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-std > .dx-hero-grid { grid-template-columns:1.15fr 0.85fr !important;gap:16px 24px !important;padding:52px 28px 40px !important }
  .kx-hdr-std .dx-hero-h1 { grid-column:1 !important;grid-row:1 !important }
  .kx-hdr-std .dx-hero-cta { grid-column:1 !important;grid-row:2 !important;margin-top:0 !important }
  .kx-hdr-std .dx-hero-stage { grid-column:2 !important;grid-row:1 / 3 !important;align-self:center }
  .kx-hdr-std > .dx-stats { padding:0 28px 32px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-std > div:first-child:not(.dx-hero-grid) { padding:16px 28px 0 !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-std > div:first-child:not(.dx-hero-grid) { padding:16px 28px 0 !important }
  
}
.gx-subnav { position:relative }
.gx-subnav .kx-sv-badge { position:absolute;left:16px;bottom:-40px;z-index:5 }
.gx-subnav.kx-sv-v2 { background:var(--kx-white) !important;border-bottom:1px solid var(--kx-bluegrey-05) }
.gx-subnav.kx-sv-v2 > div { gap:12px !important;padding-top:14px !important;padding-bottom:14px !important }
.gx-subnav.kx-sv-v2 > div > a { padding:9px 20px !important;border:1px solid var(--kx-bluegrey-20) !important;border-radius:999px;color:var(--kx-bluegrey) !important;transition:background 140ms cubic-bezier(0.2,0,0,1),border-color 140ms cubic-bezier(0.2,0,0,1),color 140ms cubic-bezier(0.2,0,0,1) }
.gx-subnav.kx-sv-v2 > div > a:hover { background:var(--kx-green) !important;border-color:var(--kx-green) !important;color:var(--kx-bluegrey) !important }
.gx-subnav.kx-sv-v3 { background:var(--kx-bluegrey) !important }
.gx-subnav.kx-sv-v3 > div > a { color:var(--kx-white) !important;border-bottom:3px solid transparent !important }
.gx-subnav.kx-sv-v3 > div > a:hover { color:var(--kx-green) !important;border-bottom-color:var(--kx-green) !important }
.gx-subnav.kx-sv-v4 { background:var(--kx-green-20) !important }
.gx-subnav.kx-sv-v4 > div > a { color:var(--kx-bluegrey) !important;font-family:var(--font-display) !important;font-style:italic;font-weight:700 !important;border-bottom:3px solid transparent !important }
.gx-subnav.kx-sv-v4 > div > a:hover { color:var(--kx-bluegrey) !important;border-bottom-color:var(--kx-green) !important }
@media (min-width:1600px) {
  [style*="max-width:1280px"],
  :is([style*="max-width: 1280px"], .dv-2, .dv-m, .dv-u, .dv-33, .dv-3p, .nv-3, .nv-a, .ft-2),
  [style*="max-width:1280px"],
  :is([style*="max-width: 1280px"], .dv-2, .dv-m, .dv-u, .dv-33, .dv-3p, .nv-3, .nv-a, .ft-2) { max-width:1440px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  section :is([style*="max-width:1280px"], :is([style*="max-width: 1280px"], .dv-2, .dv-m, .dv-u, .dv-33, .dv-3p, .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"], .dv-2, .dv-m, .dv-u, .dv-33, .dv-3p, .nv-3, .nv-a, .ft-2), #kx-none) { padding-left:24px !important;padding-right:24px !important }
}
@media (max-width:767px) {
  .kx-sidenav-tab,
  .kx-sidenav-panel { pointer-events:auto !important }
}
@media (max-width:767px) {
  .kx-sidenav-tab,
  .kx-sidenav-panel { pointer-events:auto !important }
  
}
.gx-subnav:not([style*="sticky"]) { position:relative }
@media (max-width:767px) {
  .gx-subnav::before,
  .gx-subnav::after { content:none;position:absolute;top:0;height:58px;width:34px;z-index:3;pointer-events:none;background-repeat:no-repeat;background-size:14px 14px }
}
@media (max-width:767px) {
  .gx-subnav::before { left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' sc-camel-view-box='0 0 24 24' fill='none' stroke='%231D2A43' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E"),linear-gradient(90deg,var(--kx-white) 55%,rgba(255,255,255,0));background-position:8px center,0 0;background-size:18px 18px,100% 100% }
}
@media (max-width:767px) {
  .gx-subnav::after { right:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' sc-camel-view-box='0 0 24 24' fill='none' stroke='%231D2A43' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E"),linear-gradient(270deg,var(--kx-white) 55%,rgba(255,255,255,0));background-position:calc(100% - 8px) center,0 0;background-size:18px 18px,100% 100% }
}
@media (max-width:767px) {
  .gx-subnav>div:not(.kx-devbadge) { padding-left:34px !important;padding-right:34px !important }
}
@media (max-width:767px) {
  .gx-subnav::before,
  .gx-subnav::after { content:none;position:absolute;top:0;height:58px;width:34px;z-index:3;pointer-events:none;background-repeat:no-repeat;background-size:14px 14px }
  .gx-subnav::before { left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' sc-camel-view-box='0 0 24 24' fill='none' stroke='%231D2A43' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E"),linear-gradient(90deg,var(--kx-white) 55%,rgba(255,255,255,0));background-position:8px center,0 0;background-size:18px 18px,100% 100% }
  .gx-subnav::after { right:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' sc-camel-view-box='0 0 24 24' fill='none' stroke='%231D2A43' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E"),linear-gradient(270deg,var(--kx-white) 55%,rgba(255,255,255,0));background-position:calc(100% - 8px) center,0 0;background-size:18px 18px,100% 100% }
  .gx-subnav>div:not(.kx-devbadge) { padding-left:34px !important;padding-right:34px !important }
  
}
@media (max-width:767px) {
  section>div.dx-stats.dx-stats-a.dx-stats-a.dx-stats-a.dx-stats-a { width:auto !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0 !important;flex-direction:row !important;margin:0 20px 40px !important;padding:18px 6px !important;max-width:none !important;box-sizing:border-box;background:rgba(65,189,153,0.10);border:1px solid rgba(65,189,153,0.35);border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.14) }
}
@media (max-width:767px) {
  section>div.dx-stats.dx-stats-a>div { display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:6px !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 6px !important;border-left:1px solid rgba(65,189,153,0.35) !important;border-top:none !important }
}
@media (max-width:767px) {
  section>div.dx-stats.dx-stats-a>div:first-child { border-left:none !important }
}
@media (max-width:767px) {
  section>div.dx-stats.dx-stats-a>div>div:first-child { font-size:26px !important }
}
@media (max-width:767px) {
  section>div.dx-stats.dx-stats-a>div>div:last-child { font-size:12px !important;max-width:none !important;width:auto !important }
}
@media (max-width:767px) {
  section>div.dx-stats.dx-stats-a.dx-stats-a.dx-stats-a.dx-stats-a { width:auto !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0 !important;flex-direction:row !important;margin:0 20px 40px !important;padding:18px 6px !important;max-width:none !important;box-sizing:border-box;background:rgba(65,189,153,0.10);border:1px solid rgba(65,189,153,0.35);border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.14) }
  section>div.dx-stats.dx-stats-a>div { display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:6px !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 6px !important;border-left:1px solid rgba(65,189,153,0.35) !important;border-top:none !important }
  section>div.dx-stats.dx-stats-a>div:first-child { border-left:none !important }
  section>div.dx-stats.dx-stats-a>div>div:first-child { font-size:26px !important }
  section>div.dx-stats.dx-stats-a>div>div:last-child { font-size:12px !important;max-width:none !important;width:auto !important }
  
}
@media (max-width:767px) {
  .dx-num-long { display:none !important }
}
@media (max-width:767px) {
  .dx-num-short { display:inline !important }
}
@media (max-width:767px) {
  .dx-num-long { display:none !important }
  .dx-num-short { display:inline !important }
  
}
html.kx-noswitch .kx-devbadge,
html.kx-noswitch .kx-pill { display:none !important }
.kx-snv-badge { display:none !important }
@media (min-width:1100px) {
  html:not(.kx-noswitch) .kx-snv-badge { display:inline-flex !important }
  .kx-sidenav:is(.kx-sn-v2,.kx-sn-v3,.kx-sn-v4,.kx-sn-v5,.kx-sn-v6) { right:0 !important }
  :is(.kx-sn-v2,.kx-sn-v3,.kx-sn-v4,.kx-sn-v5,.kx-sn-v6) .kx-sidenav-tab { width:36px !important;height:88px !important;border-radius:10px 0 0 10px !important;box-shadow:0 6px 16px rgba(29,42,67,0.14) !important }
  :is(.kx-sn-v2,.kx-sn-v3,.kx-sn-v4,.kx-sn-v5,.kx-sn-v6) .kx-sidenav-tab svg { width:22px !important;height:22px !important;stroke-width:2.8px !important }
  :is(.kx-sn-v2,.kx-sn-v3,.kx-sn-v4,.kx-sn-v5,.kx-sn-v6) .kx-sidenav-tab svg:last-child { display:none !important }
  .kx-sn-v2 .kx-sidenav-tab { background:var(--kx-green-20) !important;border:1.5px solid var(--kx-green) !important;border-right:none !important }
  .kx-sn-v2 .kx-sidenav-tab svg { stroke:var(--kx-green) !important }
  .kx-sn-v2 .kx-sidenav-tab svg circle { fill:var(--kx-green) !important }
  .kx-sn-v3 .kx-sidenav-tab { background:var(--kx-green) !important;border:none !important;border-right:none !important }
  .kx-sn-v3 .kx-sidenav-tab svg { stroke:var(--kx-white) !important }
  .kx-sn-v3 .kx-sidenav-tab svg circle { fill:var(--kx-white) !important }
  .kx-sn-v4 .kx-sidenav-tab { background:var(--kx-bluegrey) !important;border:none !important;border-right:none !important }
  .kx-sn-v4 .kx-sidenav-tab svg { stroke:var(--kx-green) !important }
  .kx-sn-v4 .kx-sidenav-tab svg circle { fill:var(--kx-green) !important }
  .kx-sn-v5 .kx-sidenav-tab { background:var(--kx-white) !important;border:1.5px solid var(--kx-bluegrey) !important;border-right:none !important }
  .kx-sn-v5 .kx-sidenav-tab svg { stroke:var(--kx-bluegrey) !important }
  .kx-sn-v5 .kx-sidenav-tab svg circle { fill:var(--kx-bluegrey) !important }
  .kx-sn-v6 .kx-sidenav-tab { background:var(--kx-white) !important;border:1.5px solid var(--kx-green) !important;border-right:none !important }
  .kx-sn-v6 .kx-sidenav-tab svg { stroke:var(--kx-green) !important }
  .kx-sn-v6 .kx-sidenav-tab svg circle { fill:var(--kx-green) !important }
  
}
@media (max-width:767px) {
  .dx-stats-a > div { padding-left:0 !important;border-left:none !important }
}
@media (max-width:767px) {
  .dx-stats-a > div { padding-left:0 !important;border-left:none !important }
  
}
html body a.kx-kontakt-blau.kx-kontakt-blau.kx-kontakt-blau.kx-kontakt-blau.kx-kontakt-blau { color:var(--kx-bluegrey) !important }
html body a.kx-kontakt-blau.kx-kontakt-blau svg { stroke:var(--kx-green) !important }
html body a.kx-kontakt-blau[href^="tel:"] { margin-top:10px !important }
html body a.kx-kontakt-blau[href^="mailto:"] { margin-top:-8px !important }
html body a.kx-kontakt-blau[href^="tel:"] svg path { fill:var(--kx-green) !important;stroke:var(--kx-green) !important;stroke-width:1.2 !important }
html body a.kx-kontakt-blau[href^="mailto:"] svg rect { fill:var(--kx-green) !important;stroke:var(--kx-green) !important }
html body a.kx-kontakt-blau[href^="mailto:"] svg path { fill:none !important;stroke:var(--kx-white) !important;stroke-width:1.8 !important }
html body a.kx-kontakt-blau[href^="mailto:"] { line-height:1.2 !important;align-items:center !important }
html body a.kx-kontakt-blau[href^="mailto:"] svg { position:relative;top:1px }
html body .kx-contact-card h3,
html body .kx-contact-card-v3 h3 { font-style:normal !important }
@media (max-width:767px) {
  .dx-k3-btn,
  .dx-kontakt-sec a[href*="kollex-direktshop-demo-termin"][style*="padding:1"] { white-space:nowrap !important;width:auto !important;max-width:100% !important;align-self:center !important;justify-content:center !important;font-size:15px !important;padding:11px 18px !important;gap:8px !important }
}
@media (max-width:767px) {
  .dx-k3-btn,
  .dx-kontakt-sec a[href*="kollex-direktshop-demo-termin"][style*="padding:1"] { white-space:nowrap !important;width:auto !important;max-width:100% !important;align-self:center !important;justify-content:center !important;font-size:15px !important;padding:11px 18px !important;gap:8px !important }
  
}
@media (max-width:767px) {
  .dx-k3-card { background:transparent !important;border:none !important;padding:0 !important;gap:28px !important;box-shadow:none !important }
}
@media (max-width:767px) {
  .dx-k3-card .kx-contact-card-v3 { background:var(--kx-white) !important;border:1.5px solid color-mix(in srgb, var(--kx-green) 35%, transparent) !important;box-shadow:0 8px 24px rgba(29,42,67,0.08) !important;padding:24px 20px !important;align-items:center !important;text-align:center !important }
}
@media (max-width:767px) {
  .dx-k3-card .kx-contact-card-v3>div { flex-direction:column;gap:12px !important;align-items:center !important }
}
@media (max-width:767px) {
  .dx-k3-card { background:transparent !important;border:none !important;padding:0 !important;gap:28px !important;box-shadow:none !important }
  .dx-k3-card .kx-contact-card-v3 { background:var(--kx-white) !important;border:1.5px solid color-mix(in srgb, var(--kx-green) 35%, transparent) !important;box-shadow:0 8px 24px rgba(29,42,67,0.08) !important;padding:24px 20px !important;align-items:center !important;text-align:center !important }
  .dx-k3-card .kx-contact-card-v3>div { flex-direction:column;gap:12px !important;align-items:center !important }
  
}
@media (max-width:767px) {
  .dx-acc-mob .dx-track>div { padding:12px 12px 14px !important;gap:8px !important }
}
@media (max-width:767px) {
  .dx-acc-mob .dx-track>div>p { font-size:15px !important }
}
@media (max-width:767px) {
  .dx-acc-mob .dx-track>div>div:last-child { min-height:232px !important }
}
@media (max-width:767px) {
  .dx-acc-mob .dx-track>div>div:last-child>div { width:160px !important;height:160px !important }
}
@media (max-width:767px) {
  .dx-acc-mob .dx-track>div>div:last-child>img { height:224px !important }
}
@media (max-width:767px) {
  .dx-acc-mob .dx-track>div { padding:12px 12px 14px !important;gap:8px !important }
  .dx-acc-mob .dx-track>div>p { font-size:15px !important }
  .dx-acc-mob .dx-track>div>div:last-child { min-height:232px !important }
  .dx-acc-mob .dx-track>div>div:last-child>div { width:160px !important;height:160px !important }
  .dx-acc-mob .dx-track>div>div:last-child>img { height:224px !important }
  
}
html body :is(.kx-contact-card,.kx-contact-card-v3) a.kx-kontakt-blau.kx-kontakt-blau:hover,
html body :is(.kx-contact-card,.kx-contact-card-v3) a.kx-kontakt-blau.kx-kontakt-blau:hover *,
html body :is(.kx-contact-card,.kx-contact-card-v3):hover a.kx-kontakt-blau.kx-kontakt-blau { color:var(--kx-bluegrey) !important }
html body :is(.kx-contact-card,.kx-contact-card-v3) a.kx-kontakt-blau.kx-kontakt-blau { transition:font-weight 120ms cubic-bezier(0.2,0,0,1) }
@media (hover:hover) and (min-width:1100px) {
  html body :is(.kx-contact-card,.kx-contact-card-v3) a.kx-kontakt-blau.kx-kontakt-blau:hover { font-weight:700 !important }
  
}
@media (max-width:767px) {
  .gx-subnav-arr { display:flex !important;position:absolute;top:0;height:58px;width:34px;align-items:center;justify-content:center;z-index:4;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent }
}
@media (max-width:767px) {
  .gx-subnav-arr { display:flex !important;position:absolute;top:0;height:58px;width:34px;align-items:center;justify-content:center;z-index:4;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent }
  
}
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3):hover { transform:none !important }
html body:not(#x) .kx-contact-card:hover { background:var(--kx-white) !important }
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3):hover h3 { color:var(--kx-green) !important }
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3):hover,
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3):hover *:not(svg):not(path):not(rect):not(circle):not(a) { color:inherit }
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3):hover p,
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3):hover div:not(:has(*)) { color:var(--kx-bluegrey) !important }
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3) a[href^="mailto:"],
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3) a[href^="tel:"],
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3):hover a[href^="mailto:"],
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3):hover a[href^="tel:"] { color:var(--kx-bluegrey) !important;transition:font-weight 120ms cubic-bezier(0.2,0,0,1) }
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3) a[href^="mailto:"] svg,
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3) a[href^="tel:"] svg,
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3):hover a[href^="mailto:"] svg,
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3):hover a[href^="tel:"] svg { color:var(--kx-green) !important;stroke:var(--kx-green) !important }
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3) a[href^="mailto:"] svg [fill]:not([fill="none"]),
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3) a[href^="tel:"] svg [fill]:not([fill="none"]),
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3):hover a[href^="mailto:"] svg [fill]:not([fill="none"]),
html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3):hover a[href^="tel:"] svg [fill]:not([fill="none"]) { fill:var(--kx-green) !important }
@media (hover:hover) {
  html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3) a[href^="mailto:"]:hover,
  html body:not(#x) :is(.kx-contact-card,.kx-contact-card-v3) a[href^="tel:"]:hover { font-weight:700 !important }
  
}
@media (max-width:767px) {
  .dx-sort-label { white-space:normal !important;width:132px;text-align:center;line-height:1.2 }
}
@media (max-width:767px) {
  .dx-sort-label { white-space:normal !important;width:132px;text-align:center;line-height:1.2 }
  
}
@media (max-width:767px) {
  .dx-phone-body { box-sizing:border-box !important;box-shadow:0 0 14px rgba(65,189,153,0.28) !important }
}
@media (max-width:767px) {
  .dx-phone-body { box-sizing:border-box !important;box-shadow:0 0 14px rgba(65,189,153,0.28) !important }
  
}
@media (max-width:359px) {
  .dx-hero-stage.dx-stage { transform:scale(0.62) !important }
  
}
.dx-flipgrid .dx-flip-inner { transform:rotateY(0deg);transition:none }
.dx-flipgrid.dx-sol .dx-flip-inner { transform:rotateY(180deg) }
.dx-flipgrid.dx-flip-ready .dx-flip-inner { transition:transform 760ms cubic-bezier(0.45,0,0.2,1) }
.dx-flipgrid.dx-flip-ready>.dx-flip-card:nth-child(2) .dx-flip-inner,
.dx-flipgrid.dx-flip-ready>*:nth-child(2)>.dx-flip-card .dx-flip-inner { transition-delay:80ms }
.dx-flipgrid.dx-flip-ready>.dx-flip-card:nth-child(3) .dx-flip-inner,
.dx-flipgrid.dx-flip-ready>*:nth-child(3)>.dx-flip-card .dx-flip-inner { transition-delay:160ms }
.dx-flipgrid.dx-flip-ready>.dx-flip-card:nth-child(4) .dx-flip-inner,
.dx-flipgrid.dx-flip-ready>*:nth-child(4)>.dx-flip-card .dx-flip-inner { transition-delay:240ms }

/* Elementstile */
#app .dv-1 { font-family:var(--font-body);color:var(--kx-bluegrey);min-height:100vh;display:flex;flex-direction:column }
#app .dv-2 { max-width:1280px;margin:0 auto;padding:72px 32px 48px }
#app .dv-3 { display:flex;flex-direction:column;gap:12px;align-items:flex-start }
#app .dv-4 { font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--kx-green) }
#app .dv-5 { display:flex;flex-direction:column;gap:20px;align-items:flex-start;margin-top:-32px }
#app .dv-6 { margin:0;font-size:18px;line-height:1.55;color:var(--kx-bluegrey-20);max-width:48ch }
#app .dv-8 { text-decoration:none;background:var(--kx-green);color:var(--kx-bluegrey);font-size:17px;font-weight:600;padding:14px 26px;border-radius:999px;white-space:nowrap;transition:background 120ms cubic-bezier(0.2,0,0,1);display:inline-flex;align-items:center;gap:10px }
#app .dv-9 { flex-shrink:0 }
#app .dv-a { position:relative;width:100%;max-width:480px;height:238px;margin:0 auto }
#app .dv-b { display:grid;grid-template-columns:repeat(2,1fr);gap:12px }
#app .dv-c { width:26px;height:26px;border-radius:22%;background:var(--kx-green);display:flex;align-items:center;justify-content:center;flex-shrink:0 }
#app .dv-d { width:18px;height:18px;object-fit:contain;border-radius:16% }
#app .dv-e { flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px }
#app .dv-f { display:grid;grid-template-columns:repeat(2,1fr);gap:9px }
#app .dv-g { position:absolute;top:62%;left:50%;animation:dxArrowIn 500ms cubic-bezier(0.2,0,0,1) both }
#app .dv-h { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:120px }
#app .dv-i { display:block }
#app .dv-j { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;height:340px;border-radius:50%;background:#D9F2EB }
#app .dv-k { position:absolute;top:50%;left:50%;transform:translate(-50%,-42%) rotate(-4deg) }
#app .dv-l { width:300px;height:auto;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(29,42,67,0.4)) }
#app .dv-m { max-width:1280px;margin:0 auto;padding:0 32px 56px;display:flex;gap:32px }
#app .dv-n { display:flex;flex-direction:column;gap:4px }
#app .dv-o { font-family:var(--font-display);font-size:40px;font-weight:700;line-height:1;color:var(--kx-green) }
#app .dv-p { display:none }
#app .dv-q { position:absolute;left:0;right:0;bottom:0;z-index:1;height:8px;max-height:8px;overflow:hidden;background:var(--kx-green) }
#app .dv-r { background:var(--kx-white) }
#app .dv-s { display:none;left:0;background:linear-gradient(90deg,var(--kx-white) 55%,rgba(255,255,255,0)) }
#app .dv-t { display:none;right:0;background:linear-gradient(270deg,var(--kx-white) 55%,rgba(255,255,255,0)) }
#app .dv-u { max-width:1280px;margin:0 auto;padding:0 32px;display:flex;justify-content:safe center;gap:clamp(24px,4vw,48px);overflow-x:auto }
#app .dv-w { text-decoration:none;white-space:nowrap;font-size:16px;font-weight:600;color:var(--kx-bluegrey-80);padding:18px 0;border-bottom:2px solid transparent }
#app .dv-x { position:fixed;top:50%;right:16px;transform:translateY(-50%);z-index:90;display:flex;flex-direction:row-reverse;align-items:center;gap:8px;animation:kx-side-in 220ms cubic-bezier(0.2,0,0,1) }
#app .dv-y { width:48px;height:72px;padding:0;border-radius:12px;background:var(--kx-green-20);border:1.5px solid var(--kx-green);display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px rgba(29,42,67,0.14);transition:border-color 160ms cubic-bezier(0.2,0,0,1) }
#app .dv-z { display:flex;flex-direction:column;padding:6px 0;white-space:nowrap }
#app .dv-11 { text-decoration:none;font-size:14px;font-weight:600;color:var(--kx-bluegrey-80);padding:9px 16px;border-left:3px solid transparent }
#app .dv-12 { max-width:900px;margin:0 auto;padding:40px 32px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center }
#app .dv-13 { display:flex;flex-direction:column;align-items:center;gap:8px }
#app .dv-14 { font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:0.02em;color:var(--kx-green);font-style:italic }
#app .dv-15 { margin:0;font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1.15;letter-spacing:-0.01em;color:var(--kx-bluegrey) }
#app .dv-16 { margin:0;font-size:18px;line-height:1.5;color:var(--kx-bluegrey);max-width:70ch }
#app .dv-17 { max-width:1320px;margin:0 auto;padding:56px 32px 96px;display:flex;flex-direction:column;gap:36px }
#app .dv-18 { display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center }
#app .dv-19 { margin:0;font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1.15;letter-spacing:-0.01em;white-space:nowrap }
#app .dv-1a { color:var(--kx-green) }
#app .dv-1b { margin:0;font-size:17px;line-height:1.6;color:var(--kx-bluegrey-80);max-width:65ch }
#app .dv-1c { display:inline-flex;background:var(--kx-bluegrey-05);border-radius:999px;padding:5px;gap:2px;margin-top:16px }
#app .dv-1d { display:grid;grid-template-columns:repeat(4,1fr);gap:20px;perspective:1000px }
#app .dv-1e { perspective:1200px;display:grid }
#app .dv-1f { display:grid;transform-style:preserve-3d }
#app .dv-1g { grid-area:1/1;background:var(--kx-bluegrey-05);border:1.5px solid var(--kx-bluegrey-05);border-radius:14px;padding:28px 24px;display:flex;flex-direction:column;gap:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden }
#app .dv-1h { display:inline-flex;align-items:center;gap:6px;background:var(--kx-bluegrey-20);color:var(--kx-bluegrey);font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;align-self:flex-start }
#app .dv-1i { font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:0.04em;color:var(--kx-bluegrey-80) }
#app .dv-1j { font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.3;color:var(--kx-bluegrey);min-height:50px }
#app .dv-1k { margin:0;font-size:16px;line-height:1.55;color:var(--kx-bluegrey) }
#app .dv-1l { grid-area:1/1;background:color-mix(in srgb, var(--kx-green) 8%, var(--kx-white));border:1.5px solid var(--kx-green);border-radius:14px;padding:28px 24px;display:flex;flex-direction:column;gap:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg) }
#app .dv-1m { display:inline-flex;align-items:center;gap:6px;background:var(--kx-green);color:var(--kx-bluegrey);font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;align-self:flex-start }
#app .dv-1n { font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:0.04em;color:var(--kx-green) }
#app .dv-1o { text-decoration:none;align-self:center;display:inline-flex;align-items:center;gap:8px;background:var(--kx-green);color:var(--kx-bluegrey);font-size:17px;font-weight:600;padding:12px 22px;border-radius:999px;transition:background 120ms cubic-bezier(0.2,0,0,1) }
#app .dv-1p { margin:0;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--kx-green);font-style:italic }
#app .dv-1q { position:relative }
#app .dv-1r { position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:150px;background:color-mix(in srgb, var(--kx-green) 20%, var(--kx-white));z-index:0 }
#app .dv-1s { position:relative;z-index:1;padding-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px }
#app .dv-1u { background:var(--kx-bluegrey);border-radius:14px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;transition:transform 200ms cubic-bezier(0.2,0,0,1) }
#app .dv-1v { width:48px;height:48px;border-radius:22%;background:color-mix(in srgb, var(--kx-green) 25%, var(--kx-white));display:flex;align-items:center;justify-content:center }
#app .dv-1w { color:var(--kx-bluegrey) }
#app .dv-1x { font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.3;color:var(--kx-white);min-height:50px }
#app .dv-1y { margin:0;font-size:16px;line-height:1.55;color:var(--kx-bluegrey-20) }
#app .dv-1z { display:grid;grid-template-columns:repeat(4,1fr);gap:20px }
#app .dv-20 { background:var(--kx-white);border:1.5px solid var(--kx-bluegrey-20);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 14px rgba(29,42,67,0.08);transition:box-shadow 200ms ease }
#app .dv-21 { background:var(--kx-green);padding:20px 24px;display:flex;align-items:center;gap:10px }
#app .dv-22 { color:var(--kx-white) }
#app .dv-23 { font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:0.04em;color:var(--kx-white) }
#app .dv-24 { padding:22px 24px;display:flex;flex-direction:column;gap:12px }
#app .dv-25 { background:var(--kx-green);border-radius:14px;padding:26px 22px;display:flex;flex-direction:column;gap:14px;transition:transform 200ms cubic-bezier(0.2,0,0,1) }
#app .dv-26 { font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:0.04em;color:rgba(255,255,255,0.75) }
#app .dv-27 { font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1.3;color:var(--kx-bluegrey);min-height:50px }
#app .dv-29 { text-decoration:none;align-self:center;display:inline-flex;align-items:center;gap:8px;background:var(--kx-bluegrey);color:var(--kx-white);font-size:17px;font-weight:600;padding:12px 22px;border-radius:999px;transition:background 120ms cubic-bezier(0.2,0,0,1) }
#app .dv-2a { background:color-mix(in srgb, var(--kx-green) 10%, var(--kx-white)) }
#app .dv-2b { max-width:1120px;margin:0 auto;padding:56px 32px 96px;display:flex;flex-direction:column;gap:48px;align-items:center }
#app .dv-2c { display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:8px }
#app .dv-2d { margin:0;font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1.15;letter-spacing:-0.01em }
#app .dv-2e { display:grid;grid-template-columns:0.8fr 1.2fr;gap:48px;align-items:center;width:100% }
#app .dv-2f { position:relative;display:flex;justify-content:center;align-items:center;height:100%;max-height:460px;min-height:320px }
#app .dv-2g { position:absolute;width:min(320px, 80%);aspect-ratio:1;border-radius:50%;background:var(--kx-bluegrey);z-index:0 }
#app .dv-2h { position:relative;z-index:1;display:grid;grid-template-rows:100%;place-items:center;height:100%;max-height:460px;width:100%;max-width:100% }
#app .dv-2i { display:flex;flex-direction:column;gap:12px;text-align:left }
#app .dv-2j { display:flex;align-items:center;justify-content:space-between;gap:12px }
#app .dv-2k { margin:0;font-size:16px;line-height:1.6;color:var(--kx-bluegrey) }
#app .dv-2l { display:none;flex-direction:column;gap:18px;width:100% }
#app .dv-2m { display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 10px;scrollbar-width:none;text-align:left }
#app .dv-2n { flex:0 0 84%;min-width:0;max-width:84%;box-sizing:border-box;scroll-snap-align:center;background:var(--kx-white);border-radius:16px;padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(29,42,67,0.08) }
#app .dv-2o { background:var(--kx-green);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;min-width:0;min-height:100px;box-sizing:border-box }
#app .dv-2p { width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--kx-white);color:var(--kx-bluegrey);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:15px }
#app .dv-2q { margin:0;min-width:0;font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.25;color:var(--kx-bluegrey);text-wrap:balance }
#app .dv-2r { margin:0;font-family:var(--font-body);font-size:15px;line-height:1.45;color:var(--kx-bluegrey);text-align:center;flex:1;display:flex;align-items:center;justify-content:center;padding-top:8px }
#app .dv-2s { position:relative;display:flex;justify-content:center;align-items:center;min-height:250px;margin-top:auto }
#app .dv-2t { position:absolute;width:170px;height:170px;border-radius:50%;background:var(--kx-bluegrey) }
#app .dv-2u { position:relative;height:240px;max-width:100%;object-fit:contain;display:block }
#app .dv-2v { display:flex;align-items:center;justify-content:center;gap:12px }
#app .dv-2w { display:flex;gap:6px;align-items:center }
#app .dv-2x { font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--kx-bluegrey-80) }
#app .dv-2y { position:relative;z-index:1;max-height:110%;max-width:100%;object-fit:contain;filter:drop-shadow(0 16px 32px rgba(29,42,67,0.25)) }
#app .dv-2z { display:flex;align-items:center;gap:16px }
#app .dv-30 { flex:1;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--kx-bluegrey) }
#app .dv-31 { margin:0;font-size:16px;line-height:1.6;color:var(--kx-bluegrey-80) }
#app .dv-32 { font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--kx-bluegrey) }
#app .dv-33 { max-width:1280px;margin:0 auto;padding:96px 32px 40px;display:flex;flex-direction:column;gap:36px }
#app .dv-34 { display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap }
#app .dv-35 { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative }
#app .dv-36 { display:flex;flex-direction:column;height:100% }
#app .dv-38 { font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--kx-bluegrey) }
#app .dv-39 { margin:0;font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--kx-bluegrey-80) }
#app .dv-3a { height:1px;background:var(--kx-bluegrey-20);margin:6px 0 }
#app .dv-3b { display:flex;flex-direction:column;gap:12px }
#app .dv-3c { display:flex;align-items:center;justify-content:space-between;gap:8px }
#app .dv-3d { display:flex;align-items:center;gap:8px }
#app .dv-3e { font-family:var(--font-body);font-size:16px;font-weight:600;color:var(--kx-bluegrey) }
#app .dv-3f { margin:8px 0 0;font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--kx-bluegrey-80) }
#app .dv-3g { display:grid;grid-template-columns:repeat(3,1fr);gap:24px }
#app .dv-3h { position:relative;padding-top:22px }
#app .dv-3i { display:none;position:absolute;left:-10px;right:-10px;top:50%;transform:translateY(-50%);align-items:center;justify-content:space-between;pointer-events:none;z-index:3 }
#app .dv-3j { display:grid;grid-template-columns:repeat(3,1fr);gap:20px }
#app .dv-3k { display:flex;align-items:center;gap:14px }
#app .dv-3l { display:flex;flex-direction:column;gap:14px }
#app .dv-3m { display:flex;gap:10px;align-items:flex-start }
#app .dv-3n { flex-shrink:0;margin-top:2px }
#app .dv-3o { height:0;scroll-margin-top:0 }
#app .dv-3p { max-width:1280px;margin:88px auto 0;padding:0 32px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap }
#app .dv-3q { background:var(--kx-bluegrey-05);margin-top:0 }
#app .dv-3r { max-width:1080px;margin:0 auto;padding:64px 32px 96px }
#app .dv-3s { background:var(--kx-white);border:1.5px solid var(--kx-green);border-radius:20px;padding:56px;display:grid;grid-template-columns:0.75fr auto;gap:40px;align-items:center }
#app .dv-3t { display:flex;flex-direction:column;gap:16px;align-items:flex-start }
#app .dv-3v { font-family:var(--font-body);display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb, var(--kx-green) 12%, var(--kx-white));border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;color:var(--kx-green);text-decoration:none;transition:background 120ms cubic-bezier(0.2,0,0,1) }
#app .dv-3w { margin:0;font-family:var(--font-display);font-weight:600;font-size:36px;line-height:1.15;letter-spacing:-0.01em;color:var(--kx-bluegrey);max-width:22ch }
#app .dv-3x { margin:0;font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--kx-bluegrey-80);max-width:52ch }
#app .dv-3y { background:transparent;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;text-align:left }
#app .dv-3z { margin:0;font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.2;color:var(--kx-green);font-style:normal }
#app .dv-40 { display:flex;gap:20px;align-items:center }
#app .dv-41 { width:88px;height:88px;object-fit:cover;object-position:50% 22%;border-radius:22%;flex-shrink:0;display:block }
#app .dv-42 { font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--kx-bluegrey) }
#app .dv-43 { font-family:var(--font-body);font-size:16px;color:var(--kx-bluegrey-80) }
#app .dv-45 { font-family:var(--font-body);text-decoration:none;font-size:16px;font-weight:500;color:var(--kx-bluegrey);display:inline-flex;align-items:center;gap:10px }
#app .dv-47 { font-family:var(--font-body);text-decoration:none;font-size:16px;font-weight:500;color:var(--kx-green);display:inline-flex;align-items:center;gap:10px }
#app .dv-h7:hover { background:#38A887 !important;color:var(--kx-bluegrey) !important }
#app .dv-hv:hover { color:var(--kx-green) !important;border-color:var(--kx-green) !important }
#app .dv-h10:hover { color:var(--kx-green) !important;border-color:var(--kx-green) !important;background:color-mix(in srgb, var(--kx-green) 6%, transparent) !important }
#app .dv-h1t:hover { transform:translateY(-4px) !important }
#app .dv-h28:hover { background:#2d3f5e !important }
#app .dv-h37:hover { transform:translateY(-4px) !important;box-shadow:0 16px 32px rgba(29,42,67,0.1) !important }
#app .dv-h3u:hover { background:color-mix(in srgb, var(--kx-green) 24%, var(--kx-white)) !important }
#app .dv-h44:hover { color:var(--kx-green) !important }
#app .dv-h46:hover { color:#38A887 !important }