body { margin:0;background:#fff }
a { color:var(--kx-green) }
a:hover { color:#38A887 }
.hilfe-deco,
section>div.hilfe-deco { padding:0 !important }
@media (max-width:767px) {
  .hilfe-deco { padding:0 !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-deco { padding:0 !important }
}
@media (max-width:1099px) {
  .hilfe-skew { display:none !important }
  
}
@media (max-width:767px) {
  .hilfe-skew { display:none !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-skew { display:none !important }
}
@media (max-width:1099px) {
  .hilfe-slant-thin { display:none !important }
  .hilfe-slant-wide { width:20% !important }
  
}
@media (max-width:767px) {
  .hilfe-slant-thin { display:none !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-slant-thin { display:none !important }
}
@media (max-width:767px) {
  .hilfe-slant-wide { width:20% !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-slant-wide { width:20% !important }
}
.kx-pill,
section>div.kx-pill { padding:7px 14px !important;height:auto !important }
@media (max-width:767px) {
  .kx-pill,
  section>div.kx-pill { padding:7px 14px !important;height:auto !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-pill,
  section>div.kx-pill { padding:7px 14px !important;height:auto !important }
}
@media (max-width:767px) {
  .kx-pill { padding:4px 9px !important;font-size:10px !important;gap:4px !important;max-width:calc(100% - 24px) !important }
}
@media (max-width:767px) {
  .kx-pill svg { width:10px !important;height:10px !important }
}
@media (max-width:767px) {
  .kx-farbpill { top:56px !important;right:auto !important;left:16px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-farbpill { top:56px !important;right:auto !important;left:16px !important }
}
@media (max-width:767px) {
  .kx-farbpill span { font-size:10px !important }
}
@media (max-width:767px) {
  .kx-uebpill { top:56px !important;right:auto !important;left:16px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-uebpill { top:56px !important;right:auto !important;left:16px !important }
}
@media (max-width:1099px) {
  .kx-uebpill { top:56px !important;right:auto !important;left:16px !important }
  
}
@media (max-width:1099px) {
  .kx-farbpill { top:56px !important;right:auto !important;left:16px !important }
  
}
@media (max-width:767px) {
  .hilfe-header-inner { padding-top:118px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-header-inner { padding-top:118px !important }
}
@media (max-width:1099px) {
  .hilfe-header-inner { padding-top:118px !important }
  
}
@media (max-width:767px) {
  .hilfe-slant-v1 { display:none !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-slant-v1 { display:none !important }
}
@media (max-width:1099px) {
  .hilfe-slant-v1 { display:none !important }
  
}
@media (max-width:767px) {
  .hilfe-karte-v5 { padding-top:30px !important;padding-bottom:30px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-karte-v5 { padding-top:30px !important;padding-bottom:30px !important }
}
@media (max-width:1099px) {
  .hilfe-karte-v5 { padding-top:30px !important;padding-bottom:30px !important }
  
}
@media (max-width:767px) {
  .hilfe-grid-v5 { grid-template-columns:repeat(2,1fr) !important;gap:12px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-grid-v5 { grid-template-columns:repeat(2,1fr) !important;gap:12px !important }
}
@media (max-width:1099px) {
  .hilfe-grid-v5 { grid-template-columns:repeat(2,1fr) !important;gap:12px !important }
  
}
@media (max-width:767px) {
  .hilfe-slant-right { left:101% !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-slant-right { left:101% !important }
}
@media (max-width:1099px) {
  .hilfe-slant-right { left:101% !important }
  
}
.hilfe-karten-inner { padding-top:64px !important }
@media (max-width:767px) {
  .hilfe-karten-inner { padding-top:104px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-karten-inner { padding-top:104px !important }
}
@media (max-width:1099px) {
  .hilfe-karten-inner { padding-top:104px !important }
  
}
.kx-ueb-b .hilfe-header-sec .hilfe-header-inner { padding-bottom:150px !important }
.kx-ueb-b .hilfe-karten-inner { margin-top:-136px !important;z-index:2;padding-top:64px !important }
.kx-ueb-b .hilfe-karten-sec .kx-pill { top:-120px !important }
.kx-ueb-b .hilfe-karten-sec .kx-uebpill { top:-120px !important }
.kx-ueb-e .hilfe-fade { display:block !important }
.kx-ueb-f .hilfe-band-blau { display:block !important;height:190px }
.kx-ueb-f .hilfe-karten-inner { padding-top:80px !important }
@media (max-width:1099px) {
  .kx-ueb-f .hilfe-karten-inner { padding-top:128px !important }
  
}
@media (max-width:1099px) {
  .kx-ueb-f .hilfe-band-blau { height:220px }
  
}
.kx-ueb-d .hilfe-band { display:block !important }
.kx-ueb-d .hilfe-karten-inner { padding-top:80px !important }
@media (max-width:1099px) {
  .kx-ueb-d .hilfe-karten-inner { padding-top:128px !important }
  
}
.kx-ueb-d .hilfe-band { height:190px }
@media (max-width:1099px) {
  .kx-ueb-d .hilfe-band { height:220px }
  
}
.hilfe-v5-mehr { max-height:0;opacity:0;overflow:hidden;margin-top:-12px !important;padding-top:0 !important;transition:max-height 200ms cubic-bezier(0.2,0,0,1),opacity 200ms cubic-bezier(0.2,0,0,1),margin-top 200ms cubic-bezier(0.2,0,0,1) }
.hilfe-karte-v5:hover .hilfe-v5-mehr,
.hilfe-karte-v5.kx-aktiv .hilfe-v5-mehr { max-height:220px;opacity:1;margin-top:0 !important }
.hilfe-karte-v1.kx-aktiv { border-color:var(--kx-green) !important;box-shadow:0 14px 32px rgba(29,42,67,0.10) !important }
.hilfe-karte-v2.kx-aktiv { padding-left:20px !important;background:var(--kx-bluegrey-05) !important }
.hilfe-karte-v3.kx-aktiv { padding-left:38px !important;background:var(--kx-green-40) !important }
.hilfe-karte-v4.kx-aktiv,
.hilfe-karte-v5.kx-aktiv { transform:translateY(-10px) !important }
.hilfe-karte-v4.kx-aktiv { background:var(--kx-green) !important;box-shadow:0 26px 48px rgba(29,42,67,0.32) !important }
.hilfe-karte-v5.kx-aktiv { background:#D9F2EB !important;color:var(--kx-bluegrey) !important;box-shadow:0 26px 48px rgba(29,42,67,0.24) !important }
.kx-kursiv-h1 h1 { font-style:italic }
.kx-kursiv-h2only h2 { font-style:italic }
.kx-kursiv-h2 h1,
.kx-kursiv-h2 h2 { font-style:italic }
.kx-kursiv-alle h1,
.kx-kursiv-alle h2,
.kx-kursiv-alle h3 { font-style:italic }
@media (max-width:767px) {
  section>div:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a) { padding:48px 20px !important }
}
@media (max-width:767px) {
  h1 { font-size:34px !important }
}
@media (max-width:767px) {
  .hilfe-grid { grid-template-columns:1fr !important }
}
@media (max-width:767px) {
  .hilfe-kontakt2 { grid-template-columns:1fr !important }
}
@media (max-width:767px) {
  .hilfe-row { flex-direction:column !important;align-items:flex-start !important;gap:14px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  section>div:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a) { padding:64px 28px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  h1 { font-size:42px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-grid { grid-template-columns:repeat(2,1fr) !important }
}
@media (max-width:767px) {
  section>div:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a) { padding:48px 20px !important }
  h1 { font-size:34px !important }
  .hilfe-deco,
  section>div.hilfe-deco { padding:0 !important }
  @media (max-width:767px) {
    .hilfe-deco { padding:0 !important }
  }
  @media (min-width:768px) and (max-width:1099px) {
    .hilfe-deco { padding:0 !important }
  }
  @media (max-width:1099px) {
    .hilfe-skew { display:none !important }
    
  }
  @media (max-width:767px) {
    .hilfe-skew { display:none !important }
  }
  @media (min-width:768px) and (max-width:1099px) {
    .hilfe-skew { display:none !important }
  }
  @media (max-width:1099px) {
    .hilfe-slant-thin { display:none !important }
    .hilfe-slant-wide { width:20% !important }
    
  }
  @media (max-width:767px) {
    .hilfe-slant-thin { display:none !important }
  }
  @media (min-width:768px) and (max-width:1099px) {
    .hilfe-slant-thin { display:none !important }
  }
  @media (max-width:767px) {
    .hilfe-slant-wide { width:20% !important }
  }
  @media (min-width:768px) and (max-width:1099px) {
    .hilfe-slant-wide { width:20% !important }
  }
  .hilfe-grid { grid-template-columns:1fr !important }
  .hilfe-kontakt2 { grid-template-columns:1fr !important }
  .hilfe-row { flex-direction:column !important;align-items:flex-start !important;gap:14px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  section>div:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a) { padding:64px 28px !important }
  h1 { font-size:42px !important }
  .hilfe-deco,
  section>div.hilfe-deco { padding:0 !important }
  @media (max-width:767px) {
    .hilfe-deco { padding:0 !important }
  }
  @media (min-width:768px) and (max-width:1099px) {
    .hilfe-deco { padding:0 !important }
  }
  @media (max-width:1099px) {
    .hilfe-skew { display:none !important }
    
  }
  @media (max-width:767px) {
    .hilfe-skew { display:none !important }
  }
  @media (min-width:768px) and (max-width:1099px) {
    .hilfe-skew { display:none !important }
  }
  @media (max-width:1099px) {
    .hilfe-slant-thin { display:none !important }
    .hilfe-slant-wide { width:20% !important }
    
  }
  @media (max-width:767px) {
    .hilfe-slant-thin { display:none !important }
  }
  @media (min-width:768px) and (max-width:1099px) {
    .hilfe-slant-thin { display:none !important }
  }
  @media (max-width:767px) {
    .hilfe-slant-wide { width:20% !important }
  }
  @media (min-width:768px) and (max-width:1099px) {
    .hilfe-slant-wide { width:20% !important }
  }
  .hilfe-grid { grid-template-columns:repeat(2,1fr) !important }
  
}
@media (min-width:1600px) {
  [style*="max-width:1280px"],
  :is([style*="max-width: 1280px"], .hi-3, .hi-c, .hi-o, .nv-3, .nv-a, .ft-2),
  [style*="max-width:1280px"],
  :is([style*="max-width: 1280px"], .hi-3, .hi-c, .hi-o, .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"], .hi-3, .hi-c, .hi-o, .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"], .hi-3, .hi-c, .hi-o, .nv-3, .nv-a, .ft-2), #kx-none) { padding-left:24px !important;padding-right:24px !important }
}
@media (max-width:767px) {
  .hilfe-header-inner { align-items:center !important;text-align:center !important }
}
@media (max-width:767px) {
  .hilfe-header-inner h1,
  .hilfe-header-inner p { margin-left:auto !important;margin-right:auto !important }
}
@media (max-width:767px) {
  .hilfe-header-inner p span { font-size:17px !important;line-height:1.5 !important }
}
@media (max-width:767px) {
  .hilfe-jump { display:flex !important }
}
@media (max-width:767px) {
  .hilfe-jump::-webkit-scrollbar { display:none }
}
@media (max-width:767px) {
  .hilfe-jump a:active { background:var(--kx-green) !important;color:var(--kx-bluegrey) !important }
}
@media (max-width:767px) {
  .hilfe-karte-v4:hover { transform:none !important;background:var(--kx-bluegrey) !important;box-shadow:none !important }
}
@media (max-width:767px) {
  .hilfe-karte-v4:active { background:var(--kx-green) !important }
}
@media (max-width:767px) {
  .hilfe-karte-v4 { scroll-margin-top:130px }
}
@media (max-width:767px) {
  .hilfe-header-inner { align-items:center !important;text-align:center !important }
  .hilfe-header-inner h1,
  .hilfe-header-inner p { margin-left:auto !important;margin-right:auto !important }
  .hilfe-header-inner p span { font-size:17px !important;line-height:1.5 !important }
  .hilfe-jump { display:flex !important }
  .hilfe-jump::-webkit-scrollbar { display:none }
  .hilfe-jump a:active { background:var(--kx-green) !important;color:var(--kx-bluegrey) !important }
  .hilfe-karte-v4:hover { transform:none !important;background:var(--kx-bluegrey) !important;box-shadow:none !important }
  .hilfe-karte-v4:active { background:var(--kx-green) !important }
  .hilfe-karte-v4 { scroll-margin-top:130px }
  
}
html.kx-noswitch .kx-devbadge,
html.kx-noswitch .kx-pill { display:none !important }

/* Elementstile */
#app .hi-1 { font-family:var(--font-body);color:var(--kx-bluegrey);min-height:100vh;display:flex;flex-direction:column }
#app .hi-2 { position:relative;overflow:hidden }
#app .hi-3 { position:relative;max-width:1280px;margin:0 auto;padding:88px 32px 56px;display:flex;flex-direction:column;gap:16px;align-items:flex-start }
#app .hi-4 { font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--kx-green) }
#app .hi-5 { margin:0;font-family:var(--font-display);font-weight:700;font-size:52px;line-height:1.1;letter-spacing:-0.01em;max-width:34ch }
#app .hi-6 { margin:0;font-size:19px;line-height:1.55;color:var(--kx-bluegrey-80);max-width:70ch }
#app .hi-7 { color:rgb(29, 42, 67);font-family:Barlow;font-size:22px;text-align:center;white-space:pre-line }
#app .hi-8 { flex:1;background:var(--kx-white);position:relative }
#app .hi-9 { position:absolute;top:0;left:0;right:0;height:150px;background:var(--kx-green-20);display:none }
#app .hi-a { position:absolute;top:0;left:0;right:0;height:150px;background:var(--kx-bluegrey-05);display:none }
#app .hi-b { position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(to bottom, rgba(29,42,67,0.07), rgba(29,42,67,0));display:none;z-index:1;pointer-events:none }
#app .hi-c { position:relative;max-width:1280px;margin:0 auto;padding:24px 32px 96px;display:flex;flex-direction:column;gap:32px }
#app .hi-d { display:none;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px }
#app .hi-e { text-decoration:none;white-space:nowrap;font-size:15px;font-weight:600;color:var(--kx-bluegrey);background:var(--kx-green-20);border:1px solid var(--kx-green-40);padding:8px 16px;border-radius:999px;scroll-snap-align:start }
#app .hi-f { display:grid;grid-template-columns:repeat(4,1fr);gap:20px }
#app .hi-h { text-decoration:none;color:var(--kx-white);display:flex;flex-direction:column;gap:14px;background:var(--kx-bluegrey);border-radius:12px;padding:28px;transform:translateY(0);transition:transform 200ms cubic-bezier(0.2,0,0,1.2),background 200ms cubic-bezier(0.2,0,0,1),box-shadow 200ms cubic-bezier(0.2,0,0,1) }
#app .hi-i { width:60px;height:60px;border-radius:22%;background:var(--kx-green-20);display:flex;align-items:center;justify-content:center }
#app .hi-j { width:36px;height:36px;object-fit:contain;display:block }
#app .hi-k { font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1.25;color:var(--kx-white) }
#app .hi-l { font-size:16px;line-height:1.55;color:rgba(255,255,255,0.78) }
#app .hi-m { margin-top:auto;padding-top:16px;font-size:15px;font-weight:600;color:var(--kx-green-20) }
#app .hi-n { background:var(--kx-green-20);position:relative }
#app .hi-o { max-width:1280px;margin:0 auto;padding:72px 32px;display:flex;flex-direction:column;gap:14px;align-items:flex-start }
#app .hi-p { margin:0;font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1.15;letter-spacing:-0.01em }
#app .hi-q { margin:0;font-size:18px;line-height:1.6;color:var(--kx-bluegrey-80);max-width:60ch }
#app .hi-r { color:inherit;text-decoration:underline;text-underline-offset:2px }
#app .hi-t { margin-top:8px;text-decoration:none;background:var(--kx-green);color:var(--kx-bluegrey);font-size:16px;font-weight:600;padding:14px 26px;border-radius:8px }
#app .hi-hg:hover { transform:translateY(-10px) !important;background:var(--kx-green) !important;box-shadow:0 26px 48px rgba(29,42,67,0.32) !important;color:var(--kx-bluegrey) !important }
#app .hi-hs:hover { background:#38A887 !important;color:var(--kx-bluegrey) !important }