html,
body { overflow-x:hidden }
html { scroll-behavior:smooth }
body { margin:0;background:#fff }
a { color:var(--kx-green) }
a:hover { color:#38A887 }
@keyframes gxBounce {0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes gxPopIn {0%{opacity:0;transform:translateY(24px) scale(0.94)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes gxWordIn {0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
@keyframes gx-quote-marquee {0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.gx-quote-track:hover { animation-play-state:paused !important }
.gx-acc-track::-webkit-scrollbar { display:none }
@media (max-width:767px) {
.gx-acc-desk { display:none !important }
}
@media (max-width:767px) {
.gx-acc-mob { display:flex !important }
}
@media (max-width:767px) {
.gx-acc-desk { display:none !important }
.gx-acc-mob { display:flex !important }
}
@keyframes kx-side-in {0%{opacity:0;transform:translateY(-50%) translateX(12px)}100%{opacity:1;transform:translateY(-50%) translateX(0)}}
.gx-stat-hover:hover .gx-stat-icon { transform:scale(1.15) }
@media (hover:hover) {
.gx-v3card:hover .gx-v3card-title { transform:scale(1.08) }
}
@media (hover:hover) {
.gx-v3card:hover { background:#41BD99 !important }
}
@media (hover:hover) {
.gx-v3card:hover .gx-v3card-title,
.gx-v3card:hover .gx-v3card-text { color:var(--kx-white) !important }
}
@media (hover:hover) {
.gx-v3card:hover .gx-v3card-line { background:var(--kx-white) !important }
}
@media (hover:hover) {
.gx-v3card:hover .gx-v3card-iconbox { background:var(--kx-white) !important }
}
@media (hover:hover) {
.gx-v3card:hover .gx-v3card-icon { filter:brightness(0) saturate(100%) invert(62%) sepia(52%) saturate(470%) hue-rotate(114deg) brightness(92%) contrast(88%) !important }
}
@keyframes kx-label-in {0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes kx-line-in {0%{opacity:0}100%{opacity:1}}
.kx-h2-kursiv h2 { font-style:italic }
.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 .kx-eyebrow { font-style:italic }
@media (max-width:767px) {
section>div:not(.kx-devbadge):not(.gx-herowrap):not(.gx-v5-topbar):not(.gx-v5-bigshot):not(.gx-mock-outer) { padding:48px 20px !important }
}
@media (max-width:767px) {
.gx-mock-outer { padding:48px 20px !important }
}
@media (max-width:767px) {
.gx-mock-outer:has(.gx-callouts) { padding:16px 8px 24px !important }
}
@media (max-width:767px) {
.gx-mockbox:has(.gx-callouts) { padding:0 !important }
}
@media (max-width:767px) {
.gx-callouts { padding:24px 4px 4px !important;border-radius:16px !important }
}
@media (max-width:767px) {
.gx-callouts video { border-radius:12px !important }
}
@media (max-width:767px) {
.gx-callouts-hl { padding:0 14px !important }
}
@media (max-width:767px) {
.gx-herowrap { padding:0 !important;grid-template-columns:1fr !important;height:auto !important }
}
@media (max-width:767px) {
.gx-herowrap>div:first-child { padding:40px 20px 32px !important;order:2 }
}
@media (max-width:767px) {
.gx-herowrap h1 { font-size:38px !important }
}
@media (max-width:767px) {
.gx-v1-h1 { font-size:34px !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-v1-h1 { font-size:44px !important }
}
@media (max-width:767px) {
.gx-herowrap div[style*="max-width:500px"] { max-width:none !important;width:100% !important;min-width:0 !important }
}
@media (max-width:767px) {
.gx-scrollcue { display:none !important }
}
@media (max-width:767px) {
.gx-slantimg { height:220px !important;clip-path:none !important;order:1 }
}
@media (max-width:767px) {
.gx-cards { display:flex !important;grid-template-columns:none !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px !important;margin:0 -20px !important;padding:4px 20px 12px !important;scrollbar-width:none;max-width:none !important }
}
@media (max-width:767px) {
.gx-cards>* { flex:0 0 78% !important;scroll-snap-align:center;box-sizing:border-box }
}
.gx-cards::-webkit-scrollbar { display:none }
@media (max-width:767px) {
.gx-vt-ctrl { display:flex !important }
}
@media (max-width:767px) {
.gx-vt-ctrl { display:flex !important }
}
@media (max-width:767px) {
.gx-mockbox { padding:32px 20px !important;border-radius:20px !important;gap:36px !important }
}
@media (max-width:767px) {
.gx-mockgrid { grid-template-columns:1fr !important;gap:32px !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-mockgrid { grid-template-columns:1fr !important }
}
@media (max-width:767px) {
.gx-mocklabel { display:none !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-mocklabel { display:none !important }
}
@media (max-width:767px) {
.gx-stickybar-btn { flex:1 1 auto !important;min-width:0 !important;padding-left:14px !important;padding-right:14px !important;font-size:14px !important;white-space:nowrap !important;justify-content:center !important;overfloww:hidden !important;text-overflow:ellipsis !important }
}
@media (max-width:767px) {
.gx-stickybar-row { padding-left:20px !important;padding-right:20px !important }
}
@media (max-width:767px) {
.gx-stickybar-row { flex-direction:column !important;gap:8px !important }
}
@media (max-width:767px) {
.gx-stickybar-row > .gx-stickybar-btn { width:100% !important;flex:none !important;box-sizing:border-box !important }
}
@media (max-width:767px) {
.gx-stickybar-sec { width:100% !important;gap:8px !important }
}
@media (max-width:767px) {
.gx-stickybar-sec .gx-stickybar-btn { flex:1 1 0 !important }
}
@media (max-width:767px) {
.gx-v1-h1 { font-size:34px !important }
.gx-stickybar-row { flex-direction:column !important;gap:8px !important;padding-left:20px !important;padding-right:20px !important }
.gx-stickybar-row > .gx-stickybar-btn { width:100% !important;flex:none !important;box-sizing:border-box !important }
.gx-stickybar-sec { width:100% !important;gap:8px !important }
.gx-stickybar-sec .gx-stickybar-btn { flex:1 1 0 !important;min-width:0 !important;font-size:14px !important;padding-left:12px !important;padding-right:12px !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-stickybar-row { padding-left:28px !important;padding-right:28px !important }
}
.gx-mocklabel { z-index:5 }
@media (max-width:767px) {
.gx-appdl-buttons { width:100%;flex-direction:column }
}
@media (max-width:767px) {
.gx-v1-bullet { flex-direction:column !important;align-items:center !important;text-align:center !important }
}
@media (max-width:767px) {
.gx-v1-bullet-bar { margin-top:0 !important;margin-bottom:10px !important }
}
@media (max-width:767px) {
.gx-appdl-buttons a { flex:1 }
}
@media (max-width:767px) {
.gx-stats { gap:32px !important;padding:40px 20px !important }
}
@media (max-width:767px) {
.gx-cards div:is([style*="border-bottom"], .fg-1k, .nv-o, .ft-c) { border-bottom:1px solid var(--kx-bluegrey-05) !important }
}
@media (max-width:767px) {
.gx-cards div:is([style*="border-bottom"], .fg-1k, .nv-o, .ft-c):last-child { border-bottom:none !important }
}
@media (max-width:767px) {
.gx-steps { grid-template-columns:1fr !important }
}
@media (max-width:767px) {
.gx-stats { grid-template-columns:1fr !important }
}
@media (max-width:767px) {
.gx-schritteb-grid { grid-template-columns:1fr !important;gap:32px !important }
}
@media (max-width:767px) {
.gx-schrittec-row { flex-direction:column !important;gap:32px !important }
}
@media (max-width:767px) {
.gx-schrittec-row>div:first-child { flex:none !important;width:100% !important }
}
@media (max-width:767px) {
.gx-zitata-grid { grid-template-columns:1fr !important;gap:28px !important;text-align:center }
}
@media (max-width:767px) {
.gx-zitata-grid>div:last-child { align-items:center !important }
}
@media (max-width:767px) {
.gx-schritte-wrap { height:auto !important }
}
@media (max-width:767px) {
.gx-schritte-sticky { position:static !important;top:auto !important;min-height:0 !important;height:auto !important;max-height:none !important;overflow:visible !important;padding:32px 0 !important }
}
@media (max-width:767px) {
.gx-phone { display:none !important }
}
@media (max-width:767px) {
.gx-scrollcue { display:none !important }
}
@media (max-width:767px) {
.gx-cta { flex-direction:column !important;align-items:stretch !important;gap:12px !important }
}
@media (max-width:767px) {
.gx-cta,
.gx-cta-mob { width:100% !important;max-width:350px !important;align-self:center !important;box-sizing:border-box !important }
}
@media (max-width:767px) {
.gx-cta,
.gx-cta-mob { width:100% !important;max-width:350px !important;align-self:center !important;box-sizing:border-box !important }
}
@media (max-width:767px) {
.gx-cta a { flex:none !important;width:100% !important;box-sizing:border-box !important;padding:15px 20px !important;font-size:16px !important;text-align:center !important;white-space:nowrap !important }
}
@media (max-width:767px) {
.gx-heroBadgesV1 { display:none !important }
}
@media (max-width:767px) {
.gx-heroBadgesV1Mobile { display:flex !important;flex-direction:column !important;justify-content:center !important;margin-top:4px !important }
}
@media (max-width:767px) {
.gx-heroFade { mask-image:none !important;-webkit-mask-image:none !important }
}
@media (max-width:767px) {
.gx-heroScrim2 { background:linear-gradient(180deg,rgba(20,29,47,0.25) 0%,rgba(20,29,47,0.7) 100%) !important }
}
@media (max-width:767px) {
.gx-heroPad { padding-left:20px !important;padding-right:20px !important;grid-template-columns:1fr !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-heroPad { padding-left:24px !important;padding-right:24px !important }
}
@media (max-width:767px) {
.gx-herotext { align-items:center !important;text-align:center !important }
}
@media (max-width:767px) {
.gx-herotext > div:first-child { justify-content:center !important }
}
@media (max-width:767px) {
.gx-heroPad > .gx-mockstack { display:none !important }
}
@media (max-width:767px) {
.gx-mockstack-inline { display:flex !important;margin:12px 0 4px !important }
}
@media (max-width:767px) {
.gx-v4dl-inline { display:flex !important;margin:0 0 20px !important }
}
@media (max-width:767px) {
.gx-mockstack { height:300px !important;transform:scale(0.85);transform-origin:top center;overflow:visible }
}
@media (max-width:767px) {
.gx-mockstack img[style*="left:-22%"] { left:-8% !important }
}
@media (max-width:767px) {
.gx-schrittec-row img[style*="right:-10%"] { right:0% !important }
}
@media (max-width:767px) {
.gx-keyfacts { max-width:100% !important;padding:12px 4px !important;overflow-x:auto !important }
}
@media (max-width:767px) {
.gx-keyfacts-num { font-size:18px !important }
}
@media (max-width:767px) {
.gx-keyfacts-label { font-size:10px !important;white-space:normal !important;text-align:center }
}
@media (max-width:767px) {
.gx-highlightgrid { grid-template-columns:1fr !important;gap:32px !important }
}
@media (max-width:767px) {
.gx-highlightcol { padding:0 8px !important }
}
@media (max-width:767px) {
.gx-highlightcol-mid { border-left:none !important;border-right:none !important;border-top:1px solid var(--kx-bluegrey-20) !important;border-bottom:1px solid var(--kx-bluegrey-20) !important;padding:32px 8px !important }
}
@media (max-width:767px) {
.gx-highlightstage { width:100% !important;height:340px !important;margin-top:40px !important }
}
@media (max-width:767px) {
.gx-showcasegrid { grid-template-columns:1fr !important;gap:32px !important;padding:32px 20px !important }
}
@media (max-width:767px) {
.gx-showcase-textcol { order:2 }
}
@media (max-width:767px) {
.gx-showcase-imgcol { height:300px !important;margin-right:0 !important;margin-top:0 !important;order:1 }
}
@media (max-width:767px) {
.gx-showcase-desktop-visual { display:none !important }
}
@media (max-width:767px) {
.gx-showcase-mobile-visual { display:flex !important }
}
@media (max-width:767px) {
.kt-cards { grid-template-columns:1fr !important }
}
@media (max-width:767px) {
.gx-mockstack-desktop-visual { display:none !important }
}
@media (max-width:767px) {
.gx-mockstack-mobile-visual { display:flex !important }
}
@media (max-width:767px) {
.gx-v5-highlight { color:var(--kx-bluegrey) !important }
}
@media (max-width:767px) {
.gx-v5-bigshot { display:none !important }
}
@media (max-width:767px) {
.gx-v4dl { position:relative !important;bottom:auto !important;right:auto !important;flex-direction:column !important;align-items:center !important;gap:8px !important;margin-top:16px !important }
}
@media (max-width:767px) {
.gx-v4dl-icons { flex-direction:column !important;gap:8px !important }
}
@media (max-width:767px) {
.gx-subnav>div { padding-left:20px !important;padding-right:20px !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-mockstack { height:360px !important }
}
@media (max-width:767px) {
.gx-heroImgFull { height:auto !important;min-height:0 !important;padding:44px 0 !important;align-items:flex-start !important;margin-top:0 !important }
}
@media (max-width:767px) {
.gx-herov1 { clip-path:none !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;padding:0 !important;background:var(--kx-bluegrey) !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-heroSlant { position:relative !important;inset:auto !important;height:220px !important;order:1;flex-shrink:0;clip-path:none !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-heroSlant>div:not(.gx-heroScrim2) { display:none !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-heroPad { position:relative !important;height:auto !important;order:2;padding:40px 20px 32px !important;justify-content:flex-start !important;background:var(--kx-bluegrey) !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-cta { flex-direction:column !important;align-items:center !important;width:100% !important;padding:0 20px !important;box-sizing:border-box !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-cta a { width:240px !important;max-width:100% !important;box-sizing:border-box !important;text-align:center !important;font-size:16px !important;padding:11px 20px !important }
}
@media (max-width:767px) {
.gx-steparrow-side { display:flex !important }
}
@media (max-width:767px) {
.gx-steptext { align-items:center !important;text-align:center !important }
}
@media (max-width:767px) {
.gx-steparrows-bottom { display:none !important }
}
@media (max-width:767px) {
.gx-stepstage { flex:0 0 auto !important;width:100% !important;padding:0 52px !important;box-sizing:border-box !important }
}
@media (max-width:767px) {
.gx-stepstage img { max-width:100% !important;max-height:420px !important }
}
@media (max-width:767px) {
.gx-steptext { align-items:center !important;text-align:center !important }
.gx-steparrow-side { display:flex !important }
.gx-steparrows-bottom { display:none !important }
.gx-stepstage { flex:0 0 auto !important;width:100% !important;padding:0 52px !important;box-sizing:border-box !important }
.gx-stepstage img { max-width:100% !important;max-height:420px !important }
}
@media (max-width:767px) {
.gx-herov1 { display:grid !important;grid-template-columns:minmax(0,1fr) !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-heroPad,
.gx-herov1 .gx-v1-block { display:contents !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-heroSlant { grid-row:1 / 5 !important;grid-column:1 !important;height:auto !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-heroScrim2 { background:linear-gradient(180deg,rgba(29,42,67,0.1) 0%,rgba(29,42,67,0.42) 45%,rgba(29,42,67,0.7) 75%,var(--kx-bluegrey) 100%) !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-heroFade { object-position:22% 55% !important;height:440px !important;bottom:auto !important;-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent 100%) !important;mask-image:linear-gradient(180deg,#000 65%,transparent 100%) !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-v1-over { grid-row:1;grid-column:1;align-self:end;position:relative;z-index:2;padding:160px 20px 0 }
}
@media (max-width:767px) {
.gx-herov1 .gx-v1-h1 { grid-row:2;grid-column:1;position:relative;z-index:2;padding:16px 20px 0;text-align:center }
}
@media (max-width:767px) {
.gx-herov1 .gx-cta { grid-row:3;grid-column:1;position:relative;z-index:2;margin-top:64px !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-v1-badges { grid-row:4;grid-column:1;position:relative;z-index:2;padding:0 20px 40px;margin-top:24px !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-keyfacts { grid-row:5;grid-column:1;margin:28px 20px 0 !important;width:auto !important;box-sizing:border-box !important }
}
@media (max-width:767px) {
.gx-herov1 > *:last-child { margin-bottom:36px !important }
}
@media (max-width:767px) {
.gx-herov1 > .kx-devbadge:first-of-type { top:16px !important }
}
@media (max-width:767px) {
.gx-herov1 > .kx-devbadge:nth-of-type(2) { top:58px !important }
}
@media (max-width:767px) {
.gx-heroSlant { clip-path:none !important }
}
@media (max-width:767px) {
.gx-trapezoid { display:none !important }
}
@media (max-width:767px) {
.gx-heroBadges img { height:30px !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-heroImgFull { height:480px !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-trapezoid { width:min(58%,340px) !important }
}
@media (max-width:767px) {
h2 { font-size:28px !important }
}
@media (max-width:767px) {
.gx-claim { font-size:34px !important }
}
@media (max-width:767px) {
.gx-quote { font-size:22px !important }
}
@media (max-width:767px) {
.gx-stats { gap:24px !important }
}
@media (max-width:767px) {
.gx-stats>div>div:first-child { font-size:26px !important }
}
@media (max-width:767px) {
.gx-statsc-col { text-align:center !important;align-items:center !important }
}
@media (max-width:767px) {
.gx-statsc-col + .gx-statsc-col { border-left:none !important;border-top:none !important;padding:24px 32px 0 !important;position:relative }
}
@media (max-width:767px) {
.gx-statsc-col + .gx-statsc-col::before { content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:64px;height:1px;background:var(--kx-melon) }
}
@media (min-width:768px) and (max-width:1099px) {
section>div:not(.kx-devbadge):not(.gx-v5-topbar):not(.gx-v5-bigshot):not(.gx-mock-outer) { padding:64px 28px !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-mock-outer { padding-left:12px !important;padding-right:12px !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-herowrap { padding:0 !important;grid-template-columns:1fr minmax(240px,42%) !important;height:auto !important;min-height:560px !important;overflow:visible !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-herowrap>div:first-child { height:auto !important;overflow:visible !important;padding-left:24px !important;padding-right:24px !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-herowrap h1 { font-size:48px !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-herowrap div[style*="max-width:500px"] { max-width:400px !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-cards { grid-template-columns:repeat(2,1fr) !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-cards div:is([style*="border-bottom"], .fg-1k, .nv-o, .ft-c):nth-child(odd) { border-right:1px solid var(--kx-bluegrey-05) }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-claim { font-size:44px !important }
}
@media (max-width:767px) {
.gx-v5-highlight { color:var(--kx-bluegrey) !important }
.gx-v5-bigshot { display:none !important }
.gx-v1-bullet { flex-direction:column !important;align-items:center !important;text-align:center !important }
.gx-v1-bullet-bar { margin-top:0 !important;margin-bottom:10px !important }
.gx-appdl-buttons { width:100%;flex-direction:column }
.gx-appdl-buttons a { flex:1 }
.gx-schritte-wrap { height:auto !important }
.gx-schritte-sticky { position:static !important;top:auto !important;min-height:0 !important;height:auto !important;max-height:none !important;overflow:visible !important;padding:32px 0 !important }
section>div:not(.kx-devbadge):not(.gx-herowrap):not(.gx-v5-topbar):not(.gx-v5-bigshot):not(.gx-mock-outer) { padding:48px 20px !important }
.gx-mock-outer { padding:48px 20px !important }
.gx-mock-outer:has(.gx-callouts) { padding:16px 8px 24px !important }
.gx-mockbox:has(.gx-callouts) { padding:0 !important }
.gx-callouts { padding:24px 4px 4px !important;border-radius:16px !important }
.gx-callouts video { border-radius:12px !important }
.gx-callouts-hl { padding:0 14px !important }
.gx-heroImgFull { height:auto !important;min-height:0 !important;padding:44px 0 !important;align-items:flex-start !important;margin-top:0 !important }
.gx-heroSlant { clip-path:none !important }
.gx-trapezoid { display:none !important }
.gx-heroBadges img { height:30px !important }
.gx-herowrap { padding:0 !important;grid-template-columns:1fr !important;height:auto !important }
.gx-herowrap>div:first-child { padding:40px 20px 32px !important;order:2 }
.gx-herowrap h1 { font-size:38px !important }
.gx-herowrap div[style*="max-width:500px"] { max-width:none !important;width:100% !important;min-width:0 !important }
.gx-scrollcue { display:none !important }
.gx-cta { flex-direction:column !important;align-items:stretch !important;gap:12px !important }
.gx-cta a { flex:none !important;width:100% !important;box-sizing:border-box !important;padding:15px 20px !important;font-size:16px !important;text-align:center !important;white-space:nowrap !important }
.gx-heroBadgesV1 { display:none !important }
.gx-heroBadgesV1Mobile { display:flex !important;flex-direction:column !important;justify-content:center !important;margin-top:4px !important }
.gx-heroFade { mask-image:none !important;-webkit-mask-image:none !important }
.gx-heroScrim2 { background:linear-gradient(180deg,rgba(20,29,47,0.25) 0%,rgba(20,29,47,0.7) 100%) !important }
.gx-heroPad { padding-left:20px !important;padding-right:20px !important;grid-template-columns:1fr !important }
.gx-slantimg { height:220px !important;clip-path:none !important;order:1 }
.gx-cards { display:flex !important;grid-template-columns:none !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px !important;margin:0 -20px !important;padding:4px 20px 12px !important;scrollbar-width:none;max-width:none !important }
.gx-cards>* { flex:0 0 78% !important;scroll-snap-align:center;box-sizing:border-box }
.gx-cards div:is([style*="border-bottom"], .fg-1k, .nv-o, .ft-c):last-child { border-bottom:none !important }
.gx-stats { gap:32px !important;padding:40px 20px !important }
.gx-steps { grid-template-columns:1fr !important }
.gx-stats { grid-template-columns:1fr !important }
.gx-schritteb-grid { grid-template-columns:1fr !important;gap:32px !important }
.gx-schrittec-row { flex-direction:column !important;gap:32px !important }
.gx-schrittec-row>div:first-child { flex:none !important;width:100% !important }
.gx-zitata-grid { grid-template-columns:1fr !important;gap:28px !important;text-align:center }
.gx-zitata-grid>div:last-child { align-items:center !important }
.gx-herotext { align-items:center !important;text-align:center !important }
.gx-herotext > div:first-child { justify-content:center !important }
.gx-heroPad > .gx-mockstack { display:none !important }
.gx-mockstack-inline { display:flex !important;margin:12px 0 4px !important }
.gx-v4dl-inline { display:flex !important;margin:0 0 20px !important }
.gx-mockstack img[style*="left:-22%"] { left:-8% !important }
.gx-schrittec-row img[style*="right:-10%"] { right:0% !important }
.gx-statsc-col { text-align:center !important;align-items:center !important }
.gx-statsc-col + .gx-statsc-col { border-left:none !important;border-top:none !important;padding:24px 32px 0 !important;position:relative }
.gx-statsc-col + .gx-statsc-col::before { content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:64px;height:1px;background:var(--kx-melon) }
.gx-phone { display:none !important }
.gx-keyfacts { max-width:100% !important;padding:12px 4px !important;overflow-x:auto !important }
.gx-keyfacts-num { font-size:18px !important }
.gx-keyfacts-label { font-size:10px !important;white-space:normal !important;text-align:center }
.gx-highlightgrid { grid-template-columns:1fr !important;gap:32px !important }
.gx-highlightcol { padding:0 8px !important }
.gx-highlightcol-mid { border-left:none !important;border-right:none !important;border-top:1px solid var(--kx-bluegrey-20) !important;border-bottom:1px solid var(--kx-bluegrey-20) !important;padding:32px 8px !important }
.gx-highlightstage { width:100% !important;height:340px !important;margin-top:40px !important }
.gx-showcasegrid { grid-template-columns:1fr !important;gap:32px !important;padding:32px 20px !important }
.gx-showcase-textcol { order:2 }
.gx-showcase-imgcol { height:300px !important;margin-right:0 !important;margin-top:0 !important;order:1 }
.gx-showcase-desktop-visual { display:none !important }
.gx-showcase-mobile-visual { display:flex !important }
.gx-mockstack-desktop-visual { display:none !important }
.gx-mockstack-mobile-visual { display:flex !important }
.kt-cards { grid-template-columns:1fr !important }
.gx-v4dl { position:relative !important;bottom:auto !important;right:auto !important;flex-direction:column !important;align-items:center !important;gap:8px !important;margin-top:16px !important }
.gx-v4dl-icons { flex-direction:column !important;gap:8px !important }
.gx-subnav>div { padding-left:20px !important;padding-right:20px !important }
h2 { font-size:28px !important }
.gx-claim { font-size:34px !important }
.gx-quote { font-size:22px !important }
.gx-stats { gap:24px !important }
.gx-zitatb-card { clip-path:none !important;flex-direction:column !important;padding:40px 24px 32px !important;text-align:center;gap:20px !important }
.gx-quotesgrid { grid-template-columns:1fr !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-v1-h1 { font-size:44px !important }
section>div:not(.kx-devbadge):not(.gx-v5-topbar):not(.gx-v5-bigshot):not(.gx-mock-outer) { padding:64px 28px !important }
.gx-mock-outer { padding-left:12px !important;padding-right:12px !important }
.gx-heroPad { padding-left:24px !important;padding-right:24px !important }
.gx-heroImgFull { height:480px !important }
.gx-trapezoid { width:min(58%,340px) !important }
.gx-herowrap { padding:0 !important;grid-template-columns:1fr minmax(240px,42%) !important;height:auto !important;min-height:560px !important;overflow:visible !important }
.gx-herowrap>div:first-child { height:auto !important;overflow:visible !important;padding-left:24px !important;padding-right:24px !important }
.gx-herowrap h1 { font-size:48px !important }
.gx-herowrap div[style*="max-width:500px"] { max-width:400px !important }
.gx-cards { grid-template-columns:repeat(2,1fr) !important }
.gx-schritteb-grid { grid-template-columns:1fr !important;gap:40px !important }
.gx-schrittec-row { gap:40px !important }
.gx-schrittec-row>div:first-child { flex:0 0 260px !important }
.gx-claim { font-size:44px !important }
.gx-quotesgrid { grid-template-columns:repeat(2,1fr) !important }
}
@media (max-width:767px) {
.gx-callouts { gap:18px !important }
}
@media (max-width:767px) {
.gx-callouts-hl { font-size:17px !important }
}
@media (max-width:767px) {
.gx-cv-expand { display:flex !important }
}
@media (max-width:767px) {
.gx-cv-wrap video { cursor:zoom-in }
}
@media (max-width:767px) {
.gx-cv-expand { display:flex !important }
.gx-cv-wrap video { cursor:zoom-in }
}
@media (max-width:767px) {
.gx-callouts { gap:18px !important }
.gx-callouts-hl { font-size:17px !important }
}
.kx-sidenav-tab:hover { border-color:var(--kx-green) !important }
.gx-subnav:not(:is([style*="sticky"], .fg-1f)) { 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) {
.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,
.kx-sidenav-panel { pointer-events:auto !important }
}
@media (max-width:767px) {
.kx-sidenav-tab,
.kx-sidenav-panel { pointer-events:auto !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 }
}
.gx-cv-wrap .gx-cv-play { opacity:0;transform:scale(0.9) }
.gx-cv-wrap:hover .gx-cv-play,
.gx-cv-play:focus-visible { opacity:1;transform:scale(1) }
.gx-cv-play:hover { background:#38A887 !important }
@media (hover:none) {
.gx-cv-wrap .gx-cv-play { opacity:1;transform:scale(1) }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-heroImgFull.gx-herov1 { height:auto !important;min-height:434px !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-heroImgFull.gx-herov1 { height:auto !important;min-height:434px !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"], .fg-3, .fg-l, .fg-1i, .fg-2f, .fg-2m, .fg-2p, .fg-34, .fg-46, .fg-4n, .nv-3, .nv-a, .ft-2),
[style*="max-width:1280px"],
:is([style*="max-width: 1280px"], .fg-3, .fg-l, .fg-1i, .fg-2f, .fg-2m, .fg-2p, .fg-34, .fg-46, .fg-4n, .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"], .fg-3, .fg-l, .fg-1i, .fg-2f, .fg-2m, .fg-2p, .fg-34, .fg-46, .fg-4n, .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"], .fg-3, .fg-l, .fg-1i, .fg-2f, .fg-2m, .fg-2p, .fg-34, .fg-46, .fg-4n, .nv-3, .nv-a, .ft-2), #kx-none) { padding-left:24px !important;padding-right:24px !important }
}
.gx-faq-item summary::-webkit-details-marker { display:none }
.gx-faq-item[open] .gx-faq-plus { transform:rotate(45deg) }
.gx-faq-item { border-color:transparent !important;box-shadow:0 8px 24px rgba(29,42,67,0.10);transition:transform 160ms cubic-bezier(0.2,0,0,1),box-shadow 160ms cubic-bezier(0.2,0,0,1) }
.gx-faq-item:hover { transform:scale(1.012);box-shadow:0 12px 30px rgba(29,42,67,0.13) }
@media (max-width:767px) {
.gx-faq-item summary { font-size:17px !important;padding:16px 18px !important }
}
@media (max-width:767px) {
.gx-faq-item summary { font-size:17px !important;padding:16px 18px !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 }
}
@media (max-width:767px) {
.gx-v1-h1 { font-size:34px !important }
.gx-v1-bullet { flex-direction:column !important;align-items:center !important;text-align:center !important }
.gx-v1-bullet-bar { margin-top:0 !important;margin-bottom:10px !important }
.gx-cta { flex-direction:column !important;align-items:stretch !important;gap:12px !important }
.gx-heroBadgesV1Mobile { display:flex !important;flex-direction:column !important;justify-content:center !important;margin-top:4px !important }
.gx-heroFade { mask-image:none !important;-webkit-mask-image:none !important }
.gx-heroScrim2 { background:linear-gradient(180deg,rgba(20,29,47,0.25) 0%,rgba(20,29,47,0.7) 100%) !important }
.gx-cta a { flex:none !important;width:100% !important;box-sizing:border-box !important;padding:15px 20px !important;font-size:16px !important;text-align:center !important;white-space:nowrap !important }
}
@media (max-width:767px) {
.gx-herov1 { clip-path:none !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;padding:0 !important;background:var(--kx-bluegrey) !important }
.gx-herov1 .gx-heroSlant { position:relative !important;inset:auto !important;height:220px !important;order:1;flex-shrink:0;clip-path:none !important }
.gx-herov1 .gx-heroSlant>div:not(.gx-heroScrim2) { display:none !important }
.gx-herov1 .gx-heroPad { position:relative !important;height:auto !important;order:2;padding:40px 20px 32px !important;justify-content:flex-start !important;background:var(--kx-bluegrey) !important }
.gx-herov1 .gx-cta { flex-direction:column !important;align-items:center !important;width:100% !important;padding:0 20px !important;box-sizing:border-box !important }
.gx-herov1 .gx-cta a { width:240px !important;max-width:100% !important;box-sizing:border-box !important;text-align:center !important;font-size:16px !important;padding:11px 20px !important }
.gx-herov1 { display:grid !important;grid-template-columns:minmax(0,1fr) !important }
.gx-herov1 .gx-heroPad,
.gx-herov1 .gx-v1-block { display:contents !important }
.gx-herov1 .gx-heroSlant { grid-row:1 / 5 !important;grid-column:1 !important;height:auto !important }
.gx-herov1 .gx-heroScrim2 { background:linear-gradient(180deg,rgba(29,42,67,0.1) 0%,rgba(29,42,67,0.42) 45%,rgba(29,42,67,0.7) 75%,var(--kx-bluegrey) 100%) !important }
.gx-herov1 .gx-heroFade { object-position:22% 55% !important;height:440px !important;bottom:auto !important;-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent 100%) !important;mask-image:linear-gradient(180deg,#000 65%,transparent 100%) !important }
.gx-herov1 .gx-v1-over { grid-row:1;grid-column:1;align-self:end;position:relative;z-index:2;padding:160px 20px 0 }
.gx-herov1 .gx-v1-h1 { grid-row:2;grid-column:1;position:relative;z-index:2;padding:16px 20px 0;text-align:center }
.gx-herov1 .gx-cta { grid-row:3;grid-column:1;position:relative;z-index:2;margin-top:64px !important }
.gx-herov1 .gx-v1-badges { grid-row:4;grid-column:1;position:relative;z-index:2;padding:0 20px 40px;margin-top:24px !important }
.gx-herov1 .gx-keyfacts { grid-row:5;grid-column:1;margin:28px 20px 0 !important;width:auto !important;box-sizing:border-box !important }
.gx-herov1 > *:last-child { margin-bottom:36px !important }
.gx-herov1 > .kx-devbadge:first-of-type { top:16px !important }
.gx-herov1 > .kx-devbadge:nth-of-type(2) { top:58px !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-cta,
.gx-herov1 .gx-cta-mob { justify-self:center !important;margin-left:auto !important;margin-right:auto !important;align-items:center !important;width:calc(100% - 40px) !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-cta,
.gx-herov1 .gx-cta-mob { justify-self:center !important;margin-left:auto !important;margin-right:auto !important;align-items:center !important;width:calc(100% - 40px) !important }
}
@media (max-width:767px) {
.gx-herov1 { padding-bottom:0 !important }
}
@media (max-width:767px) {
.gx-herov1 { padding-bottom:0 !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-heroBadgesV1Mobile { margin-bottom:0 !important;padding-bottom:0 !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-heroBadgesV1Mobile { margin-bottom:0 !important;padding-bottom:0 !important }
}
@media (max-width:767px) {
.gx-stats>div { background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.16) !important;border-radius:16px !important;padding:22px 20px !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,0.18);text-align:center !important;align-items:center !important }
}
@media (max-width:767px) {
.gx-stats { gap:14px !important }
}
@media (max-width:767px) {
.gx-statsc-col + .gx-statsc-col::before { display:none !important }
}
@media (max-width:767px) {
.gx-stats>div { background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.16) !important;border-radius:16px !important;padding:22px 20px !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,0.18);text-align:center !important;align-items:center !important }
.gx-stats { gap:14px !important }
.gx-statsc-col + .gx-statsc-col::before { display:none !important }
}
@media (max-width:767px) {
.gx-stats { flex-direction:column !important;align-items:stretch !important }
}
@media (max-width:767px) {
.gx-stats>div { width:100% !important;max-width:none !important;box-sizing:border-box !important;flex:none !important }
}
@media (max-width:767px) {
.gx-stats { flex-direction:column !important;align-items:stretch !important }
.gx-stats>div { width:100% !important;max-width:none !important;box-sizing:border-box !important;flex:none !important }
}
html.kx-noswitch .kx-devbadge,
html.kx-noswitch .kx-pill { display:none !important }
@media (max-width:767px) {
#stimmen .gx-quotesgrid { overflow-x:auto !important;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y !important;scrollbar-width:none }
}
@media (max-width:767px) {
#stimmen .gx-quote-track { animation:none !important }
}
@media (max-width:767px) {
#stimmen .gx-quotesgrid { overflow-x:auto !important;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y !important;scrollbar-width:none }
#stimmen .gx-quote-track { animation:none !important }
}
@media (max-width:767px) {
.gx-heroEdge { display:none !important }
}
@media (max-width:767px) {
.gx-heroEdge { 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 }
}
.gx-sb-nokontakt .gx-sb-kontakt { display:none !important }
.kx-video-box { position:relative !important;aspect-ratio:16/9;padding:0 !important;background:var(--kx-bluegrey-05) }
.kx-video-box > * { position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;margin:0 !important;box-sizing:border-box }
.gx-v7-badges { display:none !important }
.gx-v7-badges.gx-v7-touch { display:flex !important }
@media (max-width:767px) {
.gx-v7-badges { display:flex !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-v7-badges { display:flex !important }
}
@media (max-width:1099px) {
.gx-v7-badges { display:flex !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-cta a.gx-v7-login { width:auto !important;padding:4px 2px !important;background:transparent !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-cta a.gx-v7-login { width:auto !important;padding:4px 2px !important;background:transparent !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-cta a.gx-v7-main { width:300px !important;max-width:100% !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-cta a.gx-v7-main { width:300px !important;max-width:100% !important }
}
html.gx-cta-radikal .gx-herov1 .gx-cta a:not(.gx-v7-login),
html.gx-cta-radikal .gx-herov1 .gx-cta a.gx-v7-main { font-family:var(--font-display) !important;font-weight:700 !important;letter-spacing:0 !important }
@media (max-width:767px) {
.gx-app-desk { display:none !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-app-desk { display:none !important }
}
@media (max-width:1099px) {
.gx-app-desk { display:none !important }
}
@media (max-width:767px) {
.gx-v7-row { display:contents !important }
}
@media (min-width:768px) and (max-width:1099px) {
.gx-v7-row { display:contents !important }
}
@media (max-width:1099px) {
.gx-v7-row { display:contents !important }
}
@media (min-width:1100px) {
.gx-heroPad:has(.gx-qr-card) { padding-top:32px !important;padding-bottom:32px !important }
}
.gx-cv-pp { opacity:0;transition:opacity 200ms cubic-bezier(0.2,0,0,1) }
.gx-cv-wrap:hover .gx-cv-pp,
.gx-cv-pp:focus-visible { opacity:1 }
@media (hover:none) {
.gx-cv-pp { opacity:1 }
}
@media (max-width:767px) {
.gx-cv-wrap video { max-height:78vh;width:auto !important;max-width:100%;margin:0 auto }
}
@media (max-width:767px) {
.gx-cv-wrap video { max-height:78vh;width:auto !important;max-width:100%;margin:0 auto }
}
@media (max-width:767px) {
.gx-cv-wrap { overflow:visible !important;padding-bottom:76px !important }
}
@media (max-width:767px) {
.gx-cv-wrap .gx-cv-pp { inset:auto 0 0 0 !important;margin:0 auto !important;width:56px !important;height:56px !important;opacity:1 !important;background:var(--kx-green) !important;backdrop-filter:none !important }
}
@media (max-width:767px) {
.gx-cv-wrap .gx-cv-pp svg { width:22px !important;height:22px !important;fill:var(--kx-bluegrey) !important }
}
@media (max-width:767px) {
.gx-cv-wrap { overflow:visible !important;padding-bottom:76px !important }
.gx-cv-wrap .gx-cv-pp { inset:auto 0 0 0 !important;margin:0 auto !important;width:56px !important;height:56px !important;opacity:1 !important;background:var(--kx-green) !important;backdrop-filter:none !important }
.gx-cv-wrap .gx-cv-pp svg { width:22px !important;height:22px !important;fill:var(--kx-bluegrey) !important }
}
@media (min-width:1100px) {
.gx-split img.gx-heroZoom.gx-heroZoom { left:auto !important;right:0 !important;transform:none !important;width:min(1002px,74%) !important;max-width:none !important;object-position:center center !important;mask-image:linear-gradient(270deg,#000 0%,#000 30%,rgba(0,0,0,0.55) 62%,transparent 100%) !important;-webkit-mask-image:linear-gradient(270deg,#000 0%,#000 30%,rgba(0,0,0,0.55) 62%,transparent 100%) !important }
.gx-split .gx-heroEdge.gx-heroEdge,
.gx-split .gx-textScrim,
.gx-split .gx-heroScrim2 { display:none !important }
.gx-split .gx-heroSlant > div:is([style*="0.52"], .fg-i) { background:rgba(20,29,47,0.25) !important }
.gx-split .gx-heroSlant::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--kx-bluegrey) 0%,var(--kx-bluegrey) 26%,rgba(29,42,67,0.75) 42%,rgba(29,42,67,0.3) 58%,rgba(29,42,67,0) 74%);pointer-events:none }
.gx-split .gx-heroPad { align-items:flex-start !important }
.gx-split .gx-v1-block { align-items:flex-start !important;text-align:left !important;max-width:540px !important }
.gx-split .gx-v1-over,
.gx-split .gx-v7-row { justify-content:flex-start !important }
.gx-split .gx-v7-cta { align-items:flex-start !important }
.gx-split .gx-v7-row { align-items:flex-start !important;flex-direction:column !important }
.gx-split .gx-v1-block { margin-left:0 !important }
.gx-split .gx-v7-login { justify-content:flex-start !important }
.gx-split .gx-v1-h1 { text-align:left !important }
.gx-split .gx-v1-h1 br:first-of-type { display:none }
.gx-split .gx-dash-a { display:none !important }
.gx-split .gx-dash-b { display:inline !important }
.gx-split .gx-w-einfach { color:var(--kx-green) !important }
.gx-split .gx-w-digital { color:var(--kx-green) !important }
.gx-split .gx-v1-h1 { text-wrap:wrap !important;width:max-content;max-width:none }
.gx-split .gx-v1-block { max-width:720px !important }
}
@media (min-width:1600px) {
.gx-split .gx-heroPad { padding-left:0 !important }
.gx-split .gx-v1-block { margin-left:0 !important }
}
@media (min-width:1100px) {
.gx-split .gx-v7-row .gx-qr-card { margin-top:16px !important }
}
.gx-herov1.gx-kante-gerade,
.gx-herov1.gx-kante-gerade .gx-heroSlant { clip-path:none !important }
html .gx-stickybar a.gx-stickybar-btn.gx-stickybar-btn { font-family:var(--font-display) !important;font-weight:500 !important;letter-spacing:0 !important;font-size:15px !important;padding-top:7px !important;padding-bottom:7px !important;padding-left:20px !important;padding-right:20px !important }
@media (min-width:768px) {
html .gx-stickybar .gx-stickybar-row { padding-top:9px !important;padding-bottom:calc(5px + env(safe-area-inset-bottom, 0px)) !important }
}
.gx-stickybar .gx-stickybar-btn svg { flex-shrink:0 !important;width:16px !important;height:16px !important;min-width:16px !important }
@media (max-width:767px) {
.gx-herov1 .gx-cta a,
.gx-herov1 .gx-cta a * { white-space:nowrap !important }
}
@media (max-width:767px) {
.gx-herov1 .gx-cta a,
.gx-herov1 .gx-cta a * { white-space:nowrap !important }
}
@media (max-width:360px) {
.gx-herov1 .gx-cta a { font-size:15px !important;padding-left:18px !important;padding-right:18px !important }
}
@media (max-width:767px) {
.gx-callouts { max-width:82% !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box !important }
}
.gx-callouts video { max-width:100% !important;display:block !important }
@media (max-width:767px) {
.gx-herov1 .gx-cta { margin-top:36px !important }
}
@media (max-width:767px) {
.gx-stats { display:flex !important;flex-direction:column !important;gap:10px !important;padding:36px 20px !important }
}
@media (max-width:767px) {
.gx-stats>div { flex-direction:row !important;justify-content:flex-start !important;align-items:center !important;text-align:left !important;padding:14px 18px !important;gap:14px !important;min-width:0;min-height:80px;box-sizing:border-box }
}
@media (max-width:767px) {
.gx-stats>div img { width:32px !important;height:32px !important }
}
@media (max-width:767px) {
.gx-stats>div>div:not(:last-child) { font-size:30px !important;white-space:nowrap }
}
@media (max-width:767px) {
.gx-stats>div>div:last-child { font-size:14px !important;line-height:1.3 !important;text-align:left !important }
}
@media (max-width:767px) {
.gx-callouts { max-width:82% !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box !important }
.gx-callouts video { max-width:100% !important;display:block !important }
.gx-herov1 .gx-cta { margin-top:36px !important }
.gx-stats { display:flex !important;flex-direction:column !important;gap:10px !important;padding:36px 20px !important }
.gx-stats>div { flex-direction:row !important;justify-content:flex-start !important;align-items:center !important;text-align:left !important;padding:14px 18px !important;gap:14px !important;min-width:0;min-height:80px;box-sizing:border-box }
.gx-stats>div img { width:32px !important;height:32px !important }
.gx-stats>div>div:not(:last-child) { font-size:30px !important;white-space:nowrap }
.gx-stats>div>div:last-child { font-size:14px !important;line-height:1.3 !important;text-align:left !important }
}
@media (max-width:767px) {
.gx-cv-wrap { padding-bottom:56px !important }
}
@media (max-width:767px) {
.gx-cv-wrap .gx-cv-pp { inset:auto 0 0 0 !important;margin:0 auto !important;width:40px !important;height:40px !important;opacity:1 !important;background:var(--kx-green) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important }
}
@media (max-width:767px) {
.gx-cv-wrap .gx-cv-pp svg { width:16px !important;height:16px !important }
}
@media (max-width:767px) {
.gx-cv-wrap { padding-bottom:56px !important }
.gx-cv-wrap .gx-cv-pp { inset:auto 0 0 0 !important;margin:0 auto !important;width:40px !important;height:40px !important;opacity:1 !important;background:var(--kx-green) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important }
.gx-cv-wrap .gx-cv-pp svg { width:16px !important;height:16px !important }
}
@media (max-width:767px) {
.gx-stats>div.gx-stat-hover { display:grid !important;grid-template-columns:40px 92px minmax(0,1fr) !important;align-items:center !important;justify-items:start !important;column-gap:10px !important;padding:20px 20px !important;min-height:96px !important;box-sizing:border-box !important;text-align:left !important }
}
@media (max-width:767px) {
.gx-stats>div.gx-stat-hover>svg,
.gx-stats>div.gx-stat-hover>img { width:40px !important;height:40px !important;object-fit:contain !important;justify-self:center !important }
}
@media (max-width:767px) {
.gx-stats>div.gx-stat-hover>div:not(:last-child) { font-size:34px !important;white-space:nowrap !important;text-align:center !important;justify-self:center !important }
}
@media (max-width:767px) {
.gx-stats>div.gx-stat-hover>div:last-child { font-size:15px !important;line-height:1.3 !important;text-align:left !important }
}
@media (max-width:767px) {
.gx-stats>div.gx-stat-hover { display:grid !important;grid-template-columns:40px 92px minmax(0,1fr) !important;align-items:center !important;justify-items:start !important;column-gap:10px !important;padding:20px 20px !important;min-height:96px !important;box-sizing:border-box !important;text-align:left !important }
.gx-stats>div.gx-stat-hover>svg,
.gx-stats>div.gx-stat-hover>img { width:40px !important;height:40px !important;object-fit:contain !important;justify-self:center !important }
.gx-stats>div.gx-stat-hover>div:not(:last-child) { font-size:34px !important;white-space:nowrap !important;text-align:center !important;justify-self:center !important }
.gx-stats>div.gx-stat-hover>div:last-child { font-size:15px !important;line-height:1.3 !important;text-align:left !important }
}
@media (max-width:767px) {
.gx-cv-wrap .gx-cv-expand { bottom:0 !important;right:8px !important }
}
@media (max-width:767px) {
.gx-cv-wrap .gx-cv-expand { bottom:0 !important;right:8px !important }
}
@media (max-width:767px) {
.gx-callouts-hl-mob { display:block !important }
}
@media (max-width:767px) {
.gx-callouts .gx-callouts-hl { display:none !important }
}
@media (max-width:767px) {
.gx-callouts { padding-top:12px !important;padding-bottom:18px !important }
}
@media (max-width:767px) {
.gx-callouts-hl-mob { display:block !important }
.gx-callouts .gx-callouts-hl { display:none !important }
.gx-callouts { padding-top:12px !important;padding-bottom:18px !important }
}
@media (max-width:767px) {
.gx-acc-mob .gx-acc-track>div { padding:12px 12px 14px !important;gap:8px !important }
}
@media (max-width:767px) {
.gx-acc-mob .gx-acc-track>div>p { font-size:15px !important }
}
@media (max-width:767px) {
.gx-acc-mob .gx-acc-track>div>div:last-child { min-height:232px !important }
}
@media (max-width:767px) {
.gx-acc-mob .gx-acc-track>div>div:last-child>div { width:160px !important;height:160px !important }
}
@media (max-width:767px) {
.gx-acc-mob .gx-acc-track>div>div:last-child>img { height:224px !important }
}
@media (max-width:767px) {
.gx-acc-mob .gx-acc-track>div { padding:12px 12px 14px !important;gap:8px !important }
.gx-acc-mob .gx-acc-track>div>p { font-size:15px !important }
.gx-acc-mob .gx-acc-track>div>div:last-child { min-height:232px !important }
.gx-acc-mob .gx-acc-track>div>div:last-child>div { width:160px !important;height:160px !important }
.gx-acc-mob .gx-acc-track>div>div:last-child>img { height:224px !important }
}
@media (max-width:767px) {
#stimmen .gx-quotesgrid { overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory !important;container-type:inline-size;margin:0 -20px !important;padding:12px 0 24px !important;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y }
}
@media (max-width:767px) {
#stimmen .gx-quotesgrid .gx-quote-track { animation:none !important;width:max-content !important;gap:12px !important;padding:0 14cqw !important;box-sizing:content-box !important }
}
@media (max-width:767px) {
#stimmen .gx-quotesgrid .gx-quote-track>figure { flex:0 0 72cqw !important;width:72cqw !important;max-width:none !important;scroll-snap-align:center;box-sizing:border-box !important }
}
@media (max-width:767px) {
#stimmen .gx-quotesgrid .gx-quote-track>figure:nth-child(n+5) { display:none !important }
}
@media (max-width:767px) {
.kx-qnav { display:flex !important }
}
@media (max-width:767px) {
#stimmen .gx-quotesgrid { overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory !important;container-type:inline-size;margin:0 -20px !important;padding:12px 0 24px !important;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y }
#stimmen .gx-quotesgrid .gx-quote-track { animation:none !important;width:max-content !important;gap:12px !important;padding:0 14cqw !important;box-sizing:content-box !important }
#stimmen .gx-quotesgrid .gx-quote-track>figure { flex:0 0 72cqw !important;width:72cqw !important;max-width:none !important;scroll-snap-align:center;box-sizing:border-box !important }
#stimmen .gx-quotesgrid .gx-quote-track>figure:nth-child(n+5) { display:none !important }
.kx-qnav { display:flex !important }
}
@media (max-width:767px) {
html .gx-stickybar .gx-stickybar-row { padding:6px 14px 8px !important;gap:6px !important }
html .gx-stickybar .gx-stickybar-sec { gap:6px !important }
html .gx-stickybar .gx-stickybar-btn { padding:6px 10px !important;font-size:13px !important;line-height:1.2 !important;min-height:0 !important;gap:6px !important }
html .gx-stickybar .gx-stickybar-btn svg { width:14px !important;height:14px !important }
}
@media (max-width:767px) {
html body .gx-stickybar a.gx-stickybar-btn.gx-stickybar-btn { padding:6px 10px !important;font-size:13px !important;line-height:1.2 !important;min-height:0 !important;gap:6px !important }
html body .gx-stickybar a.gx-stickybar-btn.gx-stickybar-btn svg { width:14px !important;height:14px !important }
}
@media (min-width:768px) {
.gx-callouts-hl-mob { display:block !important;font-size:20px !important;line-height:1.45 !important;margin:0 auto !important }
.gx-mockbox:has(.gx-callouts) { gap:28px !important }
.gx-mockbox:has(.gx-callouts) { padding-top:0 !important }
.gx-mock-outer:has(.gx-callouts) h2 { margin-bottom:-12px !important }
.gx-mock-outer:has(.gx-callouts) h2 { margin-top:24px !important }
.gx-callouts .gx-cv-wrap { max-width:1040px !important }
.gx-callouts .gx-callouts-hl { display:none !important }
.gx-callouts { background:transparent !important;padding:0 !important;border-radius:0 !important;overflow:visible !important;margin-bottom:24px !important }
.gx-callouts .gx-cv-wrap { background:transparent !important }
}
@media (max-width:767px) {
.gx-stat-note { padding:12px 20px 0 !important }
}
@media (max-width:767px) {
.gx-stat-note { padding:12px 20px 0 !important }
}
.gx-callouts .gx-cv-wrap video { aspect-ratio:16/9 }
@media (max-width:767px) {
.gx-callouts .gx-cv-wrap video { aspect-ratio:720/1280 !important }
}
@media (max-width:767px) {
.gx-callouts .gx-cv-wrap video { aspect-ratio:720/1280 !important }
}
@media (max-width:767px) {
.gx-subnav { position:relative !important;top:auto !important }
}
@media (max-width:767px) {
.gx-subnav { position:relative !important;top:auto !important }
}
@media (max-width:767px) {
.gx-stickybar .gx-stickybar-row { padding-left:62px !important;padding-right:62px !important }
}
@media (max-width:767px) {
.gx-stickybar .gx-stickybar-row a { white-space:nowrap !important }
}
@media (max-width:767px) {
.gx-stickybar .gx-stickybar-row { padding-left:62px !important;padding-right:62px !important }
.gx-stickybar .gx-stickybar-row a { white-space:nowrap !important }
}
@media (max-width:767px) {
html body .gx-stickybar.gx-stickybar .gx-stickybar-row.gx-stickybar-row { padding-left:38px !important;padding-right:38px !important }
}
#vorteile p,
#vorteile p span { color:var(--kx-bluegrey) !important;font-weight:400 !important }
#vorteile > div:first-child { padding-top:24px !important }
@media (max-width:767px) {
#vorteile > div:first-child { padding-top:40px !important }
}
@media (max-width:767px) {
#vorteile > div:first-child { padding-top:40px !important }
}
@media (max-width:767px) {
.zt-marquee .zt-track>* { scroll-snap-align:center !important;scroll-snap-stop:always !important }
}
@media (max-width:767px) {
.zt-marquee { scroll-padding:0 !important }
}
@media (max-width:767px) {
.zt-marquee .zt-track>* { scroll-snap-align:center !important;scroll-snap-stop:always !important }
.zt-marquee { scroll-padding:0 !important }
}
html body:has(.gx-stickybar) .kxf-bottom.kxf-bottom { margin-bottom:0 !important }
html body:has(.gx-stickybar) footer>div:first-child,
html body:has(.gx-stickybar) .kxf-bottom { box-sizing:border-box }
html body:has(.gx-stickybar) footer>div:first-child { padding-bottom:calc(var(--gx-sb-h, 48px) + 24px) !important }
@media (max-width:767px) {
html body .gx-stickybar .gx-sb-hilfe { display:none !important }
html body .gx-stickybar .gx-stickybar-row.gx-stickybar-row { flex-direction:row !important;align-items:center !important;gap:8px !important }
html body .gx-stickybar .gx-stickybar-row>.gx-stickybar-btn.gx-stickybar-btn { width:auto !important;flex:1 1 0 !important }
html body .gx-stickybar .gx-stickybar-sec.gx-stickybar-sec { width:auto !important;flex:1 1 0 !important }
html body .gx-stickybar .gx-stickybar-sec .gx-stickybar-btn { flex:1 1 0 !important;width:100% !important }
}
@media (max-width:767px) {
html body .gx-stickybar.gx-stickybar .gx-stickybar-row.gx-stickybar-row.gx-stickybar-row { padding-left:22px !important;padding-right:22px !important }
html body .gx-stickybar .gx-stickybar-row>.gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn { flex:1 1 auto !important }
html body .gx-stickybar .gx-stickybar-sec.gx-stickybar-sec.gx-stickybar-sec { flex:0 0 auto !important }
html body .gx-stickybar .gx-stickybar-sec .gx-stickybar-btn.gx-stickybar-btn { flex:0 0 auto !important;width:auto !important }
}
@media (max-width:767px) {
html body .gx-stickybar.gx-stickybar .gx-stickybar-row a.gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn { padding:7px 14px !important;font-size:12.5px !important;text-overflow:clip !important }
html body .gx-stickybar .gx-stickybar-row a.gx-sb-kontakt.gx-sb-kontakt svg { display:none !important }
html body .gx-stickybar .gx-stickybar-sec .gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn { flex:0 1 auto !important }
}
@media (max-width:375px) {
html body .gx-stickybar.gx-stickybar .gx-stickybar-row a.gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn { font-size:12px !important;padding:6px 7px !important }
html body .gx-stickybar .gx-stickybar-row>a.gx-stickybar-btn svg { display:none !important }
}
@media (max-width:767px) {
html body .gx-stickybar.gx-stickybar .gx-stickybar-row.gx-stickybar-row.gx-stickybar-row.gx-stickybar-row { padding-left:24px !important;padding-right:68px !important }
html body .gx-stickybar .gx-sb-long { display:none !important }
html body .gx-stickybar .gx-sb-short { display:inline !important }
html body .gx-stickybar.gx-stickybar .gx-stickybar-row a.gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn { padding:7px 12px !important }
}
@media (max-width:767px) {
html body .gx-stickybar.gx-stickybar .gx-stickybar-row a.gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn { padding:7px 16px !important;font-size:12.5px !important }
html body .gx-stickybar .gx-stickybar-row>a.gx-stickybar-btn.gx-stickybar-btn svg { display:none !important }
html body .gx-stickybar .gx-stickybar-row.gx-stickybar-row.gx-stickybar-row { gap:6px !important }
}
@media (max-width:767px) {
html body .gx-stickybar .gx-stickybar-row>a.gx-stickybar-btn.gx-stickybar-btn svg,
html body .gx-stickybar .gx-stickybar-row a.gx-sb-kontakt.gx-sb-kontakt svg { display:inline-block !important;width:14px !important;height:14px !important;flex-shrink:0 }
html body .gx-stickybar.gx-stickybar .gx-stickybar-row a.gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn { padding:7px 11px !important;gap:5px !important;align-items:center !important }
}
@media (max-width:767px) {
html body .gx-stickybar.gx-stickybar a.gx-sb-hilfe.gx-sb-hilfe.gx-sb-hilfe.gx-sb-hilfe { display:none !important }
html body .gx-stickybar .gx-stickybar-row>a.gx-stickybar-btn.gx-stickybar-btn.gx-stickybar-btn { flex:1 1 auto !important;min-width:max-content !important }
}
.gx-cv-wrap:has(.gx-cv-vimeo:not(.gx-cv-vmob)) .gx-cv-expand { display:none !important }
html body div.gx-cv-wrap.gx-cv-wrap.gx-cv-wrap:has(.gx-cv-vimeo) { max-width:min(1040px, calc((100vh - 180px) * 16 / 9)) !important;background:transparent !important;width:100% !important;margin-left:auto !important;margin-right:auto !important }
.gx-cv-wrap:has(.gx-cv-vimeo:not(.gx-cv-vmob)) .gx-cv-pp { opacity:0;transition:opacity 200ms cubic-bezier(0.2,0,0,1) }
.gx-cv-wrap:has(.gx-cv-vimeo:not(.gx-cv-vmob)):hover .gx-cv-pp,
.gx-cv-wrap:has(.gx-cv-vimeo) .gx-cv-pp:focus-visible { opacity:1 }
.gx-cv-vimeo iframe { pointer-events:none }
.gx-cv-wrap.gx-cv-showpp:has(.gx-cv-vimeo) .gx-cv-pp { opacity:1 !important }
.gx-cv-vimeo.gx-cv-vmob { padding-top:177.78% !important }
html body div.gx-cv-wrap.gx-cv-wrap.gx-cv-wrap:has(.gx-cv-vmob) { max-width:min(340px, calc((100vh - 200px) * 9 / 16)) !important;background:transparent !important }
html body .gx-cv-wrap:has(.gx-cv-vimeo:not(.gx-cv-vmob)) .gx-cv-pp.gx-cv-pp.gx-cv-pp { position:absolute !important;inset:0 !important;margin:auto !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;transform:none !important;width:64px !important;height:64px !important }
@media (hover:none) {
.gx-cv-wrap:has(.gx-cv-vimeo:not(.gx-cv-vmob)) .gx-cv-pp { opacity:0 }
.gx-cv-wrap.gx-cv-showpp:has(.gx-cv-vimeo) .gx-cv-pp { opacity:1 !important }
}
.gx-cvz-if { width:min(92vw, calc((100vh - 120px) * 16 / 9));aspect-ratio:16/9;height:auto }
.gx-cvz-if.gx-cvz-mob { width:min(92vw, calc((100vh - 120px) * 9 / 16));aspect-ratio:9/16 }
.gx-cv-vimeo > iframe { z-index:1 }
.gx-cv-vimeo > :not(.gx-cv-noconsent):not(iframe) { position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;margin:0 !important;box-sizing:border-box;z-index:2 }
html body .gx-cv-wrap.gx-cv-wrap .gx-cv-vimeo.gx-cv-vimeo:not(.gx-cv-wait):not(:has(iframe[src*="player.vimeo.com"])) { padding-top:56.25% !important }
html body .gx-cv-wrap.gx-cv-wrap .gx-cv-vimeo.gx-cv-vmob:not(:has(iframe[src*="player.vimeo.com"])) { padding-top:75% !important }
html body div.gx-cv-wrap.gx-cv-wrap.gx-cv-wrap:has(.gx-cv-vimeo:not(.gx-cv-wait):not(:has(iframe[src*="player.vimeo.com"]))) { max-width:640px !important }
.gx-cv-vimeo:not(.gx-cv-wait):not(:has(iframe[src*="player.vimeo.com"])) .gx-cv-noconsent { display:flex !important }
.gx-cv-vimeo:not(.gx-cv-wait):not(:has(iframe[src*="player.vimeo.com"])) > iframe { display:none !important }
.gx-cv-wrap:has(.gx-cv-vimeo:not(.gx-cv-wait):not(:has(iframe[src*="player.vimeo.com"]))) :is(.gx-cv-pp,.gx-cv-expand) { display:none !important }
html body .gx-cv-wrap.gx-cv-wrap .gx-cv-vimeo:not(.gx-cv-wait):not(:has(iframe[src*="player.vimeo.com"])).gx-cv-vimeo.gx-cv-vimeo { padding-top:0 !important;background:transparent !important;cursor:default !important }
html body .gx-cv-vimeo:not(.gx-cv-wait):not(:has(iframe[src*="player.vimeo.com"])) .gx-cv-noconsent.gx-cv-noconsent { position:relative !important;inset:auto !important;max-width:520px;margin:0 auto;padding:32px 28px !important;border:1px solid var(--kx-bluegrey-20);border-radius:16px;background:var(--kx-white) !important;box-sizing:border-box }
@media (max-width:767px) {
.gx-cv-vimeo:not(.gx-cv-wait):not(:has(iframe[src*="player.vimeo.com"])) .gx-cv-noconsent.gx-cv-noconsent { padding:24px 20px !important }
}
@media (max-width:767px) {
html body .gx-cv-vimeo:not(.gx-cv-wait):not(:has(iframe[src*="player.vimeo.com"])) .gx-cv-noconsent.gx-cv-noconsent { padding:24px 20px !important }
}
.gx-cv-vimeo [data-cky-tag="video-placeholder"],
.gx-cv-vimeo .video-placeholder-normal,
.gx-cv-vimeo .video-placeholder-youtube,
.gx-cv-vimeo [class*="cky"][class*="placeholder"] { display:none !important }
.gx-cv-vimeo:has([data-cky-tag="video-placeholder"],.video-placeholder-normal,.video-placeholder-youtube) .gx-cv-noconsent { display:flex !important }
html body .gx-cv-wrap.gx-cv-wrap .gx-cv-vimeo.gx-cv-vimeo:has([data-cky-tag="video-placeholder"],.video-placeholder-normal,.video-placeholder-youtube) { padding-top:0 !important;background:transparent !important;cursor:default !important }
html body .gx-cv-vimeo:has([data-cky-tag="video-placeholder"],.video-placeholder-normal,.video-placeholder-youtube) .gx-cv-noconsent.gx-cv-noconsent { position:relative !important;inset:auto !important;max-width:520px;margin:0 auto;padding:32px 28px !important;border:1px solid var(--kx-bluegrey-20);border-radius:16px;background:var(--kx-white) !important;box-sizing:border-box }
.gx-cv-wrap:has([data-cky-tag="video-placeholder"],.video-placeholder-normal,.video-placeholder-youtube) { background:transparent !important }
.gx-cv-wrap:has([data-cky-tag="video-placeholder"],.video-placeholder-normal,.video-placeholder-youtube) :is(.gx-cv-pp,.gx-cv-expand) { display:none !important }
.kx-video-box :is([data-cky-tag="video-placeholder"],.video-placeholder-normal,.video-placeholder-youtube),
.kx-video-box [class*="cky"][class*="placeholder"] { display:none !important }
.kx-vid-wrap:has(.kx-video-box :is([data-cky-tag="video-placeholder"],.video-placeholder-normal,.video-placeholder-youtube)) .kx-vid-noconsent,
.kx-vid-wrap:has(.kx-video-box iframe:not([src*="player.vimeo.com"])) .kx-vid-noconsent { display:flex !important }
html body .kx-vid-wrap:has(.kx-video-box :is([data-cky-tag="video-placeholder"],.video-placeholder-normal,.video-placeholder-youtube)) .kx-video-box.kx-video-box,
html body .kx-vid-wrap:has(.kx-video-box iframe:not([src*="player.vimeo.com"])) .kx-video-box.kx-video-box { display:none !important }
@media (max-width:767px) {
.kx-vid-noconsent { padding:24px 20px !important }
}
@media (max-width:767px) {
.kx-vid-noconsent { padding:24px 20px !important }
}
/* Elementstile */
#app .fg-1 { font-family:var(--font-body);color:var(--kx-bluegrey);background:var(--kx-white) }
#app .fg-2 { height:1px }
#app .fg-3 { max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;gap:12px;padding:8px 32px;padding-bottom:calc(8px + env(safe-area-inset-bottom, 0px)) }
#app .fg-5 { flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;text-decoration:none;background:var(--kx-green);color:var(--kx-bluegrey);font-size:17px;font-weight:600;padding:10px 24px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background 120ms cubic-bezier(0.2,0,0,1) }
#app .fg-6 { flex-shrink:0 }
#app .fg-7 { display:none }
#app .fg-8 { display:flex;gap:12px }
#app .fg-a { flex:0 0 auto;text-align:center;text-decoration:none;background:var(--kx-plum);color:var(--kx-white);border:none;font-size:17px;font-weight:600;padding:10px 28px;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:500 }
#app .fg-b { flex-shrink:0;width:16px;height:16px;min-width:16px }
#app .fg-d { flex:0 0 auto;text-align:center;text-decoration:none;background:var(--kx-white);color:var(--kx-bluegrey);border:1px solid var(--kx-bluegrey-20);font-size:17px;font-weight:600;padding:10px 24px;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:500 }
#app .fg-e { position:relative;overflow:hidden;height:668px;display:flex;align-items:center;background:var(--kx-white);clip-path:polygon(0 0,100% 0,100% 82%,0 100%) }
#app .fg-f { position:absolute;inset:0;background:var(--kx-bluegrey) }
#app .fg-g { position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:100%;max-width:1400px;height:100%;object-fit:cover;object-position:center 30% }
#app .fg-h { position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:100%;max-width:1400px;background:linear-gradient(90deg,var(--kx-bluegrey) 0%,rgba(29,42,67,0) 10%,rgba(29,42,67,0) 90%,var(--kx-bluegrey) 100%);pointer-events:none }
#app .fg-i { position:absolute;inset:0;background:rgba(20,29,47,0.52) }
#app .fg-j { position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,29,47,0.2) 0%,rgba(20,29,47,0) 30%,rgba(20,29,47,0) 70%,rgba(20,29,47,0.2) 100%) }
#app .fg-k { position:absolute;inset:0;background:radial-gradient(ellipse 36% 62% at 50% 52%,rgba(20,29,47,0.62) 0%,rgba(20,29,47,0.38) 55%,rgba(20,29,47,0) 100%);pointer-events:none }
#app .fg-l { position:relative;height:100%;max-width:1280px;margin:0 auto;padding:64px 32px 64px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center }
#app .fg-m { display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;max-width:600px }
#app .fg-n { display:flex;gap:8px;flex-wrap:wrap;justify-content:center;font-family:var(--font-display);font-size:22px;font-weight:900;font-style:italic;letter-spacing:0.02em;color:var(--kx-green);text-shadow:0 1px 10px rgba(20,29,47,0.7) }
#app .fg-o { margin:0;font-family:var(--font-display);font-weight:700;font-size:52px;line-height:1.08;letter-spacing:-0.02em;color:var(--kx-white);text-wrap:balance;overflow-wrap:break-word }
#app .fg-p { color:var(--kx-green) }
#app .fg-q { display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:nowrap;margin-top:20px }
#app .fg-r { text-decoration:none;background:var(--kx-green);color:var(--kx-bluegrey);font-size:17px;font-weight:600;padding:10px 28px;border-radius:999px;white-space:nowrap;transition:background 120ms cubic-bezier(0.2,0,0,1) }
#app .fg-s { text-decoration:none;background:transparent;color:var(--kx-white);border:2px solid var(--kx-green);font-size:17px;font-weight:600;padding:8px 36px;border-radius:999px;white-space:nowrap }
#app .fg-t { display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:20px }
#app .fg-u { width:100%;text-align:center;font-family:var(--font-body);font-weight:600;font-size:16px;color:var(--kx-white);margin-bottom:-4px;text-shadow:0 1px 8px rgba(20,29,47,0.75) }
#app .fg-v { height:30px;width:auto;object-fit:contain;display:block }
#app .fg-w { display:flex;gap:0;justify-content:center;margin-top:44px;flex-wrap:nowrap;width:100%;max-width:640px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);border-radius:16px;padding:16px 8px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px) }
#app .fg-x { flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 16px;border-right:1px solid rgba(255,255,255,0.25);text-align:center }
#app .fg-y { font-family:var(--font-display);font-size:32px;font-weight:900;color:var(--kx-green);white-space:nowrap }
#app .fg-z { font-size:15px;color:var(--kx-white);white-space:nowrap }
#app .fg-10 { flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 16px;text-align:center }
#app .fg-11 { display:inline-flex;align-items:center;gap:8px;padding:7px 16px 7px 12px;border-radius:999px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.35);color:var(--kx-white);font-size:15px;font-weight:600;backdrop-filter:blur(6px) }
#app .fg-12 { display:none;color:var(--kx-green) }
#app .fg-13 { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-top:20px }
#app .fg-14 { display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;margin-top:0 }
#app .fg-15 { text-decoration:none;display:block;box-sizing:border-box;width:300px;max-width:100%;text-align:center;background:var(--kx-green);color:var(--kx-bluegrey);font-size:17px;font-weight:600;padding:12px 28px;border-radius:999px;white-space:nowrap;transition:background 120ms cubic-bezier(0.2,0,0,1) }
#app .fg-17 { text-decoration:none;display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--kx-white);font-size:16px;font-weight:400;padding:4px 2px;white-space:nowrap;text-shadow:0 1px 8px rgba(20,29,47,0.6);transition:color 120ms cubic-bezier(0.2,0,0,1) }
#app .fg-18 { font-weight:700;display:inline-flex;align-items:center;gap:4px }
#app .fg-19 { display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:12px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.25);backdrop-filter:blur(6px);text-align:left }
#app .fg-1a { display:block;width:56px;height:56px;border-radius:5px;background:#fff }
#app .fg-1b { display:flex;flex-direction:column;gap:4px }
#app .fg-1c { font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--kx-white) }
#app .fg-1d { font-size:14px;line-height:1.4;color:var(--kx-bluegrey-20) }
#app .fg-1e { display:inline-flex;align-items:center;gap:8px;margin-top:0;text-decoration:none;color:var(--kx-white);font-size:16px;font-weight:600;text-shadow:0 1px 8px rgba(20,29,47,0.75) }
#app .fg-1f { position:sticky;top:112px;z-index:90;background:color-mix(in srgb, var(--kx-bluegrey) 1%, var(--kx-white)) }
#app .fg-1g { display:none;left:0;background:linear-gradient(90deg,var(--kx-white) 55%,rgba(255,255,255,0)) }
#app .fg-1h { display:none;right:0;background:linear-gradient(270deg,var(--kx-white) 55%,rgba(255,255,255,0)) }
#app .fg-1i { max-width:1280px;margin:0 auto;padding:0 32px;display:flex;justify-content:safe center;gap:clamp(28px,4vw,56px);overflow-x:auto }
#app .fg-1k { text-decoration:none;white-space:nowrap;font-size:17px;font-weight:600;color:var(--kx-bluegrey-80);padding:18px 0;border-bottom:2px solid transparent }
#app .fg-1l { 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 .fg-1m { 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 .fg-1n { display:flex;flex-direction:column;padding:6px 0;white-space:nowrap }
#app .fg-1p { text-decoration:none;font-size:14px;font-weight:600;color:var(--kx-bluegrey-80);padding:9px 16px;border-left:3px solid transparent }
#app .fg-1q { background:color-mix(in srgb, var(--kx-green) 10%, var(--kx-white));position:relative;margin-top:20px }
#app .fg-1r { max-width:1312px;margin:0 auto;padding:8px 16px 24px }
#app .fg-1s { max-width:820px;margin:0 auto;text-align:center;padding:24px 32px 32px }
#app .fg-1t { 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);text-wrap:balance }
#app .fg-1u { display:none;margin:0 auto 20px;max-width:820px;text-align:center;font-family:var(--font-body);font-weight:400;font-size:17px;line-height:1.4;color:var(--kx-bluegrey);text-wrap:balance;padding:0 12px }
#app .fg-1v { font-weight:700 }
#app .fg-1w { position:relative;width:100%;border-radius:28px;overflow:hidden;margin-bottom:56px;background:var(--kx-bluegrey);padding:44px 8px 8px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:20px }
#app .fg-1x { margin:0;max-width:820px;text-align:center;font-family:var(--font-body);font-weight:400;font-size:22px;line-height:1.45;color:var(--kx-white);text-wrap:balance }
#app .fg-1y { position:relative;width:100%;max-width:820px;margin:0 auto;border-radius:16px;overflow:hidden;background:var(--kx-bluegrey) }
#app .fg-1z { cursor:pointer;padding:56.25% 0 0 0;position:relative;background:var(--kx-bluegrey) }
#app .fg-20 { display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:24px;text-align:center;background:var(--kx-bluegrey-05);border-radius:16px }
#app .fg-21 { font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--kx-bluegrey) }
#app .fg-22 { font-size:15px;line-height:1.45;color:var(--kx-bluegrey-80);max-width:360px }
#app .fg-24 { margin-top:6px;border:0;cursor:pointer;background:var(--kx-green);color:var(--kx-bluegrey);font-family:var(--font-display);font-weight:700;font-size:15px;padding:10px 20px;border-radius:999px }
#app .fg-25 { position:absolute;top:0;left:0;width:100%;height:100%;border:0 }
#app .fg-26 { display:block;width:100%;height:auto;background:var(--kx-bluegrey) }
#app .fg-27 { display:none;position:absolute;right:8px;bottom:8px;width:40px;height:40px;border-radius:50%;border:none;background:var(--kx-green);color:var(--kx-bluegrey);align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px rgba(29,42,67,0.3);z-index:3 }
#app .fg-28 { position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;border:none;background:rgba(65,189,153,0.5);backdrop-filter:blur(4px);box-shadow:0 10px 28px rgba(29,42,67,0.25);color:var(--kx-white);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3 }
#app .fg-29 { margin-left:4px }
#app .fg-2a { position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;border:none;background:rgba(65,189,153,0.5);backdrop-filter:blur(4px);box-shadow:0 10px 28px rgba(29,42,67,0.25);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity 200ms cubic-bezier(0.2,0,0,1),transform 200ms cubic-bezier(0.2,0,0,1) }
#app .fg-2b { position:fixed;top:0;bottom:0;left:0;right:0;z-index:900;background:rgba(29,42,67,0.96);display:flex;align-items:center;justify-content:center;overflow:hidden }
#app .fg-2c { display:block;flex:none;border:0;border-radius:12px;background:var(--kx-bluegrey) }
#app .fg-2d { position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:2px solid var(--kx-white);background:transparent;color:var(--kx-white);display:flex;align-items:center;justify-content:center;cursor:pointer }
#app .fg-2e { background:var(--kx-bluegrey);position:relative }
#app .fg-2f { max-width:1280px;margin:0 auto;padding:80px 32px;display:flex;justify-content:center;gap:80px;flex-wrap:wrap;text-align:center }
#app .fg-2g { display:flex;flex-direction:column;align-items:center;gap:14px }
#app .fg-2h { width:52px;height:52px;object-fit:contain;transition:transform 200ms cubic-bezier(0.2,0,0,1) }
#app .fg-2i { font-family:var(--font-display);font-size:66px;font-weight:900;line-height:1;color:var(--kx-green) }
#app .fg-2j { font-size:17px;color:var(--kx-bluegrey-20) }
#app .fg-2k { transition:transform 200ms cubic-bezier(0.2,0,0,1) }
#app .fg-2l { font-size:0.42em;vertical-align:top;position:relative;top:0.1em;margin-left:2px;font-weight:700 }
#app .fg-2m { margin:0 auto;max-width:1280px;padding:14px 32px 0;box-sizing:border-box;text-align:center;font-family:var(--font-body);font-size:13px;line-height:1.45;font-style:italic;color:var(--kx-bluegrey-80) }
#app .fg-2n { height:56px;background:var(--kx-white) }
#app .fg-2o { position:relative }
#app .fg-2p { max-width:1280px;margin:0 auto;padding:112px 32px;display:flex;flex-direction:column;gap:48px }
#app .fg-2q { display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center }
#app .fg-2r { font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--kx-green);font-style:italic }
#app .fg-2s { margin:0;font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1.15;letter-spacing:-0.01em }
#app .fg-2t { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:0 auto }
#app .fg-2v { background:color-mix(in srgb, var(--kx-green) 20%, var(--kx-white));border-radius:12px;padding:36px 28px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:16px;box-shadow:0 2px 6px rgba(29,42,67,0.08);transition:transform 200ms cubic-bezier(0.2,0,0,1),box-shadow 200ms cubic-bezier(0.2,0,0,1),background 200ms cubic-bezier(0.2,0,0,1) }
#app .fg-2w { display:flex;align-items:center;gap:16px;align-self:stretch }
#app .fg-2x { width:64px;height:64px;border-radius:22%;background:var(--kx-green);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 200ms cubic-bezier(0.2,0,0,1) }
#app .fg-2y { width:46px;height:46px;object-fit:contain;display:block;margin:auto;filter:brightness(0) invert(1) }
#app .fg-2z { font-family:var(--font-display);font-size:24px;font-weight:700;font-style:italic;line-height:1.2;color:var(--kx-green);text-align:left;transform-origin:left center;transition:transform 200ms cubic-bezier(0.2,0,0,1),color 200ms cubic-bezier(0.2,0,0,1) }
#app .fg-30 { display:flex;flex-direction:column;gap:12px;align-self:stretch }
#app .fg-31 { width:100%;height:2px;background:var(--kx-green);transition:background 200ms cubic-bezier(0.2,0,0,1) }
#app .fg-32 { 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:2 }
#app .fg-33 { cursor:pointer;width:40px;height:40px;flex-shrink:0;border-radius:50%;border:none;background:var(--kx-green);pointer-events:auto;box-shadow:0 4px 12px rgba(29,42,67,0.18);display:flex;align-items:center;justify-content:center }
#app .fg-34 { max-width:1280px;margin:0 auto;padding:96px 32px;display:flex;flex-direction:column;gap:16px }
#app .fg-35 { font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--kx-green);text-align:center;font-style:italic }
#app .fg-36 { margin:0 0 24px;font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1.15;letter-spacing:-0.01em;text-align:center;color:var(--kx-bluegrey) }
#app .fg-37 { display:inline-block;opacity:1;transform:translateX(0px);transition:opacity 900ms cubic-bezier(0.2, 0, 0, 1), transform 900ms cubic-bezier(0.2, 0, 0, 1) }
#app .fg-38 { color:var(--kx-bluegrey) }
#app .fg-39 { display:flex;flex-direction:column }
#app .fg-3a { display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px }
#app .fg-3c { display:flex;gap:72px;align-items:center }
#app .fg-3d { position:relative;flex:0 0 340px;display:flex;justify-content:center;align-items:center }
#app .fg-3f { display:none;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--kx-bluegrey-20);background:var(--kx-white);align-items:center;justify-content:center;cursor:pointer;color:var(--kx-bluegrey);box-shadow:0 4px 12px rgba(29,42,67,0.15) }
#app .fg-3g { display:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--kx-bluegrey-20);background:var(--kx-white);align-items:center;justify-content:center;cursor:pointer;color:var(--kx-bluegrey);box-shadow:0 4px 12px rgba(29,42,67,0.15) }
#app .fg-3h { position:absolute;width:min(280px, 80%);aspect-ratio:1;border-radius:50%;background:#1d2a43;z-index:0 }
#app .fg-3i { position:relative;z-index:1;display:grid;place-items:center }
#app .fg-3j { flex:1;display:flex;flex-direction:column;gap:16px;align-items:flex-start }
#app .fg-3k { font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:0.06em;color:var(--kx-plum) }
#app .fg-3l { display:grid;width:100% }
#app .fg-3m { margin:0;font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-0.01em;color:var(--kx-bluegrey) }
#app .fg-3n { margin:0;font-size:18px;line-height:1.45;color:var(--kx-bluegrey-80);max-width:56ch }
#app .fg-3o { display:inline-flex;font-size:14px;font-weight:600;color:var(--kx-plum);background:var(--kx-plum-20);padding:6px 14px;border-radius:999px;width:fit-content }
#app .fg-3p { display:flex;gap:10px;margin-top:12px }
#app .fg-3r { width:48px;height:48px;border-radius:50%;border:1px solid var(--kx-bluegrey-20);background:var(--kx-white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--kx-bluegrey);transition:background 120ms cubic-bezier(0.2,0,0,1),color 120ms cubic-bezier(0.2,0,0,1) }
#app .fg-3s { display:none;flex-direction:column;gap:18px }
#app .fg-3t { display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 10px;scrollbar-width:none }
#app .fg-3u { flex:0 0 84%;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 .fg-3v { background:var(--kx-plum);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-width:0 }
#app .fg-3w { width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--kx-white);color:var(--kx-plum);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px }
#app .fg-3x { margin:0;min-width:0;font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.25;letter-spacing:-0.005em;color:var(--kx-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
#app .fg-3y { margin:0;font-size:15px;line-height:1.45;color:var(--kx-bluegrey);text-align:center;flex:1;display:flex;align-items:center;justify-content:center }
#app .fg-3z { position:relative;display:flex;justify-content:center;align-items:center;min-height:300px;margin-top:auto }
#app .fg-40 { position:absolute;width:205px;height:205px;border-radius:50%;background:var(--kx-bluegrey) }
#app .fg-41 { position:relative;height:290px;max-width:100%;object-fit:contain;display:block }
#app .fg-42 { display:flex;align-items:center;justify-content:center;gap:12px }
#app .fg-43 { display:flex;flex-direction:column;align-items:center;gap:8px }
#app .fg-44 { display:flex;gap:6px;align-items:center }
#app .fg-45 { font-size:13px;font-weight:600;color:var(--kx-bluegrey-80) }
#app .fg-46 { max-width:1280px;margin:0 auto;padding:96px 32px;display:flex;flex-direction:column;gap:40px }
#app .fg-47 { 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 .fg-48 { overflow:hidden;margin:0 -32px;padding:12px 0 32px }
#app .fg-49 { display:flex;gap:24px;width:max-content;animation:gx-quote-marquee 42s linear infinite;padding:0 32px }
#app .fg-4b { position:relative;margin:0;font-family:var(--font-body);font-style:italic;font-weight:400;font-size:18px;line-height:1.4;flex:1;text-wrap:pretty }
#app .fg-4c { width:48px;height:auto;display:block }
#app .fg-4d { font-size:14px;font-weight:600 }
#app .fg-4e { display:none;position:absolute;top:50%;left:-6px;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:none;padding:0;background:var(--kx-green);box-shadow:0 4px 12px rgba(29,42,67,0.18);align-items:center;justify-content:center;cursor:pointer }
#app .fg-4f { display:none;position:absolute;top:50%;right:-6px;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:none;padding:0;background:var(--kx-green);box-shadow:0 4px 12px rgba(29,42,67,0.18);align-items:center;justify-content:center;cursor:pointer }
#app .fg-4g { background:var(--kx-white) }
#app .fg-4h { max-width:900px;margin:0 auto;padding:96px 32px;display:flex;flex-direction:column;gap:32px }
#app .fg-4i { margin:0;font-family:var(--font-display);font-weight:500;font-size:40px;line-height:1.15;letter-spacing:-0.01em;text-align:center;color:var(--kx-bluegrey) }
#app .fg-4j { position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/9 }
#app .fg-4k { position:absolute;inset:0;width:100%;height:100%;border:0 }
#app .fg-4l { display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;max-width:520px;margin:0 auto;padding:32px 28px;border:1px solid var(--kx-bluegrey-20);border-radius:16px;background:var(--kx-white);box-sizing:border-box }
#app .fg-4m { position:relative;background:var(--kx-bluegrey-05) }
#app .fg-4n { max-width:1280px;margin:0 auto;padding:96px 32px;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center }
#app .fg-4o { margin:0;font-size:18px;line-height:1.45;color:var(--kx-bluegrey-80);max-width:44ch }
#app .fg-4p { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;width:100%;margin-top:24px }
#app .fg-4r { text-decoration:none;background:var(--kx-white);border:1px solid var(--kx-bluegrey-20);border-radius:16px;padding:32px 28px;display:flex;flex-direction:column;gap:12px;text-align:left;transition:box-shadow 120ms cubic-bezier(0.2,0,0,1),border-color 120ms cubic-bezier(0.2,0,0,1),transform 120ms cubic-bezier(0.2,0,0,1) }
#app .fg-4s { width:52px;height:52px;border-radius:50%;background:var(--kx-green-20);display:flex;align-items:center;justify-content:center }
#app .fg-4t { font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--kx-bluegrey) }
#app .fg-4u { font-size:16px;line-height:1.35;color:var(--kx-bluegrey-80) }
#app .fg-4v { margin-top:auto;padding-top:12px;font-size:16px;font-weight:600;color:#2F9374 }
#app .fg-4w { background:var(--kx-bluegrey-05);margin-top:64px;border-top:4px solid var(--kx-green) }
#app .fg-4x { max-width:880px;margin:0 auto;padding:88px 32px;display:flex;flex-direction:column;gap:32px }
#app .fg-4y { display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center }
#app .fg-4z { margin:0;font-family:var(--font-display);font-size:20px;font-weight:700;font-style:italic;color:var(--kx-green) }
#app .fg-50 { display:flex;flex-direction:column;gap:12px }
#app .fg-51 { background:var(--kx-white);border:1px solid var(--kx-bluegrey-20);border-radius:12px;padding:0 }
#app .fg-52 { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;cursor:pointer;list-style:none;font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.35;color:var(--kx-bluegrey) }
#app .fg-53 { flex-shrink:0;color:var(--kx-green);display:flex;transition:transform 200ms cubic-bezier(0.2,0,0,1) }
#app .fg-54 { padding:0 52px 24px 24px;display:flex;flex-direction:column;gap:14px;font-size:16px;line-height:1.65;color:var(--kx-bluegrey-80) }
#app .fg-55 { margin:0 }
#app .fg-56 { color:inherit;text-decoration:underline;text-underline-offset:2px }
#app .fg-58 { align-self:center;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:17px;font-weight:600;color:var(--kx-green) }
#app .fg-59 { max-width:800px;margin:0 auto;padding:64px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px }
#app .fg-5a { margin:0;font-family:var(--font-display);font-weight:600;font-size:28px;line-height:1.2;color:var(--kx-bluegrey) }
#app .fg-5b { margin:0;font-size:17px;color:var(--kx-bluegrey-80) }
#app .fg-5c { display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:28px }
#app .fg-5e { text-decoration:none;background:var(--kx-bluegrey);color:var(--kx-white);font-size:17px;font-weight:600;padding:14px 24px;border-radius:999px;text-align:center;width:220px;box-sizing:border-box }
#app .fg-5f { display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:28px;background:var(--kx-bluegrey);border-radius:16px;padding:20px 28px }
#app .fg-5g { height:44px;width:auto;object-fit:contain;display:block }
#app .fg-h4:hover { background:#38A887 !important;color:var(--kx-bluegrey) !important }
#app .fg-h9:hover { background:color-mix(in srgb, var(--kx-plum) 85%, black) !important }
#app .fg-hc:hover { border-color:var(--kx-green) !important;color:var(--kx-green) !important }
#app .fg-h16:hover { color:var(--kx-green) !important }
#app .fg-h1j:hover { color:var(--kx-green) !important;border-color:var(--kx-green) !important }
#app .fg-h1o:hover { color:var(--kx-green) !important;border-color:var(--kx-green) !important;background:color-mix(in srgb, var(--kx-green) 6%, transparent) !important }
#app .fg-h23:hover { background:#38A887 !important }
#app .fg-h2u:hover { transform:translateY(-4px) !important;box-shadow:0 16px 32px rgba(29,42,67,0.16) !important }
#app .fg-h3b:hover { border-color:var(--kx-plum) !important }
#app .fg-a3e:active { background:var(--kx-plum) !important;color:var(--kx-white) !important }
#app .fg-h3q:hover { background:color-mix(in srgb, var(--kx-plum) 40%, var(--kx-white)) !important;color:var(--kx-bluegrey) !important }
#app .fg-h4a:hover { transform:translateY(-4px) !important;box-shadow:0 10px 18px -6px rgba(29,42,67,0.22) !important }
#app .fg-h4q:hover { box-shadow:0 14px 34px rgba(29,42,67,0.16) !important;border-color:var(--kx-green) !important;transform:translateY(-3px) !important }
#app .fg-h57:hover { color:#38A887 !important }
#app .fg-h5d:hover { background:#141d2f !important;color:var(--kx-white) !important }