/* SiteNav */
body { margin:0 }
a { color:var(--kx-green) }
a:hover { color:#38A887 }
html:not(:has(.hilfe-suche)) { scroll-padding-top:124px }
@media (max-width:1099px) {
  html:not(:has(.hilfe-suche)) { scroll-padding-top:124px }
  
}
@media (max-width:767px) {
  html:not(:has(.hilfe-suche)) { scroll-padding-top:132px }
  
}
.kxnav-burger { display:none }
html.kx-drawer-lock,
html.kx-drawer-lock body { overflow:hidden !important;overscroll-behavior:none !important }
.kxnav-drawer { overflow-y:auto !important;overscroll-behavior:contain !important;-webkit-overflow-scrolling:touch }
.kx-nav-mobil .kxnav-mob-kontakt { display:flex !important }
.kx-nav-mobil .kxnav-mob-kontakt ~ .kxnav-burger { margin-left:8px !important }
@media (max-width:767px) {
  .kxnav-fab-mobhide { display:none !important }
}
@media (max-width:767px) {
  .kxnav-fab-mobhide { display:none !important }
  
}
@media (max-width:767px) {
  .kxnav-mob-kontakt { display:flex !important }
  .kxnav-mob-kontakt ~ .kxnav-burger { margin-left:8px !important }
  
}
.kx-nav-mobil .kxnav-desktop,
.kx-nav-mobil .kxnav-toplinks { display:none !important }
.kx-nav-mobil .kxnav-burger { display:flex !important }
.kx-nav-mobil { width:390px !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;box-shadow:0 0 0 1px var(--kx-bluegrey-20),0 4px 16px rgba(29,42,67,0.08) }
.kx-nav-mobil .kxnav-v3-mobilecta { display:inline-flex !important }
.kx-nav-tablet { width:834px !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;box-shadow:0 0 0 1px var(--kx-bluegrey-20),0 4px 16px rgba(29,42,67,0.08) }
.kx-nav-tablet .kxnav-desktop { gap:20px !important }
.kx-nav-tablet .kxnav-desktop a { font-size:16px !important }
.kx-nav-tablet .kxnav-pill { padding:10px 20px !important }
.kx-nav-mobil .kxnav-row { padding-left:20px !important;padding-right:20px !important;gap:10px !important }
.kx-nav-mobil .kxnav-row div[style*="flex:1"] { font-size:12px !important }
@media (min-width:768px) and (max-width:1099px) {
  .kxnav-row div[style*="flex:1"] { font-size:13px !important }
}
.kx-nav-mobil img[alt="kollex – zur Startseite"] { height:30px !important }
.kx-nav-mobil .kxnav-v3-mobilecta { font-size:12px !important;padding:7px 12px !important }
.kx-nav-tablet .kxnav-row { padding-left:24px !important;padding-right:24px !important }
@media (max-width:767px) {
  .kxnav-desktop,
  .kxnav-toplinks { display:none !important }
  .kxnav-burger { display:flex !important }
  .kxnav-v3-mobilecta { display:inline-flex !important;font-size:12px !important;padding:7px 12px !important }
  .kxnav-row { padding-left:20px !important;padding-right:20px !important;gap:10px !important }
  img[alt="kollex – zur Startseite"] { height:30px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  .kxnav-desktop { gap:20px !important }
  .kxnav-desktop a { font-size:16px !important }
  .kxnav-pill { padding:10px 20px !important }
  .kxnav-row { padding-left:24px !important;padding-right:24px !important }
  
}
.kxnav-contact-fab { position:fixed;top:152px;right:32px;z-index:150;width:52px;height:52px;padding:0;border-radius:999px;background:var(--kx-green);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;box-shadow:0 8px 20px rgba(29,42,67,0.3);transition:width 220ms cubic-bezier(0.2,0,0,1),padding 220ms cubic-bezier(0.2,0,0,1),background 120ms cubic-bezier(0.2,0,0,1) }
.kxnav-contact-fab:hover { width:176px;padding:0 16px;justify-content:center;background:#38A887 }
.kxnav-contact-fab svg { flex-shrink:0 }
.kxnav-contact-label { max-width:0;margin-left:0;opacity:0;font-size:15px;font-weight:600;color:var(--kx-white);font-family:var(--font-body);white-space:nowrap;overflow:hidden;transition:color 150ms ease,opacity 150ms ease 80ms,max-width 220ms cubic-bezier(0.2,0,0,1),margin-left 220ms cubic-bezier(0.2,0,0,1) }
.kxnav-contact-fab:hover .kxnav-contact-label { opacity:1;max-width:140px;margin-left:8px }
.kxnav-contact-label:hover { color:var(--kx-bluegrey) }
@media (max-width:1099px) {
  .kxnav-contact-fab { top:136px;right:24px;width:46px;height:46px }
  .kxnav-contact-fab:hover { width:164px }
  
}
@media (max-width:767px) {
  .kxnav-contact-fab:hover { width:164px !important }
}
@media (max-width:767px) {
  .kxnav-contact-fab,
  .kxnav-contact-fab-b,
  .kxnav-contact-fab-c { right:20px !important }
  .kxnav-contact-fab,
  .kxnav-contact-fab-c { width:40px !important;height:40px !important }
  .kxnav-contact-fab-c svg { margin-right:11px !important }
  .kxnav-contact-fab-b { padding:0 !important;width:38px !important;height:38px !important;justify-content:center !important;border-radius:50% !important }
  .kxnav-contact-fab-b span { display:none !important }
  .kxnav-contact-fab-b svg { margin:0 !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  .kxnav-contact-fab { top:136px !important;left:calc(50% + 401px) !important;right:auto !important;transform:translateX(-100%) !important;width:46px !important;height:46px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kxnav-contact-fab:hover { width:164px !important }
}
.kxnav-login { position:relative;display:flex;align-items:center }
.kxnav-login-panel { position:absolute;top:100%;right:0;margin-top:12px;z-index:140;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity 160ms ease,transform 160ms ease;background:var(--kx-white);border:1px solid var(--kx-bluegrey-05);border-radius:12px;box-shadow:0 16px 32px rgba(29,42,67,0.18);padding:8px;display:flex;flex-direction:column;gap:2px;min-width:288px }
.kxnav-login-open .kxnav-login-panel { opacity:1;visibility:visible;transform:translateY(0) }
.kxnav-login>div:focus-visible { outline:3px solid rgba(65,189,153,0.5);outline-offset:3px;border-radius:999px }
.kxnav-login-head { font-family:var(--font-body);font-size:15px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--kx-bluegrey);padding:4px 6px 10px;text-align:center;display:block;align-self:stretch }
.kxnav-login-btn-primary { display:flex;flex-direction:column;gap:1px;align-items:center;text-decoration:none;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--kx-bluegrey);background:var(--kx-green);padding:12px 18px;border-radius:999px;transition:background 120ms cubic-bezier(0.2,0,0,1) }
.kxnav-login-btn-primary:hover { background:#38A887;color:var(--kx-bluegrey) }
.kxnav-login-btn-ghost { display:flex;flex-direction:column;gap:1px;align-items:center;text-decoration:none;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--kx-white);background:var(--kx-bluegrey);border:1.5px solid var(--kx-bluegrey);padding:11px 18px;border-radius:999px;margin-top:8px;transition:background 120ms cubic-bezier(0.2,0,0,1),border-color 120ms cubic-bezier(0.2,0,0,1) }
.kxnav-login-btn-ghost:hover { background:#12203a;border-color:#12203a;color:var(--kx-white) }
.kxnav-login-bt { font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.2 }
.kxnav-login-bs { font-size:14.5px;font-weight:500;opacity:1;line-height:1.3 }
.kxnav-login-chev { flex-shrink:0;margin-left:2px }
.kxnav-mehr-panel { opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity 160ms ease,transform 160ms ease }
.kxnav-mehr:hover .kxnav-mehr-panel { opacity:1;visibility:visible;transform:translateY(0) }
.kxnav-hersteller { position:relative;display:flex;align-items:center }
.kxnav-hersteller-panel { position:absolute;top:100%;margin-top:8px;background:var(--kx-white);border:1px solid var(--kx-bluegrey-05);border-radius:12px;box-shadow:0 16px 32px rgba(29,42,67,0.15);padding:8px;display:flex;flex-direction:column;min-width:230px;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity 160ms ease,transform 160ms ease;z-index:130 }
.kxnav-hersteller:hover .kxnav-hersteller-panel { opacity:1;visibility:visible;transform:translateY(0) }
.kxnav-hersteller-trigger { padding:8px 16px;margin:-8px -16px;border-radius:999px;border:2px solid transparent;transition:border-color 120ms cubic-bezier(0.2,0,0,1) }
.kxnav-hersteller:hover .kxnav-hersteller-trigger { border-color:var(--kx-green) }
.kxnav-hersteller-panel a:hover { background:color-mix(in srgb, var(--kx-green) 10%, transparent) !important;color:var(--kx-green) !important }
.kxnav-contact-fab-b { position:fixed;top:152px;right:32px;z-index:150;display:flex;align-items:center;gap:8px;background:var(--kx-white);border:1.5px solid var(--kx-bluegrey-20);color:var(--kx-bluegrey);text-decoration:none;font-family:var(--font-body);font-size:14px;font-weight:600;padding:10px 18px 10px 14px;border-radius:999px;box-shadow:0 8px 20px rgba(29,42,67,0.15);transition:border-color 120ms cubic-bezier(0.2,0,0,1),color 120ms cubic-bezier(0.2,0,0,1) }
.kxnav-contact-fab-b:hover { border-color:var(--kx-green);color:var(--kx-green) }
@media (max-width:1099px) {
  .kxnav-contact-fab-b { top:136px;right:24px;padding:8px 14px 8px 12px;font-size:13px }
  
}
@media (max-width:767px) {
  .kxnav-contact-fab-b span { display:none !important }
}
@media (max-width:767px) {
  .kxnav-contact-fab-b svg { margin:0 !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kxnav-contact-fab-b { top:136px !important;left:calc(50% + 401px) !important;right:auto !important;transform:translateX(-100%) !important;padding:8px 14px 8px 12px !important;font-size:13px !important }
}
.kxnav-contact-fab-c { position:fixed;bottom:28px;right:32px;z-index:150;width:56px;height:56px;padding:0;border-radius:999px;background:var(--kx-bluegrey);color:var(--kx-white);display:inline-flex;align-items:center;justify-content:flex-end;overflow:hidden;white-space:nowrap;text-decoration:none;box-shadow:0 10px 24px rgba(29,42,67,0.35);transition:width 220ms cubic-bezier(0.2,0,0,1),padding 220ms cubic-bezier(0.2,0,0,1),background 120ms cubic-bezier(0.2,0,0,1) }
.kxnav-contact-fab-c svg { flex-shrink:0;margin-right:17px }
.kxnav-contact-fab-c:hover { width:230px;padding-left:20px;background:var(--kx-green) }
.kxnav-contact-label-c { max-width:0;opacity:0;margin-right:0;font-size:15px;font-weight:600;color:var(--kx-white);font-family:var(--font-body);overflow:hidden;white-space:nowrap;transition:opacity 150ms ease 80ms,max-width 220ms cubic-bezier(0.2,0,0,1),margin-right 220ms cubic-bezier(0.2,0,0,1) }
.kxnav-contact-fab-c:hover .kxnav-contact-label-c { opacity:1;max-width:170px;margin-right:10px }
@media (max-width:1099px) {
  .kxnav-contact-fab-c { bottom:20px;right:24px;width:50px;height:50px }
  .kxnav-contact-fab-c svg { margin-right:15px }
  .kxnav-contact-fab-c:hover { width:210px }
  
}
@media (max-width:767px) {
  .kxnav-contact-fab-c svg { margin-right:11px !important }
}
@media (max-width:767px) {
  .kxnav-contact-fab-c:hover { width:210px !important }
}
@media (max-width:767px) {
  .kxnav-contact-fab,
  .kxnav-contact-fab-b,
  .kxnav-contact-fab-c { top:auto !important;bottom:20px !important;transform:none !important }
}
@media (max-width:767px) {
  .kxnav-contact-fab,
  .kxnav-contact-fab-b,
  .kxnav-contact-fab-c { top:auto !important;bottom:20px !important;transform:none !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  .kxnav-contact-fab-c { bottom:20px !important;left:calc(50% + 401px) !important;right:auto !important;transform:translateX(-100%) !important;width:50px !important;height:50px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kxnav-contact-fab-c:hover { width:210px !important }
}
.kxnav-contact-fab-c { opacity:1;visibility:visible }
.kxnav-contact-fab-c.kxnav-fab-away { opacity:0 !important;visibility:hidden !important;pointer-events:none !important }
.kxnav-contact-fab-c { transition:width 220ms cubic-bezier(0.2,0,0,1),padding 220ms cubic-bezier(0.2,0,0,1),background 120ms cubic-bezier(0.2,0,0,1),opacity 200ms ease,visibility 200ms ease }
.kx-eyebrow,
div:not(:has(*)):has(+ h2) { font-style:italic }
h2 { font-style:normal }
@media (min-width:1600px) {
  [style*="max-width:1280px"],
  :is([style*="max-width: 1280px"], .nv-3, .nv-a),
  [style*="max-width:1280px"],
  :is([style*="max-width: 1280px"], .nv-3, .nv-a) { max-width:1440px !important }
  
}
@media (max-width:767px) {
  .kxnav-contact-fab,
  .kxnav-contact-fab-b,
  .kxnav-contact-fab-c { width:44px !important;height:44px !important }
}
@media (max-width:767px) {
  .kxnav-contact-fab svg,
  .kxnav-contact-fab-b svg,
  .kxnav-contact-fab-c svg { width:22px !important;height:22px !important }
}
@media (max-width:767px) {
  .kxnav-contact-fab,
  .kxnav-contact-fab-b,
  .kxnav-contact-fab-c { width:44px !important;height:44px !important }
  .kxnav-contact-fab svg,
  .kxnav-contact-fab-b svg,
  .kxnav-contact-fab-c svg { width:22px !important;height:22px !important }
  
}
html:not(.kx-btn-weiss) a[style*="background:var(--kx-green)"],
html:not(.kx-btn-weiss) a:is([style*="background: var(--kx-green)"], .nv-2, .nv-k),
html:not(.kx-btn-weiss) button[style*="background:var(--kx-green)"],
html:not(.kx-btn-weiss) button:is([style*="background: var(--kx-green)"], .nv-2, .nv-k) { color:var(--kx-bluegrey) !important }
html:not(.kx-btn-weiss) a[style*="background:var(--kx-green)"] svg,
html:not(.kx-btn-weiss) a:is([style*="background: var(--kx-green)"], .nv-2, .nv-k) svg,
html:not(.kx-btn-weiss) button:is([style*="background: var(--kx-green)"], .nv-2, .nv-k) svg { stroke:var(--kx-bluegrey) !important }
.kxnav-row a.kxnav-on { background:var(--kx-green) !important;color:var(--kx-bluegrey) !important;border-color:var(--kx-green) !important }
.kxnav-row.kxnav-aktiv-h a.kxnav-on { background:color-mix(in srgb, var(--kx-green) 14%, var(--kx-white)) !important;color:var(--kx-bluegrey) !important;border-color:color-mix(in srgb, var(--kx-green) 14%, var(--kx-white)) !important }
.kxnav-row .kxnav-hersteller-trigger.kxnav-on { background:var(--kx-green);color:var(--kx-bluegrey) !important;padding:8px 16px;margin:-8px -16px;border-radius:999px }
.kxnav-row.kxnav-aktiv-h .kxnav-hersteller-trigger.kxnav-on { background:color-mix(in srgb, var(--kx-green) 14%, var(--kx-white));color:var(--kx-bluegrey) !important }
.kxnav-aktiv-badge { display:none !important }
@media (min-width:1100px) {
  html:not(.kx-noswitch) .kxnav-aktiv-badge { display:inline-flex !important }
  
}
.kxnav-row.kxnav-aktiv-u a.kxnav-on,
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller-trigger.kxnav-on { background:transparent !important;border-color:transparent !important;color:var(--kx-bluegrey) !important;font-weight:700 !important;position:relative;border-radius:0 !important }
.kxnav-row.kxnav-aktiv-u a.kxnav-on::after,
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller-trigger.kxnav-on::after { content:"";position:absolute;left:16px;right:16px;bottom:-4px;height:4px;border-radius:2px;background:var(--kx-green) }
.kxnav-row.kxnav-aktiv-u a:not(.kxnav-on):not(.kxnav-login):not([class*="kxnav-pill"]):hover,
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller-trigger:not(.kxnav-on):hover { background:transparent !important;border-color:transparent !important;color:var(--kx-bluegrey) !important;box-shadow:none !important;position:relative }
.kxnav-row.kxnav-aktiv-u a[href]:not(.kxnav-on):not([class*="kxnav-pill"]):not([class*="login"])::after,
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller-trigger:not(.kxnav-on)::after { content:"";position:absolute;left:16px;right:16px;bottom:-4px;height:4px;border-radius:2px;background:color-mix(in srgb, var(--kx-green) 35%, var(--kx-white));transform:scaleX(0);transform-origin:left;transition:transform 200ms cubic-bezier(0.2,0,0,1) }
.kxnav-row.kxnav-aktiv-u a[href]:not(.kxnav-on):not([class*="kxnav-pill"]):not([class*="login"]):hover::after,
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller-trigger:not(.kxnav-on):hover::after { transform:scaleX(1) }
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller-trigger { position:relative }
.kxnav-row.kxnav-aktiv-u a[href]:not([class*="kxnav-pill"]):not([class*="login"]) { position:relative }
.kxnav-row.kxnav-aktiv-h .kxnav-desktop > a:not(.kxnav-on):hover { border-color:transparent !important;background:transparent !important;box-shadow:none !important;color:var(--kx-green) !important }
.kxnav-row.kxnav-aktiv-h .kxnav-hersteller:hover .kxnav-hersteller-trigger:not(.kxnav-on) { border-color:transparent !important;color:var(--kx-green) !important }
.kxnav-row.kxnav-aktiv-h .kxnav-hersteller:hover .kxnav-hersteller-trigger:not(.kxnav-on) svg { stroke:var(--kx-green) !important }
.kxnav-row.kxnav-aktiv-h .kxnav-desktop > a,
.kxnav-row.kxnav-aktiv-h .kxnav-hersteller-trigger { transition:color 120ms cubic-bezier(0.2,0,0,1) !important }
.kxnav-row a.kxnav-kontakt-nav::after { content:none !important;display:none !important }
.kxnav-row.kxnav-row.kxnav-row a.kxnav-kontakt-nav.kxnav-kontakt-nav.kxnav-kontakt-nav.kxnav-kontakt-nav:hover,
.kxnav-row a.kxnav-kontakt-nav:hover { background:color-mix(in srgb, var(--kx-green) 14%, var(--kx-white)) !important;border-color:var(--kx-bluegrey-20) !important;color:var(--kx-bluegrey) !important }
.kxnav-row.kxnav-row.kxnav-row a.kxnav-kontakt-nav.kxnav-kontakt-on.kxnav-kontakt-on,
.kxnav-row a.kxnav-kontakt-nav.kxnav-kontakt-on { background:color-mix(in srgb, var(--kx-green) 14%, var(--kx-white)) !important;border-color:color-mix(in srgb, var(--kx-green) 14%, var(--kx-white)) !important;color:var(--kx-bluegrey) !important }
.kxnav-row a:has(> img)::after,
.kxnav-row a:has(> img):hover::after { content:none !important;display:none !important }
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller:hover .kxnav-hersteller-trigger,
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller:focus-within .kxnav-hersteller-trigger { border-color:transparent !important;background:transparent !important;box-shadow:none !important }
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller:hover .kxnav-hersteller-trigger:not(.kxnav-on)::after,
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller:focus-within .kxnav-hersteller-trigger:not(.kxnav-on)::after { transform:scaleX(1) !important }
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller-panel a::after,
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller-panel a:hover::after { content:none !important;display:none !important }
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller-panel a:hover,
.kxnav-row.kxnav-row.kxnav-aktiv-u .kxnav-hersteller-panel a:not(.kxnav-on):hover { background:color-mix(in srgb, var(--kx-green) 14%, var(--kx-white)) !important;color:var(--kx-bluegrey) !important;border-color:transparent !important }
@media (max-width:767px) {
  .kxnav-top-sep { display:none !important }
}
@media (max-width:767px) {
  .kxnav-top-sep { display:none !important }
  
}
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller-panel { margin-top:20px !important }
.kxnav-row.kxnav-aktiv-u .kxnav-hersteller-panel::before { content:"";position:absolute;left:0;right:0;top:-22px;height:22px }
:is(#app,body) .kxnav-row.kxnav-aktiv-u a:not([class*="kxnav-pill"]):not([class*="login"]):not(.kxnav-kontakt-nav):hover,
:is(#app,body) .kxnav-row.kxnav-aktiv-u a.kxnav-on,
:is(#app,body) .kxnav-row.kxnav-aktiv-u .kxnav-hersteller-trigger,
:is(#app,body) .kxnav-row.kxnav-aktiv-u .kxnav-hersteller:hover .kxnav-hersteller-trigger { border-color:transparent !important;background:transparent !important;box-shadow:none !important;outline:none !important }
:is(#app,body) .kxnav-row.kxnav-row.kxnav-aktiv-u.kxnav-aktiv-u .kxnav-hersteller-panel.kxnav-hersteller-panel.kxnav-hersteller-panel a:hover,
:is(#app,body) .kxnav-row.kxnav-row.kxnav-aktiv-u.kxnav-aktiv-u .kxnav-hersteller-panel.kxnav-hersteller-panel.kxnav-hersteller-panel a.kxnav-on { background:color-mix(in srgb, var(--kx-green) 14%, var(--kx-white)) !important;border-color:transparent !important }
html:not(.kx-no-dkgreen) a[href^="mailto:"]:not(:is([style*="background:var(--kx-green)"], :is([style*="background: var(--kx-green)"], .nv-2, .nv-k), [style*="border-radius:999px"][style*="border:1px solid"], :is([style*="border-radius: 999px"], .nv-9, .nv-k, .nv-m)[style*="border: 1px solid"], .kxnav-row *, .kxnav-row, footer *, [style*="background:var(--kx-bluegrey)"] *, [style*="background: var(--kx-bluegrey)"] *, [style*="background:var(--kx-plum)"] *, [style*="background:var(--kx-green)"] *, .kx-devbadge, .kx-devbadge *)),
html:not(.kx-no-dkgreen) a[href^="tel:"]:not(:is([style*="background:var(--kx-green)"], :is([style*="background: var(--kx-green)"], .nv-2, .nv-k), [style*="border-radius:999px"][style*="border:1px solid"], :is([style*="border-radius: 999px"], .nv-9, .nv-k, .nv-m)[style*="border: 1px solid"], .kxnav-row *, .kxnav-row, footer *, [style*="background:var(--kx-bluegrey)"] *, [style*="background: var(--kx-bluegrey)"] *, [style*="background:var(--kx-plum)"] *, [style*="background:var(--kx-green)"] *, .kx-devbadge, .kx-devbadge *)),
html:not(.kx-no-dkgreen) [style*="color:var(--kx-green)"][style*="font-size:1"]:not(:is([style*="border-radius:999px"][style*="border:1px solid"], :is([style*="border-radius: 999px"], .nv-9, .nv-k, .nv-m)[style*="border: 1px solid"], .kxnav-row *, .kxnav-row, footer *, [style*="background:var(--kx-bluegrey)"] *, [style*="background: var(--kx-bluegrey)"] *, [style*="background:var(--kx-plum)"] *, [style*="background:var(--kx-green)"] *, .kx-devbadge, .kx-devbadge *)),
html:not(.kx-no-dkgreen) [style*="color: var(--kx-green)"]:is([style*="font-size: 1"], .nv-4, .nv-7, .nv-9, .nv-k, .nv-m, .nv-r, .nv-s, .nv-u, .nv-y, .nv-z):not(:is([style*="border-radius:999px"][style*="border:1px solid"], :is([style*="border-radius: 999px"], .nv-9, .nv-k, .nv-m)[style*="border: 1px solid"], .kxnav-row *, .kxnav-row, footer *, [style*="background:var(--kx-bluegrey)"] *, [style*="background: var(--kx-bluegrey)"] *, [style*="background:var(--kx-plum)"] *, [style*="background:var(--kx-green)"] *, .kx-devbadge, .kx-devbadge *)),
html:not(.kx-no-dkgreen) a[style*="color:var(--kx-green)"]:not([style*="font-size:2"]):not([style*="font-size:3"]):not([style*="font-size:4"]):not([style*="font-size:5"]):not(:is([style*="border-radius:999px"][style*="border:1px solid"], :is([style*="border-radius: 999px"], .nv-9, .nv-k, .nv-m)[style*="border: 1px solid"], .kxnav-row *, .kxnav-row, footer *, [style*="background:var(--kx-bluegrey)"] *, [style*="background: var(--kx-bluegrey)"] *, [style*="background:var(--kx-plum)"] *, [style*="background:var(--kx-green)"] *, .kx-devbadge, .kx-devbadge *)) { color:#2F9374 !important }
:is(#app,body) .kxnav-row.kxnav-row .kxnav-hersteller-trigger.kxnav-hersteller-trigger.kxnav-on { color:var(--kx-bluegrey) !important }
:is(#app,body) .kxnav-row.kxnav-row.kxnav-aktiv-u .kxnav-hersteller:hover .kxnav-hersteller-trigger.kxnav-hersteller-trigger,
:is(#app,body) .kxnav-row.kxnav-row.kxnav-aktiv-u .kxnav-hersteller-trigger.kxnav-hersteller-trigger:hover,
:is(#app,body) .kxnav-row.kxnav-row.kxnav-aktiv-u a:not([class*="kxnav-pill"]):not([class*="login"]):not(.kxnav-kontakt-nav):hover { color:var(--kx-bluegrey) !important }
html.kx-cta-radikal a.kx-cta,
html.kx-cta-radikal a.kx-cta * { font-family:var(--font-display) !important;font-weight:700 !important }
@media (max-width:767px) {
  html,
  body { overflow-x:clip !important;overscroll-behavior-x:none }
  
}
@media (max-width:767px) {
  [style*="overflow-x:auto"],
  [style*="overflow-x: auto"],
  [style*="overflow-x:scroll"],
  [style*="overflow: auto"] { overscroll-behavior-x:contain !important }
}
@media (max-width:767px) {
  [style*="overflow-x:auto"],
  [style*="overflow-x: auto"],
  [style*="overflow-x:scroll"] { overscroll-behavior-x:contain !important }
  
}
@media (max-width:767px) {
  p,
  li,
  blockquote { line-height:1.4 !important }
}
@media (max-width:767px) {
  p,
  li,
  blockquote { line-height:1.4 !important }
  
}
.kx-snd { display:none }
@media (max-width:767px) {
  nav.gx-subnav>*:not(.kx-snd) { display:none !important }
}
@media (max-width:767px) {
  nav.gx-subnav::before,
  nav.gx-subnav::after { display:none !important }
}
@media (max-width:767px) {
  nav.gx-subnav>.kx-snd { display:block !important;position:relative;padding:8px 16px;width:100%;box-sizing:border-box;flex:1 1 100% }
}
.kx-snd-btn { width:100%;min-height:38px;display:flex;align-items:center;gap:6px;padding:0 12px;background:var(--kx-white);border:1px solid var(--kx-bluegrey-20);border-radius:10px;font-family:var(--font-body);font-size:14px;color:var(--kx-bluegrey);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent }
.kx-snd-pre { color:var(--kx-bluegrey-80);font-weight:500;flex-shrink:0 }
.kx-snd-cur { font-weight:700;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.kx-snd-btn svg { flex-shrink:0;transition:transform 200ms cubic-bezier(0.2,0,0,1) }
.kx-snd-open .kx-snd-btn { border-color:var(--kx-green) }
.kx-snd-open .kx-snd-btn svg { transform:rotate(180deg) }
.kx-snd-list { display:none;position:absolute;left:16px;right:16px;top:calc(100% - 4px);z-index:60;background:var(--kx-white);border:1px solid var(--kx-bluegrey-20);border-radius:12px;box-shadow:0 12px 32px rgba(29,42,67,0.16);padding:4px;max-height:60vh;overflow-y:auto }
.kx-snd-open .kx-snd-list { display:flex;flex-direction:column }
.kx-snd-list a { display:block;padding:9px 10px;border-radius:7px;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--kx-bluegrey) !important;text-decoration:none }
.kx-snd-list a.kx-snd-on { background:color-mix(in srgb, var(--kx-green) 14%, var(--kx-white)) }
@media (max-width:767px) {
  nav.gx-subnav>*:not(.kx-snd) { display:none !important }
  nav.gx-subnav::before,
  nav.gx-subnav::after { display:none !important }
  nav.gx-subnav>.kx-snd { display:block !important;position:relative;padding:8px 16px;width:100%;box-sizing:border-box;flex:1 1 100% }
  
}
@media (max-width:767px) {
  button[style*="height:8px"][style*="border-radius:999px"] { position:relative }
}
@media (max-width:767px) {
  button[style*="height:8px"][style*="border-radius:999px"]::after { content:"";position:absolute;left:-6px;right:-6px;top:-18px;bottom:-18px }
}
@media (max-width:767px) {
  h2 { text-wrap:balance !important }
}
@media (max-width:767px) {
  a.kx-kontakt-blau { padding-top:6px;padding-bottom:6px }
}
@media (max-width:767px) {
  button[style*="height:8px"][style*="border-radius:999px"] { position:relative }
  button[style*="height:8px"][style*="border-radius:999px"]::after { content:"";position:absolute;left:-6px;right:-6px;top:-18px;bottom:-18px }
  h2 { text-wrap:balance !important }
  a.kx-kontakt-blau { padding-top:6px;padding-bottom:6px }
  
}
html .kxnav-login-btn-primary .kxnav-login-bs { color:var(--kx-bluegrey) !important;opacity:1 !important }
html .kxnav-login-panel.kxnav-login-panel { border:1.5px solid var(--kx-green) !important }
html .kxnav-login-panel.kxnav-login-panel { min-width:340px !important }
html .kxnav-login-btn-primary.kxnav-login-btn-primary { padding:8px 26px !important }
html .kxnav-login-btn-ghost.kxnav-login-btn-ghost { padding:7px 26px !important }
html header:has(.kxnav-login-open) { z-index:160 !important }
html header:has(.kxnav-hersteller:hover),
html header:has(.kxnav-hersteller:focus-within),
html header:has(.kxnav-hersteller-open) { z-index:160 !important }
html .kxnav-hersteller-panel { z-index:170 !important }
.kxnav-mob-login summary::-webkit-details-marker { display:none }
.kxnav-mob-login[open] summary svg { transform:rotate(180deg) }
.kxnav-mob-login summary svg { transition:transform 200ms cubic-bezier(0.2,0,0,1) }
html header:has(.kxnav-login-open),
html header:has(.kxnav-mob-login[open]),
html header:has(.kxnav-hersteller:hover) { z-index:400 !important }
html body:has(.kxnav-login-open) .kx-sidenav,
html body:has(.kxnav-mob-login[open]) .kx-sidenav { z-index:90 !important }
html body [class^="cky-"],
html body [class*=" cky-"],
html body [class^="cky-"] *,
html body [class*=" cky-"] *,
html body input,
html body select,
html body textarea { font-family:Barlow, Verdana, sans-serif !important }
html body [class^="cky-"] h1,
html body [class^="cky-"] h2,
html body [class^="cky-"] h3,
html body [class*=" cky-"] .cky-title { font-family:Barlow, Verdana, sans-serif !important }
@supports not (height:100dvh) {
  .kxnav-drawer { max-height:calc(100vh - 72px) !important }
  
}
.kxnav-drawer { padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px)) !important }
@media (min-width:768px) {
  :has([data-screen-label^="Kontakt"]) a[href^="tel:"] { cursor:text;pointer-events:none }
  
}
@media (min-width:768px) {
  a[href^="tel:+49160"],
  a[href^="tel:+49151"],
  a[href^="tel:+493081304502"] { pointer-events:none;cursor:text }
  
}
@media (min-width:768px) and (max-width:1099px) {
  a[href^="tel:+49160"],
  a[href^="tel:+49151"],
  a[href^="tel:+493081304502"] { pointer-events:none;cursor:text }
}
@media (min-width:768px) and (max-width:1099px) {
  .kxnav-contact-fab,
  .kxnav-contact-fab-b,
  .kxnav-contact-fab-c { top:136px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kxnav-contact-fab,
  .kxnav-contact-fab-b,
  .kxnav-contact-fab-c { top:136px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  html .kx-hdr-std { min-height:434px !important }
  html section.hv1-sec { min-height:400px !important }
  html .jb-hero-a { height:440px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  html section.hv1-sec .hv1-pad { padding-top:44px !important;padding-bottom:56px !important }
  html section.hv1-sec { min-height:0 !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  html section.hv1-sec,
  html section.hv1-sec .hv1-slant { clip-path:none !important }
  html section.gx-herov1 { height:auto !important;min-height:434px !important;clip-path:none !important }
  html section.gx-herov1 .gx-heroPad { height:auto !important;min-height:434px !important;padding-top:28px !important;padding-bottom:28px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  html section.hv1-sec .hv1-pad.hv1-pad { padding-top:72px !important;padding-bottom:32px !important }
  html section.gx-herov1.gx-herov1.gx-herov1 .gx-heroPad.gx-heroPad.gx-heroPad.gx-heroPad { padding-top:80px !important;padding-bottom:28px !important;justify-content:flex-end !important }
  
}
html a[href^="mailto:"][style*="background:var(--kx-green)"],
html a[href^="mailto:"]:is([style*="background: var(--kx-green)"], .nv-2, .nv-k) { color:var(--kx-bluegrey) !important }

/* Elementstile */
#app .nv-1 { position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;background:transparent;pointer-events:none }
#app .nv-2 { height:100%;width:0%;background:var(--kx-green);transition:width 80ms linear }
#app .nv-3 { max-width:1280px;margin:0 auto;padding:0 32px;height:44px;display:flex;align-items:center;gap:24px }
#app .nv-4 { font-size:15px;color:var(--kx-white);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
#app .nv-5 { display:flex;align-items:center;gap:clamp(16px,2vw,28px) }
#app .nv-7 { text-decoration:none;white-space:nowrap;font-size:15px;font-weight:500;color:var(--kx-white) }
#app .nv-8 { width:1px;height:18px;background:rgba(255,255,255,0.4);flex-shrink:0;margin:0 -10px }
#app .nv-9 { cursor:pointer;text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--kx-white);border:none;padding:6px 2px;border-radius:999px;transition:border-color 120ms cubic-bezier(0.2,0,0,1) }
#app .nv-a { position:relative;max-width:1280px;margin:0 auto;padding:0 32px;min-height:68px;display:flex;align-items:center;gap:clamp(16px,2.5vw,32px) }
#app .nv-b { display:flex;align-items:center;text-decoration:none;flex-shrink:0 }
#app .nv-c { height:34px;display:block }
#app .nv-d { margin-left:auto;display:flex;align-items:center;gap:clamp(20px,3vw,44px) }
#app .nv-f { opacity:0.55;font-weight:500 }
#app .nv-g { font-weight:700 }
#app .nv-h { right:0 }
#app .nv-k { text-decoration:none;white-space:nowrap;background:var(--kx-green);color:var(--kx-bluegrey);font-size:18px;font-weight:600;padding:9px 26px;border-radius:999px;transition:background 120ms cubic-bezier(0.2,0,0,1) }
#app .nv-m { text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;background:var(--kx-white);border:1.5px solid var(--kx-bluegrey-20);color:var(--kx-bluegrey);font-size:17px;font-weight:600;padding:8px 18px 8px 14px;border-radius:999px;transition:border-color 120ms cubic-bezier(0.2,0,0,1),color 120ms cubic-bezier(0.2,0,0,1) }
#app .nv-n { background:var(--kx-white);border-top:1px solid var(--kx-bluegrey-05);padding:8px 20px 16px;display:flex;flex-direction:column;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box }
#app .nv-o { border-bottom:1px solid var(--kx-bluegrey-05) }
#app .nv-p { display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:14px 4px }
#app .nv-q { display:flex;flex-direction:column;padding:0 4px 12px 12px }
#app .nv-r { text-decoration:none;font-size:16px;font-weight:500;color:var(--kx-bluegrey);padding:10px 4px }
#app .nv-s { text-decoration:none;font-size:16px;font-weight:500;color:var(--kx-bluegrey);padding:12px 4px }
#app .nv-t { border-top:1px solid var(--kx-bluegrey-05);margin-top:8px }
#app .nv-u { list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;color:var(--kx-bluegrey);padding:14px 4px 12px }
#app .nv-v { flex-shrink:0 }
#app .nv-w { display:flex;flex-direction:column;padding:0 4px 8px 16px }
#app .nv-x { text-decoration:none;display:flex;flex-direction:column;gap:1px;padding:10px 0;color:var(--kx-bluegrey) }
#app .nv-y { font-size:16px;font-weight:600 }
#app .nv-z { font-size:13.5px;font-weight:400;color:var(--kx-bluegrey-80) }
#app .nv-10 { height:112px }
#app .nv-h6:hover { color:var(--kx-green) !important }
#app .nv-he:hover { border-color:var(--kx-green) !important }
#app .nv-hi:hover { background:var(--kx-bluegrey-05) !important }
#app .nv-hj:hover { background:#38A887 !important;color:var(--kx-bluegrey) !important;box-shadow:0 1px 2px rgba(29,42,67,0.06) !important }
#app .nv-hl:hover { background:color-mix(in srgb, var(--kx-green) 14%, var(--kx-white)) !important }

/* SiteFooter */
body { margin:0 }
a { color:var(--kx-green) }
a:hover { color:#38A887 }
.kxf-mobil .kxf-grid { grid-template-columns:1fr !important;gap:32px !important }
.kxf-mobil .kxf-bottom { flex-direction:column !important;align-items:flex-start !important;gap:16px !important }
.kxf-tablet .kxf-grid { grid-template-columns:1fr 1fr !important;gap:32px !important }
@media (max-width:767px) {
  .kxf-grid { grid-template-columns:1fr !important;gap:32px !important }
  .kxf-bottom { flex-direction:column !important;align-items:flex-start !important;gap:16px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  .kxf-grid { grid-template-columns:1fr 1fr !important;gap:32px !important }
  
}
@media (min-width:1600px) {
  [style*="max-width:1280px"],
  :is([style*="max-width: 1280px"], .ft-2, .nv-3, .nv-a),
  [style*="max-width:1280px"],
  :is([style*="max-width: 1280px"], .ft-2, .nv-3, .nv-a) { max-width:1440px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  section :is([style*="max-width:1280px"], :is([style*="max-width: 1280px"], .ft-2, .nv-3, .nv-a), #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"], .ft-2, .nv-3, .nv-a), #kx-none) { padding-left:24px !important;padding-right:24px !important }
}

/* Elementstile */
#app .ft-1 { background:var(--kx-bluegrey);color:var(--kx-white);font-family:var(--font-body) }
#app .ft-2 { max-width:1280px;margin:0 auto;padding:64px 32px 32px }
#app .ft-3 { display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;align-items:start }
#app .ft-4 { display:flex;flex-direction:column;gap:20px }
#app .ft-5 { display:flex;align-items:center;text-decoration:none }
#app .ft-6 { height:44px;display:block }
#app .ft-7 { font-size:15px;line-height:1.7;color:var(--kx-bluegrey-20) }
#app .ft-8 { display:flex;flex-direction:column;gap:12px }
#app .ft-9 { font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--kx-green) }
#app .ft-b { text-decoration:none;font-size:15px;color:var(--kx-white) }
#app .ft-c { margin-top:48px;padding-top:0;padding-bottom:20px;border-bottom:1px solid var(--kx-bluegrey-80);display:flex;align-items:center;justify-content:space-between;gap:24px }
#app .ft-d { font-size:13px;color:var(--kx-bluegrey-40) }
#app .ft-e { display:flex;flex-wrap:wrap;gap:12px 24px }
#app .ft-f { text-decoration:none;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--kx-white) }
#app .ft-ha:hover { color:var(--kx-green) !important }