/* JTL Elementor Widgets - compiled from assets/scss. Do not edit by hand;
   run `npm run build` in the plugin directory and commit the result. */
@charset "UTF-8";
@font-face {
  font-family: "JTL Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/Inter-Regular.woff2") format("woff2");
}
/*
 * Medium. The library carried 400/600/700/900 only, so every rule asking for
 * 500 fell to the nearest face BELOW it -- Regular -- and rendered visibly
 * lighter than the page it mirrors. Measured on the Umsatzsteuer testimonial,
 * whose 24/500 quote draws in real Inter Medium on the published page and in
 * Regular here, because `JTL Inter` matched the family first and the theme's
 * own Inter 500 was therefore never requested.
 *
 * `document.fonts.check('500 24px "JTL Inter"')` answers true either way, so
 * the gap is invisible to a face-availability probe and only shows in the
 * rendered stroke.
 *
 * The file is the theme's own `dist/fonts/inter/Inter-Medium.woff2`, so both
 * stacks draw the same face. Additive: it can only affect text that already
 * asks for 500 and is silently getting 400.
 */
@font-face {
  font-family: "JTL Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "JTL Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "JTL Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter/Inter-Bold.woff2") format("woff2");
}
/*
 * Medium. The type scale has asked for 500 since it was written -- `quote`
 * (24/38) and `h3-lead` (28/36) both name it -- but the family shipped
 * 400/600/700 only. CSS resolves a missing 500 DOWNWARD, so both steps have
 * been drawing Regular: measured on the published testimonial, the reference's
 * first line advances 701.41px against 692.41px here, same string, same size,
 * same declared weight. The file is the theme's own
 * `dist/fonts/inter/Inter-Medium.woff2`, so both stacks draw the same face.
 *
 * This is a fix, not an addition: it changes only the two steps that already
 * asked for 500, and it makes them render the weight they name.
 */
@font-face {
  font-family: "JTL Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter/Inter-Medium.woff2") format("woff2");
}
/*
 * Black. Added for the related-product tiles' "Mehr erfahren", whose reference
 * sets Inter 900 — the library carried 400/600/700 only, so a rule asking for
 * 900 fell back to Bold and rendered a different width. The file is the theme's
 * own `dist/fonts/inter/Inter-Black.woff2`, so both stacks draw the same face.
 * Additive: nothing in the type scale asks for 900, so no existing text moves.
 */
@font-face {
  font-family: "JTL Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/inter/Inter-Black.woff2") format("woff2");
}
:root {
  --jtl-black: #000000;
  --jtl-body: #333333;
  --jtl-muted: #585858;
  --jtl-ink: #171717;
  --jtl-dark-blue: #0b1b45;
  --jtl-grey: #171717;
  --jtl-orange: #fb581f;
  --jtl-sand: #eeeee7;
  --jtl-sand-deep: #e8e7df;
  --jtl-light-blue: #89d2ff;
  --jtl-tech-blue: #2722f8;
  --jtl-infobox-green: #82e3e8;
  --jtl-light-cyan: #e6f9fa;
  --jtl-light-orange: #fff5e9;
  --jtl-accent-orange: #ff9a26;
  --jtl-ratgeber-blue: #05c7d1;
  --jtl-convention-mint: #7ef7f5;
  --jtl-infobox-orange: #ffcc92;
  --jtl-white: #ffffff;
  --jtl-white-10: rgba(255, 255, 255, 0.1);
  --jtl-white-82: rgba(255, 255, 255, 0.82);
  --jtl-sky-blue: #7db9ff;
  --jtl-font-heading: "Kurdis", "Kurdis Wide", sans-serif;
  --jtl-font-body: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  --jtl-type-h1-home-size: 40px;
  --jtl-type-h1-home-line: 56px;
  --jtl-type-h1-page-size: 40px;
  --jtl-type-h1-page-line: 56px;
  --jtl-type-h1-page-compact-size: 40px;
  --jtl-type-h1-page-compact-line: 56px;
  --jtl-type-wawi-hero-size: 42px;
  --jtl-type-wawi-hero-line: 48px;
  --jtl-type-h1-hero-light-size: 42px;
  --jtl-type-h1-hero-light-line: 48px;
  --jtl-type-h2-size: 32px;
  --jtl-type-h2-line: 46px;
  --jtl-type-h3-size: 30px;
  --jtl-type-h3-line: 36px;
  --jtl-type-h4-size: 20px;
  --jtl-type-h4-line: 28px;
  --jtl-type-h4-compact-size: 20px;
  --jtl-type-h4-compact-line: 24px;
  --jtl-type-event-panel-title-size: 32px;
  --jtl-type-event-panel-title-line: 38px;
  --jtl-type-event-title-size: 28px;
  --jtl-type-event-title-line: 33.6px;
  --jtl-type-event-title-light-size: 32px;
  --jtl-type-event-title-light-line: 38.4px;
  --jtl-type-event-card-title-size: 24px;
  --jtl-type-event-card-title-line: 28.8px;
  --jtl-type-event-card-title-light-size: 24px;
  --jtl-type-event-card-title-light-line: 28.8px;
  --jtl-type-event-overtitle-size: 20px;
  --jtl-type-event-overtitle-line: 26px;
  --jtl-type-event-label-size: 20px;
  --jtl-type-event-label-line: 24px;
  --jtl-type-event-label-light-size: 20px;
  --jtl-type-event-label-light-line: 24px;
  --jtl-type-overline-display-size: 18px;
  --jtl-type-overline-display-line: 24px;
  --jtl-type-event-label-display-size: 20px;
  --jtl-type-event-label-display-line: 24px;
  --jtl-type-event-label-display-light-size: 20px;
  --jtl-type-event-label-display-light-line: 24px;
  --jtl-type-programme-slot-size: 20px;
  --jtl-type-programme-slot-line: 26px;
  --jtl-type-programme-meta-size: 20px;
  --jtl-type-programme-meta-line: 22px;
  --jtl-type-h4-guide-size: 20px;
  --jtl-type-h4-guide-line: 26px;
  --jtl-type-h4-guide-light-size: 20px;
  --jtl-type-h4-guide-light-line: 26px;
  --jtl-type-h5-display-size: 16px;
  --jtl-type-h5-display-line: 22px;
  --jtl-type-h5-display-tight-size: 16px;
  --jtl-type-h5-display-tight-line: 19.2px;
  --jtl-type-h-guide-size: 24px;
  --jtl-type-h-guide-line: 32px;
  --jtl-type-h-guide-body-size: 24px;
  --jtl-type-h-guide-body-line: 32px;
  --jtl-type-h1-guide-size: 40px;
  --jtl-type-h1-guide-line: 56px;
  --jtl-type-body-guide-size: 18px;
  --jtl-type-body-guide-line: 28px;
  --jtl-type-trust-label-size: 18px;
  --jtl-type-trust-label-line: 27px;
  --jtl-type-h2-compact-size: 32px;
  --jtl-type-h2-compact-line: 40px;
  --jtl-type-h2-guide-size: 32px;
  --jtl-type-h2-guide-line: 40px;
  --jtl-type-h2-guide-tight-size: 32px;
  --jtl-type-h2-guide-tight-line: 40px;
  --jtl-type-h2-band-size: 32px;
  --jtl-type-h2-band-line: 46px;
  --jtl-type-h2-overview-size: 32px;
  --jtl-type-h2-overview-line: 46px;
  --jtl-type-h2-large-size: 36px;
  --jtl-type-h2-large-line: 46px;
  --jtl-type-h2-panel-size: 40px;
  --jtl-type-h2-panel-line: 48px;
  --jtl-type-h2-cta-size: 28px;
  --jtl-type-h2-cta-line: 34px;
  --jtl-type-h2-wawi-size: 32px;
  --jtl-type-h2-wawi-line: 46px;
  --jtl-type-wawi-faq-size: 28px;
  --jtl-type-wawi-faq-line: 36px;
  --jtl-type-h2-lead-size: 32px;
  --jtl-type-h2-lead-line: normal;
  --jtl-type-h4-display-size: 20px;
  --jtl-type-h4-display-line: 28px;
  --jtl-type-h4-display-compact-size: 20px;
  --jtl-type-h4-display-compact-line: 24px;
  --jtl-type-h4-display-bold-size: 20px;
  --jtl-type-h4-display-bold-line: 28px;
  --jtl-type-h3-lead-size: 28px;
  --jtl-type-h3-lead-line: 36px;
  --jtl-type-h3-strong-size: 28px;
  --jtl-type-h3-strong-line: 36px;
  --jtl-type-card-title-size: 20px;
  --jtl-type-card-title-line: 26px;
  --jtl-type-card-title-loose-size: 20px;
  --jtl-type-card-title-loose-line: 28px;
  --jtl-type-card-title-display-size: 20px;
  --jtl-type-card-title-display-line: 26px;
  --jtl-type-quote-card-size: 16px;
  --jtl-type-quote-card-line: 22px;
  --jtl-type-quote-card-name-size: 16px;
  --jtl-type-quote-card-name-line: 24px;
  --jtl-type-quote-card-role-size: 16px;
  --jtl-type-quote-card-role-line: 24px;
  --jtl-type-blog-card-link-size: 16px;
  --jtl-type-blog-card-link-line: 24px;
  --jtl-type-body-sm-26-size: 16px;
  --jtl-type-body-sm-26-line: 26px;
  --jtl-type-column-title-size: 18px;
  --jtl-type-column-title-line: 28px;
  --jtl-type-tile-title-size: 16px;
  --jtl-type-tile-title-line: 24px;
  --jtl-type-tile-title-tight-size: 16px;
  --jtl-type-tile-title-tight-line: 22px;
  --jtl-type-panel-title-size: 16px;
  --jtl-type-panel-title-line: 24px;
  --jtl-type-intro-tight-size: 20px;
  --jtl-type-intro-tight-line: 26px;
  --jtl-type-intro-loose-size: 20px;
  --jtl-type-intro-loose-line: 30px;
  --jtl-type-overline-size: 18px;
  --jtl-type-overline-line: 24px;
  --jtl-type-overline-mobile-lg-size: 18px;
  --jtl-type-overline-mobile-lg-line: 24px;
  --jtl-type-intro-size: 20px;
  --jtl-type-intro-line: 28px;
  --jtl-type-intro-compact-size: 20px;
  --jtl-type-intro-compact-line: 28px;
  --jtl-type-body-size: 18px;
  --jtl-type-body-line: 28px;
  --jtl-type-body-sm-size: 16px;
  --jtl-type-body-sm-line: 24px;
  --jtl-type-form-label-size: 18px;
  --jtl-type-form-label-line: 24px;
  --jtl-type-table-cell-size: 17px;
  --jtl-type-table-cell-line: 26px;
  --jtl-type-table-cell-strong-size: 17px;
  --jtl-type-table-cell-strong-line: 26px;
  --jtl-type-note-size: 15px;
  --jtl-type-note-line: 23.25px;
  --jtl-type-body-sm-tight-size: 16px;
  --jtl-type-body-sm-tight-line: 22px;
  --jtl-type-body-sm-loose-size: 16px;
  --jtl-type-body-sm-loose-line: 25.6px;
  --jtl-type-button-size: 16px;
  --jtl-type-button-line: 24px;
  --jtl-type-link-label-size: 16px;
  --jtl-type-link-label-line: 24px;
  --jtl-type-link-size: 18px;
  --jtl-type-link-line: 28px;
  --jtl-type-teaser-size: 24px;
  --jtl-type-teaser-line: 29px;
  --jtl-type-quote-size: 24px;
  --jtl-type-quote-line: 38px;
  --jtl-type-quote-name-size: 16px;
  --jtl-type-quote-name-line: 28px;
  --jtl-type-quote-role-size: 14px;
  --jtl-type-quote-role-line: 28px;
  --jtl-type-story-name-size: 16px;
  --jtl-type-story-name-line: 28px;
  --jtl-type-story-role-size: 18px;
  --jtl-type-story-role-line: 28px;
  --jtl-type-tab-mobile-size: 18px;
  --jtl-type-tab-mobile-line: 24px;
  --jtl-type-price-name-size: 40px;
  --jtl-type-price-name-line: 28px;
  --jtl-type-price-value-size: 20px;
  --jtl-type-price-value-line: 28px;
  --jtl-type-price-badge-size: 20px;
  --jtl-type-price-badge-line: 24px;
  --jtl-type-wawi-intro-size: 20px;
  --jtl-type-wawi-intro-line: 26px;
  --jtl-type-wawi-link-size: 16px;
  --jtl-type-wawi-link-line: 24px;
  --jtl-type-wawi-tile-label-size: 14px;
  --jtl-type-wawi-tile-label-line: 20px;
  --jtl-type-wawi-tile-title-size: 18px;
  --jtl-type-wawi-tile-title-line: 24px;
  --jtl-type-wawi-tile-date-size: 12px;
  --jtl-type-wawi-tile-date-line: 16px;
  --jtl-type-caption-size: 12px;
  --jtl-type-caption-line: 20px;
  --jtl-type-caption-tight-size: 12px;
  --jtl-type-caption-tight-line: 18px;
  --jtl-type-caption-guide-size: 13px;
  --jtl-type-caption-guide-line: 19.5px;
  --jtl-type-card-lead-guide-size: 20px;
  --jtl-type-card-lead-guide-line: 24px;
  --jtl-type-h2-tight-size: 32px;
  --jtl-type-h2-tight-line: 38px;
  --jtl-type-h2-partner-size: 32px;
  --jtl-type-h2-partner-line: 38px;
  --jtl-type-h2-partner-lead-size: 32px;
  --jtl-type-h2-partner-lead-line: 38px;
  --jtl-type-h2-partner-panel-size: 40px;
  --jtl-type-h2-partner-panel-line: 56px;
  --jtl-type-h2-partner-form-size: 32px;
  --jtl-type-h2-partner-form-line: 40px;
  --jtl-type-link-sm-size: 15px;
  --jtl-type-link-sm-line: 15px;
  --jtl-type-intro-airy-size: 20px;
  --jtl-type-intro-airy-line: 42px;
  --jtl-type-body-tight-size: 16px;
  --jtl-type-body-tight-line: 22px;
  --jtl-type-overline-lg-size: 20px;
  --jtl-type-overline-lg-line: 26px;
  --jtl-type-over-title-size: 20px;
  --jtl-type-over-title-line: 26px;
  --jtl-type-tab-pill-size: 14px;
  --jtl-type-tab-pill-line: 18px;
  --jtl-type-overline-sm-size: 14px;
  --jtl-type-overline-sm-line: 20px;
  --jtl-type-card-lead-size: 18px;
  --jtl-type-card-lead-line: 25.2px;
  --jtl-type-card-copy-size: 14px;
  --jtl-type-card-copy-line: 21px;
  --jtl-type-contact-name-size: 13px;
  --jtl-type-contact-name-line: 18px;
  --jtl-type-contact-role-size: 13px;
  --jtl-type-contact-role-line: 18px;
  --jtl-type-event-badge-day-size: 32px;
  --jtl-type-event-badge-day-line: 38px;
  --jtl-type-list-title-size: 23px;
  --jtl-type-list-title-line: 32px;
  --jtl-type-body-relaxed-size: 18px;
  --jtl-type-body-relaxed-line: 27px;
  --jtl-type-h2-lead-tight-size: 32px;
  --jtl-type-h2-lead-tight-line: 38px;
  --jtl-type-h2-lead-loose-size: 32px;
  --jtl-type-h2-lead-loose-line: 40px;
  --jtl-type-h2-landing-size: 32px;
  --jtl-type-h2-landing-line: 40px;
  --jtl-type-h2-default-size: 32px;
  --jtl-type-h2-default-line: 41.6px;
  --jtl-type-stat-number-size: 39px;
  --jtl-type-stat-number-line: 39px;
  --jtl-type-hero-display-size: 65px;
  --jtl-type-hero-display-line: 93px;
  --jtl-type-stat-number-xl-size: 56px;
  --jtl-type-stat-number-xl-line: 42px;
  --jtl-type-stat-label-size: 20px;
  --jtl-type-stat-label-line: 28px;
  --jtl-type-challenge-title-size: 20.444px;
  --jtl-type-challenge-title-line: 28.621px;
  --jtl-type-step-title-size: 18px;
  --jtl-type-step-title-line: 24px;
  --jtl-radius-sm: 24px;
  --jtl-radius-lg: 46px;
  --jtl-space-sm: 24px;
  --jtl-space-lg: 46px;
}

@media (max-width: 767.98px) {
  :root {
    --jtl-type-intro-tight-size: 20px;
    --jtl-type-intro-tight-line: 25px;
    --jtl-type-h1-home-size: 38px;
    --jtl-type-h1-home-line: 48px;
    --jtl-type-h1-page-size: 32px;
    --jtl-type-h1-page-line: 40px;
    --jtl-type-h1-page-compact-size: 28px;
    --jtl-type-h1-page-compact-line: 36px;
    --jtl-type-wawi-hero-size: 36px;
    --jtl-type-wawi-hero-line: 45px;
    --jtl-type-h2-size: 24px;
    --jtl-type-h2-line: 32px;
    --jtl-type-h2-compact-size: 24px;
    --jtl-type-h2-compact-line: 32px;
    --jtl-type-intro-compact-size: 18px;
    --jtl-type-intro-compact-line: 26px;
    --jtl-type-h2-overview-size: 24px;
    --jtl-type-h2-overview-line: 32px;
    --jtl-type-h2-wawi-size: 26px;
    --jtl-type-h2-wawi-line: 34px;
    --jtl-type-wawi-faq-size: 28px;
    --jtl-type-wawi-faq-line: 36px;
    --jtl-type-h3-size: 24px;
    --jtl-type-h3-line: 32px;
    --jtl-type-h4-size: 20px;
    --jtl-type-h4-line: 28px;
    --jtl-type-event-title-size: 23.05px;
    --jtl-type-event-title-line: 27.66px;
    --jtl-type-event-panel-title-size: 30px;
    --jtl-type-event-panel-title-line: 37.5px;
    --jtl-type-intro-airy-size: 20px;
    --jtl-type-intro-airy-line: 30px;
    --jtl-type-wawi-intro-size: 22px;
    --jtl-type-wawi-intro-line: 26px;
    --jtl-type-wawi-link-size: 14px;
    --jtl-type-wawi-link-line: 21px;
    --jtl-type-h1-guide-size: 28px;
    --jtl-type-h1-guide-line: 36px;
    --jtl-type-h2-guide-size: 24px;
    --jtl-type-h2-guide-line: 32px;
    --jtl-type-overline-mobile-lg-size: 20px;
    --jtl-type-overline-mobile-lg-line: 24px;
    --jtl-type-h2-guide-tight-size: 24px;
    --jtl-type-h2-guide-tight-line: 32px;
    --jtl-type-body-guide-size: 16px;
    --jtl-type-body-guide-line: 28px;
    --jtl-type-trust-label-size: 16px;
    --jtl-type-trust-label-line: 20.8px;
    --jtl-type-h2-landing-size: 24px;
    --jtl-type-h2-landing-line: 32px;
    --jtl-type-h1-hero-light-size: 36px;
    --jtl-type-h1-hero-light-line: 45px;
    --jtl-type-hero-display-size: 32px;
    --jtl-type-hero-display-line: 42px;
  }
}
:root {
  --jtl-ew-on-surface-heading: #0b1b45;
  --jtl-ew-on-surface-overline: #2722f8;
  --jtl-ew-on-surface-body: #0b1b45;
  --jtl-ew-video-play-fill: #fb581f;
  --jtl-ew-video-play-arrow: #ffffff;
  --jtl-ew-video-play-fill-hover: #0b1b45;
}

.jtl-ew-surface--light {
  --jtl-ew-on-surface-heading: #0b1b45;
  --jtl-ew-on-surface-overline: #2722f8;
  --jtl-ew-on-surface-body: #0b1b45;
  --jtl-ew-video-play-fill: #fb581f;
  --jtl-ew-video-play-arrow: #ffffff;
  --jtl-ew-video-play-fill-hover: #0b1b45;
}

.jtl-ew-surface--dark {
  --jtl-ew-on-surface-heading: #ffffff;
  --jtl-ew-on-surface-overline: #89d2ff;
  --jtl-ew-on-surface-body: #ffffff;
  --jtl-ew-video-play-fill: #ffffff;
  --jtl-ew-video-play-arrow: #0b1b45;
  --jtl-ew-video-play-fill-hover: #eeeee7;
}

.jtl-ew-surface--orange {
  --jtl-ew-on-surface-heading: #0b1b45;
  --jtl-ew-on-surface-overline: #2722f8;
  --jtl-ew-on-surface-body: #0b1b45;
  --jtl-ew-video-play-fill: #fb581f;
  --jtl-ew-video-play-arrow: #ffffff;
  --jtl-ew-video-play-fill-hover: #0b1b45;
  background-color: #fb581f;
}

.jtl-ew-surface--dark-blue {
  --jtl-ew-on-surface-heading: #ffffff;
  --jtl-ew-on-surface-overline: #89d2ff;
  --jtl-ew-on-surface-body: #ffffff;
  --jtl-ew-video-play-fill: #ffffff;
  --jtl-ew-video-play-arrow: #0b1b45;
  --jtl-ew-video-play-fill-hover: #eeeee7;
  background-color: #0b1b45;
}

.jtl-ew-surface--tech-blue {
  --jtl-ew-on-surface-heading: #ffffff;
  --jtl-ew-on-surface-overline: #89d2ff;
  --jtl-ew-on-surface-body: #ffffff;
  --jtl-ew-video-play-fill: #ffffff;
  --jtl-ew-video-play-arrow: #0b1b45;
  --jtl-ew-video-play-fill-hover: #eeeee7;
  background-color: #2722f8;
}

.jtl-ew-surface--light-blue {
  --jtl-ew-on-surface-heading: #0b1b45;
  --jtl-ew-on-surface-overline: #2722f8;
  --jtl-ew-on-surface-body: #0b1b45;
  --jtl-ew-video-play-fill: #fb581f;
  --jtl-ew-video-play-arrow: #ffffff;
  --jtl-ew-video-play-fill-hover: #0b1b45;
  background-color: #89d2ff;
}

.jtl-ew-surface--sand {
  --jtl-ew-on-surface-heading: #0b1b45;
  --jtl-ew-on-surface-overline: #2722f8;
  --jtl-ew-on-surface-body: #0b1b45;
  --jtl-ew-video-play-fill: #fb581f;
  --jtl-ew-video-play-arrow: #ffffff;
  --jtl-ew-video-play-fill-hover: #0b1b45;
  background-color: #eeeee7;
}

.jtl-ew-surface--white {
  --jtl-ew-on-surface-heading: #0b1b45;
  --jtl-ew-on-surface-overline: #2722f8;
  --jtl-ew-on-surface-body: #0b1b45;
  --jtl-ew-video-play-fill: #fb581f;
  --jtl-ew-video-play-arrow: #ffffff;
  --jtl-ew-video-play-fill-hover: #0b1b45;
  background-color: #ffffff;
}

.jtl-ew-surface--infobox-green {
  --jtl-ew-on-surface-heading: #0b1b45;
  --jtl-ew-on-surface-overline: #2722f8;
  --jtl-ew-on-surface-body: #0b1b45;
  --jtl-ew-video-play-fill: #fb581f;
  --jtl-ew-video-play-arrow: #ffffff;
  --jtl-ew-video-play-fill-hover: #0b1b45;
  background-color: #82e3e8;
}

.jtl-ew-surface--light-cyan {
  --jtl-ew-on-surface-heading: #0b1b45;
  --jtl-ew-on-surface-overline: #2722f8;
  --jtl-ew-on-surface-body: #0b1b45;
  --jtl-ew-video-play-fill: #fb581f;
  --jtl-ew-video-play-arrow: #ffffff;
  --jtl-ew-video-play-fill-hover: #0b1b45;
  background-color: #e6f9fa;
}

.jtl-ew-surface--light-orange {
  --jtl-ew-on-surface-heading: #0b1b45;
  --jtl-ew-on-surface-overline: #2722f8;
  --jtl-ew-on-surface-body: #0b1b45;
  --jtl-ew-video-play-fill: #fb581f;
  --jtl-ew-video-play-arrow: #ffffff;
  --jtl-ew-video-play-fill-hover: #0b1b45;
  background-color: #fff5e9;
}

.jtl-ew-surface--infobox-orange {
  --jtl-ew-on-surface-heading: #0b1b45;
  --jtl-ew-on-surface-overline: #2722f8;
  --jtl-ew-on-surface-body: #0b1b45;
  --jtl-ew-video-play-fill: #fb581f;
  --jtl-ew-video-play-arrow: #ffffff;
  --jtl-ew-video-play-fill-hover: #0b1b45;
  background-color: #ffcc92;
}

.jtl-ew-surface--sand-deep {
  --jtl-ew-on-surface-heading: #0b1b45;
  --jtl-ew-on-surface-overline: #2722f8;
  --jtl-ew-on-surface-body: #0b1b45;
  --jtl-ew-video-play-fill: #fb581f;
  --jtl-ew-video-play-arrow: #ffffff;
  --jtl-ew-video-play-fill-hover: #0b1b45;
  background-color: #e8e7df;
}

.jtl-ew-context--legacy-body {
  --jtl-ew-on-surface-heading: #333333;
  --jtl-ew-on-surface-body: #333333;
}
.jtl-ew-context--legacy-body .jtl-ew-surface--light {
  --jtl-ew-on-surface-heading: #333333;
  --jtl-ew-on-surface-body: #333333;
}
.jtl-ew-context--legacy-body .jtl-ew-surface--white {
  --jtl-ew-on-surface-heading: #333333;
  --jtl-ew-on-surface-body: #333333;
}
.jtl-ew-context--legacy-body .jtl-ew-surface--sand {
  --jtl-ew-on-surface-heading: #333333;
  --jtl-ew-on-surface-body: #333333;
}
.jtl-ew-context--legacy-body .jtl-ew-surface--sand-deep {
  --jtl-ew-on-surface-heading: #333333;
  --jtl-ew-on-surface-body: #333333;
}
.jtl-ew-context--legacy-body .jtl-ew-surface--light-blue {
  --jtl-ew-on-surface-heading: #333333;
  --jtl-ew-on-surface-body: #333333;
}
.jtl-ew-context--legacy-body .jtl-ew-surface--light-cyan {
  --jtl-ew-on-surface-heading: #333333;
  --jtl-ew-on-surface-body: #333333;
}
.jtl-ew-context--legacy-body .jtl-ew-surface--infobox-green {
  --jtl-ew-on-surface-heading: #333333;
  --jtl-ew-on-surface-body: #333333;
}
.jtl-ew-context--legacy-body .jtl-ew-surface--light-orange {
  --jtl-ew-on-surface-heading: #333333;
  --jtl-ew-on-surface-body: #333333;
}
.jtl-ew-context--legacy-body .jtl-ew-surface--infobox-orange {
  --jtl-ew-on-surface-heading: #333333;
  --jtl-ew-on-surface-body: #333333;
}

.jtl-ew-heading {
  --jtl-ew-heading-auto: var(--jtl-ew-on-surface-heading, #0b1b45);
  display: block;
  margin: 0;
  color: var(--jtl-ew-heading-auto);
  overflow-wrap: break-word;
  /* Words break where the writer breaks them, not where the browser decides to.
   *
   * The theme sets `hyphens: auto` on `h2, .h2, h3, .h3`, so a heading rendered
   * with one of those tags gets hyphenated by the browser and one rendered as a
   * span does not — the same heading, two different renders, decided by a tag
   * the author picked for document outline reasons. Measured at 375 on
   * /de/preise-und-tarife: "Alles für deinen Onlineshop- und
   * Multichannel-Verkauf" came out "On-lineshop- und Mul-tichannel-Verkauf",
   * against a reference that breaks it on whole words. The reference escapes
   * the rule only by accident — its line is a `<div>`. */
  hyphens: manual;
}
.jtl-ew-heading strong,
.jtl-ew-heading b {
  font-weight: inherit;
}

.jtl-ew-heading--size-h1-home {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 40px;
  line-height: 56px;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .jtl-ew-heading--size-h1-home {
    font-size: 44px;
    line-height: 56px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-h1-home {
    font-size: 38px;
    line-height: 48px;
  }
}

.jtl-ew-heading--size-h1-page {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 40px;
  line-height: 56px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-h1-page {
    font-size: 32px;
    line-height: 40px;
  }
}

.jtl-ew-heading--size-h1-page-compact {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 40px;
  line-height: 56px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-h1-page-compact {
    font-size: 28px;
    line-height: 36px;
  }
}

.jtl-ew-heading--size-h1-guide {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 40px;
  line-height: 56px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-h1-guide {
    font-size: 28px;
    line-height: 36px;
  }
}

.jtl-ew-heading--size-wawi-hero {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 42px;
  line-height: 48px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-wawi-hero {
    font-size: 36px;
    line-height: 45px;
  }
}

.jtl-ew-heading--size-h2 {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 46px;
  font-weight: 700;
  letter-spacing: 0.64px;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-h2 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.48px;
  }
}

.jtl-ew-heading--size-h2-compact {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0.64px;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-h2-compact {
    font-size: 24px;
    line-height: 32px;
  }
}

.jtl-ew-heading--size-h2-tight {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
}

.jtl-ew-heading--size-h2-partner {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
}

.jtl-ew-heading--size-h2-partner-lead {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 400;
}

.jtl-ew-heading--size-h2-partner-panel {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 40px;
  line-height: 56px;
  font-weight: 700;
  letter-spacing: 0.64px;
}

.jtl-ew-heading--size-h2-partner-form {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.jtl-ew-heading--size-h2-guide {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0.64px;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-h2-guide {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.48px;
  }
}

.jtl-ew-heading--size-h2-guide-tight {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-h2-guide-tight {
    font-size: 24px;
    line-height: 32px;
  }
}

.jtl-ew-heading--size-h2-lead-tight {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 400;
}

.jtl-ew-heading--size-h2-lead-loose {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
}

.jtl-ew-heading--size-h2-band {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 46px;
  font-weight: 700;
  letter-spacing: 0.64px;
}

.jtl-ew-heading--size-h2-overview {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 46px;
  font-weight: 400;
  letter-spacing: 0.64px;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-h2-overview {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.64px;
  }
}

.jtl-ew-heading--size-h2-large {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
  letter-spacing: 0.64px;
}

.jtl-ew-heading--size-h2-panel {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
}

.jtl-ew-heading--size-h2-cta {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 0.64px;
}

.jtl-ew-heading--size-h2-wawi {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 46px;
  font-weight: 700;
  letter-spacing: 0.64px;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-h2-wawi {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 0.64px;
  }
}

.jtl-ew-heading--size-wawi-faq {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-wawi-faq {
    font-size: 28px;
    line-height: 36px;
  }
}

.jtl-ew-heading--size-h3 {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.jtl-ew-heading--size-h3-lead {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
}

.jtl-ew-heading--size-h2-lead {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: normal;
  font-weight: 400;
  align-self: center;
  justify-self: center;
  width: calc(100% - 60px);
  max-width: 1192px;
}
@media (max-width: 991.98px) {
  .jtl-ew-heading--size-h2-lead {
    width: calc(100% - 30px);
  }
}

.jtl-ew-heading--size-h3-strong {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
}

.jtl-ew-heading--size-h4 {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-h4 {
    font-size: 20px;
    line-height: 28px;
  }
}

.jtl-ew-heading--size-h4-compact {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.jtl-ew-heading--size-h-guide {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.jtl-ew-heading--size-h-guide-body {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.jtl-ew-heading--size-h4-guide {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
}

.jtl-ew-heading--size-h4-guide-light {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
}

.jtl-ew-heading--size-h4-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}

.jtl-ew-heading--size-h4-display-bold {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.jtl-ew-heading--size-h5-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.jtl-ew-heading--size-h5-display-tight {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 16px;
  line-height: 19.2px;
  font-weight: 700;
}

.jtl-ew-heading--size-table-cell-strong {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 17px;
  line-height: 26px;
  font-weight: 600;
}

.jtl-ew-heading--size-card-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.jtl-ew-heading--size-card-title-loose {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.jtl-ew-heading--size-card-title-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
}

.jtl-ew-heading--size-challenge-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20.444px;
  line-height: 28.621px;
  font-weight: 600;
}

.jtl-ew-heading--size-step-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.jtl-ew-heading--size-column-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}

.jtl-ew-heading--size-tile-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.jtl-ew-heading--size-tile-title-tight {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.jtl-ew-heading--size-panel-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-heading--size-wawi-tile-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.jtl-ew-heading--size-wawi-tile-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.3px;
}

.jtl-ew-heading--size-overline {
  --jtl-ew-heading-auto: var(--jtl-ew-on-surface-overline, #2722f8);
  text-transform: uppercase;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.9px;
}

.jtl-ew-heading--size-overline-mobile-lg {
  --jtl-ew-heading-auto: var(--jtl-ew-on-surface-overline, #2722f8);
  text-transform: uppercase;
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.9px;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-overline-mobile-lg {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.9px;
  }
}

.jtl-ew-heading--size-overline-lg {
  --jtl-ew-heading-auto: var(--jtl-ew-on-surface-overline, #2722f8);
  text-transform: uppercase;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 0.9px;
}

.jtl-ew-heading--size-overline-sm {
  --jtl-ew-heading-auto: var(--jtl-ew-on-surface-overline, #2722f8);
  text-transform: uppercase;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.7px;
}

.jtl-ew-heading--size-over-title {
  --jtl-ew-heading-auto: var(--jtl-ew-on-surface-overline, #2722f8);
  text-transform: uppercase;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.jtl-ew-heading--size-card-lead {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 700;
}

.jtl-ew-heading--size-contact-name {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
}

.jtl-ew-heading--size-list-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 23px;
  line-height: 32px;
  font-weight: 700;
}

.jtl-ew-heading--align-left {
  text-align: left;
}

.jtl-ew-heading--align-center {
  text-align: center;
}

.jtl-ew-heading--color-dark-blue {
  color: #0b1b45;
}

.jtl-ew-heading--color-white {
  color: #ffffff;
}

.jtl-ew-heading--color-sky-blue {
  color: #7db9ff;
}

.jtl-ew-heading--color-sand {
  color: #eeeee7;
}

.jtl-ew-heading--size-event-panel-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-event-panel-title {
    font-size: 30px;
    line-height: 37.5px;
    letter-spacing: 0.64px;
  }
}

.jtl-ew-heading--size-event-title {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-event-title {
    font-size: 23.05px;
    line-height: 27.66px;
  }
}

.jtl-ew-heading--size-event-title-light {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 38.4px;
  font-weight: 400;
}

.jtl-ew-heading--size-event-card-title-light {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  font-weight: 400;
}

.jtl-ew-heading--size-event-card-title {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  font-weight: 700;
}

.jtl-ew-heading--size-event-overtitle {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.jtl-ew-heading--color-convention-mint {
  color: #7ef7f5;
}

.jtl-ew-heading--color-amber-gradient {
  background: linear-gradient(64deg, #ff9a26 0%, #ffc935 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ffffff;
}

.jtl-ew-heading--color-light-blue {
  color: #89d2ff;
}

.jtl-ew-heading--color-orange {
  color: #fb581f;
}

.jtl-ew-heading--color-black {
  color: #000000;
}

.jtl-ew-heading--color-tech-blue {
  color: #2722f8;
}

.jtl-ew-heading--color-accent-orange {
  color: #ff9a26;
}

.jtl-ew-heading--color-ratgeber-blue {
  color: #05c7d1;
}

.jtl-ew-heading--color-body {
  color: #333333;
}

.jtl-ew-heading strong,
.jtl-ew-heading b {
  font-weight: 700;
}

.jtl-ew-heading--stacked strong,
.jtl-ew-heading--stacked b {
  display: block;
}

.jtl-ew-heading--size-h3-lead strong,
.jtl-ew-heading--size-h3-lead b,
.jtl-ew-heading--size-h4 strong,
.jtl-ew-heading--size-h4 b,
.jtl-ew-heading--size-overline-sm strong,
.jtl-ew-heading--size-overline-sm b {
  font-weight: inherit;
}

.jtl-ew-heading--overtitle {
  text-transform: uppercase;
  font-weight: 700;
}

.jtl-ew-heading--bold {
  font-weight: 700;
}

/* Hyphenation on a phone, and only for the DISPLAY sizes.
 *
 * `hyphens: manual` on the base is about a heading the browser hyphenates
 * GRATUITOUSLY: at a width where the word fits, breaking it mid-syllable renders
 * worse than the reference, which breaks on whole words. Below `md` that stops
 * being the question for a big heading -- a 32px compound like
 * "Umsatzsteuermeldungen" is simply WIDER than a 343px column, so with no break
 * allowed it does not wrap, it overflows, and the tail is clipped at the band's
 * edge. Measured at 375 on /de/umsatzsteuer-software: the management and
 * success-story titles both ran past the right edge, against a reference that
 * hyphenates them ("internationa-len Wachs-tumsbooster").
 *
 * Scoped to the h1/h2 steps rather than every heading, because the two cases
 * pull opposite ways and the size is what separates them. Measured at 375 on
 * /de/warenwirtschaftssystem-software: the `card-title` "Kundenservice-Software"
 * sits in a 137px card and already breaks at its own hyphen in two lines; let
 * the browser hyphenate it and it comes out in THREE. Small type in a narrow
 * card is the gratuitous case the base rule exists for, so it keeps `manual`.
 *
 * `overflow-wrap` is the backstop for a token no dictionary can break -- a URL,
 * a product code -- which would otherwise still overflow.
 *
 * Desktop is untouched at every size.
 */
@media (max-width: 767.98px) {
  [class*=jtl-ew-heading--size-h1],
  [class*=jtl-ew-heading--size-h2] {
    hyphens: auto;
    overflow-wrap: break-word;
  }
}
.jtl-ew-heading--size-hero-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 65px;
  line-height: 93px;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .jtl-ew-heading--size-hero-display {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-heading--size-hero-display {
    font-size: 32px;
    line-height: 42px;
  }
}

.jtl-ew-heading--size-stat-number-xl {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 56px;
  line-height: 42px;
  font-weight: 700;
  letter-spacing: 1.7px;
}

.jtl-ew-heading__reel-window {
  display: inline-block;
  overflow: hidden;
  color: #89d2ff;
  height: 1.43em;
  height: 1lh;
  vertical-align: top;
}

.jtl-ew-heading__reel-item {
  display: block;
  white-space: nowrap;
}

.jtl-ew-heading__reel {
  display: block;
  animation: jtl-ew-heading-reel 15s cubic-bezier(0.66, 0, 0.34, 1) infinite;
}

@media (prefers-reduced-motion: reduce) {
  .jtl-ew-heading__reel {
    animation: none;
  }
}
@keyframes jtl-ew-heading-reel {
  0%, 16% {
    transform: translateY(0);
  }
  20%, 36% {
    transform: translateY(-16.6667%);
  }
  40%, 56% {
    transform: translateY(-33.3333%);
  }
  60%, 76% {
    transform: translateY(-50%);
  }
  80%, 96% {
    transform: translateY(-66.6667%);
  }
  100% {
    transform: translateY(-83.3333%);
  }
}
.jtl-ew-paragraph {
  --jtl-ew-paragraph-auto: var(--jtl-ew-on-surface-body, #0b1b45);
  margin: 0;
  color: var(--jtl-ew-paragraph-auto);
}

.jtl-ew-paragraph-blocks > .jtl-ew-paragraph + .jtl-ew-paragraph {
  margin-block-start: 16px;
}

.jtl-ew-paragraph--size-intro {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-body {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-body-guide {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .jtl-ew-paragraph--size-body-guide {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-paragraph--size-body-guide {
    font-size: 16px;
    line-height: 28px;
  }
}

.jtl-ew-paragraph--size-body-sm {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-table-cell {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-intro-loose {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-intro-tight {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .jtl-ew-paragraph--size-intro-tight {
    font-size: 20px;
    line-height: 25px;
  }
}

.jtl-ew-paragraph--size-link-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.jtl-ew-paragraph--size-caption {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-caption-tight {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-caption-guide {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-card-lead-guide {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.jtl-ew-paragraph--size-note {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 15px;
  line-height: 23.25px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-body-sm-tight {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-body-sm-loose {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-body-sm-26 {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-trust-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .jtl-ew-paragraph--size-trust-label {
    font-size: 16px;
    line-height: 20.8px;
  }
}

.jtl-ew-paragraph--size-teaser {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 24px;
  line-height: 29px;
  font-weight: 600;
}

.jtl-ew-paragraph--size-body-tight {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-card-copy {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-contact-role {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-wawi-intro {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .jtl-ew-paragraph--size-wawi-intro {
    font-size: 22px;
    line-height: 26px;
  }
}

.jtl-ew-paragraph--size-wawi-link {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .jtl-ew-paragraph--size-wawi-link {
    font-size: 14px;
    line-height: 21px;
  }
}

.jtl-ew-paragraph--size-wawi-tile-date {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-body-relaxed {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-h2-lead-tight {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 400;
}

.jtl-ew-paragraph--size-quote {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 24px;
  line-height: 38px;
  font-weight: 500;
  letter-spacing: 0.48px;
}

.jtl-ew-paragraph--size-story-name {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
}

.jtl-ew-paragraph--size-story-role {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-color: #fb581f;
}

.jtl-ew-paragraph--size-teaser strong {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.jtl-ew-paragraph--align-left {
  text-align: left;
}

.jtl-ew-paragraph--align-center {
  text-align: center;
}

.jtl-ew-paragraph--color-dark-blue {
  color: #0b1b45;
}

.jtl-ew-paragraph--color-white {
  color: #ffffff;
}

.jtl-ew-paragraph--color-white-82 {
  color: rgba(255, 255, 255, 0.82);
}

.jtl-ew-paragraph--color-sand {
  color: #eeeee7;
}

.jtl-ew-paragraph--color-convention-mint {
  color: #7ef7f5;
}

.jtl-ew-paragraph--color-light-blue {
  color: #89d2ff;
}

.jtl-ew-paragraph--color-orange {
  color: #fb581f;
}

.jtl-ew-paragraph--color-black {
  color: #000000;
}

.jtl-ew-paragraph--color-body {
  color: #333333;
}

.jtl-ew-paragraph--color-muted {
  color: #585858;
}

.jtl-ew-paragraph--color-tech-blue {
  color: #2722f8;
}

.jtl-ew-paragraph.jtl-ew-paragraph a {
  color: inherit;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  text-underline-offset: 0.15em;
}

.jtl-ew-paragraph a:hover {
  text-decoration-thickness: 2px;
}

.jtl-ew-paragraph a:focus-visible {
  outline: 2px solid currentcolor;
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .jtl-ew-paragraph {
    margin-inline-end: var(--jtl-ew-paragraph-inset-end, 0);
  }
}
.jtl-ew-paragraph--size-stat-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}

.jtl-ew-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border: 2px solid transparent;
  border-radius: 145.323px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.32px;
}

.jtl-ew-button--size-standard-full {
  width: 100%;
  max-width: 100%;
  white-space: normal;
}

@media (max-width: 767.98px) {
  .jtl-ew-button {
    display: flex;
    width: 100%;
    max-width: 100%;
    padding: 12px 16px;
    font-size: 14px;
    white-space: normal;
  }
}
.jtl-ew-button__icon {
  margin-inline-start: 12px;
  font-size: 1em;
  line-height: inherit;
}

.jtl-ew-button--external::after {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  margin-left: 8px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}

.jtl-ew-wawi-download-button {
  justify-self: start;
  padding-block: 10px;
  white-space: normal;
}

@media (max-width: 767.98px) {
  .jtl-ew-button--size-compact-mobile,
  .jtl-ew-button--size-compact-label-mobile {
    max-width: 100%;
    white-space: normal;
    font-size: 14px;
    line-height: 21px;
  }
  .jtl-ew-button--size-compact-mobile {
    width: 100%;
  }
  .jtl-ew-wawi-download-button--mobile-center {
    margin-inline: auto;
  }
  .jtl-ew-wawi-download-button--mobile-right {
    margin-left: auto;
  }
}
@media (max-width: 991.98px) {
  .jtl-ew-button--size-compact-sm-full {
    max-width: 100%;
    white-space: normal;
    font-size: 14px;
    line-height: 21px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 575.98px) {
  .jtl-ew-button--size-compact-sm-full {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .jtl-ew-button--size-compact-lg-full {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    font-size: 14px;
    line-height: 21px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.jtl-ew-button--primary {
  border-color: #fb581f;
  background-color: #fb581f;
  color: #0b1b45 !important;
}

.jtl-ew-button--primary:not(:disabled):not(.disabled):not(.active):hover,
.jtl-ew-button--primary:not(:disabled):not(.disabled):not(.active):focus-visible {
  border-color: #0b1b45;
  background-color: #0b1b45;
  color: #eeeee7 !important;
}

.jtl-ew-support-start-button:not(:disabled):not(.disabled):not(.active):hover,
.jtl-ew-support-start-button:not(:disabled):not(.disabled):not(.active):focus-visible {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #0b1b45 !important;
}

.jtl-ew-button--primary-neg {
  border-color: #fb581f;
  background-color: #fb581f;
  color: #0b1b45 !important;
}

.jtl-ew-button--primary-neg:not(:disabled):not(.disabled):not(.active):hover,
.jtl-ew-button--primary-neg:not(:disabled):not(.disabled):not(.active):focus-visible {
  border-color: #eeeee7;
  background-color: #eeeee7;
  color: #0b1b45 !important;
}

.jtl-ew-button--outline-legacy {
  border-width: 1px;
  border-color: #333;
  border-radius: 3.2px;
  background-color: transparent;
  color: #0b1b45 !important;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}

.jtl-ew-button--outline-legacy:not(:disabled):not(.disabled):not(.active):hover,
.jtl-ew-button--outline-legacy:not(:disabled):not(.disabled):not(.active):focus-visible {
  border-color: transparent;
  background-color: #333;
  color: #fff !important;
}

.jtl-ew-button--secondary {
  border-color: #0b1b45;
  background-color: transparent;
  color: #0b1b45 !important;
}

.jtl-ew-button--secondary:not(:disabled):not(.disabled):not(.active):hover,
.jtl-ew-button--secondary:not(:disabled):not(.disabled):not(.active):focus-visible {
  border-color: #0b1b45;
  background-color: #0b1b45;
  color: #ffffff !important;
}

.jtl-ew-button--secondary-neg {
  border-color: #eeeee7;
  background-color: transparent;
  color: #eeeee7 !important;
}

.jtl-ew-button--secondary-neg:not(:disabled):not(.disabled):not(.active):hover,
.jtl-ew-button--secondary-neg:not(:disabled):not(.disabled):not(.active):focus-visible {
  border-color: #eeeee7;
  background-color: #eeeee7;
  color: #0b1b45 !important;
}

.jtl-ew-button--primary-tech {
  border-color: #2722f8;
  background-color: #2722f8;
  color: #ffffff !important;
}

.jtl-ew-button--primary-tech:hover,
.jtl-ew-button--primary-tech:focus-visible {
  border-color: #0b1b45;
  background-color: #0b1b45;
  color: #ffffff !important;
}

.jtl-ew-button--secondary-tech {
  border-color: #2722f8;
  background-color: transparent;
  color: #0b1b45 !important;
}

.jtl-ew-button--secondary-tech:hover,
.jtl-ew-button--secondary-tech:focus-visible {
  border-color: #2722f8;
  background-color: #2722f8;
  color: #ffffff !important;
}

.jtl-ew-button--text-link,
.jtl-ew-button--text-link-body {
  display: inline;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: #0b1b45 !important;
  text-align: left;
  text-transform: none;
  white-space: normal;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: normal;
}

@media (max-width: 767.98px) {
  .jtl-ew-button--text-link {
    font-size: 14px;
    line-height: 22px;
  }
}
.elementor .jtl-ew-button--text-link {
  text-decoration: underline;
}

.jtl-ew-button--text-link-body {
  color: #333333 !important;
  line-height: 22px;
}

.elementor .jtl-ew-button--text-link-body {
  text-decoration: underline;
}

@media (max-width: 767.98px) {
  .jtl-ew-button--text-link-body {
    font-size: 16px;
    line-height: 22px;
  }
}
.jtl-ew-button--text-underline {
  display: inline;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: left;
  text-transform: none;
  white-space: normal;
  letter-spacing: normal;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.elementor .jtl-ew-button--text-underline,
.elementor .jtl-ew-button--text-underline:not(:disabled):not(.disabled):not(.active):hover,
.elementor .jtl-ew-button--text-underline:not(:disabled):not(.disabled):not(.active):focus-visible {
  color: #0b1b45;
  text-decoration: underline;
}

.jtl-ew-button--text-link::after,
.jtl-ew-button--text-link-body::after {
  content: "";
  display: inline-block;
  vertical-align: -0.03em;
  width: 0.875em;
  height: 0.75em;
  margin-left: 16px;
  text-decoration: none;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13.2386"><path d="M0 5.72042H12.9312L8.74512 1.53431C8.39418 1.18327 8.39412 0.61424 8.74512 0.263236C9.09613 -0.087768 9.66515 -0.0877072 10.0162 0.263236L15.7367 5.98377C16.0878 6.3348 16.0878 6.9038 15.7367 7.25484L10.0162 12.9754C9.66515 13.3263 9.09613 13.3264 8.74512 12.9754C8.39412 12.6244 8.39418 12.0553 8.74512 11.7043L12.9312 7.51818H0V5.72042Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 0.875em 0.75em;
  background-color: currentColor;
  transition: margin-left 0.3s ease;
}

.jtl-ew-button--text-link:not(:disabled):not(.disabled):not(.active):hover,
.jtl-ew-button--text-link:not(:disabled):not(.disabled):not(.active):focus-visible {
  color: #0b1b45 !important;
  text-decoration: underline;
}

.jtl-ew-button--text-link:hover::after,
.jtl-ew-button--text-link:focus-visible::after,
.jtl-ew-button--text-link-body:hover::after,
.jtl-ew-button--text-link-body:focus-visible::after {
  margin-left: 24px;
}

.jtl-ew-button--text-link-body:not(:disabled):not(.disabled):not(.active):hover,
.jtl-ew-button--text-link-body:not(:disabled):not(.disabled):not(.active):focus-visible {
  color: #6e8da4 !important;
  text-decoration: underline;
}

.jtl-ew-button--card-nav {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 24px;
  border: 0;
  border-radius: 24px;
  background-color: #ffffff;
  color: #0b1b45;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .jtl-ew-button--card-nav {
    font-size: 20px;
    line-height: 28px;
  }
}

.jtl-ew-button--card-nav::after {
  content: "";
  flex-shrink: 0;
  width: 46px;
  height: 28px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13.2386"><path d="M0 5.72042H12.9312L8.74512 1.53431C8.39418 1.18327 8.39412 0.61424 8.74512 0.263236C9.09613 -0.087768 9.66515 -0.0877072 10.0162 0.263236L15.7367 5.98377C16.0878 6.3348 16.0878 6.9038 15.7367 7.25484L10.0162 12.9754C9.66515 13.3263 9.09613 13.3264 8.74512 12.9754C8.39412 12.6244 8.39418 12.0553 8.74512 11.7043L12.9312 7.51818H0V5.72042Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px 13px;
  background-color: currentColor;
  background-color: #fb581f;
  mask-position: right center;
}

.jtl-ew-button--card-nav:not(:disabled):not(.disabled):not(.active):hover,
.jtl-ew-button--card-nav:not(:disabled):not(.disabled):not(.active):focus-visible {
  background-color: #0b1b45;
  color: #ffffff;
}

.jtl-ew-button--card-nav:hover::after,
.jtl-ew-button--card-nav:focus-visible::after {
  background-color: #ffffff;
}

.elementor .jtl-ew-button--link {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: #0b1b45 !important;
  text-align: left;
  text-transform: none;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-skip-ink: auto;
  letter-spacing: 0;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}

.elementor .jtl-ew-button--link:not(:disabled):not(.disabled):not(.active):hover,
.elementor .jtl-ew-button--link:not(:disabled):not(.disabled):not(.active):focus-visible {
  background-color: transparent;
  color: #0b1b45 !important;
  text-decoration-thickness: 2px;
}

.elementor .jtl-ew-button--link-sm {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: #0b1b45 !important;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
}

.elementor .jtl-ew-button--link-sm:not(:disabled):not(.disabled):not(.active):hover,
.elementor .jtl-ew-button--link-sm:not(:disabled):not(.disabled):not(.active):focus-visible {
  background-color: transparent;
  color: #0b1b45 !important;
  text-decoration: none;
}

.jtl-ew-button--link-arrow,
.jtl-ew-button--link-arrow-bold,
.jtl-ew-button--link-arrow-black {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: #0b1b45;
  text-align: left;
  text-transform: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.jtl-ew-button--link-arrow::after,
.jtl-ew-button--link-arrow-bold::after,
.jtl-ew-button--link-arrow-black::after {
  content: "";
  flex-shrink: 0;
  width: 24px;
  height: 20px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13.2386"><path d="M0 5.72042H12.9312L8.74512 1.53431C8.39418 1.18327 8.39412 0.61424 8.74512 0.263236C9.09613 -0.087768 9.66515 -0.0877072 10.0162 0.263236L15.7367 5.98377C16.0878 6.3348 16.0878 6.9038 15.7367 7.25484L10.0162 12.9754C9.66515 13.3263 9.09613 13.3264 8.74512 12.9754C8.39412 12.6244 8.39418 12.0553 8.74512 11.7043L12.9312 7.51818H0V5.72042Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px 13px;
  background-color: currentColor;
  background-color: #fb581f;
  mask-position: right center;
}

.jtl-ew-button--link-arrow-bold {
  font-weight: 700;
  letter-spacing: normal;
}

.jtl-ew-button--link-arrow-black {
  font-weight: 900;
  letter-spacing: normal;
}

.jtl-ew-button--link {
  display: inline-flex;
  align-items: center;
  width: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: #0b1b45;
  text-align: left;
  text-transform: none;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
}

.jtl-ew-button--link-arrow-strong {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: #0b1b45;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: normal;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.jtl-ew-button--link-arrow-strong::after {
  content: "";
  flex: 0 1 46px;
  min-width: 20px;
  width: 46px;
  height: 28px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13.2386"><path d="M0 5.72042H12.9312L8.74512 1.53431C8.39418 1.18327 8.39412 0.61424 8.74512 0.263236C9.09613 -0.087768 9.66515 -0.0877072 10.0162 0.263236L15.7367 5.98377C16.0878 6.3348 16.0878 6.9038 15.7367 7.25484L10.0162 12.9754C9.66515 13.3263 9.09613 13.3264 8.74512 12.9754C8.39412 12.6244 8.39418 12.0553 8.74512 11.7043L12.9312 7.51818H0V5.72042Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 20px 14px;
  background-color: currentColor;
  background-color: #fb581f;
  mask-position: right center;
}

.elementor .jtl-ew-button--link-arrow-strong {
  color: #0b1b45;
}

.jtl-ew-button--link-arrow-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: #0b1b45;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  white-space: normal;
}

.jtl-ew-button--link-arrow-card::after {
  content: "";
  flex: 0 0 auto;
  width: 20px;
  height: 14px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 14"><path d="M1 7H19M13 1L19 7L13 13" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 20px 14px;
  background-color: currentColor;
  background-color: #fb581f;
  mask-position: right center;
}

.elementor .jtl-ew-button--link-arrow-card {
  color: #0b1b45;
}

.jtl-ew-button-wrap {
  display: block;
}

.jtl-ew-button-wrap--align-left {
  text-align: left;
}

.jtl-ew-button-wrap--align-center {
  text-align: center;
}

.jtl-ew-button-wrap--align-right {
  text-align: right;
}

.jtl-ew-button--primary {
  color: #0b1b45 !important;
}

.jtl-ew-button--primary:hover,
.jtl-ew-button--primary:focus-visible {
  color: #eeeee7 !important;
}

.jtl-ew-button--primary-neg {
  color: #0b1b45 !important;
}

.jtl-ew-button--primary-neg:hover,
.jtl-ew-button--primary-neg:focus-visible {
  color: #0b1b45 !important;
}

.jtl-ew-button--secondary {
  color: #0b1b45 !important;
}

.jtl-ew-button--secondary:hover,
.jtl-ew-button--secondary:focus-visible {
  color: #ffffff !important;
}

.jtl-ew-button--secondary-neg {
  color: #eeeee7 !important;
}

.jtl-ew-button--secondary-neg:hover,
.jtl-ew-button--secondary-neg:focus-visible {
  color: #0b1b45 !important;
}

.jtl-ew-button--primary-tech {
  color: #ffffff !important;
}

.jtl-ew-button--primary-tech:hover,
.jtl-ew-button--primary-tech:focus-visible {
  color: #ffffff !important;
}

.jtl-ew-button--secondary-tech {
  color: #0b1b45 !important;
}

.jtl-ew-button--secondary-tech:hover,
.jtl-ew-button--secondary-tech:focus-visible {
  color: #ffffff !important;
}

.jtl-ew-image {
  display: block;
  overflow: hidden;
  width: var(--jtl-ew-image-width, auto);
  max-width: min(100%, var(--jtl-ew-image-width, 100%));
}

.jtl-ew-image--bounded {
  width: min(100%, var(--jtl-ew-image-max-width));
}

.jtl-ew-image--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #2722f8;
}

.jtl-ew-image--placeholder-neutral {
  background-color: #e2e2d9;
}
.jtl-ew-image--placeholder-neutral .jtl-ew-image__placeholder-glyph {
  color: #b8b8ad;
}

.jtl-ew-image__placeholder-glyph {
  width: clamp(48px, 22%, 112px);
  aspect-ratio: 1/1;
  color: #fff;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM13.96 12.29l-2.75 3.54-1.96-2.36L6.5 17h11l-3.54-4.71z" fill="black"/><circle cx="8.5" cy="8.5" r="1.5" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}

.jtl-ew-image__img {
  display: block;
  width: 100%;
  height: auto;
}

.jtl-ew-image--square .jtl-ew-image__img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.jtl-ew-image--fit-cover.jtl-ew-image--bounded {
  width: min(100%, var(--jtl-ew-image-max-width));
}

.jtl-ew-image--fit-cover.jtl-ew-image--square {
  aspect-ratio: 1/1;
  align-self: start;
  height: auto;
}

.jtl-ew-image--radius-none {
  border-radius: 0;
}

.jtl-ew-image--radius-xs {
  border-radius: 11.5px;
}

.jtl-ew-image--radius-sm {
  border-radius: 24px;
}

.jtl-ew-image--radius-lg {
  border-radius: 46px;
}

.jtl-ew-image--align-left {
  margin-inline: 0 auto;
}

.jtl-ew-image--align-center {
  margin-inline: auto;
}

.jtl-ew-image--align-right {
  margin-inline: auto 0;
}

.jtl-ew-image--valign-top {
  align-self: start;
}

.jtl-ew-image--valign-middle {
  align-self: center;
}

.jtl-ew-image--valign-bottom {
  align-self: end;
}

.jtl-ew-image--fit-cover {
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-inline: 0;
}
@media (max-width: 991.98px) {
  .jtl-ew-image--fit-cover {
    aspect-ratio: 1/1;
  }
}
.jtl-ew-image--fit-cover .jtl-ew-image__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jtl-ew-image--fit-square {
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-inline: 0;
}
@media (max-width: 991.98px) {
  .jtl-ew-image--fit-square {
    aspect-ratio: 1/1;
  }
}
.jtl-ew-image--fit-square .jtl-ew-image__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.jtl-ew-image--fit-square.jtl-ew-image--align-center .jtl-ew-image__img {
  left: 50%;
  transform: translateX(-50%);
}
.jtl-ew-image--fit-square.jtl-ew-image--align-right .jtl-ew-image__img {
  left: auto;
  right: 0;
}

.jtl-ew-image--fixed-height {
  height: var(--jtl-ew-image-height, auto);
}
@media (max-width: 991.98px) {
  .jtl-ew-image--fixed-height {
    aspect-ratio: auto;
  }
}

.jtl-ew-image--fixed-height .jtl-ew-image__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jtl-ew-image--capped {
  width: 100%;
  max-width: 100%;
}

.jtl-ew-image--capped .jtl-ew-image__img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: var(--jtl-ew-image-max-height, none);
}

.jtl-ew-image--capped.jtl-ew-image--align-center .jtl-ew-image__img {
  margin-inline: auto;
}

.jtl-ew-image--capped.jtl-ew-image--align-right .jtl-ew-image__img {
  margin-inline: auto 0;
}

.jtl-ew-image--fit-contain .jtl-ew-image__img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.jtl-ew-image--scaled {
  overflow: visible;
}

.jtl-ew-image--scaled .jtl-ew-image__img {
  transform: scale(var(--jtl-ew-image-scale, 1));
}

.jtl-ew-image--scale-from-top-left .jtl-ew-image__img {
  transform-origin: top left;
}

.jtl-ew-image--scale-from-center .jtl-ew-image__img {
  transform-origin: center;
}

@media (max-width: 767.98px) {
  .jtl-ew-image--scale-from-center .jtl-ew-image__img {
    transform: none;
  }
}
.jtl-ew-icon {
  --jtl-ew-icon-color: var(--jtl-ew-on-surface-heading, #0b1b45);
  display: flex;
  color: var(--jtl-ew-icon-color);
}

.jtl-ew-icon__glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--jtl-ew-icon-size, 64px);
  height: var(--jtl-ew-icon-size, 64px);
}

.jtl-ew-icon__glyph svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentcolor;
}

.jtl-ew-icon__glyph i {
  font-size: var(--jtl-ew-icon-size, 64px);
  line-height: 1;
  color: currentcolor;
}

.jtl-ew-icon__glyph img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.jtl-ew-icon__mask {
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentcolor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.jtl-ew-icon--circle {
  --jtl-ew-icon-color: #0b1b45;
}

.jtl-ew-icon--circle .jtl-ew-icon__glyph {
  box-sizing: content-box;
  padding: calc(var(--jtl-ew-icon-size, 64px) * 0.35);
  border-radius: 50%;
  background-color: var(--jtl-ew-icon-color);
  color: #eeeee7;
}

.jtl-ew-icon--chip {
  --jtl-ew-icon-color: #2722f8;
}

.jtl-ew-icon--chip .jtl-ew-icon__glyph {
  box-sizing: content-box;
  padding: calc(var(--jtl-ew-icon-size, 64px) * 0.5);
  border-radius: calc(var(--jtl-ew-icon-size, 64px) * 0.5);
  background-color: var(--jtl-ew-icon-color);
  color: #ffffff;
}

.jtl-ew-icon--align-left {
  justify-content: flex-start;
}

.jtl-ew-icon--align-center {
  justify-content: center;
}

.jtl-ew-icon--align-right {
  justify-content: flex-end;
}

.jtl-ew-icon--color-dark-blue {
  --jtl-ew-icon-color: #0b1b45;
}

.jtl-ew-icon--color-white {
  --jtl-ew-icon-color: #ffffff;
}

.jtl-ew-icon--color-light-blue {
  --jtl-ew-icon-color: #89d2ff;
}

.jtl-ew-icon--color-orange {
  --jtl-ew-icon-color: #fb581f;
}

.jtl-ew-icon--color-tech-blue {
  --jtl-ew-icon-color: #2722f8;
}

.jtl-ew-video {
  position: relative;
  display: block;
  overflow: hidden;
  max-width: 100%;
  aspect-ratio: 16/9;
  background-color: #0b1b45;
}

.jtl-ew-video--radius-sm {
  border-radius: 24px;
}

.jtl-ew-video--radius-lg {
  border-radius: 46px;
}

.jtl-ew-video--ratio-feature {
  aspect-ratio: 864/522;
}

.jtl-ew-video--presentation-solid {
  width: 100%;
}

.jtl-ew-video--posterless {
  width: 100%;
}

.jtl-ew-video--poster-derived {
  width: 100%;
}

.jtl-ew-video--ratio-feature .jtl-ew-video__poster {
  height: 100%;
  object-fit: cover;
}

.jtl-ew-video--play-orange {
  --jtl-ew-video-play-fill: #fb581f;
  --jtl-ew-video-play-arrow: #0b1b45;
}

.jtl-ew-video--align-left {
  margin-inline: 0 auto;
}

.jtl-ew-video--align-center {
  margin-inline: auto;
}

.jtl-ew-video--align-right {
  margin-inline: auto 0;
}

.jtl-ew-video__poster {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jtl-ew-video__play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.jtl-ew-video__play::before {
  display: block;
  width: 85.864px;
  height: 85.864px;
  border-radius: 50%;
  background-color: var(--jtl-ew-video-play-fill, #ffffff);
  content: "";
}

.jtl-ew-video__play::after {
  position: absolute;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 26px solid var(--jtl-ew-video-play-arrow, #0b1b45);
  content: "";
  transform: translateX(4px);
}

.jtl-ew-video--play-orange .jtl-ew-video__play {
  --jtl-ew-video-play-fill: #fb581f;
  --jtl-ew-video-play-fill-hover: #fb581f;
  --jtl-ew-video-play-arrow: #ffffff;
}

.jtl-ew-video--play-orange .jtl-ew-video__play::before {
  width: 64px;
  height: 64px;
}

.jtl-ew-video--play-orange .jtl-ew-video__play::after {
  border-top-width: 12px;
  border-bottom-width: 12px;
  border-left-width: 20px;
  transform: translateX(3px);
}

.jtl-ew-video__play:hover::before,
.jtl-ew-video__play:focus-visible::before {
  background-color: var(--jtl-ew-video-play-fill-hover, #eeeee7);
}

.jtl-ew-video__play:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: -6px;
}

.jtl-ew-video__play-label {
  position: absolute;
  overflow: hidden;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}

.jtl-ew-video__player {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.jtl-ew-bitrix {
  width: 100%;
  max-width: var(--jtl-ew-bitrix-width, 525px);
}

.jtl-ew-bitrix__skeleton {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
}

.jtl-ew-bitrix__bar {
  display: block;
  flex: 1 1 100%;
  height: 44px;
  border-radius: 6px;
  background: currentColor;
  opacity: 0.14;
}

.jtl-ew-bitrix__bar--half {
  flex: 0 1 calc(50% - 24px / 2);
}

.jtl-ew-bitrix__bar--tall {
  height: 96px;
}

.jtl-ew-bitrix__bar--pill {
  flex: 0 0 160px;
  height: 48px;
  border-radius: 145px;
}

.jtl-ew-bitrix > script {
  display: none;
}

@media (prefers-reduced-motion: no-preference) {
  .jtl-ew-bitrix__bar {
    animation: jtl-ew-bitrix-pulse 1.6s ease-in-out infinite;
  }
}
@keyframes jtl-ew-bitrix-pulse {
  0%, 100% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.18;
  }
}
.jtl-ew-hubspot {
  width: 100%;
  max-width: var(--jtl-ew-hubspot-width, 525px);
}

.jtl-ew-hubspot__skeleton {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
}

.jtl-ew-hubspot__bar {
  display: block;
  flex: 1 1 100%;
  height: 44px;
  border-radius: 6px;
  background: currentColor;
  opacity: 0.14;
}

.jtl-ew-hubspot__bar--half {
  flex: 0 1 calc(50% - 24px / 2);
}

.jtl-ew-hubspot__bar--tall {
  height: 96px;
}

.jtl-ew-hubspot__bar--pill {
  flex: 0 0 160px;
  height: 48px;
  border-radius: 145px;
}

@media (prefers-reduced-motion: no-preference) {
  .jtl-ew-hubspot__bar {
    animation: jtl-ew-hubspot-pulse 1.6s ease-in-out infinite;
  }
}
@keyframes jtl-ew-hubspot-pulse {
  0%, 100% {
    opacity: 0.14;
  }
  50% {
    opacity: 0.07;
  }
}
.jtl-ew-hubspot .hs-richtext h3,
.jtl-ew-hubspot .hs-richtext h3 span {
  margin: 0 0 16px;
  color: #0b1b45 !important;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  font-family: "Kurdis", "Kurdis Wide", Inter, sans-serif;
}

.jtl-ew-hubspot .hs-form fieldset {
  display: flex;
  gap: 12px;
  max-width: none;
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
}

.jtl-ew-hubspot .hs-form fieldset:has(> .hs-form-field:only-child[style*="display: none"]),
.jtl-ew-hubspot .hs-form fieldset:has(> .hs-form-field:only-child[style*="display:none"]) {
  display: none;
  margin: 0;
}

.jtl-ew-hubspot .hs-form fieldset.form-columns-1 > .hs-form-field {
  flex: 1 1 100%;
}

.jtl-ew-hubspot .hs-form fieldset.form-columns-2 > .hs-form-field,
.jtl-ew-hubspot .hs-form fieldset.form-columns-3 > .hs-form-field {
  flex: 1 1 0;
  min-width: 0;
}

.jtl-ew-hubspot .hs-form .hs-form-field {
  margin: 0;
  padding: 0;
}

.jtl-ew-hubspot .hs-form .hs-form-field > label {
  display: inline-block;
  margin: 0 0 6px;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

.jtl-ew-hubspot .hs-form .hs-form-required {
  color: #fb581f;
}

.jtl-ew-hubspot .hs-form input.hs-input:not([type=checkbox]):not([type=radio]),
.jtl-ew-hubspot .hs-form select.hs-input {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid rgba(11, 27, 69, 0.12);
  border-radius: 6px;
  background-color: #ffffff;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.jtl-ew-hubspot .hs-form textarea.hs-input {
  box-sizing: border-box;
  width: 100%;
  min-height: 96px;
  padding: 8px 12px;
  border: 1px solid rgba(11, 27, 69, 0.12);
  border-radius: 6px;
  background-color: #ffffff;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.jtl-ew-hubspot .hs-form ul.inputs-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jtl-ew-hubspot .hs-form ul.inputs-list > li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jtl-ew-hubspot .hs-form ul.inputs-list > li::marker {
  content: "";
}

.jtl-ew-hubspot .hs-form .hs-form-checkbox label::before,
.jtl-ew-hubspot .hs-form .hs-form-checkbox label::after,
.jtl-ew-hubspot .hs-form .hs-form-checkbox label:hover::before,
.jtl-ew-hubspot .hs-form .hs-form-checkbox label:hover::after,
.jtl-ew-hubspot .hs-form .hs-form-booleancheckbox label::before,
.jtl-ew-hubspot .hs-form .hs-form-booleancheckbox label::after,
.jtl-ew-hubspot .hs-form label.hs-form-checkbox-display::before,
.jtl-ew-hubspot .hs-form label.hs-form-checkbox-display::after,
.jtl-ew-hubspot .hs-form label.hs-form-booleancheckbox-display::before,
.jtl-ew-hubspot .hs-form label.hs-form-booleancheckbox-display::after,
.jtl-ew-hubspot .hs-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display input[type=checkbox] + span::before,
.jtl-ew-hubspot .hs-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display input[type=checkbox] + span::after,
.jtl-ew-hubspot .hs-form .hs-form-checkbox .hs-form-checkbox-display input[type=checkbox] + span::before,
.jtl-ew-hubspot .hs-form .hs-form-checkbox .hs-form-checkbox-display input[type=checkbox] + span::after,
.jtl-ew-hubspot .hs-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display input[type=checkbox]:checked + span::before,
.jtl-ew-hubspot .hs-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display input[type=checkbox]:checked + span::after,
.jtl-ew-hubspot .hs-form .hs-form-checkbox .hs-form-checkbox-display input[type=checkbox]:checked + span::before,
.jtl-ew-hubspot .hs-form .hs-form-checkbox .hs-form-checkbox-display input[type=checkbox]:checked + span::after,
.jtl-ew-hubspot .hs-form ul.inputs-list > li::before,
.jtl-ew-hubspot .hs-form ul.inputs-list > li::after,
.jtl-ew-hubspot .hs-form .legal-consent-container label::before,
.jtl-ew-hubspot .hs-form .legal-consent-container label::after {
  content: none;
}

.jtl-ew-hubspot .hs-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display input[type=checkbox] + span,
.jtl-ew-hubspot .hs-form .hs-form-checkbox .hs-form-checkbox-display input[type=checkbox] + span {
  position: relative;
  padding-left: 0;
}

.jtl-ew-hubspot .hs-form label.hs-form-checkbox-display,
.jtl-ew-hubspot .hs-form label.hs-form-booleancheckbox-display {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  color: #0b1b45;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  cursor: pointer;
}

.jtl-ew-hubspot .hs-form label.hs-form-booleancheckbox-display {
  align-items: flex-start;
}

.jtl-ew-hubspot .hs-form label.hs-form-checkbox-display > span,
.jtl-ew-hubspot .hs-form label.hs-form-booleancheckbox-display > span {
  color: #0b1b45;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

.jtl-ew-hubspot .hs-form input[type=checkbox].hs-input,
.jtl-ew-hubspot .hs-form input[type=radio].hs-input {
  position: static;
  opacity: 1;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  min-height: 0;
  margin: 1px 0 0;
  padding: 0;
  border: 1px solid rgba(11, 27, 69, 0.4);
  border-radius: 3px;
  background-color: #ffffff;
  accent-color: #fb581f;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  .jtl-ew-hubspot .hs-form fieldset {
    flex-wrap: wrap;
  }
  .jtl-ew-hubspot .hs-form fieldset.form-columns-2 > .hs-form-field,
  .jtl-ew-hubspot .hs-form fieldset.form-columns-3 > .hs-form-field {
    flex: 1 1 100%;
  }
}
.jtl-ew-modal.jtl-ew-modal {
  display: none;
  position: fixed;
  z-index: 1050;
  inset: 0;
  padding: 0;
  overflow: hidden;
  outline: 0;
}

.jtl-ew-modal .modal-body {
  display: block;
}

.jtl-ew-standard-list {
  --jtl-ew-standard-list-color: var(--jtl-ew-on-surface-body, #0b1b45);
  --jtl-ew-standard-list-gap: 24px;
  --jtl-ew-standard-list-marker-width: 28px;
  --jtl-ew-standard-list-marker-gap: 12px;
  --jtl-ew-standard-list-marker-color: currentcolor;
  display: flex;
  flex-direction: column;
  gap: var(--jtl-ew-standard-list-gap);
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--jtl-ew-standard-list-color);
}

.jtl-ew-standard-list__item {
  display: flex;
  align-items: flex-start;
  gap: var(--jtl-ew-standard-list-marker-gap);
}

.jtl-ew-standard-list__marker {
  flex: 0 0 var(--jtl-ew-standard-list-marker-width);
  height: 1lh;
}

.jtl-ew-standard-list__text {
  flex: 1 1 auto;
  min-width: 0;
}

.jtl-ew-standard-list__text.jtl-ew-standard-list__text a {
  color: inherit;
  text-decoration: underline;
}

.jtl-ew-standard-list--icon-check .jtl-ew-standard-list__marker {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 12.5023"><path d="M1 5.93486L6.06921 11.1961C6.48251 11.6251 7.17683 11.5999 7.55792 11.1421L16 1.00003" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 17px 12.5px;
  background-color: currentColor;
  background-color: var(--jtl-ew-standard-list-marker-color);
}

.jtl-ew-standard-list--icon-circle {
  --jtl-ew-standard-list-marker-width: 6px;
  --jtl-ew-standard-list-marker-gap: 9px;
}

.jtl-ew-standard-list--icon-circle .jtl-ew-standard-list__marker {
  height: 1lh;
  background-color: transparent;
  position: relative;
}

.jtl-ew-standard-list--icon-circle .jtl-ew-standard-list__marker::before {
  content: "";
  position: absolute;
  inset-block-start: calc(0.5lh - 3px);
  inset-inline-start: 0;
  width: 6px;
  height: 6px;
  border: 1px solid currentcolor;
  border-color: var(--jtl-ew-standard-list-marker-color);
  border-radius: 50%;
}

.jtl-ew-standard-list--icon-arrow .jtl-ew-standard-list__marker {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13.2386"><path d="M0 5.72042H12.9312L8.74512 1.53431C8.39418 1.18327 8.39412 0.61424 8.74512 0.263236C9.09613 -0.087768 9.66515 -0.0877072 10.0162 0.263236L15.7367 5.98377C16.0878 6.3348 16.0878 6.9038 15.7367 7.25484L10.0162 12.9754C9.66515 13.3263 9.09613 13.3264 8.74512 12.9754C8.39412 12.6244 8.39418 12.0553 8.74512 11.7043L12.9312 7.51818H0V5.72042Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px 13.24px;
  background-color: currentColor;
  background-color: var(--jtl-ew-standard-list-marker-color);
  mask-size: var(--jtl-ew-standard-list-marker-size, 16px) calc(var(--jtl-ew-standard-list-marker-size, 16px) * 0.8275);
}

.jtl-ew-standard-list--icon-arrow-heavy .jtl-ew-standard-list__marker {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16.67px 19.05px;
  background-color: currentColor;
  background-color: var(--jtl-ew-standard-list-marker-color);
  mask-size: var(--jtl-ew-standard-list-marker-size, 16.67px) calc(var(--jtl-ew-standard-list-marker-size, 16.67px) * 1.1428);
}

.jtl-ew-standard-list--icon-disc {
  padding-left: var(--jtl-ew-standard-list-marker-width);
  list-style: disc;
}
.jtl-ew-standard-list--icon-disc .jtl-ew-standard-list__item {
  display: list-item;
}
.jtl-ew-standard-list--icon-disc .jtl-ew-standard-list__item::marker {
  color: var(--jtl-ew-standard-list-marker-color);
}

.jtl-ew-standard-list--size-intro {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

.jtl-ew-standard-list--size-body-sm-loose {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
}

.jtl-ew-standard-list--size-intro-compact {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .jtl-ew-standard-list--size-intro-compact {
    font-size: 18px;
    line-height: 26px;
  }
}

.jtl-ew-standard-list--size-body {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.jtl-ew-standard-list--size-body-sm {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-standard-list--size-body-sm-loose {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
}

.jtl-ew-standard-list--size-body-tight {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

.jtl-ew-standard-list--size-intro-airy {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .jtl-ew-standard-list--size-intro-airy {
    font-size: 20px;
    line-height: 30px;
  }
}

.jtl-ew-standard-list--align-left {
  align-items: flex-start;
  text-align: left;
}

.jtl-ew-standard-list--align-center {
  align-items: center;
  text-align: left;
}

.jtl-ew-standard-list--color-dark-blue {
  --jtl-ew-standard-list-color: #0b1b45;
}

.jtl-ew-standard-list--color-white {
  --jtl-ew-standard-list-color: #ffffff;
}

.jtl-ew-standard-list--color-light-blue {
  --jtl-ew-standard-list-color: #89d2ff;
}

.jtl-ew-standard-list--color-orange {
  --jtl-ew-standard-list-color: #fb581f;
}

.jtl-ew-standard-list--color-tech-blue {
  --jtl-ew-standard-list-color: #2722f8;
}

.jtl-ew-standard-list--accent-tech .jtl-ew-standard-list__marker {
  background-color: #2722f8;
}

.jtl-ew-standard-list--marker-accent {
  --jtl-ew-standard-list-marker-color: var(--jtl-ew-on-surface-overline, #2722f8);
}

.jtl-ew-standard-list--marker-tech-blue {
  --jtl-ew-standard-list-marker-color: #2722f8;
}

.jtl-ew-standard-list--marker-light-blue {
  --jtl-ew-standard-list-marker-color: #89d2ff;
}

.jtl-ew-standard-list--marker-dark-blue {
  --jtl-ew-standard-list-marker-color: #0b1b45;
}

.jtl-ew-standard-list--marker-orange {
  --jtl-ew-standard-list-marker-color: #fb581f;
}

.jtl-ew-standard-list--marker-white {
  --jtl-ew-standard-list-marker-color: #ffffff;
}

.jtl-ew-icon-list {
  --jtl-ew-icon-list-icon-color: var(--jtl-ew-on-surface-heading, #0b1b45);
  display: flex;
  flex-direction: column;
  gap: var(--jtl-ew-icon-list-row-gap, 24px);
  padding-inline: 0;
}

.jtl-ew-icon-list--cols-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  row-gap: var(--jtl-ew-icon-list-row-gap, 24px);
}

.jtl-ew-icon-list--cols-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: var(--jtl-ew-icon-list-row-gap, 16px);
}

@media (max-width: 767.98px) {
  .jtl-ew-icon-list--cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.jtl-ew-icon-list__item {
  display: grid;
  grid-template-columns: var(--jtl-ew-icon-list-icon-size, 32px) minmax(0, 1fr);
  column-gap: var(--jtl-ew-icon-list-gap, 16px);
  padding-inline: 0;
  row-gap: 0;
}
.jtl-ew-icon-list__item > *:where(*:not(.jtl-ew-icon-list__icon)):where(:not(.elementor-element-overlay)),
.jtl-ew-icon-list__item > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)) {
  grid-column: 2;
}

.jtl-ew-icon-list__icon {
  display: inline-flex;
  grid-column: 1;
  grid-row: 1/span 20;
  align-items: center;
  justify-content: center;
  width: var(--jtl-ew-icon-list-icon-size, 32px);
  height: var(--jtl-ew-icon-list-icon-line, var(--jtl-ew-icon-list-icon-size, 32px));
  color: var(--jtl-ew-icon-list-icon-color);
}

.jtl-ew-icon-list__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentcolor;
}

.jtl-ew-icon-list__icon > i {
  font-size: var(--jtl-ew-icon-list-icon-size, 32px);
  line-height: 1;
}

.jtl-ew-icon-list--icon-top .jtl-ew-icon-list__item {
  align-items: flex-start;
}

.jtl-ew-icon-list--icon-center .jtl-ew-icon-list__item {
  align-items: center;
}

.jtl-ew-icon-list--icon-bottom .jtl-ew-icon-list__item {
  align-items: flex-end;
}

.jtl-ew-icon-list--circle .jtl-ew-icon-list__icon {
  box-sizing: border-box;
  padding: calc(var(--jtl-ew-icon-list-icon-size, 32px) * 0.25);
  border-radius: 50%;
  background-color: var(--jtl-ew-icon-list-icon-color);
  color: #eeeee7;
}

.jtl-ew-icon-list--chip .jtl-ew-icon-list__icon {
  box-sizing: border-box;
  padding: calc(var(--jtl-ew-icon-list-icon-size, 32px) * 0.24);
  border-radius: calc(var(--jtl-ew-icon-list-icon-size, 32px) * 0.28);
  background-color: var(--jtl-ew-icon-list-icon-color);
  color: #ffffff;
}

.jtl-ew-icon-list--cols-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: var(--jtl-ew-icon-list-row-gap, 24px);
}

.jtl-ew-icon-list--color-dark-blue {
  --jtl-ew-icon-list-icon-color: #0b1b45;
}

.jtl-ew-icon-list--color-white {
  --jtl-ew-icon-list-icon-color: #ffffff;
}

.jtl-ew-icon-list--color-light-blue {
  --jtl-ew-icon-list-icon-color: #89d2ff;
}

.jtl-ew-icon-list--color-orange {
  --jtl-ew-icon-list-icon-color: #fb581f;
}

.jtl-ew-icon-list--color-tech-blue {
  --jtl-ew-icon-list-icon-color: #2722f8;
}

.jtl-ew-icon-list--color-accent-orange {
  --jtl-ew-icon-list-icon-color: #ff9a26;
}

.jtl-ew-icon-list--color-ratgeber-blue {
  --jtl-ew-icon-list-icon-color: #05c7d1;
}

.jtl-ew-ordered-list {
  --jtl-ew-ordered-list-number-color: #2722f8;
  --jtl-ew-ordered-list-number-width: 32px;
  --jtl-ew-ordered-list-number-gap: 12px;
  --jtl-ew-ordered-list-columns: 1;
  display: grid;
  grid-template-columns: repeat(var(--jtl-ew-ordered-list-columns, 1), minmax(0, 1fr));
  gap: var(--jtl-ew-ordered-list-row-gap, 32px);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767.98px) {
  .jtl-ew-ordered-list {
    grid-template-columns: 1fr;
  }
}

.jtl-ew-ordered-list.jtl-ew-ordered-list {
  display: grid;
  grid-template-columns: repeat(var(--jtl-ew-ordered-list-columns, 1), minmax(0, 1fr));
  gap: var(--jtl-ew-ordered-list-row-gap, 32px);
}
@media (max-width: 767.98px) {
  .jtl-ew-ordered-list.jtl-ew-ordered-list {
    grid-template-columns: 1fr;
  }
}

.jtl-ew-ordered-list__item {
  display: grid;
  grid-template-columns: var(--jtl-ew-ordered-list-number-width) minmax(0, 1fr);
  align-items: start;
  column-gap: var(--jtl-ew-ordered-list-number-gap);
  padding-inline: 0;
  row-gap: 0;
  counter-increment: jtl-ew-ol;
}
.jtl-ew-ordered-list__item > *:where(*:not(.jtl-ew-ordered-list__number)):where(:not(.elementor-element-overlay)),
.jtl-ew-ordered-list__item > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)) {
  grid-column: 2;
}

.jtl-ew-ordered-list__number {
  grid-column: 1;
  grid-row: 1/span 20;
  color: var(--jtl-ew-ordered-list-number-color);
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: var(--jtl-ew-ordered-list-number-size, 20px);
  font-weight: var(--jtl-ew-ordered-list-number-weight, 600);
  line-height: 1.4;
}

.jtl-ew-ordered-list__number::before {
  content: counter(jtl-ew-ol, decimal-leading-zero);
}

.jtl-ew-ordered-list--color-tech-blue {
  --jtl-ew-ordered-list-number-color: #2722f8;
}

.jtl-ew-ordered-list--color-dark-blue {
  --jtl-ew-ordered-list-number-color: #0b1b45;
}

.jtl-ew-ordered-list--color-white {
  --jtl-ew-ordered-list-number-color: #ffffff;
}

.jtl-ew-ordered-list--color-light-blue {
  --jtl-ew-ordered-list-number-color: #89d2ff;
}

.jtl-ew-ordered-list--color-orange {
  --jtl-ew-ordered-list-number-color: #fb581f;
}

.jtl-ew-modal-list {
  --jtl-ew-modal-list-info-color: #333;
  display: flex;
  flex-direction: column;
  gap: var(--jtl-ew-modal-list-row-gap, 10px);
  margin: 0;
  padding-inline: 0;
  list-style: none;
}

.jtl-ew-modal-list__item {
  display: flex;
  align-items: center;
  column-gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jtl-ew-modal-list__text {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--jtl-ew-on-surface-body, #0b1b45);
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.jtl-ew-modal-list__text a {
  color: inherit;
  text-decoration: underline;
}

.jtl-ew-modal-list__trigger {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--jtl-ew-modal-list-info-color);
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.jtl-ew-modal-list__trigger:hover, .jtl-ew-modal-list__trigger:focus-visible {
  opacity: 0.75;
}

.jtl-ew-modal-list__trigger-icon {
  display: block;
  font-size: 18px;
  line-height: 1;
}

.jtl-ew-modal-list--color-dark-blue {
  --jtl-ew-modal-list-info-color: #0b1b45;
}

.jtl-ew-modal-list--color-light-blue {
  --jtl-ew-modal-list-info-color: #89d2ff;
}

.jtl-ew-modal-list--color-orange {
  --jtl-ew-modal-list-info-color: #fb581f;
}

.jtl-ew-modal-list--color-tech-blue {
  --jtl-ew-modal-list-info-color: #2722f8;
}

.jtl-ew-modal-list__dialog {
  width: min(92vw, 640px);
  max-height: 85vh;
  padding: 0;
  border: 0;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 24px 64px rgba(11, 27, 69, 0.18);
  overflow: hidden;
}
.jtl-ew-modal-list__dialog::backdrop {
  background: rgba(11, 27, 69, 0.55);
}

.jtl-ew-modal-list__dialog-inner {
  display: flex;
  flex-direction: column;
  max-height: 85vh;
}

.jtl-ew-modal-list__dialog-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 32px 32px 16px;
}

.jtl-ew-modal-list__dialog-title {
  margin: 0;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .jtl-ew-modal-list__dialog-title {
    font-size: 20px;
    line-height: 28px;
  }
}

.jtl-ew-modal-list__close {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: none;
  color: #0b1b45;
  cursor: pointer;
}
.jtl-ew-modal-list__close svg {
  width: 20px;
  height: 20px;
}

.jtl-ew-modal-list__dialog-body {
  padding: 0 32px 32px;
  overflow-y: auto;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
.jtl-ew-modal-list__dialog-body p {
  margin: 0 0 1em;
}
.jtl-ew-modal-list__dialog-body p:last-child {
  margin-bottom: 0;
}
.jtl-ew-modal-list__dialog-body a {
  color: #0b1b45;
  text-decoration: underline;
}

.jtl-ew-text-icon {
  --jtl-ew-text-icon-color: var(--jtl-ew-on-surface-heading, #0b1b45);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
  column-gap: 16px;
  padding: 0;
  row-gap: 0;
  color: inherit;
  text-decoration: none;
}
.jtl-ew-text-icon > *:where(*:not(.jtl-ew-text-icon__icon)):where(:not(.elementor-element-overlay)),
.jtl-ew-text-icon > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)) {
  grid-column: 1;
}

.jtl-ew-text-icon__icon {
  display: inline-flex;
  grid-column: 2;
  grid-row: 1/span 20;
  align-items: center;
  justify-content: center;
  width: var(--jtl-ew-text-icon-size, 24px);
  height: var(--jtl-ew-text-icon-size, 24px);
  color: var(--jtl-ew-text-icon-color);
}

.jtl-ew-text-icon__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentcolor;
}

.jtl-ew-text-icon--align-top {
  align-items: flex-start;
}

.jtl-ew-text-icon--align-middle {
  align-items: center;
}

.jtl-ew-text-icon--align-bottom {
  align-items: flex-end;
}

.jtl-ew-text-icon--circle .jtl-ew-text-icon__icon {
  box-sizing: content-box;
  padding: calc(var(--jtl-ew-text-icon-size, 24px) * 0.475);
  border-radius: 50%;
  background-color: var(--jtl-ew-text-icon-color);
  color: #eeeee7;
}

.jtl-ew-text-icon--color-dark-blue {
  --jtl-ew-text-icon-color: #0b1b45;
}

.jtl-ew-text-icon--color-white {
  --jtl-ew-text-icon-color: #ffffff;
}

.jtl-ew-text-icon--color-light-blue {
  --jtl-ew-text-icon-color: #89d2ff;
}

.jtl-ew-text-icon--color-orange {
  --jtl-ew-text-icon-color: #fb581f;
}

.jtl-ew-text-icon--color-tech-blue {
  --jtl-ew-text-icon-color: #2722f8;
}

.jtl-ew-card {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  --jtl-ew-card-padding-mobile: initial;
  --jtl-ew-card-padding-tablet: initial;
  --jtl-ew-card-radius-mobile: initial;
  overflow: hidden;
  border-radius: var(--jtl-ew-card-radius, 24px);
  padding: var(--jtl-ew-card-padding, 24px);
  max-width: var(--jtl-ew-card-max-width, none);
}
@media (max-width: 767.98px) {
  .jtl-ew-card {
    padding: var(--jtl-ew-card-padding-mobile, var(--jtl-ew-card-padding, 24px));
    border-radius: var(--jtl-ew-card-radius-mobile, var(--jtl-ew-card-radius, 24px));
  }
}
.jtl-ew-card {
  gap: var(--jtl-ew-card-gap, 0);
  color: inherit;
  text-decoration: none;
}
.jtl-ew-card--align-center {
  justify-content: center;
}
.jtl-ew-card--align-end {
  justify-content: flex-end;
}
.jtl-ew-card--shadow-soft {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  overflow: visible;
}
@media (max-width: 991.98px) {
  .jtl-ew-card {
    padding: var(--jtl-ew-card-padding-tablet, var(--jtl-ew-card-padding, 24px));
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-card {
    padding: var(--jtl-ew-card-padding-mobile, var(--jtl-ew-card-padding-tablet, var(--jtl-ew-card-padding, 24px)));
  }
}

.jtl-ew-card--pad-inline {
  padding-inline: var(--jtl-ew-card-padding-inline);
}

.jtl-ew-card--pad-bottom {
  padding-block-end: var(--jtl-ew-card-padding-bottom);
}

.jtl-ew-card[style*="--jtl-ew-card-padding-top"] {
  padding-block-start: var(--jtl-ew-card-padding-top);
}

@media (max-width: 991.98px) {
  .jtl-ew-card--pad-inline-tablet {
    padding-inline: var(--jtl-ew-card-padding-inline-tablet);
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-card--pad-inline-mobile {
    padding-inline: var(--jtl-ew-card-padding-inline-mobile);
  }
}
.jtl-ew-card--sm {
  --jtl-ew-card-radius: 24px;
  --jtl-ew-card-padding: 24px;
}

.jtl-ew-card--md {
  --jtl-ew-card-radius: 24px;
  --jtl-ew-card-padding: 32px;
}

.jtl-ew-card--box {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 32px;
}

.jtl-ew-card--flush {
  --jtl-ew-card-radius: 24px;
  --jtl-ew-card-padding: 0;
}

.jtl-ew-card--split {
  --jtl-ew-card-radius: 0;
  --jtl-ew-card-padding: 46px;
}

@media (max-width: 991.98px) {
  .jtl-ew-card--split {
    --jtl-ew-card-padding: 40px 32px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-card--split {
    --jtl-ew-card-padding: 32px 20px;
  }
}
@media (min-width: 1200px) {
  .jtl-ew-card[style*="--jtl-ew-card-pad-start"] {
    padding-inline-start: calc(var(--jtl-ew-card-padding-inline, var(--jtl-ew-card-padding, 0px)) + var(--jtl-ew-card-pad-start, 0px));
  }
}
.jtl-ew-card--scroll-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.jtl-ew-card--band {
  --jtl-ew-card-radius: 0;
  --jtl-ew-card-padding: 20px 24px;
}

.jtl-ew-card--notice {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 46px;
}
.jtl-ew-card--notice > * {
  max-width: 828px;
}

.jtl-ew-card--folder-panel {
  --jtl-ew-card-radius: 0 20px 20px 20px;
  --jtl-ew-card-padding: 64px 64px 80px;
}

@media (max-width: 991.98px) {
  .jtl-ew-card--folder-panel {
    --jtl-ew-card-padding: 15px 15px 48px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-card--folder-panel {
    --jtl-ew-card-radius: 20px;
  }
}
.jtl-ew-card--border-tech-blue {
  border: 2px solid #2722f8;
}

.jtl-ew-card--border-accent-orange {
  border: 1px solid #ff9a26;
}

.jtl-ew-card--border-rule-bottom {
  border-block-end: 2px solid rgba(0, 0, 0, 0.2);
}

.jtl-ew-card--has-decoration {
  position: relative;
  z-index: 0;
}

.jtl-ew-card__decoration {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.jtl-ew-card__decoration svg {
  position: absolute;
  inset-block: 0;
  right: 0;
  height: 100% !important;
  width: auto !important;
}

.jtl-ew-card--lg {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 46px 64px;
}

@media (max-width: 991.98px) {
  .jtl-ew-card--lg {
    --jtl-ew-card-padding: 40px 32px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-card--lg {
    --jtl-ew-card-padding: 32px 20px;
  }
}
.jtl-ew-card--guide-36 {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 36px 64px 44px;
}

.jtl-ew-card--guide-60 {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 60px 64px 44px;
}

.jtl-ew-card--guide-80-32 {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 80px 64px 64px;
}

.jtl-ew-card--guide-140-32 {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 140px 64px 64px;
}

.jtl-ew-card--guide-104-16 {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 104px 64px 64px;
}

.jtl-ew-card--guide-80-16 {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 80px 64px 64px;
}

@media (max-width: 767.98px) {
  .jtl-ew-card--guide-36 {
    --jtl-ew-card-padding: 36px 56px 44px;
  }
  .jtl-ew-card--guide-60 {
    --jtl-ew-card-padding: 60px 56px 44px;
  }
  .jtl-ew-card--guide-80-32,
  .jtl-ew-card--guide-140-32 {
    --jtl-ew-card-padding: 32px;
  }
  .jtl-ew-card--guide-104-16,
  .jtl-ew-card--guide-80-16 {
    --jtl-ew-card-padding: 56px;
  }
}
@media (max-width: 500px) {
  .jtl-ew-card--guide-36 {
    --jtl-ew-card-padding: 36px 16px 20px;
  }
  .jtl-ew-card--guide-60 {
    --jtl-ew-card-padding: 60px 16px 20px;
  }
  .jtl-ew-card--guide-104-16,
  .jtl-ew-card--guide-80-16 {
    --jtl-ew-card-padding: 16px;
  }
}
.jtl-ew-card--guide,
.jtl-ew-card--guide-flush {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 46px 64px;
}

@media (max-width: 767.98px) {
  .jtl-ew-card--guide {
    --jtl-ew-card-padding: 32px;
  }
  .jtl-ew-card--guide-flush {
    --jtl-ew-card-padding: 32px 56px;
  }
}
@media (max-width: 500px) {
  .jtl-ew-card--guide-flush {
    --jtl-ew-card-padding: 32px 16px;
  }
}
.jtl-ew-card--guide-box {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 64px;
}

.jtl-ew-card--guide-box-sm {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 32px;
}

.jtl-ew-card--panel {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 64px;
}

@media (max-width: 767.98px) {
  .jtl-ew-card--guide-box {
    --jtl-ew-card-padding: 32px;
  }
  .jtl-ew-card--panel {
    --jtl-ew-card-radius: 28px;
    --jtl-ew-card-padding: 32px;
  }
}
.jtl-ew-card--guide-cta {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 56px 79px;
}

@media (max-width: 767.98px) {
  .jtl-ew-card--guide-cta {
    --jtl-ew-card-padding: 32px 39px;
  }
}
.jtl-ew-card--callout {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 32px;
}

.jtl-ew-card--callout-slim {
  --jtl-ew-card-radius: 24px;
  --jtl-ew-card-padding: 18px 24px;
}

.jtl-ew-card--sub {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 28px 48px;
}

.jtl-ew-card--feature {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 56px;
}

.jtl-ew-card--tile {
  --jtl-ew-card-radius: 20px;
  --jtl-ew-card-padding: 32px 22px;
}

.jtl-ew-card--video {
  --jtl-ew-card-radius: 24px;
  --jtl-ew-card-padding: 47.021px;
}

.jtl-ew-related-card__stack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.jtl-ew-related-card {
  --jtl-ew-card-radius: 24px;
  --jtl-ew-card-padding: 20px;
}

.jtl-ew-related-card__stack .jtl-ew-button-wrap {
  margin-top: auto;
}

.jtl-ew-related-card__stack .jtl-ew-button--link-arrow {
  font-weight: 900;
}

.jtl-ew-support-cards > .jtl-ew-card.jtl-ew-surface--dark-blue .jtl-ew-paragraph a {
  color: #ffffff;
}

.jtl-ew-support-cards > .jtl-ew-card.jtl-ew-surface--light-blue .jtl-ew-heading {
  font-weight: 400;
}

.jtl-ew-card--full-height {
  align-self: stretch;
}

.jtl-ew-card--content-center {
  justify-content: center;
}

.jtl-ew-card--align-center {
  justify-content: center;
}

.jtl-ew-card--align-end {
  justify-content: flex-end;
}

.jtl-ew-card--align-between {
  justify-content: space-between;
}

.jtl-ew-card--white-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.jtl-ew-card--orange {
  background-color: #fb581f;
}

.jtl-ew-card--segment {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 46px;
}

.jtl-ew-card--deep {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 96px;
}

.jtl-ew-card--form {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 32px 48px;
  position: relative;
  isolation: isolate;
}

.jtl-ew-card--form::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 0 30%;
  background-image: url("data:image/svg+xml;utf8,<svg preserveAspectRatio='none' width='100%' height='100%' overflow='visible' viewBox='0 0 588.889 547.222' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M552.992 136.338L476.204 0H0V547.222H476.208L552.992 410.921C600.855 325.982 600.855 221.314 552.992 136.338Z' fill='%2389D2FF'/></svg>");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transform: scaleX(-1);
}

@media (max-width: 991.98px) {
  .jtl-ew-card--form::after {
    display: none;
  }
  .jtl-ew-card--form .jtl-ew-hubspot {
    max-width: none;
    padding: 40px 24px 24px;
    background-color: #89d2ff;
    border-radius: 50% 50% 0 0/80px 80px 0 0;
  }
  .jtl-ew-card--form .jtl-ew-columns--measured {
    max-width: 100%;
  }
}
@media (max-width: 991.98px) {
  .jtl-ew-card--segment {
    --jtl-ew-card-radius: 24px;
    --jtl-ew-card-padding: 24px;
  }
  .jtl-ew-card--deep {
    --jtl-ew-card-padding: 72px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-card--deep {
    --jtl-ew-card-padding: 32px;
  }
  .jtl-ew-card--form {
    --jtl-ew-card-padding: 24px 24px 0;
  }
}
.jtl-ew-card--advantage {
  --jtl-ew-card-radius: 16px;
  --jtl-ew-card-padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 232px;
}

.jtl-ew-card--advantage::after {
  content: "";
  order: -1;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background-color: #2722f8;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><polyline points='10 13 8 15 10 17'/><polyline points='14 13 16 15 14 17'/></svg>");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 24px 24px;
}

.jtl-ew-card--tile-sm {
  --jtl-ew-card-radius: 24px;
  --jtl-ew-card-padding: 20px;
  justify-content: space-between;
  gap: 32px;
}

.jtl-ew-card--contact {
  --jtl-ew-card-radius: 19.2px;
  --jtl-ew-card-padding: 12.8px;
}

.jtl-ew-card--wawi-panel {
  --jtl-ew-card-radius: 46px;
  --jtl-ew-card-padding: 87px 44px;
  border: 1px solid #eeeee7;
}

.jtl-ew-card--wawi-feature {
  --jtl-ew-card-radius: 24px;
  --jtl-ew-card-padding: 24px;
}

.jtl-ew-card--wawi-tutorial {
  --jtl-ew-card-radius: 32px;
  --jtl-ew-card-padding: 120px 128px 160px;
}

@media (min-width: 1501px) {
  .jtl-ew-card--wawi-tutorial {
    --jtl-ew-card-padding: 120px 184px 104px 128px;
  }
}
.jtl-ew-card--wawi-tutorial-tile {
  --jtl-ew-card-radius: 24px;
  --jtl-ew-card-padding: 16px 20px;
  position: relative;
  justify-content: space-between;
  min-height: 190px;
}

.jtl-ew-card--wawi-tutorial-tile::after {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 30px;
  background-color: #0b1b45;
  content: "";
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 30'%3E%3Cpath fill='black' d='M12 0a9 9 0 0 0-5.6 16.05c.95.76 1.6 1.82 1.8 2.95h7.6c.2-1.13.85-2.19 1.8-2.95A9 9 0 0 0 12 0Zm-3.5 22h7v2h-7v-2Zm1 4h5v2h-5v-2Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.jtl-ew-card--wawi-onboarding {
  --jtl-ew-card-radius: 32px;
  --jtl-ew-card-padding: 32px;
}

.jtl-ew-card--wawi-tutorial .jtl-ew-button,
.jtl-ew-card--wawi-onboarding .jtl-ew-button {
  border-width: 0;
}

@media (max-width: 991.98px) {
  .jtl-ew-card--wawi-tutorial {
    --jtl-ew-card-padding: 48px 32px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-card--wawi-panel {
    --jtl-ew-card-radius: 32px;
    width: calc(100% - 16px);
    justify-self: center;
  }
  .jtl-ew-card--wawi-feature {
    width: 280px;
    max-width: none;
    justify-self: center;
  }
  .jtl-ew-card--wawi-tutorial {
    --jtl-ew-card-padding: 64px 56px 136px;
  }
  .jtl-ew-card--wawi-tutorial-tile {
    min-height: 0;
    height: 130px;
  }
  .jtl-ew-card--wawi-tutorial-tile .jtl-ew-heading--size-wawi-tile-label {
    max-width: 150px;
  }
  .jtl-ew-card--wawi-tutorial-tile > .jtl-ew-grid + .jtl-ew-grid {
    position: absolute;
    right: 20px;
    bottom: 16px;
    left: 20px;
  }
  .jtl-ew-card--wawi-onboarding {
    --jtl-ew-card-radius: 24px;
    --jtl-ew-card-padding: 24px;
  }
}
.jtl-ew-card--push-last > *:last-child {
  margin-top: auto;
}

.jtl-ew-card--grow {
  flex: 1 1 auto;
}

.jtl-ew-card-media {
  --jtl-ew-card-media-radius: 24px;
  --jtl-ew-card-media-padding: 24px;
  --jtl-ew-card-media-gap: 15px;
  display: flex;
  flex-direction: column;
  gap: var(--jtl-ew-card-media-gap);
  box-sizing: border-box;
  overflow: hidden;
  border-radius: var(--jtl-ew-card-media-radius);
}
.jtl-ew-card-media .jtl-ew-paragraph {
  flex: 1 1 auto;
}
.jtl-ew-card-media {
  padding: var(--jtl-ew-card-media-padding);
  color: inherit;
  text-decoration: none;
}

.jtl-ew-card-media--sm {
  --jtl-ew-card-media-radius: 24px;
  --jtl-ew-card-media-padding: 24px;
}

.jtl-ew-card-media--lg {
  --jtl-ew-card-media-radius: 46px;
  --jtl-ew-card-media-padding: 46px;
}

.jtl-ew-card-media--full-height {
  align-self: stretch;
}

.jtl-ew-card-media__logo-tile {
  --jtl-ew-card-radius: 16px;
  --jtl-ew-card-padding: 20px 32px;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
}

.jtl-ew-card-media.jtl-ew-surface--transparent {
  --jtl-ew-card-media-padding: 0px;
  --jtl-ew-card-media-gap: 40px;
  border-radius: 0;
  background-color: transparent;
}
.jtl-ew-card-media.jtl-ew-surface--transparent .jtl-ew-card-media__media {
  aspect-ratio: auto;
  background-color: transparent;
  margin: 0;
}
.jtl-ew-card-media.jtl-ew-surface--transparent .jtl-ew-card-media__media .jtl-ew-video__poster,
.jtl-ew-card-media.jtl-ew-surface--transparent .jtl-ew-card-media__media .jtl-ew-video__player {
  height: auto;
  object-fit: scale-down;
}

.jtl-ew-card-media__media {
  position: relative;
  aspect-ratio: 1.8006;
  flex: 0 0 auto;
  width: calc(100% + var(--jtl-ew-card-media-padding) * 2);
  max-width: none;
  margin: calc(-1 * var(--jtl-ew-card-media-padding)) calc(-1 * var(--jtl-ew-card-media-padding)) calc(var(--jtl-ew-card-media-padding) - var(--jtl-ew-card-media-gap));
}

.jtl-ew-card-media__media .jtl-ew-video__poster,
.jtl-ew-card-media__media .jtl-ew-video__player {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(.jtl-ew-card-media .jtl-ew-text-icon) .jtl-ew-paragraph {
  color: #0b1b45;
  font-weight: 700;
}

.jtl-ew-quote {
  --jtl-ew-quote-gap: 32px;
  display: flex;
  gap: var(--jtl-ew-quote-gap);
  align-items: center;
  margin: 0;
}

.jtl-ew-quote__media {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  border-radius: 46px;
}

.jtl-ew-quote__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jtl-ew-quote__mark {
  display: block;
  width: 100%;
  max-width: 210px;
  height: auto;
  margin-inline: auto;
}

.jtl-ew-quote__mark-blob {
  fill: #89d2ff;
}

.jtl-ew-quote__mark-glyph {
  fill: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 54px;
  font-weight: 700;
}

.jtl-ew-quote__body {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
}

.jtl-ew-quote__topline {
  margin: 0;
  color: var(--jtl-ew-on-surface-overline, #2722f8);
  text-transform: uppercase;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.9px;
}

.jtl-ew-quote__text {
  margin: 0;
  color: var(--jtl-ew-on-surface-body, #0b1b45);
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 24px;
  line-height: 38px;
  font-weight: 500;
  letter-spacing: 0.48px;
}

.jtl-ew-quote__attribution {
  display: flex;
  flex-direction: column;
  color: var(--jtl-ew-on-surface-body, #0b1b45);
}

.jtl-ew-quote__name {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
}

.jtl-ew-quote__role {
  text-decoration: underline;
  text-decoration-color: #fb581f;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
}

.jtl-ew-quote__link.jtl-ew-quote__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--jtl-ew-on-surface-heading, #0b1b45);
  text-decoration: none;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
}

.jtl-ew-quote__link-label {
  text-decoration: underline;
}

.jtl-ew-quote__link-arrow {
  flex: 0 0 auto;
  width: 16px;
  height: 13.24px;
  color: inherit;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13.2386"><path d="M0 5.72042H12.9312L8.74512 1.53431C8.39418 1.18327 8.39412 0.61424 8.74512 0.263236C9.09613 -0.087768 9.66515 -0.0877072 10.0162 0.263236L15.7367 5.98377C16.0878 6.3348 16.0878 6.9038 15.7367 7.25484L10.0162 12.9754C9.66515 13.3263 9.09613 13.3264 8.74512 12.9754C8.39412 12.6244 8.39418 12.0553 8.74512 11.7043L12.9312 7.51818H0V5.72042Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px 13.24px;
  background-color: currentColor;
}

.jtl-ew-quote .jtl-ew-quote__role--link {
  color: #0b1b45;
  text-decoration: underline;
  text-decoration-color: #fb581f;
}

.jtl-ew-quote--featured {
  align-items: center;
  justify-content: center;
  gap: 0;
}

.jtl-ew-quote--featured .jtl-ew-quote__media {
  position: relative;
  flex: 0 0 352px;
  overflow: visible;
  border-radius: 0;
}

.jtl-ew-quote--featured .jtl-ew-quote__image {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 20px;
}

.jtl-ew-quote--featured .jtl-ew-quote__body {
  flex: 0 1 820px;
  padding-inline-start: 32px;
}

.jtl-ew-quote__badge {
  position: absolute;
  z-index: 2;
  top: -65px;
  inset-inline-start: -65px;
  width: 140px;
  height: 140px;
  filter: hue-rotate(190deg) saturate(0.85);
}

.jtl-ew-quote__badge svg {
  display: block;
  width: 100%;
  height: 100%;
}

.jtl-ew-quote--image-top {
  flex-direction: column;
  align-items: stretch;
  max-width: 480px;
  margin-inline: auto;
}
.jtl-ew-quote--image-top .jtl-ew-quote__media {
  flex: 0 0 auto;
  width: 100%;
  max-width: 300px;
  margin-inline: auto;
}

@media (max-width: 991.98px) {
  .jtl-ew-quote {
    flex-direction: column;
    align-items: stretch;
  }
  .jtl-ew-quote__media,
  .jtl-ew-quote__body {
    flex: 0 0 auto;
  }
  .jtl-ew-quote--featured {
    gap: 32px;
  }
  .jtl-ew-quote--featured .jtl-ew-quote__media {
    flex: 0 0 auto;
  }
  .jtl-ew-quote--featured .jtl-ew-quote__body {
    flex: 1 1 auto;
    padding-inline-start: 0;
  }
}
.jtl-ew-slider {
  padding-inline: 0;
  --jtl-ew-slider-gap-now: var(--jtl-ew-slider-gap, 32px);
  --jtl-ew-slider-cols-now: var(--jtl-ew-slider-columns, 3);
  display: flex;
  gap: var(--jtl-ew-slider-gap-now);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.jtl-ew-slider::-webkit-scrollbar {
  display: none;
}
.jtl-ew-slider > *:where(*):where(:not(.elementor-element-overlay)),
.jtl-ew-slider > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)) {
  flex: 0 0 calc((100% - (var(--jtl-ew-slider-cols-now) - 1) * var(--jtl-ew-slider-gap-now)) / var(--jtl-ew-slider-cols-now));
  min-width: 0;
  scroll-snap-align: start;
}
@media (min-width: 1200px) {
  .jtl-ew-slider {
    --jtl-ew-slider-gap-now: var(--jtl-ew-slider-gap-wide, var(--jtl-ew-slider-gap, 32px));
    --jtl-ew-slider-cols-now: var(--jtl-ew-slider-columns-wide, var(--jtl-ew-slider-columns, 3));
  }
}
@media (max-width: 991.98px) {
  .jtl-ew-slider {
    --jtl-ew-slider-gap-now: var(--jtl-ew-slider-gap-tablet, var(--jtl-ew-slider-gap, 32px));
    --jtl-ew-slider-cols-now: var(--jtl-ew-slider-columns-tablet, 2);
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-slider {
    --jtl-ew-slider-gap-now: var(--jtl-ew-slider-gap-mobile, var(--jtl-ew-slider-gap-tablet, var(--jtl-ew-slider-gap, 32px)));
    --jtl-ew-slider-cols-now: var(--jtl-ew-slider-columns-mobile, 1);
  }
}
@media (max-width: 575.98px) {
  .jtl-ew-slider {
    --jtl-ew-slider-gap-now: var(--jtl-ew-slider-gap-xs, var(--jtl-ew-slider-gap-mobile, var(--jtl-ew-slider-gap-tablet, var(--jtl-ew-slider-gap, 32px))));
    --jtl-ew-slider-cols-now: var(--jtl-ew-slider-columns-xs, var(--jtl-ew-slider-columns-mobile, 1));
  }
}

@media (prefers-reduced-motion: reduce) {
  .jtl-ew-slider {
    scroll-behavior: auto;
  }
}
[data-jtl-slider].is-grabbable {
  cursor: grab;
}

[data-jtl-slider].is-grabbing {
  cursor: grabbing;
  scroll-behavior: auto;
  scroll-snap-type: none;
  user-select: none;
}

.jtl-ew-slider-shell {
  position: relative;
  width: 100%;
  min-width: 0;
  align-self: stretch;
}

.jtl-ew-slider-nav {
  display: flex;
  gap: 24px;
  justify-content: flex-end;
}

.jtl-ew-slider-shell:not(.jtl-ew-slider-shell--outside):not(.jtl-ew-slider-shell--overlay) .jtl-ew-slider-nav {
  margin-top: 24px;
}

.jtl-ew-slider-dots {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 46px;
}

.jtl-ew-slider-dot {
  width: 22px;
  height: 22px;
  padding: 0;
  border: 2px solid currentColor;
  border-radius: 50%;
  background-color: transparent;
  color: var(--jtl-ew-on-surface-heading, #0b1b45);
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

.jtl-ew-slider-dot:hover,
.jtl-ew-slider-dot:focus-visible {
  opacity: 1;
}

.jtl-ew-slider-dot.is-active {
  background-color: currentColor;
  opacity: 1;
}

.jtl-ew-slider-shell--outside {
  display: flex;
  align-items: center;
  gap: 24px;
}
.jtl-ew-slider-shell--outside .jtl-ew-slider-nav {
  display: contents;
}
.jtl-ew-slider-shell--outside .jtl-ew-slider-button--prev {
  order: -1;
}
.jtl-ew-slider-shell--outside .jtl-ew-slider-button--next {
  order: 1;
}
.jtl-ew-slider-shell--outside [data-jtl-slider] {
  order: 0;
  flex: 1 1 auto;
  min-width: 0;
}

.jtl-ew-slider-shell--outside-dots {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 24px;
}
.jtl-ew-slider-shell--outside-dots .jtl-ew-slider-nav {
  display: contents;
}
.jtl-ew-slider-shell--outside-dots .jtl-ew-slider-button--prev {
  grid-row: 1;
  grid-column: 1;
}
.jtl-ew-slider-shell--outside-dots .jtl-ew-slider-button--next {
  grid-row: 1;
  grid-column: 3;
}
.jtl-ew-slider-shell--outside-dots [data-jtl-slider] {
  grid-row: 1;
  grid-column: 2;
  min-width: 0;
}
.jtl-ew-slider-shell--outside-dots .jtl-ew-slider-dots {
  grid-row: 2;
  grid-column: 1/-1;
}

@media (max-width: 767.98px) {
  .jtl-ew-slider-shell--outside,
  .jtl-ew-slider-shell--outside-dots {
    display: block;
  }
  .jtl-ew-slider-shell .jtl-ew-slider-nav {
    display: none;
  }
}
.jtl-ew-slider-shell .jtl-ew-slider-nav[hidden] {
  display: none;
}

.jtl-ew-slider-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 46px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 20px;
  background-color: #ffffff;
  cursor: pointer;
}

.jtl-ew-slider-button[disabled] {
  opacity: 0.4;
  cursor: default;
}

.jtl-ew-slider-button__icon {
  display: block;
  width: 16px;
  height: 14px;
  color: #0b1b45;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13.2386"><path d="M0 5.72042H12.9312L8.74512 1.53431C8.39418 1.18327 8.39412 0.61424 8.74512 0.263236C9.09613 -0.087768 9.66515 -0.0877072 10.0162 0.263236L15.7367 5.98377C16.0878 6.3348 16.0878 6.9038 15.7367 7.25484L10.0162 12.9754C9.66515 13.3263 9.09613 13.3264 8.74512 12.9754C8.39412 12.6244 8.39418 12.0553 8.74512 11.7043L12.9312 7.51818H0V5.72042Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px 13.24px;
  background-color: currentColor;
}

.jtl-ew-slider-button--prev .jtl-ew-slider-button__icon {
  transform: rotate(180deg);
}

.jtl-ew-slider-shell--overlay {
  position: relative;
}

.jtl-ew-slider-shell--overlay .jtl-ew-slider-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  margin-top: 0;
  pointer-events: none;
}

.jtl-ew-slider-shell--overlay .jtl-ew-slider-button {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  pointer-events: auto;
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.5);
}

.jtl-ew-slider-shell--overlay .jtl-ew-slider-button--prev {
  left: -20px;
}

.jtl-ew-slider-shell--overlay .jtl-ew-slider-button--next {
  right: -20px;
}

.jtl-ew-logo-slider {
  display: flex;
  align-items: center;
  gap: var(--jtl-ew-slider-gap, 96px);
  min-height: var(--jtl-ew-logo-slider-row-height, 0px);
  overflow-x: auto;
  scrollbar-width: none;
}
.jtl-ew-logo-slider::-webkit-scrollbar {
  display: none;
}
.jtl-ew-logo-slider[style*="--jtl-ew-logo-slider-row-height"] {
  height: var(--jtl-ew-logo-slider-row-height);
}
@media (max-width: 767.98px) {
  .jtl-ew-logo-slider {
    gap: 40px;
  }
}

.jtl-ew-logo-slider__image {
  flex: var(--jtl-ew-logo-slider-flex, 0 0 auto);
  width: auto;
  height: auto;
  max-height: var(--jtl-ew-logo-slider-height, 78px);
}
@media (max-width: 767.98px) {
  .jtl-ew-logo-slider__image {
    max-height: var(--jtl-ew-logo-slider-height-mobile, var(--jtl-ew-logo-slider-height, 78px));
  }
}
.jtl-ew-logo-slider__image {
  max-width: none;
  object-fit: contain;
  scroll-snap-align: start;
}

.jtl-ew-logo-slider--monochrome .jtl-ew-logo-slider__image {
  mix-blend-mode: multiply;
  filter: grayscale(1) contrast(2);
}

@media (min-width: 1200px) {
  .jtl-ew-logo-slider[style*="--jtl-ew-logo-slider-count"] .jtl-ew-logo-slider__image {
    --jtl-ew-logo-slider-n: var(--jtl-ew-logo-slider-count, 4);
    flex: 0 0 calc((100% - (var(--jtl-ew-logo-slider-n) - 1) * var(--jtl-ew-slider-gap, 96px)) / var(--jtl-ew-logo-slider-n));
    min-width: 0;
    object-fit: contain;
    box-sizing: border-box;
    padding-inline: var(--jtl-ew-logo-slider-inset, 0);
  }
}
@media (max-width: 1199.98px) {
  .jtl-ew-logo-slider[style*="--jtl-ew-logo-slider-count-mobile"] .jtl-ew-logo-slider__image {
    --jtl-ew-logo-slider-n: var(--jtl-ew-logo-slider-count-mobile, 1);
    flex: 0 0 calc((100% - (var(--jtl-ew-logo-slider-n) - 1) * var(--jtl-ew-slider-gap, 96px)) / var(--jtl-ew-logo-slider-n));
    min-width: 0;
    object-fit: contain;
    box-sizing: border-box;
    padding-inline: var(--jtl-ew-logo-slider-inset-mobile, 0);
  }
}
.jtl-ew-logo-gridbox {
  display: flex;
  align-items: center;
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  overflow: hidden;
  padding: 46px;
  border-radius: 46px;
}
@media (max-width: 767.98px) {
  .jtl-ew-logo-gridbox {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    padding: 24px;
  }
}

.jtl-ew-logo-gridbox > *:where(*:not(.jtl-ew-logo-gridbox__logos-area):not(.jtl-ew-logo-gridbox__decor)):where(:not(.elementor-element-overlay)),
.jtl-ew-logo-gridbox > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)) {
  max-width: 39.5%;
}
@media (max-width: 767.98px) {
  .jtl-ew-logo-gridbox > *:where(*:not(.jtl-ew-logo-gridbox__logos-area):not(.jtl-ew-logo-gridbox__decor)):where(:not(.elementor-element-overlay)),
  .jtl-ew-logo-gridbox > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)) {
    max-width: 100%;
  }
}

.jtl-ew-logo-gridbox__decor {
  position: absolute;
  z-index: -1;
  left: 49.85%;
  top: -25.4%;
  width: 56.67%;
  height: 151%;
  transform: rotate(180deg);
  background-color: #0b1b45;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 743.5 606" preserveAspectRatio="none"><path d="M703.817 150.982L618.93 0L0 0L0 606H618.934L703.817 455.058C756.728 360.997 756.728 245.085 703.817 150.982Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .jtl-ew-logo-gridbox__decor {
    display: none;
  }
}

.jtl-ew-logo-gridbox--payments .jtl-ew-logo-gridbox__decor {
  display: block;
  left: 33.3%;
  top: 0;
  width: 86.7%;
  height: 100%;
  transform: none;
  background-color: #0b1b45;
  mask-image: url('data:image/svg+xml;utf8,<svg preserveAspectRatio="none" viewBox="0 0 1000 360" xmlns="http://www.w3.org/2000/svg"><path d="M221.3,0 L210.8,12.7 L200.3,25.5 L191,38.2 L180.5,50.9 L171.3,63.6 L163.4,76.4 L156.8,89.1 L150.2,101.8 L144.9,114.5 L141,127.3 L138.3,140 L135.7,152.7 L134.4,165.5 L133.1,178.2 L133.1,190.9 L134.4,203.6 L137,216.4 L139.7,229.1 L142.3,241.8 L147.6,254.5 L152.8,267.3 L158.1,280 L166,292.7 L173.9,305.5 L184.5,318.2 L193.7,330.9 L204.2,343.6 L214.8,356.4 L220,360 L1000,360 L1000,0 Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
@media (max-width: 767.98px) {
  .jtl-ew-logo-gridbox--payments .jtl-ew-logo-gridbox__decor {
    display: none;
  }
}

.jtl-ew-logo-gridbox--payments .jtl-ew-logo-gridbox__logos {
  grid-auto-flow: row;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: none;
  grid-auto-columns: auto;
}
@media (max-width: 767.98px) {
  .jtl-ew-logo-gridbox--payments .jtl-ew-logo-gridbox__logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.jtl-ew-logo-gridbox--payments .jtl-ew-logo-gridbox__tile:nth-child(4) {
  grid-column: 2;
}
@media (max-width: 767.98px) {
  .jtl-ew-logo-gridbox--payments .jtl-ew-logo-gridbox__tile:nth-child(4) {
    grid-column: auto;
  }
}

.jtl-ew-logo-gridbox__logos-area::before {
  content: none;
}
@media (max-width: 767.98px) {
  .jtl-ew-logo-gridbox__logos-area::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -80px -24px -24px;
    background-color: #0b1b45;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 606 743.5" preserveAspectRatio="none"><path transform="rotate(-90) translate(-743.5 0)" d="M703.817 150.982L618.93 0L0 0L0 606H618.934L703.817 455.058C756.728 360.997 756.728 245.085 703.817 150.982Z" fill="black"/></svg>');
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    pointer-events: none;
  }
}

.jtl-ew-logo-gridbox__logos-area {
  flex: 0 0 var(--jtl-ew-logo-gridbox-logos-width, 39.5%);
  margin-left: auto;
  order: 2;
  position: relative;
}
@media (max-width: 767.98px) {
  .jtl-ew-logo-gridbox__logos-area {
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
    margin-top: 96px;
    order: 1;
  }
}

.jtl-ew-logo-gridbox__logos {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(var(--jtl-ew-logo-gridbox-rows-effective, var(--jtl-ew-logo-gridbox-rows, 2)), auto);
  grid-auto-columns: calc((100% - (var(--jtl-ew-logo-gridbox-columns-effective, var(--jtl-ew-logo-gridbox-columns, 3)) - 1) * var(--jtl-ew-logo-gridbox-gap, 24px)) / var(--jtl-ew-logo-gridbox-columns-effective, var(--jtl-ew-logo-gridbox-columns, 3)));
  gap: var(--jtl-ew-logo-gridbox-gap, 24px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.jtl-ew-logo-gridbox__logos::-webkit-scrollbar {
  display: none;
}
@media (max-width: 767.98px) {
  .jtl-ew-logo-gridbox__logos {
    --jtl-ew-logo-gridbox-columns-effective: 2;
    --jtl-ew-logo-gridbox-rows-effective: 3;
    --jtl-ew-logo-gridbox-gap: 16px;
  }
}

.jtl-ew-logo-gridbox--flow-row .jtl-ew-logo-gridbox__logos {
  grid-auto-flow: row;
  grid-template-rows: none;
  grid-template-columns: repeat(var(--jtl-ew-logo-gridbox-columns-effective, var(--jtl-ew-logo-gridbox-columns, 3)), minmax(0, 1fr));
  grid-auto-rows: auto;
  grid-auto-columns: auto;
}

.jtl-ew-logo-gridbox--center-tiles .jtl-ew-logo-gridbox__logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow-x: visible;
}

.jtl-ew-logo-gridbox--center-tiles .jtl-ew-logo-gridbox__tile {
  flex: 0 0 calc((100% - (var(--jtl-ew-logo-gridbox-columns-effective, var(--jtl-ew-logo-gridbox-columns, 3)) - 1) * var(--jtl-ew-logo-gridbox-gap, 24px)) / var(--jtl-ew-logo-gridbox-columns-effective, var(--jtl-ew-logo-gridbox-columns, 3)));
}

.jtl-ew-logo-gridbox__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  padding: var(--jtl-ew-logo-gridbox-tile-padding, 18px);
  border-radius: var(--jtl-ew-logo-gridbox-tile-radius, 24px);
  background-color: #ffffff;
  overflow: hidden;
  scroll-snap-align: start;
}

a.jtl-ew-logo-gridbox__tile {
  text-decoration: none;
  color: inherit;
}

.jtl-ew-logo-gridbox__image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.jtl-ew-accordion {
  padding-inline: 0;
  display: flex;
  flex-direction: column;
  counter-reset: jtl-ew-accordion;
}

.jtl-ew-accordion__item {
  border-top: var(--jtl-ew-accordion-rule-width, 1px) solid var(--jtl-ew-accordion-accent, var(--jtl-ew-on-surface-overline, #2722f8));
  counter-increment: jtl-ew-accordion;
}

.jtl-ew-accordion:has(.jtl-ew-accordion__item) {
  border-bottom: var(--jtl-ew-accordion-rule-width, 1px) solid var(--jtl-ew-accordion-accent, var(--jtl-ew-on-surface-overline, #2722f8));
}

.jtl-ew-accordion__summary {
  display: flex;
  align-items: center;
  gap: var(--jtl-ew-accordion-summary-gap, 24px);
  padding: var(--jtl-ew-accordion-row-padding, 34px) 0;
  cursor: pointer;
  list-style: none;
}
.jtl-ew-accordion__summary::-webkit-details-marker {
  display: none;
}
.jtl-ew-accordion__summary:focus {
  outline: none;
}
.jtl-ew-accordion__summary:focus-visible {
  outline: 2px solid var(--jtl-ew-accordion-accent, var(--jtl-ew-on-surface-overline, #2722f8));
  outline-offset: 4px;
}

.jtl-ew-accordion__title {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--jtl-ew-on-surface-heading, #0b1b45);
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .jtl-ew-accordion__title {
    font-size: 20px;
    line-height: 28px;
  }
}

.jtl-ew-accordion__item[open] .jtl-ew-accordion__title,
.jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: var(--jtl-ew-on-surface-overline, #2722f8);
}

.jtl-ew-accordion--title-ink .jtl-ew-accordion__title,
.jtl-ew-accordion--title-ink .jtl-ew-accordion__number {
  color: #171717;
}
.jtl-ew-accordion--title-ink .jtl-ew-accordion__item[open] .jtl-ew-accordion__title,
.jtl-ew-accordion--title-ink .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #2722f8;
}

.jtl-ew-accordion__number {
  display: none;
  color: var(--jtl-ew-on-surface-overline, #2722f8);
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .jtl-ew-accordion__number {
    font-size: 20px;
    line-height: 28px;
  }
}

.jtl-ew-accordion--numbered .jtl-ew-accordion__number {
  display: block;
}

.jtl-ew-accordion--number-tech-blue .jtl-ew-accordion__number {
  color: #2722f8;
}

.jtl-ew-accordion__number::before {
  content: counter(jtl-ew-accordion, decimal-leading-zero);
}

.jtl-ew-accordion__icon {
  flex: 0 0 auto;
  width: var(--jtl-ew-accordion-icon-width, 20px);
  height: 20px;
  color: var(--jtl-ew-on-surface-overline, #2722f8);
  transition: transform 0.2s ease;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><line x1="1.25" y1="9.75" x2="18.75" y2="9.75" stroke="black" stroke-width="2.5" stroke-linecap="round"/><line x1="10.25" y1="1.25" x2="10.25" y2="18.75" stroke="black" stroke-width="2.5" stroke-linecap="round"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 20px 20px;
  background-color: currentColor;
}

@media (max-width: 767.98px) {
  .jtl-ew-accordion__icon {
    width: var(--jtl-ew-accordion-icon-width-mobile, var(--jtl-ew-accordion-icon-width, 20px));
  }
}
.jtl-ew-accordion__item[open] .jtl-ew-accordion__icon {
  transform: rotate(45deg);
}

.jtl-ew-accordion--toggle-minus .jtl-ew-accordion__item[open] .jtl-ew-accordion__icon {
  transform: none;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><line x1="1.25" y1="9.75" x2="18.75" y2="9.75" stroke="black" stroke-width="2.5" stroke-linecap="round"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 20px 20px;
  background-color: currentColor;
}

.jtl-ew-accordion__item {
  interpolate-size: allow-keywords;
}
.jtl-ew-accordion__item::details-content {
  block-size: 0;
  overflow: hidden;
  transition: block-size 0.2s ease, content-visibility 0.2s allow-discrete;
}
.jtl-ew-accordion__item[open]::details-content {
  block-size: auto;
}
@media (prefers-reduced-motion: reduce) {
  .jtl-ew-accordion__item::details-content {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jtl-ew-accordion__icon {
    transition: none;
  }
}
.jtl-ew-accordion__body {
  padding-bottom: var(--jtl-ew-accordion-row-padding, 34px);
  white-space: pre-line;
  color: var(--jtl-ew-on-surface-body, #0b1b45);
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.jtl-ew-accordion__body:has(> p) {
  white-space: normal;
}
.jtl-ew-accordion__body:has(> ul) {
  white-space: normal;
}
.jtl-ew-accordion__body:has(> ol) {
  white-space: normal;
}
.jtl-ew-accordion__body > p {
  margin: 0 0 24px;
}
.jtl-ew-accordion__body > p:last-child {
  margin-bottom: 0;
}
.jtl-ew-accordion__body > ul,
.jtl-ew-accordion__body > ol {
  margin: 0 0 24px;
  padding-left: 1.25em;
}
.jtl-ew-accordion__body > ul:last-child,
.jtl-ew-accordion__body > ol:last-child {
  margin-bottom: 0;
}
.jtl-ew-accordion__body li + li {
  margin-top: 4px;
}
.jtl-ew-accordion__body a {
  color: inherit;
  text-decoration: underline;
}
.jtl-ew-accordion__body a:hover, .jtl-ew-accordion__body a:focus-visible {
  color: #fb581f;
}

.jtl-ew-accordion__item[open] .jtl-ew-accordion__summary {
  padding-bottom: var(--jtl-ew-accordion-open-gap, 24px);
}

.jtl-ew-accordion--accent-tech-blue {
  --jtl-ew-accordion-accent: #2722f8;
}
.jtl-ew-accordion--accent-tech-blue .jtl-ew-accordion__icon {
  color: #2722f8;
}
.jtl-ew-accordion--accent-tech-blue .jtl-ew-accordion__number {
  color: #2722f8;
}

.jtl-ew-accordion--accent-light-blue {
  --jtl-ew-accordion-accent: #89d2ff;
}
.jtl-ew-accordion--accent-light-blue .jtl-ew-accordion__icon {
  color: #89d2ff;
}
.jtl-ew-accordion--accent-light-blue .jtl-ew-accordion__number {
  color: #89d2ff;
}

.jtl-ew-accordion--accent-dark-blue {
  --jtl-ew-accordion-accent: #0b1b45;
}
.jtl-ew-accordion--accent-dark-blue .jtl-ew-accordion__icon {
  color: #0b1b45;
}
.jtl-ew-accordion--accent-dark-blue .jtl-ew-accordion__number {
  color: #0b1b45;
}

.jtl-ew-accordion--title-dark-blue .jtl-ew-accordion__title {
  color: #0b1b45;
}

.jtl-ew-accordion--open-title-dark-blue .jtl-ew-accordion__item[open] .jtl-ew-accordion__title,
.jtl-ew-accordion--open-title-dark-blue .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #0b1b45;
}

.jtl-ew-accordion--title-grey .jtl-ew-accordion__title {
  color: #171717;
}

.jtl-ew-accordion--open-title-grey .jtl-ew-accordion__item[open] .jtl-ew-accordion__title,
.jtl-ew-accordion--open-title-grey .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #171717;
}

.jtl-ew-accordion--title-black .jtl-ew-accordion__title {
  color: #000000;
}

.jtl-ew-accordion--open-title-black .jtl-ew-accordion__item[open] .jtl-ew-accordion__title,
.jtl-ew-accordion--open-title-black .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #000000;
}

.jtl-ew-accordion--title-white .jtl-ew-accordion__title {
  color: #ffffff;
}

.jtl-ew-accordion--open-title-white .jtl-ew-accordion__item[open] .jtl-ew-accordion__title,
.jtl-ew-accordion--open-title-white .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #ffffff;
}

.jtl-ew-accordion--title-tech-blue .jtl-ew-accordion__title {
  color: #2722f8;
}

.jtl-ew-accordion--open-title-tech-blue .jtl-ew-accordion__item[open] .jtl-ew-accordion__title,
.jtl-ew-accordion--open-title-tech-blue .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #2722f8;
}

.jtl-ew-accordion--title-light-blue .jtl-ew-accordion__title {
  color: #89d2ff;
}

.jtl-ew-accordion--open-title-light-blue .jtl-ew-accordion__item[open] .jtl-ew-accordion__title,
.jtl-ew-accordion--open-title-light-blue .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #89d2ff;
}

.jtl-ew-accordion--title-orange .jtl-ew-accordion__title {
  color: #fb581f;
}

.jtl-ew-accordion--open-title-orange .jtl-ew-accordion__item[open] .jtl-ew-accordion__title,
.jtl-ew-accordion--open-title-orange .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #fb581f;
}

.jtl-ew-accordion--open-number-dark-blue .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #0b1b45;
}

.jtl-ew-accordion--open-number-grey .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #171717;
}

.jtl-ew-accordion--open-number-black .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #000000;
}

.jtl-ew-accordion--open-number-white .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #ffffff;
}

.jtl-ew-accordion--open-number-tech-blue .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #2722f8;
}

.jtl-ew-accordion--open-number-light-blue .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #89d2ff;
}

.jtl-ew-accordion--open-number-orange .jtl-ew-accordion__item[open] .jtl-ew-accordion__number {
  color: #fb581f;
}

.jtl-ew-accordion--surface-tech-blue {
  background-color: #2722f8;
  border-radius: 32px;
  margin-top: 24px;
}
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__item {
  border-top-color: #0b1b45;
}
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__item:first-of-type {
  border-top: 0;
}
.jtl-ew-accordion--surface-tech-blue:has(.jtl-ew-accordion__item) {
  border-bottom: 0;
}
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__summary {
  padding: 24px;
  gap: 0;
}
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__title,
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__meta {
  color: #ffffff;
}
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__item[open] .jtl-ew-accordion__title,
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__item[open] .jtl-ew-accordion__meta {
  color: #ffffff;
}
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__icon {
  height: 54px;
  background-color: #7ef7f5;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><line x1="1.25" y1="9.75" x2="18.75" y2="9.75" stroke="black" stroke-width="2.5" stroke-linecap="round"/><line x1="10.25" y1="1.25" x2="10.25" y2="18.75" stroke="black" stroke-width="2.5" stroke-linecap="round"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 32px 32px;
  background-color: currentColor;
}
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__body {
  margin: 1px 15px 15px;
  padding: 18px 4px 23px;
  border-radius: 24px;
  background-color: #eeeee7;
  color: #000000;
}
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__body h2,
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__body h3,
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__body h4 {
  color: #89d2ff;
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__body h2,
  .jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__body h3,
  .jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__body h4 {
    font-size: 23.05px;
    line-height: 27.66px;
  }
}
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__body h2,
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__body h3,
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__body h4 {
  font-weight: 600;
}
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__body a {
  color: #333333;
  text-decoration: underline;
}
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__item[open] .jtl-ew-accordion__icon {
  transform: none;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><line x1="1.25" y1="9.75" x2="18.75" y2="9.75" stroke="black" stroke-width="2.5" stroke-linecap="round"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 32px 32px;
  background-color: currentColor;
}
.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__body li + li {
  margin-top: 0;
}

.jtl-ew-accordion__meta {
  flex: 1 1 auto;
  min-width: 0;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
}

.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__title {
  flex: 0 0 26%;
  padding-right: 16px;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__meta {
  padding-right: 16px;
  padding-left: 66px;
}

@media (max-width: 767.98px) {
  .jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__summary {
    flex-wrap: wrap;
  }
  .jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__title {
    flex: 1 1 100%;
  }
  .jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__meta {
    flex: 1 1 100%;
  }
}
@media (max-width: 599.98px) {
  .jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__summary {
    position: relative;
  }
  .jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__title {
    flex: 0 0 80%;
    margin-bottom: 25px;
  }
  .jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__meta {
    flex: 0 0 91.6667%;
    padding-right: 20px;
    padding-left: 0;
    font-size: 16px;
  }
  .jtl-ew-accordion--surface-tech-blue .jtl-ew-accordion__icon {
    position: absolute;
    top: 24px;
    right: 20px;
  }
}
.jtl-ew-accordion__body:has(> .jtl-ew-accordion__media) {
  display: flex;
  align-items: flex-start;
}

.jtl-ew-accordion__media {
  display: flex;
  padding-inline: 15px;
  flex: 0 0 16.6667%;
  flex-direction: column;
  gap: 24px;
}
.jtl-ew-accordion__media--span-3 {
  flex-basis: 25%;
}
.jtl-ew-accordion__media--span-4 {
  flex-basis: 33.3333%;
}
.jtl-ew-accordion__media img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 20px;
  object-fit: cover;
}

.jtl-ew-accordion__body-text {
  flex: 1 1 auto;
  min-width: 0;
  padding-inline: 15px;
}

@media (max-width: 767.98px) {
  .jtl-ew-accordion__body:has(> .jtl-ew-accordion__media) {
    flex-direction: column;
  }
  .jtl-ew-accordion__media {
    flex-basis: auto;
    flex-direction: row;
  }
}
.jtl-ew-tabs,
.jtl-ew-tab-panel {
  padding-inline: 0;
}

.jtl-ew-tabs-shell {
  display: flex;
  flex-direction: column;
  gap: 46px;
  width: 100%;
  min-width: 0;
  align-self: stretch;
}

.jtl-ew-tabs-nav {
  min-width: 0;
}

.jtl-ew-tabs-nav__list {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px;
  border-radius: 24px;
  background: #ffffff;
  overflow-x: auto;
  scrollbar-width: none;
}
.jtl-ew-tabs-nav__list::-webkit-scrollbar {
  display: none;
}

.jtl-ew-tabs-nav__tab {
  flex: 0 0 auto;
  padding: 8px 16px;
  border: 0;
  border-radius: 50px;
  background: transparent;
  color: #0b1b45;
  cursor: pointer;
  white-space: nowrap;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-tabs-nav__tab.is-active {
  background: #2722f8;
  color: #ffffff;
}

.jtl-ew-tabs-nav__tab {
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}

.jtl-ew-tabs-nav__tab:not(.is-active):hover,
.jtl-ew-tabs-nav__tab:not(.is-active):focus-visible {
  background: rgba(11, 27, 69, 0.08);
}

.jtl-ew-tabs-shell:has(> .jtl-ew-tabs--bar-pill) > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list {
  border-radius: 100px;
}

.jtl-ew-tabs-shell:has(> .jtl-ew-tabs--bar-spread) > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list {
  justify-content: space-between;
}

.jtl-ew-tabs-shell:has(> .jtl-ew-tabs--labels-tech-blue) .jtl-ew-tabs-nav__tab,
.jtl-ew-tabs-shell:has(> .jtl-ew-tabs--labels-tech-blue) .jtl-ew-tabs-nav__select {
  color: #2722f8;
}
.jtl-ew-tabs-shell:has(> .jtl-ew-tabs--labels-tech-blue) .jtl-ew-tabs-nav__tab.is-active {
  background: #2722f8;
  box-shadow: none;
  color: #ffffff;
}

.jtl-ew-tabs-nav__select {
  position: relative;
  display: none;
  color: #0b1b45;
}

.jtl-ew-tabs-nav__select-input {
  width: 100%;
  padding: 12px 22px;
  padding-inline-end: 49px;
  border: 0;
  border-radius: 24px;
  background: #ffffff;
  color: inherit;
  appearance: none;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-tabs-nav__select::after {
  content: "";
  position: absolute;
  inset-inline-end: 22px;
  top: 50%;
  width: 12.5px;
  height: 7.5px;
  transform: translateY(-50%);
  pointer-events: none;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.5 7.5" fill="none"><path d="M0.75 0.75L6.25 6.75L11.75 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 12.5px 7.5px;
  background-color: currentColor;
}

.jtl-ew-tab-panel {
  display: flex;
  flex-direction: column;
  gap: var(--jtl-ew-tab-panel-gap, 0);
}

.jtl-ew-tab-panel[hidden] {
  display: none;
}

@media (prefers-reduced-motion: no-preference) {
  .jtl-ew-tab-panel:not([hidden]) {
    animation: jtl-ew-tab-fade 0.35s ease both;
  }
}
.jtl-ew-tabs-shell--folder .jtl-ew-tab-panel:not([hidden]),
.jtl-ew-tabs-shell--switch .jtl-ew-tab-panel:not([hidden]) {
  animation: none;
}

@keyframes jtl-ew-tab-fade {
  from {
    opacity: 0.6;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-tabs-nav__list {
    display: none;
  }
  .jtl-ew-tabs-nav__select {
    display: block;
  }
}
.jtl-ew-tabs-shell--pills > .jtl-ew-tabs-nav {
  position: relative;
}

.jtl-ew-tabs-nav__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 56px;
  padding: 0;
  border: 0;
  color: #0b1b45;
  cursor: pointer;
}

.jtl-ew-tabs-nav__arrow[hidden] {
  display: none;
}

.jtl-ew-tabs-nav__arrow-icon {
  display: block;
  width: 11px;
  height: 6px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.5 7.5" fill="none"><path d="M0.75 0.75L6.25 6.75L11.75 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 11px 6px;
  background-color: currentColor;
}

.jtl-ew-tabs-nav__arrow--prev {
  inset-inline-start: 0;
  justify-content: flex-start;
  padding-inline-start: 12px;
  border-radius: 24px 0 0 24px;
  background: linear-gradient(to right, #ffffff 55%, rgba(255, 255, 255, 0));
}

.jtl-ew-tabs-nav__arrow--next {
  inset-inline-end: 0;
  justify-content: flex-end;
  padding-inline-end: 12px;
  border-radius: 0 24px 24px 0;
  background: linear-gradient(to left, #ffffff 55%, rgba(255, 255, 255, 0));
}

.jtl-ew-tabs-nav__arrow--prev .jtl-ew-tabs-nav__arrow-icon {
  transform: rotate(90deg);
}

.jtl-ew-tabs-nav__arrow--next .jtl-ew-tabs-nav__arrow-icon {
  transform: rotate(-90deg);
}

@media (max-width: 767.98px) {
  .jtl-ew-tabs-nav__arrow {
    display: none;
  }
}
/* ===========================================================================
   Bar chromes beyond the default pills (JP-1304)

   Both are the same tablist the script always builds - same roles, same roving
   tabindex, same arrow keys - wearing different paint. Only reachable when the
   instance sets `bar_variant`, so the pill bar every saved document uses is
   untouched.
   ======================================================================== */
/* --- folder: attached tabs that merge into the panel below ---------------- */
.jtl-ew-tabs-shell--folder {
  gap: 0;
}

/* CHILD-scoped, every one of them, and the reason is that a folder shell holds
 * another tabs shell: the monthly/yearly SWITCH lives inside a folder pane. A
 * descendant selector `.…--folder .…__tab` therefore matches the switch's
 * segments too, and the mobile folder block further down is the last word in
 * the file — so at 375 the switch was painted as a navy folder pill and lost its
 * white active state entirely. The bar is always `shell > nav > list > tab`, so
 * the child chain names the folder's OWN tabs and nothing nested under them. */
.jtl-ew-tabs-shell--folder > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list {
  position: relative;
  gap: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  overflow: hidden;
}

.jtl-ew-tabs-shell--folder > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab {
  position: relative;
  z-index: 1;
  flex: 1 1 0;
  padding: 10px 24px;
  border-radius: 0;
  background: transparent;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

.jtl-ew-tabs-shell--folder > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab.is-active {
  background: transparent;
  color: #ffffff;
}

.jtl-ew-tabs-nav__folder {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  z-index: 0;
  width: calc(100% / var(--jtl-ew-tabs-count, 1));
  border-radius: 20px 20px 0 0;
  background: #0b1b45;
  transform: translateX(calc(100% * var(--jtl-ew-tabs-active, 0)));
  transition: transform 380ms cubic-bezier(0.65, 0, 0.35, 1);
  pointer-events: none;
}

.jtl-ew-tabs-nav__folder::before,
.jtl-ew-tabs-nav__folder::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 20px;
}

.jtl-ew-tabs-nav__folder::before {
  inset-inline-start: -20px;
  background: radial-gradient(circle 20px at 0 0, transparent 19.5px, #0b1b45 20px);
}

.jtl-ew-tabs-nav__folder::after {
  inset-inline-end: -20px;
  background: radial-gradient(circle 20px at 100% 0, transparent 19.5px, #0b1b45 20px);
}

@media (prefers-reduced-motion: reduce) {
  .jtl-ew-tabs-nav__folder {
    transition: none;
  }
}
.jtl-ew-tabs-shell--folder > .jtl-ew-tabs {
  margin-block-start: -2px;
}

@media (min-width: 768px) {
  .jtl-ew-tabs-shell--folder[data-jtl-tabs-edge=end] .jtl-ew-card--folder-panel {
    --jtl-ew-card-radius: 20px 0 20px 20px;
  }
  .jtl-ew-tabs-shell--folder[data-jtl-tabs-edge=none] .jtl-ew-card--folder-panel {
    --jtl-ew-card-radius: 20px;
  }
}
.jtl-ew-tabs-shell--folder > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab > .jtl-ew-tabs-nav__badge {
  display: inline-block;
  margin-inline-start: 8px;
  padding: 1px 8px;
  border-radius: 5px;
  background: #2722f8;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  vertical-align: middle;
}

/* --- switch: a two-up segmented toggle on a dark field -------------------- */
.jtl-ew-tabs-shell--switch {
  gap: 73px;
}

.jtl-ew-tabs-shell--switch .jtl-ew-tabs-nav {
  display: flex;
  justify-content: center;
}

.jtl-ew-tabs-shell--switch .jtl-ew-tabs-nav__list {
  gap: 4px;
  padding: 4px;
  border: 1px solid #ffffff;
  border-radius: 145.323px;
  background: transparent;
  overflow: visible;
}

.jtl-ew-tabs-shell--switch .jtl-ew-tabs-nav__tab {
  padding: 8px 24px;
  border-radius: 145.323px;
  color: #ffffff;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  font-size: 20px;
}

.jtl-ew-tabs-shell--switch .jtl-ew-tabs-nav__tab.is-active {
  background: #ffffff;
  color: #0b1b45;
}

.jtl-ew-tabs-shell--switch .jtl-ew-tabs-nav__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-inline-start: 8px;
  border-radius: 50%;
  background: #fb581f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  vertical-align: middle;
}

@media (max-width: 767.98px) {
  .jtl-ew-tabs-shell--folder > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list,
  .jtl-ew-tabs-shell--switch .jtl-ew-tabs-nav__list {
    display: flex;
  }
  .jtl-ew-tabs-shell--folder > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__select,
  .jtl-ew-tabs-shell--switch .jtl-ew-tabs-nav__select {
    display: none;
  }
  /* And below it the folder stops being a folder. The reference hides the
   * canvas here and scrolls a row of navy PILLS instead — three 460px tabs do
   * not fit 345px of strip, and a lip that narrow reads as a stripe rather than
   * as a tab. Measured on the reference at 375: 8px between pills, 10/18
   * padding on a full pill radius, a 14/24/500 label, 4px of room under the row
   * for the scroll, and the panel's own 20px radius on all four corners
   * (`_card.scss`), which is why the corner flip above is bounded to `md`. */
  .jtl-ew-tabs-shell--folder > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list {
    gap: 8px;
    padding-block-end: 4px;
    overflow-x: auto;
  }
  .jtl-ew-tabs-shell--folder > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab {
    flex: 0 0 auto;
    padding: 10px 18px;
    border-radius: 145.323px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
  }
  .jtl-ew-tabs-shell--folder > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab.is-active {
    background: #0b1b45;
    color: #ffffff;
  }
  /* The switch WRAPS rather than shrinking. Measured on the reference at 375:
   * the track is 168 wide and each segment holds its 158, so the two stack —
   * and the radii step down with them, 12 on the track and 8 on a segment,
   * against 46/46 at desktop. The segment keeps its 20/28 label and its white
   * active fill; only the shape changes. */
  .jtl-ew-tabs-shell--switch > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list {
    flex-wrap: wrap;
    width: min-content;
    margin-inline: auto;
    border-radius: 12px;
  }
  .jtl-ew-tabs-shell--switch > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab {
    flex: 0 0 158px;
    border-radius: 8px;
  }
  .jtl-ew-tabs-nav__folder {
    display: none;
  }
}
.jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab--external {
  color: #0b1b45;
}

.jtl-ew-tabs-nav__tab--external {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
}
.jtl-ew-tabs-nav__tab--external:hover, .jtl-ew-tabs-nav__tab--external:focus {
  text-decoration: none;
}

.jtl-ew-tabs-shell--directory > .jtl-ew-tabs,
.jtl-ew-tabs-shell--directory > .jtl-ew-tabs > .jtl-ew-tab-panel {
  padding-inline: 0;
}

.jtl-ew-tabs-shell--directory {
  gap: 82px;
}
.jtl-ew-tabs-shell--directory > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list {
  width: fit-content;
  max-width: 100%;
  gap: 8px;
  border-radius: 25px;
}
.jtl-ew-tabs-shell--directory > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 17px;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0.28px;
}

@media (max-width: 767.98px) {
  .jtl-ew-tabs-shell--directory > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list {
    display: flex;
  }
  .jtl-ew-tabs-shell--directory > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__select {
    display: none;
  }
}
/* --- outline: bordered pills on the page, no bar chrome ------------------- */
.jtl-ew-tabs-shell--outline {
  gap: 48px;
}

.jtl-ew-tabs-shell--outline > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list {
  gap: 16px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  flex-wrap: wrap;
}

.jtl-ew-tabs-shell--outline > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab {
  padding: 12px 22px;
  border: 2px solid #0b1b45;
  border-radius: 145.323px;
  background: #eeeee7;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.jtl-ew-tabs-shell--outline > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab.is-active {
  border-color: #2722f8;
  background: #2722f8;
  color: #ffffff;
  font-weight: 700;
}

/* --- aside: the bar becomes a left column beside the panels ---------------- */
.jtl-ew-tabs-shell--aside {
  flex-direction: row;
  align-items: flex-start;
  gap: 43.2px;
}
.jtl-ew-tabs-shell--aside > .jtl-ew-tabs-nav {
  flex: 0 0 480px;
  max-width: 480px;
}
.jtl-ew-tabs-shell--aside > .jtl-ew-tabs {
  flex: 0 1 730px;
  max-width: 730px;
  min-width: 0;
}
.jtl-ew-tabs-shell--aside > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  overflow-x: visible;
}
.jtl-ew-tabs-shell--aside > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab {
  flex: 0 0 auto;
  padding: 0 33px;
  border-radius: 10px;
  background: transparent;
  color: #000000;
  text-align: left;
  white-space: normal;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}
.jtl-ew-tabs-shell--aside > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab > .jtl-ew-tabs-nav__label {
  display: block;
  width: 100%;
  max-width: 434px;
  padding: 32px 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
.jtl-ew-tabs-shell--aside > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab.is-active {
  background: transparent;
  color: #fb581f;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .jtl-ew-tabs-shell--aside {
    flex-direction: column;
    gap: 30px;
  }
  .jtl-ew-tabs-shell--aside > .jtl-ew-tabs-nav {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
  }
  .jtl-ew-tabs-shell--aside > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .jtl-ew-tabs-shell--aside > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__select {
    display: none;
  }
  .jtl-ew-tabs-shell--aside > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 16px;
    text-align: center;
  }
  .jtl-ew-tabs-shell--aside > .jtl-ew-tabs-nav > .jtl-ew-tabs-nav__list > .jtl-ew-tabs-nav__tab > .jtl-ew-tabs-nav__label {
    max-width: none;
    padding: 16px 0;
  }
  .jtl-ew-tabs-shell--aside > .jtl-ew-tabs {
    flex: 1 1 auto;
    max-width: 100%;
  }
}
.jtl-ew-tabbed-forms {
  padding-inline: 0;
  display: flex;
  flex-direction: column;
}

/* ------------------------------------------------------------------ *
 * Topic bar. Built by the behaviour script as a SIBLING of the stack
 * (the Tabs rule: the editor rewrites a container's innerHTML on every
 * settings change and would delete anything the script put inside it).
 * ------------------------------------------------------------------ */
.jtl-ew-tabbed-forms__bar {
  display: flex;
  align-items: center;
  margin-top: 64px;
  padding: 8px;
  border-radius: 100px;
  background: #ffffff;
  margin-bottom: 40px;
  overflow-x: auto;
  scrollbar-width: none;
}
.jtl-ew-tabbed-forms__bar::-webkit-scrollbar {
  display: none;
}

.jtl-ew-tabbed-forms__bar-list {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.jtl-ew-tabbed-forms__bar-tab {
  flex: 0 0 auto;
  padding: 8px 16px;
  border: 0;
  border-radius: 100px;
  background: transparent;
  color: #0b1b45;
  cursor: pointer;
  white-space: nowrap;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.jtl-ew-tabbed-forms__bar-tab.is-active {
  background: #2722f8;
  color: #ffffff;
}
.jtl-ew-tabbed-forms__bar-tab:hover:not(.is-active) {
  background: rgba(11, 27, 69, 0.08);
  color: #0b1b45;
}

/* ------------------------------------------------------------------ *
 * Panel: the master-detail grid. The root IS the grid so the items
 * (the placeholder's children) are direct children of the element root.
 * ------------------------------------------------------------------ */
.jtl-ew-tabbed-forms__panel {
  padding-inline: 0;
  display: grid;
  grid-template-columns: 588px 1fr;
  gap: 144px;
  align-items: start;
}
.jtl-ew-tabbed-forms__panel[hidden] {
  display: none;
}
@media (max-width: 969.98px) {
  .jtl-ew-tabbed-forms__panel {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* The list column spans every item row so it always sits beside the stack. */
.jtl-ew-tabbed-forms__list {
  grid-column: 1;
  grid-row: 1/-1;
  min-width: 0;
}
@media (max-width: 969.98px) {
  .jtl-ew-tabbed-forms__list {
    grid-column: 1;
    grid-row: auto;
  }
}

/* ------------------------------------------------------------------ *
 * Item rows. Built by the script from the items' titles; the "+" toggle
 * rotates 45deg into a "x" on the active row (the legacy module's own
 * comment says the same thing about its fa-plus).
 * ------------------------------------------------------------------ */
.jtl-ew-tabbed-forms__rows {
  margin: 0;
  padding: 0;
  list-style: none;
}

.jtl-ew-tabbed-forms__row {
  display: flex;
  align-items: center;
  gap: 19px;
  padding: 24px 0;
  border-top: 1px solid #2722f8;
  cursor: pointer;
}
.jtl-ew-tabbed-forms__row:last-child {
  border-bottom: 1px solid #2722f8;
}

.jtl-ew-tabbed-forms__row-label {
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .jtl-ew-tabbed-forms__row-label {
    font-size: 20px;
    line-height: 28px;
  }
}

.jtl-ew-tabbed-forms__row-toggle {
  margin-left: auto;
  flex-shrink: 0;
  color: #2722f8;
  font-size: 20px;
  line-height: 1;
  transition: transform 0.2s ease;
}

.jtl-ew-tabbed-forms__row.is-active .jtl-ew-tabbed-forms__row-toggle {
  transform: rotate(45deg);
}

.jtl-ew-tabbed-forms__row:hover .jtl-ew-tabbed-forms__row-label {
  color: #2722f8;
}

/* ------------------------------------------------------------------ *
 * Contact detail under the list.
 * ------------------------------------------------------------------ */
.jtl-ew-tabbed-forms__card {
  max-width: 363px;
  width: 100%;
  margin-top: 32px;
  color: #000;
  font-size: 16px;
  line-height: 22px;
}
.jtl-ew-tabbed-forms__card strong {
  display: block;
  margin-bottom: 32px;
}
@media (max-width: 969.98px) {
  .jtl-ew-tabbed-forms__card {
    max-width: 100%;
  }
}

.jtl-ew-tabbed-forms__card.jtl-ew-tabbed-forms__card a {
  color: #000;
  text-decoration: underline;
}
.jtl-ew-tabbed-forms__card.jtl-ew-tabbed-forms__card a:hover {
  color: #6e8da4;
  text-decoration: none;
}

/* ------------------------------------------------------------------ *
 * Detail column: the items.
 * ------------------------------------------------------------------ */
.jtl-ew-tabbed-forms__item {
  padding-inline: 0;
  grid-column: 2;
  min-width: 0;
}
.jtl-ew-tabbed-forms__item[hidden] {
  display: none;
}
@media (max-width: 969.98px) {
  .jtl-ew-tabbed-forms__item {
    grid-column: 1;
  }
}

.jtl-ew-tabbed-forms__item > .jtl-ew-hubspot {
  border: 1px solid #2722f8;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.92);
  padding: 64px 64px 32px;
}
@media (max-width: 549.98px) {
  .jtl-ew-tabbed-forms__item > .jtl-ew-hubspot {
    padding: 15px;
  }
}

/*
 * The detail column has TWO spellings and the reference draws them differently.
 *
 *   rich block   the free body an editor writes — prose, sub-headings, link
 *                lists. The reference leaves it on the theme's own body style:
 *                #333 at 16/24, 16px between blocks, a `.h5` heading in the
 *                display face.
 *   form step    the HubSpot step's title + description, which IS designed:
 *                Dark Blue at 16/22, 8px between the two.
 *
 * Both arrive here as the same `content` prop, so the markup cannot tell them
 * apart. What distinguishes them here is that the form step MOUNTS A FORM, which
 * on this page is exactly the set of form steps — every one of them carries a
 * configured HubSpot id. It is a proxy, not a restatement of the legacy rule:
 * that template branches per TAB on `block_type == 'form'` and then draws the
 * step type whether or not a form id is present. So an item whose form id is
 * cleared in the editor renders no form and falls back to the rich block. That
 * is a deliberate limit of a CSS-only test, and it is the reason the composer
 * should grow an explicit marker on the item if this module ever hosts a form
 * step with no form.
 *
 * The rich block is the base; the form step is the exception, below.
 */
.jtl-ew-tabbed-forms__item-content {
  padding: 32px 0;
  color: #333333;
  font-size: 16px;
  line-height: 24px;
}
.jtl-ew-tabbed-forms__item-content p,
.jtl-ew-tabbed-forms__item-content h3,
.jtl-ew-tabbed-forms__item-content h4 {
  margin-bottom: 16px;
}
.jtl-ew-tabbed-forms__item-content ul,
.jtl-ew-tabbed-forms__item-content ol {
  margin-bottom: 16px;
  padding-inline-start: 15px;
}
.jtl-ew-tabbed-forms__item-content > *:last-child {
  margin-bottom: 0;
}

.jtl-ew-tabbed-forms__item:has(> .jtl-ew-hubspot) > .jtl-ew-tabbed-forms__item-content {
  color: #0b1b45;
  line-height: 22px;
  padding-bottom: 0;
}
.jtl-ew-tabbed-forms__item:has(> .jtl-ew-hubspot) > .jtl-ew-tabbed-forms__item-content p {
  margin-bottom: 8px;
}
.jtl-ew-tabbed-forms__item:has(> .jtl-ew-hubspot) > .jtl-ew-tabbed-forms__item-content p:not(:first-child):last-child {
  margin-bottom: 32px;
}

/* ------------------------------------------------------------------ *
 * Two rich-block details are claimed by rules that match the element
 * DIRECTLY at (0,1,1) — one class plus a type. A single class here is
 * only (0,1,0), so the class is repeated to reach (0,2,1) and outrank
 * them. No `!important`: each still loses to anything a page
 * deliberately sets on the element.
 *
 * The library's `_authority.scss` fights the same competitor with
 * `.elementor` as its anchor, but it keys on the heading component's
 * own size class — and these headings come raw out of `wpautop`, so
 * they carry none. Hence a second technique for the same sheet.
 * ------------------------------------------------------------------ */
.jtl-ew-tabbed-forms__item-content.jtl-ew-tabbed-forms__item-content h3,
.jtl-ew-tabbed-forms__item-content.jtl-ew-tabbed-forms__item-content h4 {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.jtl-ew-tabbed-forms__item-content.jtl-ew-tabbed-forms__item-content a {
  text-decoration: underline;
}

.jtl-ew-tabbed-forms__item > .jtl-ew-paragraph {
  margin: 32px 0;
}

.jtl-ew-tabbed-forms__item > .jtl-ew-button {
  margin-bottom: 32px;
}

.jtl-ew-infobox {
  --jtl-ew-infobox-fill: #89d2ff;
  --jtl-ew-infobox-decor: #ffffff;
  --jtl-ew-infobox-col: 482px;
  --jtl-ew-infobox-pad-block: 46px;
  --jtl-ew-infobox-pad-inline: 46px;
  --jtl-ew-infobox-radius: 46px;
  position: relative;
  display: flex;
  box-sizing: border-box;
  gap: 144px;
  padding: var(--jtl-ew-infobox-pad-block) var(--jtl-ew-infobox-pad-inline);
  border-radius: var(--jtl-ew-infobox-radius);
  background: var(--jtl-ew-infobox-fill);
  overflow: hidden;
  isolation: isolate;
}

.jtl-ew-infobox::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset-inline-start: calc(var(--jtl-ew-infobox-pad-inline) + var(--jtl-ew-infobox-col) + 11px);
  inset-inline-end: 0;
  top: -32.5%;
  height: 160%;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 773 493" preserveAspectRatio="none"><path transform="translate(773 0) scale(-1 1)" d="M702.187 370.171C658.001 293.616 658.001 199.319 702.187 122.796L773 0.126324V0L0 0V493H773V492.866L702.187 370.171Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
  background-color: currentColor;
  background-color: var(--jtl-ew-infobox-decor);
}

.jtl-ew-infobox__side {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-width: 0;
  flex: 0 1 var(--jtl-ew-infobox-col);
  align-items: flex-start;
}

.jtl-ew-infobox__side ~ .jtl-ew-infobox__side {
  flex: 1 1 360px;
  align-items: stretch;
}

.jtl-ew-infobox--split-even {
  --jtl-ew-infobox-col: calc((100% - var(--jtl-ew-infobox-gap, 144px)) / 2);
}

.jtl-ew-infobox--split-even .jtl-ew-infobox__side ~ .jtl-ew-infobox__side {
  flex: 0 1 var(--jtl-ew-infobox-col);
}

.jtl-ew-infobox--tone-dark {
  --jtl-ew-infobox-fill: #0b1b45;
  --jtl-ew-infobox-decor: #89d2ff;
  --jtl-ew-infobox-pad-inline: 64px;
}

@media (min-width: 992px) {
  .jtl-ew-infobox--tone-dark {
    align-items: center;
  }
}
@media (max-width: 991.98px) {
  .jtl-ew-infobox {
    flex-direction: column;
    gap: 80px;
  }
  .jtl-ew-infobox::after {
    inset-inline: -3px;
    top: auto;
    bottom: -38px;
    width: auto;
    height: min(518px, 60%);
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 493 773" preserveAspectRatio="none"><path transform="translate(0 773) rotate(-90)" d="M702.187 370.171C658.001 293.616 658.001 199.319 702.187 122.796L773 0.126324V0L0 0V493H773V492.866L702.187 370.171Z" fill="black"/></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
    background-color: currentColor;
    background-color: var(--jtl-ew-infobox-decor);
  }
  .jtl-ew-infobox__side {
    justify-content: flex-start;
    flex: 0 0 auto;
    align-items: center;
    gap: 32px;
  }
  .jtl-ew-infobox--tone-dark .jtl-ew-infobox__side {
    align-items: flex-start;
  }
  .jtl-ew-infobox__side ~ .jtl-ew-infobox__side {
    align-items: stretch;
    gap: 24px;
  }
  .jtl-ew-infobox--tone-dark::after {
    display: none;
  }
  .jtl-ew-infobox--tone-dark {
    gap: max(80px, 20vw + 24px);
  }
  .jtl-ew-infobox--tone-dark .jtl-ew-infobox__side ~ .jtl-ew-infobox__side {
    position: relative;
    background: var(--jtl-ew-infobox-decor);
    width: calc(100% + var(--jtl-ew-infobox-pad-inline) * 2);
    max-width: none;
    margin-inline: calc(var(--jtl-ew-infobox-pad-inline) * -1);
    padding-inline: var(--jtl-ew-infobox-pad-inline);
    margin-bottom: calc(var(--jtl-ew-infobox-pad-block) * -1);
    padding-bottom: var(--jtl-ew-infobox-pad-block);
  }
  .jtl-ew-infobox--tone-dark .jtl-ew-infobox__side ~ .jtl-ew-infobox__side::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 100%;
    height: 20vw;
    pointer-events: none;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 204" preserveAspectRatio="none"><path d="M0,204 L37,184 L74,163 L110,143 L147,122 L184,102 L220,82 L257,61 L294,43 L331,29 L367,16 L404,8 L441,2 L478,0 L514,0 L551,2 L588,8 L625,14 L661,27 L698,39 L735,57 L771,78 L808,98 L845,118 L882,139 L918,159 L955,180 L992,202 L1000,204 Z" fill="black"/></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
    background-color: currentColor;
    background-color: var(--jtl-ew-infobox-decor);
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-infobox--tone-light {
    --jtl-ew-infobox-pad-block: 32px;
    --jtl-ew-infobox-pad-inline: 24px;
    --jtl-ew-infobox-radius: 24px;
  }
  .jtl-ew-infobox--tone-dark {
    --jtl-ew-infobox-pad-inline: 46px;
  }
}
.jtl-ew-price {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
  padding: 24px;
  border-radius: 24px;
  color: #ffffff;
  overflow: hidden;
  align-self: stretch;
}
.jtl-ew-price p {
  margin: 0;
}

.jtl-ew-price--standard {
  background: rgba(255, 255, 255, 0.1);
}

.jtl-ew-price--best-buy {
  background: transparent;
  border: 1px solid #ffffff;
}

.jtl-ew-price__badge {
  position: absolute;
  top: -1px;
  inset-inline-end: -1px;
  padding: 16px 20px;
  border-end-start-radius: 24px;
  background: #fb581f;
  color: #0b1b45;
  white-space: nowrap;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.jtl-ew-price__head {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.jtl-ew-price--best-buy .jtl-ew-price__topline {
  padding-inline-end: 73px;
}

.jtl-ew-price__topline {
  color: #ffffff;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}

.jtl-ew-price__name {
  color: #fb581f;
  overflow-wrap: break-word;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 40px;
  line-height: 28px;
  font-weight: 600;
}

.jtl-ew-price:not(.jtl-ew-price--layout-published) .jtl-ew-price__name {
  font-size: var(--jtl-ew-price-name-size, 30px);
  line-height: calc(var(--jtl-ew-price-name-size, 30px) * 1.1);
}

.jtl-ew-price--name-white .jtl-ew-price__name {
  color: #ffffff;
}

.jtl-ew-price--name-orange .jtl-ew-price__name {
  color: #fb581f;
}

.jtl-ew-price--name-dark-blue .jtl-ew-price__name {
  color: #0b1b45;
}

.jtl-ew-price__value {
  min-height: var(--jtl-ew-price-value-min, auto);
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.jtl-ew-price__features-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.jtl-ew-price__features {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jtl-ew-price__feature {
  position: relative;
  padding-inline-start: 32px;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

.jtl-ew-price__feature::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  color: #fb581f;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13.2386"><path d="M0 5.72042H12.9312L8.74512 1.53431C8.39418 1.18327 8.39412 0.61424 8.74512 0.263236C9.09613 -0.087768 9.66515 -0.0877072 10.0162 0.263236L15.7367 5.98377C16.0878 6.3348 16.0878 6.9038 15.7367 7.25484L10.0162 12.9754C9.66515 13.3263 9.09613 13.3264 8.74512 12.9754C8.39412 12.6244 8.39418 12.0553 8.74512 11.7043L12.9312 7.51818H0V5.72042Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px 13.2386px;
  background-color: currentColor;
}

.jtl-ew-price__cta {
  margin-block-start: auto;
}

.jtl-ew-price--levelled .jtl-ew-price__cta {
  margin-block-start: 0;
}

.jtl-ew-price__cta .jtl-ew-button {
  display: flex;
  width: 100%;
}

.jtl-ew-price--layout-figma {
  padding: 32px;
  gap: 16px;
}

.jtl-ew-price--layout-figma.jtl-ew-price--best-buy {
  background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 575.98px) {
  .jtl-ew-price--layout-figma {
    padding: 20px;
  }
}
.jtl-ew-price--layout-figma .jtl-ew-price__head {
  gap: 8px;
}

.jtl-ew-price--layout-figma .jtl-ew-price__ideal-label,
.jtl-ew-price--layout-figma .jtl-ew-price__ideal-text {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

.jtl-ew-price--layout-figma.jtl-ew-price--levelled .jtl-ew-price__cta {
  margin-block-start: 16px;
}

.jtl-ew-price--layout-figma.jtl-ew-price--levelled .jtl-ew-price__ideal {
  margin-block-start: 8px;
}

.jtl-ew-price--layout-figma .jtl-ew-price__ideal-label {
  padding-block-end: 8px;
}

.jtl-ew-price--layout-figma .jtl-ew-price__ideal-text {
  padding-block-end: 32px;
}

.jtl-ew-price--layout-figma .jtl-ew-price__ideal {
  padding-block-start: 0;
  border-block-start: 0;
}
.jtl-ew-price--layout-figma .jtl-ew-price__ideal::before {
  content: "";
  order: -1;
  width: min(168px, 100%);
  height: 1px;
  background-color: #ffffff;
}

@media (min-width: 992px) {
  .jtl-ew-price:not(.jtl-ew-price--layout-published) .jtl-ew-price__head {
    min-height: var(--jtl-ew-price-head-min, calc(30px + 2 * var(--jtl-ew-price-name-size, 30px) * 1.1));
  }
  .jtl-ew-price--layout-figma .jtl-ew-price__head {
    min-height: var(--jtl-ew-price-head-min, calc(32px + 2 * var(--jtl-ew-price-name-size, 30px) * 1.1));
  }
  .jtl-ew-price:not(.jtl-ew-price--layout-published) .jtl-ew-price__features {
    min-height: var(--jtl-ew-price-features-min, 96px);
  }
  .jtl-ew-price--levelled-ideal .jtl-ew-price__features {
    flex: 1 1 auto;
    min-height: var(--jtl-ew-price-features-min, 96px);
  }
  .jtl-ew-price--levelled-ideal .jtl-ew-price__ideal {
    min-height: var(--jtl-ew-price-ideal-min, auto);
  }
  .jtl-ew-price .jtl-ew-price__ideal {
    margin-block-start: 0;
  }
}
.jtl-ew-price__ideal {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-block-start: 24px;
  border-block-start: 1px solid #ffffff;
  margin-block-start: auto;
}

.jtl-ew-price__ideal-label,
.jtl-ew-price__ideal-text {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

/* ===========================================================================
   The published layout (JP-1304)

   Only reachable when the panel sets `layout: published`, so nothing here can
   move a panel built against the Figma slot list. The published card carries
   four blocks Figma's does not - a support line, an upgrade note, feature
   lists grouped under anchored sub-headings, and footnotes pinned to the card
   bottom - and orders the shared slots differently.
   ======================================================================== */
.jtl-ew-price--layout-published {
  justify-content: flex-start;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
}
.jtl-ew-price--layout-published .jtl-ew-price__rule {
  background: rgba(255, 255, 255, 0.2);
}
.jtl-ew-price--layout-published.jtl-ew-price--best-buy {
  border-color: #fb581f;
}

.jtl-ew-price__support {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  opacity: 0.85;
}

.jtl-ew-price__intro {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-price__rule {
  height: 1px;
  background: rgba(255, 255, 255, 0.24);
}

.jtl-ew-price__upgrade {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  line-height: 22px;
  font-weight: 400;
}
.jtl-ew-price__upgrade.is-empty {
  min-height: 1px;
}

/* ---------------------------------------------------------------------------
   The published card's DENSITY.

   The Figma card distributes its blocks with one flex gap; the published card
   gives every block its own margin, and no two are the same. Measured on the
   reference at 1440, top to bottom:

       title block  -> price          0      (the name carries a 16px bottom)
       price        -> support        8
       support      -> CTA           30
       CTA          -> "Ideal für"   15
       intro        -> rule          32
       rule         -> upgrade       32
       upgrade      -> sections      14
       section      -> section       14
       label        -> its list       2
       list item    -> list item      6
       rule         -> footnotes     18

   Against a uniform 24 that is 145px of extra height per card — measured 1342
   against the reference's 1197 — and it reads as a looser, airier card than the
   one production ships. Eleven values, ten of which are not 24.

   `gap: 0` on the card first, so the margins are the only thing spacing it: with
   the gap left in place every margin would have stacked on top of 24 and the
   card would have grown, not tightened.
   ------------------------------------------------------------------------ */
.jtl-ew-price--layout-published {
  gap: 0;
}
.jtl-ew-price--layout-published .jtl-ew-price__head {
  gap: 0;
  margin-bottom: 16px;
}
.jtl-ew-price--layout-published {
  /* A 40px SLOT, not a 28px line. The reference's price row is
   * `height: 2.5rem; display: flex; align-items: baseline`, so the amount sits
   * at the top of a 40px box and the 12px underneath is deliberate air before
   * the support line. Measured: with the box at its content's 28px, every block
   * below the price sat 12px high on all four cards. */
}
.jtl-ew-price--layout-published .jtl-ew-price__value {
  display: flex;
  align-items: baseline;
  height: 40px;
  margin-bottom: 8px;
}
.jtl-ew-price--layout-published {
  /* The published CTA sits 30px under the support line, NOT at the foot of the
   * card: this layout puts the button ABOVE the feature sections, and only the
   * footnote block is foot-anchored. The base rule's `margin-top: auto` has to
   * be cancelled here or the card ends up with TWO auto margins, which split the
   * free space between them and push the button down by half of it — measured
   * 50px on the Start card and 38px on Advanced, so the four buttons did not
   * even line up with each other. */
  /* The 30px above the button belongs to the BUTTON, not to the support line
   * above it — the reference states it that way and the small
   * "Sendungsverfolgung" cards are why it matters: they carry no support line,
   * and with the space hung off that element they lost it and their button rode
   * 30px up.
   *
   * `margin-block-start` also has to be reset from the base rule's `auto`: this
   * layout puts the button ABOVE the feature sections and only foot-anchors the
   * footnotes, and two auto margins in one column split the free space between
   * them — measured 50px on the Start card and 38px on Advanced, so the four
   * buttons did not even line up with each other. */
}
.jtl-ew-price--layout-published .jtl-ew-price__cta {
  margin-block-start: 30px;
  margin-bottom: 15px;
}
.jtl-ew-price--layout-published .jtl-ew-price__rule {
  margin-block: 32px;
}
.jtl-ew-price--layout-published {
  /* 36px whether or not it says anything — this is the slot that lines four
   * cards' feature lists up when only some plans carry an upgrade note. The
   * reference states it as `min-height: 36px; align-items: center` with
   * `visibility: hidden` on the empty ones, i.e. the space is reserved and only
   * the text is withheld. Reserving one line instead (the earlier `min-height:
   * 1px`) let the plans without a note pull their whole feature list 35px up. */
}
.jtl-ew-price--layout-published .jtl-ew-price__upgrade {
  display: flex;
  align-items: center;
  min-height: 36px;
  margin-bottom: 14px;
}
.jtl-ew-price--layout-published .jtl-ew-price__upgrade.is-empty {
  visibility: hidden;
}
.jtl-ew-price--layout-published .jtl-ew-price__sections {
  gap: 14px;
}
.jtl-ew-price--layout-published .jtl-ew-price__section {
  gap: 2px;
}
.jtl-ew-price--layout-published .jtl-ew-price__features,
.jtl-ew-price--layout-published .jtl-ew-price__footnotes {
  gap: 6px;
}
.jtl-ew-price--layout-published .jtl-ew-price__bottom {
  gap: 0;
}
.jtl-ew-price--layout-published .jtl-ew-price__bottom .jtl-ew-price__rule {
  margin-block: 0 18px;
}

.jtl-ew-price--layout-published .jtl-ew-price__upgrade:not(.is-empty)::before {
  content: "";
  flex: 0 0 17px;
  align-self: center;
  height: 24px;
  margin-inline-end: 10px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.75 14.75"><g fill="none" stroke="black" stroke-width="2.25" stroke-linecap="round"><path d="M1.125 7.375H13.625"/><path d="M7.375 1.125V13.625"/></g></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 14.75px 14.75px;
  background-color: currentColor;
}

.jtl-ew-price--layout-published .jtl-ew-price__badge {
  top: 20px;
  inset-inline-end: 20px;
  padding: 5px 14px;
  border-radius: 145.323px;
  border-end-start-radius: 145.323px;
  background: #fb581f;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-transform: none;
  letter-spacing: normal;
}

.jtl-ew-price--layout-published .jtl-ew-price__feature::before,
.jtl-ew-price--layout-published .jtl-ew-price__footnote::before {
  mask-image: none;
  background: none;
  content: "✓";
  color: #fb581f;
  font-size: 18px;
  font-weight: 700;
}

.jtl-ew-price strong,
.jtl-ew-price b {
  font-weight: 700;
}

.jtl-ew-price__sections {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.jtl-ew-price__section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.jtl-ew-price__section-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-weight: 700;
  text-transform: uppercase;
  color: inherit;
}

.jtl-ew-price__section-anchor {
  width: 0;
  font-size: 0.75em;
  text-decoration: none;
  opacity: 0;
  transform: translateX(0.5em);
  transition: opacity 0.25s;
}

.jtl-ew-price__section-label > .jtl-ew-price__section-anchor {
  color: inherit;
}

.jtl-ew-price__section-label:hover > .jtl-ew-price__section-anchor,
.jtl-ew-price__section-anchor:focus-visible {
  opacity: 0.5;
}

.jtl-ew-price__section-label > .jtl-ew-price__section-anchor:hover {
  color: inherit;
  opacity: 1;
}

.jtl-ew-price__clip {
  display: inline-block;
  margin-inline-start: 8px;
  padding: 2px 10px;
  border-radius: 5px;
  background: var(--jtl-ew-price-clip-bg, #ff9a26);
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  white-space: nowrap;
}

.jtl-ew-price__bottom {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.jtl-ew-price__footnotes {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jtl-ew-price__footnote {
  position: relative;
  padding-inline-start: 40px;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-price__footnote::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  color: #fb581f;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13.2386"><path d="M0 5.72042H12.9312L8.74512 1.53431C8.39418 1.18327 8.39412 0.61424 8.74512 0.263236C9.09613 -0.087768 9.66515 -0.0877072 10.0162 0.263236L15.7367 5.98377C16.0878 6.3348 16.0878 6.9038 15.7367 7.25484L10.0162 12.9754C9.66515 13.3263 9.09613 13.3264 8.74512 12.9754C8.39412 12.6244 8.39418 12.0553 8.74512 11.7043L12.9312 7.51818H0V5.72042Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px 13.2386px;
  background-color: currentColor;
}

.jtl-ew-price__value-prefix,
.jtl-ew-price__value-interval {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-price__value-interval {
  font-size: 14px;
  line-height: 21px;
}

/* …except on the PUBLISHED card, where all three are one line of type.
 *
 * Measured on the rendered price row, part by part: `ab`, `0 €` and `/ Monat`
 * are each 20/28/700, with 10px of margin on either side of the amount. The
 * 0.875rem the rule above cites is the base stylesheet's, and `.prices-card`
 * overrides it on this page — the same trap the tab label's 20/100%/700 was.
 * The render is the authority when the two disagree.
 *
 * Left as an override rather than a change to the rules above: the Figma card
 * does step the qualifiers down, and every other page using this component was
 * verified against that. */
.jtl-ew-price--layout-published .jtl-ew-price__value-prefix,
.jtl-ew-price--layout-published .jtl-ew-price__value-interval {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.jtl-ew-price--layout-published {
  /* 10px of air either side of the amount — but only where something sits next
   * to it. The Enterprise plan's whole price is the words "Auf Anfrage" with no
   * prefix and no interval, and an unconditional margin indented it 10px past
   * the three plans beside it. */
}
.jtl-ew-price--layout-published .jtl-ew-price__value-amount:not(:first-child) {
  margin-inline-start: 10px;
}
.jtl-ew-price--layout-published .jtl-ew-price__value-amount:not(:last-child) {
  margin-inline-end: 10px;
}

.jtl-ew-price--layout-published .jtl-ew-price__feature {
  display: flex;
  gap: 10px;
  padding-inline-start: 0;
}
.jtl-ew-price--layout-published {
  /* The footnote row is not laid out like a feature row. The reference keeps it
   * a BLOCK with a 20px indent and hangs the marker in it absolutely, so a
   * wrapped second line runs under the first rather than under the marker.
   * Composed as a flex line with a 5px gap it looked identical and reported
   * three property differences that were real: `display`, `padding-left` and
   * `gap` all disagreed with the reference while the pixels agreed. */
}
.jtl-ew-price--layout-published .jtl-ew-price__footnote {
  display: block;
  position: relative;
  gap: 10px;
  padding-inline-start: 20px;
}
.jtl-ew-price--layout-published .jtl-ew-price__footnote::before {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
}
.jtl-ew-price--layout-published .jtl-ew-price__feature-text,
.jtl-ew-price--layout-published .jtl-ew-price__upgrade-text {
  flex: 1 1 auto;
  min-width: 0;
}
.jtl-ew-price--layout-published {
  /* Only the LAST footnote row carries a tick.
   *
   * The rows above it name the order packages and sit flush; the last one names
   * the per-order price and is marked. The reference states the rule as
   * `li:has(strong) .icon { display: none }` — which covers eight of its nine
   * rows and misses the Enterprise card's "Größere Auftragspakete auf Anfrage",
   * a row whose markup simply carries no icon span. Measured on all nine, the
   * position is what the render agrees with, and the emphasis is not. */
}
.jtl-ew-price--layout-published .jtl-ew-price__footnote:not(:last-child)::before {
  content: none;
}
.jtl-ew-price--layout-published .jtl-ew-price__footnote:not(:last-child) {
  padding-inline-start: 0;
}
.jtl-ew-price--layout-published .jtl-ew-price__feature::before {
  position: static;
  top: auto;
  flex: 0 0 15px;
  height: auto;
  margin-top: 0;
  line-height: 24px;
}
.jtl-ew-price--layout-published .jtl-ew-price__footnote::before {
  width: 15px;
  height: auto;
  line-height: 24px;
}

.jtl-ew-info-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
  max-width: 100%;
  min-height: var(--jtl-ew-info-panel-min-height, 0);
  padding: 46px;
  border-radius: 46px;
  background-color: #ffffff;
  overflow: hidden;
  isolation: isolate;
}

.jtl-ew-info-panel--align-end {
  justify-content: flex-end;
}

.jtl-ew-info-panel--align-between {
  justify-content: space-between;
}

.jtl-ew-info-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 531 140" preserveAspectRatio="none"><path d="M531 45.0625V0H0C8.23968 6.28199 17.0077 12.1568 26.3178 17.5604L180.887 107.279C218.451 129.09 260.378 139.997 302.309 140H302.342C344.274 139.997 386.209 129.091 423.789 107.28L531 45.0625Z" fill="%232722F8"/></svg>'), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 339 283" preserveAspectRatio="none"><path d="M0 283H339V0L173.713 95.2603C92.9666 141.82 35.068 208.125 0 283Z" fill="%2389D2FF"/></svg>');
  background-position: right 0 top 0, right 0 bottom -23px;
  background-size: 531px 140px, 339px 283px;
  background-repeat: no-repeat, no-repeat;
}

.jtl-ew-info-panel > *:where(*):where(:not(.elementor-element-overlay)),
.jtl-ew-info-panel > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)) {
  max-width: 57.2%;
}

@media (max-width: 767.98px) {
  .jtl-ew-info-panel {
    padding: 32px 24px;
    border-radius: 24px;
    gap: 24px;
    padding-block-end: 121px;
  }
  .jtl-ew-info-panel::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 339 283" preserveAspectRatio="none"><path d="M0 283H339V0L173.713 95.2603C92.9666 141.82 35.068 208.125 0 283Z" fill="%2389D2FF"/></svg>');
    background-position: right 0 bottom 0;
    background-size: 336px 89px;
    background-repeat: no-repeat;
  }
  .jtl-ew-info-panel > *:where(*):where(:not(.elementor-element-overlay)),
  .jtl-ew-info-panel > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)) {
    max-width: 100%;
  }
}
.jtl-ew-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-sizing: border-box;
  --width: min(100%, 1600px);
  margin-inline: auto;
}
@media (min-width: 992px) {
  .jtl-ew-hero {
    border-end-start-radius: 62px;
    border-end-end-radius: 62px;
  }
}
.jtl-ew-hero {
  background-color: #0b1b45;
  color: #ffffff;
  overflow: hidden;
  isolation: isolate;
}

.jtl-ew-hero > .jtl-ew-hero__plane {
  position: absolute;
  width: 100%;
  pointer-events: none;
}

.jtl-ew-hero .jtl-ew-hero__plane-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jtl-ew-hero > .jtl-ew-hero__plane--back {
  z-index: -3;
}

.jtl-ew-hero > .jtl-ew-hero__plane--front {
  z-index: -1;
}

.jtl-ew-hero__decor {
  position: absolute;
  z-index: -2;
  pointer-events: none;
}

.jtl-ew-hero__decor--panel {
  color: #0b1b45;
}

.jtl-ew-hero__decor--top {
  color: #2722f8;
}

.jtl-ew-hero__credit {
  margin: 0;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  white-space: pre-line;
  display: flex;
  align-items: center;
  gap: 28.8px;
}

.jtl-ew-hero__credit-logo {
  flex: none;
  max-height: 25px;
  width: auto;
  padding-inline-end: 28.8px;
  border-inline-end: 1px solid #595959;
}

.jtl-ew-hero__credit-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.jtl-ew-hero__credit-link:hover, .jtl-ew-hero__credit-link:focus-visible {
  text-decoration-thickness: 2px;
}

.jtl-ew-hero {
  padding: 372px 32px 64px;
}

.jtl-ew-hero > .jtl-ew-hero__plane--back {
  inset: 0 0 auto 0;
  height: 372px;
}

.jtl-ew-hero > .jtl-ew-hero__plane--front {
  display: none;
}

.jtl-ew-hero__decor--panel {
  display: none;
}

.jtl-ew-hero__decor--top {
  top: 0;
  inset-inline-end: 0;
  width: 87.47%;
  padding-block-start: 22.05%;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 531 140" preserveAspectRatio="none"><path d="M531 45.0625V0H0C8.23968 6.28199 17.0077 12.1568 26.3178 17.5604L180.887 107.279C218.451 129.09 260.378 139.997 302.309 140H302.342C344.274 139.997 386.209 129.091 423.789 107.28L531 45.0625Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
  background-color: currentColor;
}

.jtl-ew-hero__decor--foot {
  top: 0;
  inset-inline: 0;
  margin-block-start: 74.87%;
  padding-block-start: 25.13%;
  color: #0b1b45;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 531 140" preserveAspectRatio="none"><g transform="translate(531 140) scale(-1 -1)"><path d="M531 45.0625V0H0C8.23968 6.28199 17.0077 12.1568 26.3178 17.5604L180.887 107.279C218.451 129.09 260.378 139.997 302.309 140H302.342C344.274 139.997 386.209 129.091 423.789 107.28L531 45.0625Z" fill="black"/></g></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
  background-color: currentColor;
}

@media (min-width: 768px) {
  .jtl-ew-hero {
    padding-inline: 46px;
  }
  .jtl-ew-hero__decor--top {
    padding-block-start: 15.49%;
  }
  .jtl-ew-hero__decor--foot {
    margin-block-start: 71.22%;
    padding-block-start: 28.78%;
  }
}
@media (min-width: 992px) {
  .jtl-ew-hero {
    min-height: 900px;
    justify-content: center;
    padding: 64px 4.79%;
  }
  .jtl-ew-hero > *:where(*:not(.jtl-ew-hero__plane):not(.jtl-ew-hero__decor):not(.jtl-ew-hero__credit)):where(:not(.elementor-element-overlay)),
  .jtl-ew-hero > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)) {
    max-width: 36.56%;
  }
  .jtl-ew-hero > .jtl-ew-hero__plane--back {
    inset: 0;
    height: 100%;
    aspect-ratio: auto;
  }
  .jtl-ew-hero > .jtl-ew-hero__plane--front {
    display: block;
    inset: 0;
    height: 100%;
  }
  .jtl-ew-hero__decor--panel {
    display: block;
    inset: 0 auto 0 0;
    width: 45.21%;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 650.5 900" preserveAspectRatio="none"><path d="M473.058 761.567C709.647 625.056 709.647 283.896 473.058 147.433L246.942 17.0011C236.03 10.7045 224.862 5.04462 213.495 0H0V900H232.226C237.161 897.454 242.054 894.791 246.895 891.999L473.058 761.567Z" fill="black"/></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
    background-color: currentColor;
  }
  .jtl-ew-hero__decor--top {
    width: 51.39%;
    height: 21.67%;
    padding-block-start: 0;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 531 140" preserveAspectRatio="none"><g transform="translate(531 0) scale(-1 1)"><path d="M531 45.0625V0H0C8.23968 6.28199 17.0077 12.1568 26.3178 17.5604L180.887 107.279C218.451 129.09 260.378 139.997 302.309 140H302.342C344.274 139.997 386.209 129.091 423.789 107.28L531 45.0625Z" fill="black"/></g></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
    background-color: currentColor;
  }
  .jtl-ew-hero__decor--foot {
    top: auto;
    bottom: 0;
    inset-inline: auto 0;
    width: 22.78%;
    height: 30.44%;
    margin-block-start: 0;
    padding-block-start: 0;
    color: #89d2ff;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 339 283" preserveAspectRatio="none"><g transform="translate(339 0) scale(-1 1)"><path d="M0 283H339V0L173.713 95.2603C92.9666 141.82 35.068 208.125 0 283Z" fill="black"/></g></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
    background-color: currentColor;
  }
  .jtl-ew-hero__credit {
    position: absolute;
    bottom: 82px;
    inset-inline-start: 4.79%;
    max-width: 33.06%;
  }
}
.jtl-ew-webinars {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.jtl-ew-webinars__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.jtl-ew-webinars__column-label {
  margin: 0;
  color: #333333;
  text-transform: uppercase;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.jtl-ew-webinars__filters {
  display: flex;
  align-items: flex-end;
  gap: 24px;
  flex-wrap: wrap;
}

.jtl-ew-webinars__filter-col {
  display: flex;
  flex-direction: column;
  width: 250px;
  max-width: 100%;
}

.jtl-ew-webinars__filter-heading {
  margin: 0 0 16px;
  padding: 5px 0 10px;
  color: #333333;
  text-transform: uppercase;
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.jtl-ew-webinars .jtl-ew-webinars__filter-heading {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.jtl-ew-webinars__filter-label,
.jtl-ew-webinars__sr-only {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip-path: inset(50%);
}

.jtl-ew-webinars__filter,
.jtl-ew-webinars__search {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 250px;
  max-width: 100%;
  margin: 0;
}

.jtl-ew-webinars__select,
.jtl-ew-webinars__search-input {
  appearance: none;
  box-sizing: border-box;
  width: 100%;
  padding: 12px 22px;
  border: 2px solid #2722f8;
  border-radius: 24px;
  color: #0b1b45;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-webinars__select,
.jtl-ew-webinars__search-input {
  font-weight: 700;
}

.jtl-ew-webinars__select {
  background-color: #eeeee7;
  padding-inline-end: 45px;
}

.jtl-ew-webinars__search-input {
  background-color: transparent;
  padding-inline-end: 54px;
}

.jtl-ew-webinars__filter::after {
  content: "";
  position: absolute;
  inset-inline-end: 22px;
  width: 11px;
  height: 6px;
  background-color: #2722f8;
  pointer-events: none;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.5 7.5" fill="none"><path d="M0.75 0.75L6.25 6.75L11.75 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
}

.jtl-ew-webinars__search-submit {
  position: absolute;
  inset-inline-end: 22px;
  display: flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: none;
  color: #0b1b45;
  cursor: pointer;
}

.jtl-ew-webinars__search-icon {
  width: 20px;
  height: 20px;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="8.5" cy="8.5" r="6.5" stroke="black" stroke-width="2"/><path d="M13.5 13.5L19 19" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.jtl-ew-webinars__row {
  border-block-start: 1px solid #2722f8;
}

.jtl-ew-webinars__row:last-child {
  border-block-end: 1px solid #2722f8;
}

.jtl-ew-webinars__summary {
  display: flex;
  align-items: flex-start;
  gap: 6.4024%;
  padding-block: 24px;
  cursor: pointer;
  list-style: none;
}

.jtl-ew-webinars__summary::-webkit-details-marker {
  display: none;
}

.jtl-ew-webinars__title {
  flex: 0 1 48.7805%;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .jtl-ew-webinars__title {
    font-size: 20px;
    line-height: 28px;
  }
}

.jtl-ew-webinars__duration {
  flex: 0 0 15.2439%;
  color: #2722f8;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .jtl-ew-webinars__duration {
    font-size: 20px;
    line-height: 28px;
  }
}

.jtl-ew-webinars__speaker {
  flex: 0 0 15.2439%;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-webinars__mark {
  position: relative;
  flex: 0 0 auto;
  margin-block-start: 4px;
  width: 20px;
  height: 20px;
}

.jtl-ew-webinars__mark::before,
.jtl-ew-webinars__mark::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #2722f8;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 20px 20px;
}

.jtl-ew-webinars__mark::before {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><line x1="1.25" y1="9.75" x2="18.75" y2="9.75" stroke="black" stroke-width="2.5" stroke-linecap="round"/></svg>');
}

.jtl-ew-webinars__mark::after {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><line x1="10.25" y1="1.25" x2="10.25" y2="18.75" stroke="black" stroke-width="2.5" stroke-linecap="round"/></svg>');
  transition: transform 250ms ease;
}

.jtl-ew-webinars__row[open] .jtl-ew-webinars__mark::after {
  transform: rotate(90deg);
}

.jtl-ew-webinars__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding-block-end: 24px;
}

.jtl-ew-webinars__text {
  margin: 0;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-webinars__empty {
  margin: 0;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-webinars__list--placeholder {
  opacity: 0.45;
}

.jtl-ew-webinars__list--placeholder .jtl-ew-webinars__summary {
  cursor: default;
}

.jtl-ew-webinars__pages {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.jtl-ew-webinars .jtl-ew-webinars__pages .jtl-ew-webinars__page {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 20px;
  background-color: #ffffff;
  color: #0b1b45;
  text-decoration: none;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.jtl-ew-webinars .jtl-ew-webinars__pages .jtl-ew-webinars__page.is-current {
  background-color: #2722f8;
  color: #ffffff;
  font-weight: 700;
}

.jtl-ew-webinars .jtl-ew-webinars__pages a.jtl-ew-webinars__page:not(.is-current):hover {
  background-color: #e8e7df;
  color: #0b1b45;
}

.jtl-ew-webinars .jtl-ew-webinars__pages a.jtl-ew-webinars__page.is-current:hover {
  background-color: #2722f8;
  color: #ffffff;
}

.jtl-ew-webinars .jtl-ew-webinars__pages .jtl-ew-webinars__page--gap {
  min-width: 15px;
  background-color: transparent;
  cursor: default;
}

.jtl-ew-webinars .jtl-ew-webinars__pages .jtl-ew-webinars__page--arrow {
  position: relative;
  min-width: 46px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 14px;
}

.jtl-ew-webinars .jtl-ew-webinars__pages .jtl-ew-webinars__page--arrow .jtl-ew-webinars__page-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.jtl-ew-webinars .jtl-ew-webinars__pages .jtl-ew-webinars__page--prev {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none' stroke='%230b1b45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><line x1='1' y1='7' x2='15' y2='7'/><polyline points='6,2 1,7 6,12'/></svg>");
}

.jtl-ew-webinars .jtl-ew-webinars__pages .jtl-ew-webinars__page--next {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none' stroke='%230b1b45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><line x1='1' y1='7' x2='15' y2='7'/><polyline points='10,2 15,7 10,12'/></svg>");
}

@media (max-width: 991.98px) {
  .jtl-ew-webinars__head {
    align-items: stretch;
    flex-direction: column;
  }
  .jtl-ew-webinars__filters {
    flex-direction: column;
    align-items: stretch;
  }
  .jtl-ew-webinars__filter,
  .jtl-ew-webinars__search {
    width: 100%;
  }
  .jtl-ew-webinars__summary {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px 24px;
  }
  .jtl-ew-webinars__title {
    grid-column: 1;
    grid-row: 1;
  }
  .jtl-ew-webinars__mark {
    grid-column: 2;
    grid-row: 1;
  }
  .jtl-ew-webinars__duration,
  .jtl-ew-webinars__speaker {
    grid-column: 1/-1;
    flex: none;
  }
}
.jtl-ew-event-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-inline: 0;
}

.jtl-ew-event-list__empty {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--jtl-ew-on-surface-body, #0b1b45);
  margin: 0;
  padding: 24px 0;
}

.jtl-ew-event-item {
  border-top: 1px solid #2722f8;
  padding: 24px 0;
  interpolate-size: allow-keywords;
}
.jtl-ew-event-item::details-content {
  block-size: 0;
  overflow: hidden;
  transition: block-size 0.2s ease, content-visibility 0.2s allow-discrete;
}
.jtl-ew-event-item[open]::details-content {
  block-size: auto;
}
@media (prefers-reduced-motion: reduce) {
  .jtl-ew-event-item::details-content {
    transition: none;
  }
}

.jtl-ew-event-item__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  list-style: none;
}
.jtl-ew-event-item__summary::-webkit-details-marker {
  display: none;
}

.jtl-ew-event-item__head {
  display: flex;
  align-items: center;
  min-width: 0;
}
@media (max-width: 767.98px) {
  .jtl-ew-event-item__head {
    flex-direction: column;
    align-items: flex-start;
  }
}

.jtl-ew-event-item__badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 140px;
  min-height: 92px;
  margin: 0 38px 0 10px;
  border-radius: 16px;
  background: #fb581f;
}
@media (max-width: 767.98px) {
  .jtl-ew-event-item__badge {
    margin: 0 0 8px 10px;
  }
}

.jtl-ew-event-item--badge-orange.jtl-ew-event-item--badge-orange .jtl-ew-event-item__badge {
  background: #fb581f;
}
.jtl-ew-event-item--badge-orange.jtl-ew-event-item--badge-orange .jtl-ew-event-item__badge-day,
.jtl-ew-event-item--badge-orange.jtl-ew-event-item--badge-orange .jtl-ew-event-item__badge-year {
  color: #0b1b45;
}

.jtl-ew-event-item--badge-gradient.jtl-ew-event-item--badge-gradient .jtl-ew-event-item__badge {
  background: linear-gradient(64deg, #ff9a26 0%, #ffc935 100%);
}
.jtl-ew-event-item--badge-gradient.jtl-ew-event-item--badge-gradient .jtl-ew-event-item__badge-day,
.jtl-ew-event-item--badge-gradient.jtl-ew-event-item--badge-gradient .jtl-ew-event-item__badge-year {
  color: #333333;
}

.jtl-ew-event-item--badge-tech-blue.jtl-ew-event-item--badge-tech-blue .jtl-ew-event-item__badge {
  background: #2722f8;
}
.jtl-ew-event-item--badge-tech-blue.jtl-ew-event-item--badge-tech-blue .jtl-ew-event-item__badge-day,
.jtl-ew-event-item--badge-tech-blue.jtl-ew-event-item--badge-tech-blue .jtl-ew-event-item__badge-year {
  color: #ffffff;
}

.jtl-ew-event-item--badge-dark-blue.jtl-ew-event-item--badge-dark-blue .jtl-ew-event-item__badge {
  background: #0b1b45;
}
.jtl-ew-event-item--badge-dark-blue.jtl-ew-event-item--badge-dark-blue .jtl-ew-event-item__badge-day,
.jtl-ew-event-item--badge-dark-blue.jtl-ew-event-item--badge-dark-blue .jtl-ew-event-item__badge-year {
  color: #ffffff;
}

.jtl-ew-event-item--badge-sand.jtl-ew-event-item--badge-sand .jtl-ew-event-item__badge {
  background: #eeeee7;
}
.jtl-ew-event-item--badge-sand.jtl-ew-event-item--badge-sand .jtl-ew-event-item__badge-day,
.jtl-ew-event-item--badge-sand.jtl-ew-event-item--badge-sand .jtl-ew-event-item__badge-year {
  color: #333333;
}

.jtl-ew-event-item--badge-white.jtl-ew-event-item--badge-white .jtl-ew-event-item__badge {
  background: #ffffff;
}
.jtl-ew-event-item--badge-white.jtl-ew-event-item--badge-white .jtl-ew-event-item__badge-day,
.jtl-ew-event-item--badge-white.jtl-ew-event-item--badge-white .jtl-ew-event-item__badge-year {
  color: #333333;
}

.jtl-ew-event-item__badge-day {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  color: #0b1b45;
}

.jtl-ew-event-item__badge-year {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: #0b1b45;
}

.jtl-ew-event-item__title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .jtl-ew-event-item__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.jtl-ew-event-item__title {
  color: var(--jtl-ew-on-surface-heading, #0b1b45);
  min-width: 0;
}
@media (max-width: 767.98px) {
  .jtl-ew-event-item__title {
    padding-left: 10px;
  }
}

.jtl-ew-event-item__meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .jtl-ew-event-item__meta {
    display: none;
  }
}

.jtl-ew-event-item__city,
.jtl-ew-event-item__venue {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--jtl-ew-on-surface-body, #0b1b45);
  white-space: nowrap;
}

.jtl-ew-event-item__venue i {
  margin-right: 8px;
}

.jtl-ew-event-list--events .jtl-ew-event-item__meta {
  margin-left: 0;
}
.jtl-ew-event-list--events .jtl-ew-event-item__venue {
  color: #2722f8;
}

.jtl-ew-event-item__toggle {
  flex: 0 0 auto;
  color: #2722f8;
  font-size: 20px;
  line-height: 28px;
}
@media (max-width: 767.98px) {
  .jtl-ew-event-item__toggle {
    font-size: 22px;
    line-height: 33px;
  }
}
.jtl-ew-event-item__toggle .fa-minus {
  display: none;
}

.jtl-ew-event-item[open] .jtl-ew-event-item__toggle .fa-plus {
  display: none;
}
.jtl-ew-event-item[open] .jtl-ew-event-item__toggle .fa-minus {
  display: inline-block;
}

.jtl-ew-event-item__panel {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 24px;
}

.jtl-ew-event-item__time {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #2722f8;
  margin: 0;
}
.jtl-ew-event-item__time i {
  margin-right: 8px;
}

.jtl-ew-event-item__text {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: var(--jtl-ew-on-surface-body, #0b1b45);
  white-space: pre-line;
}
.jtl-ew-event-item__text > :first-child {
  margin-top: 0;
}
.jtl-ew-event-item__text > :last-child {
  margin-bottom: 0;
}

.jtl-ew-event-item__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  padding-top: 32px;
}

.jtl-ew-event-list__placeholder {
  opacity: 0.45;
  pointer-events: none;
}

.jtl-ew-event-list--training .jtl-ew-event-item {
  border-top: 2px solid rgba(89, 89, 89, 0.4);
  padding: 32px 60px 32px 0;
}
@media (max-width: 767.98px) {
  .jtl-ew-event-list--training .jtl-ew-event-item {
    padding-right: 0;
  }
}
.jtl-ew-event-list--training .jtl-ew-event-item__title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: #333333;
}
.jtl-ew-event-list--training .jtl-ew-event-item__meta {
  gap: 68px;
}
@media (max-width: 767.98px) {
  .jtl-ew-event-list--training .jtl-ew-event-item__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
    margin-left: 0;
    width: 100%;
  }
}
.jtl-ew-event-list--training .jtl-ew-event-item__city {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: #ff9a26;
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  .jtl-ew-event-list--training .jtl-ew-event-item__city {
    padding-left: 10px;
  }
}
.jtl-ew-event-list--training .jtl-ew-event-item__note {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #333333;
  white-space: nowrap;
}
.jtl-ew-event-list--training .jtl-ew-event-item__toggle {
  color: #ff9a26;
  font-size: 36px;
  line-height: 28px;
}
@media (max-width: 767.98px) {
  .jtl-ew-event-list--training .jtl-ew-event-item__toggle {
    font-size: 26px;
    line-height: 28px;
  }
}
.jtl-ew-event-list--training .jtl-ew-event-item__text {
  color: #333333;
}
.jtl-ew-event-list--training .jtl-ew-event-item__badge {
  margin-right: 29px;
  border-radius: 10px;
  background: linear-gradient(64deg, #ff9a26 0%, #ffc935 100%);
}
@media (max-width: 767.98px) {
  .jtl-ew-event-list--training .jtl-ew-event-item__badge {
    margin-right: 0;
  }
}
.jtl-ew-event-list--training .jtl-ew-event-item__badge-day,
.jtl-ew-event-list--training .jtl-ew-event-item__badge-year {
  color: #333333;
}
.jtl-ew-event-list--training .jtl-ew-event-item__panel {
  padding-left: 170px;
  padding-right: 32px;
}
@media (max-width: 767.98px) {
  .jtl-ew-event-list--training .jtl-ew-event-item__panel {
    padding-left: 0;
    padding-right: 0;
  }
}
.jtl-ew-event-list--training .jtl-ew-event-item__panel {
  gap: 0;
}
.jtl-ew-event-list--training .jtl-ew-event-item__actions {
  padding-top: 0;
}
.jtl-ew-event-list--training .jtl-ew-event-item__calendar-toggle {
  border: 2px solid #333333;
  border-radius: 10px;
  padding: 12px 16px;
  color: #ff9a26;
}
.jtl-ew-event-list--training .jtl-ew-event-item__action {
  border: 2px solid #333333;
  letter-spacing: normal;
  border-radius: 10px;
  background: transparent;
  background-image: none;
  padding: 12px 24px;
  color: #333333;
  font-weight: 700;
  text-transform: uppercase;
}
.jtl-ew-event-list--training .jtl-ew-event-item__action:hover, .jtl-ew-event-list--training .jtl-ew-event-item__action:focus {
  border-color: #333333;
  background: transparent;
  color: #333333;
}

.jtl-ew-event-item__calendar {
  position: relative;
  display: inline-flex;
}

.jtl-ew-event-item__calendar-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  min-height: 48px;
  padding: 12px;
  border: 2px solid #0b1b45;
  border-radius: 145.323px;
  background: transparent;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.jtl-ew-event-item__calendar-toggle i {
  font-size: 18px;
  line-height: 1;
}
.jtl-ew-event-item__calendar-toggle .jtl-ew-event-item__calendar-label {
  display: none;
}
.jtl-ew-event-item__calendar-toggle:hover, .jtl-ew-event-item__calendar-toggle[aria-expanded=true] {
  background: #0b1b45;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .jtl-ew-event-item__calendar-toggle {
    padding: 12px 24px;
  }
  .jtl-ew-event-item__calendar-toggle .jtl-ew-event-item__calendar-label {
    display: inline;
  }
}

.jtl-ew-event-item__calendar-menu {
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-end: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  min-width: 232px;
  padding: 8px 0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(11, 27, 69, 0.16);
}
.jtl-ew-event-item__calendar-menu[hidden] {
  display: none;
}
@media (max-width: 767.98px) {
  .jtl-ew-event-item__calendar-menu {
    inset-inline-end: auto;
    inset-inline-start: 0;
  }
}

.jtl-ew-event-item__calendar-heading {
  padding: 6px 16px;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #333333;
  opacity: 0.6;
}

.jtl-ew-event-item__calendar-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #0b1b45;
  text-decoration: none;
  white-space: nowrap;
}
.jtl-ew-event-item__calendar-option i {
  flex: 0 0 18px;
  text-align: center;
  color: #2722f8;
}
.jtl-ew-event-item__calendar-option:hover, .jtl-ew-event-item__calendar-option:focus-visible {
  background: rgba(11, 27, 69, 0.06);
}

.jtl-ew-countdown {
  position: relative;
  display: flex;
  min-height: 75vh;
  flex-direction: column;
  justify-content: flex-end;
  isolation: isolate;
}

.jtl-ew-countdown__film {
  position: absolute;
  z-index: 0;
  top: calc(-1 * var(--jtl-ew-countdown-film-lead, 0px));
  left: 50%;
  width: 100vw;
  aspect-ratio: 16/9;
  transform: translateX(-50%);
  overflow: hidden;
  pointer-events: none;
}

.jtl-ew-countdown__film::after {
  position: absolute;
  inset: 0;
  content: "";
  box-shadow: -1px -11px 70px 31px #0b1b45 inset;
  pointer-events: none;
}

.jtl-ew-countdown__film-video {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  object-fit: contain;
}

.jtl-ew-countdown__backdrop {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 100%;
  aspect-ratio: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.8;
  transform: translate(-50%, -55%) scale(2.9);
  pointer-events: none;
}

.jtl-ew-countdown__logo,
.jtl-ew-countdown__frame {
  position: relative;
  z-index: 2;
}

.jtl-ew-countdown__logo-img {
  display: block;
  width: 62vw;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .jtl-ew-countdown__logo-img {
    width: 80vw;
  }
}

.jtl-ew-countdown__frame {
  position: relative;
}

.jtl-ew-countdown__decoration {
  position: absolute;
  z-index: 1;
  top: -120px;
  right: -64px;
  display: block;
  width: 226px;
  height: 228px;
  border-radius: 20px;
  background: #2722f8;
  transform: rotate(-14deg);
}
@media (max-width: 1569.98px) {
  .jtl-ew-countdown__decoration {
    right: 20px;
  }
}
@media (max-width: 991.98px) {
  .jtl-ew-countdown__decoration {
    display: none;
  }
}

.jtl-ew-countdown__banner {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: clamp(15px, -9.41px + 2.4631vw, 30px);
  padding: 46px;
  border-radius: 20px;
  background: #eeeee7;
  color: #2722f8;
  font-size: 32px;
  line-height: 1.25;
}
@media (max-width: 991.98px) {
  .jtl-ew-countdown__banner {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-countdown__banner {
    padding: 20px;
    font-size: 24px;
  }
}

.jtl-ew-countdown--overlap .jtl-ew-countdown__banner {
  margin-top: 200px;
}
@media (max-width: 991.98px) {
  .jtl-ew-countdown--overlap .jtl-ew-countdown__banner {
    margin-top: 50px;
  }
}

.jtl-ew-countdown__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #0b1b45;
}
.jtl-ew-countdown__info b,
.jtl-ew-countdown__info strong {
  font-weight: 700;
}

.jtl-ew-countdown__rule {
  width: 2px;
  background: #2722f8;
}
@media (max-width: 991.98px) {
  .jtl-ew-countdown__rule {
    display: none;
  }
}

.jtl-ew-countdown__units {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 32px;
  text-align: center;
}
@media (max-width: 767.98px) {
  .jtl-ew-countdown__units {
    column-gap: 0;
  }
}

.jtl-ew-countdown__unit {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 767.98px) {
  .jtl-ew-countdown__unit {
    width: 50%;
  }
}

.jtl-ew-countdown__value {
  display: block;
  font-size: 64px;
  line-height: 0.75;
}
.jtl-ew-countdown__value b {
  color: #0b1b45;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .jtl-ew-countdown__value {
    font-size: 26px;
  }
}

.jtl-ew-countdown__label {
  display: block;
  font-size: 36px;
  line-height: 1.25;
}
@media (max-width: 767.98px) {
  .jtl-ew-countdown__label {
    font-size: 24px;
  }
}

.jtl-ew-solution-grid {
  display: grid;
  grid-template-columns: repeat(var(--jtl-ew-solution-grid-columns, 4), minmax(0, 1fr));
  gap: var(--jtl-ew-solution-grid-gap, 32px);
}

@media (max-width: 991.98px) {
  .jtl-ew-solution-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-solution-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.jtl-ew-solution-tile {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  grid-template-rows: auto 1fr auto auto;
  grid-template-areas: "title     icon" ".         ." "poweredby ." "logo      arrow";
  column-gap: 16px;
  min-height: 180px;
  padding: 24px 24px 18px;
  border-radius: 24px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.jtl-ew-solution-tile__title {
  grid-area: title;
  align-self: center;
  color: #ffffff;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .jtl-ew-solution-tile__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.jtl-ew-solution-tile__title {
  font-size: 18px;
  line-height: 24px;
  hyphens: auto;
  overflow-wrap: break-word;
}

.jtl-ew-solution-tile__icon {
  display: flex;
  grid-area: icon;
  align-items: flex-start;
  justify-content: flex-end;
  width: 28px;
  height: 28px;
  justify-self: end;
}

.jtl-ew-solution-tile__icon svg {
  width: 100%;
  height: 100%;
}

.jtl-ew-solution-tile__powered-by,
.jtl-ew-solution-tile__powered-text,
.jtl-ew-solution-tile__more {
  color: #ffffff;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.jtl-ew-solution-tile__powered-by {
  grid-area: poweredby;
  align-self: end;
  margin-block-end: 8px;
}

.jtl-ew-solution-tile__powered-text {
  grid-column: poweredby-start/poweredby-end;
  grid-row: poweredby-start/logo-end;
  align-self: end;
}

.jtl-ew-solution-tile__more,
.jtl-ew-solution-tile__logo {
  grid-area: logo;
}

.jtl-ew-solution-tile__more {
  align-self: center;
}

.jtl-ew-solution-tile__logo {
  align-self: end;
}

.jtl-ew-solution-tile__logo {
  display: flex;
  align-items: flex-end;
  max-width: 100%;
}

.jtl-ew-solution-tile__logo svg {
  max-width: 100%;
  height: auto;
  max-height: 20px;
}

.jtl-ew-solution-tile .jtl-ew-solution-tile__logo-img {
  width: auto;
  max-width: min(100%, 120px);
  height: auto;
  max-height: 24px;
  object-fit: contain;
  object-position: left bottom;
}

.jtl-ew-solution-tile--logo-mono .jtl-ew-solution-tile__logo-img,
.jtl-ew-solution-tile--logo-mono .jtl-ew-solution-tile__logo svg {
  filter: brightness(0) invert(1);
}

.jtl-ew-solution-tile--partner {
  padding: 20px 20px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  column-gap: 12px;
}

.jtl-ew-solution-tile__arrow {
  grid-area: arrow;
  align-self: end;
  width: 46px;
  height: 28px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13.2386"><path d="M0 5.72042H12.9312L8.74512 1.53431C8.39418 1.18327 8.39412 0.61424 8.74512 0.263236C9.09613 -0.087768 9.66515 -0.0877072 10.0162 0.263236L15.7367 5.98377C16.0878 6.3348 16.0878 6.9038 15.7367 7.25484L10.0162 12.9754C9.66515 13.3263 9.09613 13.3264 8.74512 12.9754C8.39412 12.6244 8.39418 12.0553 8.74512 11.7043L12.9312 7.51818H0V5.72042Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px 13px;
  background-color: currentColor;
  background-color: #fb581f;
  mask-position: right center;
  transition: transform 0.2s ease;
}

.jtl-ew-solution-tile--cta {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background-color: #fb581f;
  text-align: center;
}

.jtl-ew-solution-tile__cta-label {
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
}

.jtl-ew-solution-tile__cta-arrow {
  width: 16px;
  height: 13px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13.2386"><path d="M0 5.72042H12.9312L8.74512 1.53431C8.39418 1.18327 8.39412 0.61424 8.74512 0.263236C9.09613 -0.087768 9.66515 -0.0877072 10.0162 0.263236L15.7367 5.98377C16.0878 6.3348 16.0878 6.9038 15.7367 7.25484L10.0162 12.9754C9.66515 13.3263 9.09613 13.3264 8.74512 12.9754C8.39412 12.6244 8.39418 12.0553 8.74512 11.7043L12.9312 7.51818H0V5.72042Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px 13px;
  background-color: currentColor;
  background-color: #0b1b45;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
  .jtl-ew-solution-tile,
  .jtl-ew-solution-tile__arrow,
  .jtl-ew-solution-tile__cta-arrow {
    transition: none;
  }
}
.jtl-ew-product-header {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.jtl-ew-product-header > .jtl-ew-product-header__media {
  order: 2;
}
.jtl-ew-product-header {
  gap: var(--jtl-ew-product-header-column-gap, 64px);
  align-items: center;
  padding-inline: 0;
}
.jtl-ew-product-header > .jtl-ew-column {
  gap: var(--jtl-ew-product-header-content-gap, var(--jtl-ew-column-gap, 20px));
}

.jtl-ew-product-header--align-end {
  align-items: end;
}

.jtl-ew-product-header__media {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 0;
}

.jtl-ew-product-header__photo {
  display: block;
  max-width: 100%;
  height: auto;
}

.jtl-ew-product-header__media .jtl-ew-product-header__photo {
  max-width: min(100%, var(--jtl-ew-product-header-image-max-width, 100%));
}

.jtl-ew-product-header__blob {
  position: absolute;
  left: 8%;
  bottom: 6%;
  width: 26%;
  max-width: 132px;
  aspect-ratio: 1.18;
  background-color: #fb581f;
  border-radius: 46px 46px 46px 8px;
  pointer-events: none;
}

.jtl-ew-product-header.jp1160-hero-header .jtl-ew-product-header__photo {
  width: 100%;
  aspect-ratio: 720/785;
  border-radius: 0;
  object-fit: contain;
}

@media (max-width: 767.98px) {
  .jtl-ew-product-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
  .jtl-ew-product-header__media {
    justify-content: center;
  }
}
.jtl-ew-product-header--align-start {
  align-items: start;
}

.jtl-ew-product-header--photo-blob .jtl-ew-product-header__photo {
  aspect-ratio: 444.444/377.486;
  object-fit: cover;
  clip-path: polygon(58.33% 0%, 67.34% 2.39%, 71.62% 4.77%, 74.32% 6.9%, 77.03% 9.28%, 79.05% 11.67%, 80.86% 14.06%, 82.21% 16.18%, 83.56% 18.57%, 84.68% 20.95%, 85.81% 23.34%, 86.94% 25.46%, 88.06% 27.85%, 89.19% 30.24%, 90.32% 32.63%, 91.44% 35.01%, 92.57% 37.14%, 93.69% 39.52%, 95.05% 41.91%, 96.17% 44.3%, 97.07% 46.42%, 97.75% 48.81%, 98.42% 51.19%, 99.1% 53.58%, 99.32% 55.7%, 99.55% 58.09%, 99.77% 60.48%, 99.77% 62.86%, 99.77% 64.99%, 99.55% 67.37%, 99.1% 69.76%, 98.65% 72.15%, 97.97% 74.54%, 97.3% 76.66%, 96.4% 79.05%, 95.27% 81.43%, 93.92% 83.82%, 92.57% 85.94%, 90.77% 88.33%, 88.74% 90.72%, 86.04% 93.1%, 83.33% 95.23%, 78.83% 97.61%, 32.88% 97.61%, 28.6% 95.23%, 25.68% 93.1%, 22.97% 90.72%, 20.95% 88.33%, 19.14% 85.94%, 17.79% 83.82%, 16.44% 81.43%, 15.32% 79.05%, 14.19% 76.66%, 13.06% 74.54%, 11.94% 72.15%, 10.81% 69.76%, 9.46% 67.37%, 8.33% 64.99%, 7.43% 62.86%, 6.08% 60.48%, 4.95% 58.09%, 3.83% 55.7%, 2.93% 53.58%, 2.03% 51.19%, 1.35% 48.81%, 0.9% 46.42%, 0.45% 44.3%, 0.23% 41.91%, 0% 39.52%, 0% 37.14%, 0% 35.01%, 0.23% 32.63%, 0.68% 30.24%, 1.13% 27.85%, 1.8% 25.46%, 2.48% 23.34%, 3.38% 20.95%, 4.5% 18.57%, 5.86% 16.18%, 7.21% 14.06%, 8.78% 11.67%, 11.04% 9.28%, 13.51% 6.9%, 16.44% 4.77%, 20.72% 2.39%, 29.5% 0%);
}

.jtl-ew-table {
  width: 100%;
}
.jtl-ew-table__scroll {
  width: 100%;
  overflow-x: auto;
  border-radius: var(--jtl-ew-table-radius, 24px);
}
.jtl-ew-table__inner {
  min-width: 680px;
  background: #ffffff;
  border-radius: var(--jtl-ew-table-radius, 24px);
  overflow: hidden;
}
.jtl-ew-table__head, .jtl-ew-table__row {
  display: flex;
  gap: 12px;
  padding: 0 24px;
}
.jtl-ew-table__head {
  min-height: 60px;
  align-items: center;
  background: #0b1b45;
}
.jtl-ew-table__row {
  padding: 24px;
  min-height: var(--jtl-ew-table-row-min, 0);
}
.jtl-ew-table__cell {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 13px;
  word-break: break-word;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #0b1b45;
  text-align: center;
}
.jtl-ew-table__cell--label {
  flex: 0 0 346px;
  width: 346px;
  justify-content: flex-start;
  text-align: left;
  font-weight: 600;
  line-height: 28px;
}
.jtl-ew-table__cell--head {
  font-weight: 600;
  text-transform: uppercase;
  color: #89d2ff;
}
.jtl-ew-table__head .jtl-ew-table__cell--label {
  color: #89d2ff;
}
.jtl-ew-table__check {
  display: block;
  width: 22px;
  height: 16px;
  color: #2722f8;
}
.jtl-ew-table__cross {
  display: block;
  width: 18px;
  height: 18px;
  color: #9aa3b2;
}
.jtl-ew-table__category {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 24px;
  background: #eeeee7;
  border-top: 1px solid rgba(11, 27, 69, 0.08);
}
.jtl-ew-table__category-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: #0b1b45;
}
.jtl-ew-table__category--toggle {
  width: 100%;
  border: 0;
  cursor: pointer;
  justify-content: space-between;
  text-align: left;
  font: inherit;
}
.jtl-ew-table__category-toggle {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 13px 13px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.75 14.75"><path d="M1.125 7.375H13.625" fill="none" stroke="black" stroke-width="2.25" stroke-linecap="round"/></svg>');
}
.jtl-ew-table__category--toggle[aria-expanded=false] .jtl-ew-table__category-toggle, .jtl-ew-table__category--toggle[aria-expanded=false] .jtl-ew-table__category-toggle {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.75 14.75"><g fill="none" stroke="black" stroke-width="2.25" stroke-linecap="round"><path d="M1.125 7.375H13.625"/><path d="M7.375 1.125V13.625"/></g></svg>');
}
.jtl-ew-table__row--subtitle {
  background: rgba(11, 27, 69, 0.04);
}
.jtl-ew-table__row--subtitle .jtl-ew-table__cell {
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  color: #0b1b45;
}
.jtl-ew-table__info-trigger {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  padding: 0;
  border: 0;
  background-color: #6b7385;
  cursor: pointer;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><circle cx="7.5" cy="7.5" r="6.75" fill="none" stroke="black" stroke-width="1.5"/><circle cx="7.5" cy="4.6" r="1.3" fill="black"/><path d="M7.5 8.15V9.75" stroke="black" stroke-width="3" stroke-linecap="round"/></svg>') no-repeat center/contain;
}
.jtl-ew-table__info-trigger:hover, .jtl-ew-table__info-trigger:focus-visible {
  background-color: #2722f8;
}
.jtl-ew-table__cell--lines {
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.jtl-ew-table__cell-line--note {
  margin-top: 2px;
  font-size: 12px;
  line-height: 16px;
  color: #8c8c8c;
}
.jtl-ew-table a.jtl-ew-table__link {
  color: #2722f8;
  text-decoration: underline;
}
.jtl-ew-table a.jtl-ew-table__link:hover, .jtl-ew-table a.jtl-ew-table__link:focus-visible {
  color: #2722f8;
  text-decoration: none;
}
.jtl-ew-table[data-jtl-table-highlight-col="1"] .jtl-ew-table__cell[data-jtl-table-col="1"], .jtl-ew-table[data-jtl-table-highlight-col="2"] .jtl-ew-table__cell[data-jtl-table-col="2"], .jtl-ew-table[data-jtl-table-highlight-col="3"] .jtl-ew-table__cell[data-jtl-table-col="3"], .jtl-ew-table[data-jtl-table-highlight-col="4"] .jtl-ew-table__cell[data-jtl-table-col="4"], .jtl-ew-table[data-jtl-table-highlight-col="5"] .jtl-ew-table__cell[data-jtl-table-col="5"] {
  background: rgba(5, 199, 209, 0.1);
}
.jtl-ew-table__head[data-jtl-table-stuck] {
  position: fixed;
  top: 0;
  z-index: 20;
}
.jtl-ew-table__head-placeholder {
  flex: 0 0 auto;
}
.jtl-ew-table__info-store {
  display: none;
}
.jtl-ew-table__info {
  display: none;
}
@media (max-width: 767.98px) {
  .jtl-ew-table__cell--label {
    flex-basis: 200px;
    width: 200px;
  }
}

/* The dialog bodies, ON THE CANVAS.
 *
 * Hidden everywhere a visitor looks; shown in the editor, outlined and labelled,
 * because an author has to be able to select the paragraph and the list inside
 * one. `.elementor-editor-active` is on the canvas document's body and nowhere
 * else, so nothing here reaches the front end. */
.elementor-editor-active .jtl-ew-table__info {
  display: block;
  margin: 8px 32px 16px;
  padding: 16px;
  border: 1px dashed rgba(39, 34, 248, 0.4);
  border-radius: 8px;
}

.elementor-editor-active .jtl-ew-table__info::before {
  content: "Info dialog: " attr(data-jtl-table-info);
  display: block;
  margin-bottom: 8px;
  color: #2722f8;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.jtl-ew-table-dialog {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(11, 27, 69, 0.55);
}
.jtl-ew-table-dialog[open], .jtl-ew-table-dialog.is-open {
  display: flex;
}
.jtl-ew-table-dialog {
  /* The published dialog, measured: an 800px card at a 4.8px radius with a
   * `#f5f7fa` header band above a white body. The panel itself carries no
   * padding — the header and the body each state their own, which is what
   * lets the band run edge to edge. */
}
.jtl-ew-table-dialog__panel {
  width: 100%;
  max-width: 800px;
  max-height: 80vh;
  overflow-y: auto;
  padding: 0;
  border-radius: 4.8px;
  background: #ffffff;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 26px;
}
.jtl-ew-table-dialog__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 36px;
  border-radius: 4.8px 4.8px 0 0;
  background: #f5f7fa;
}
.jtl-ew-table-dialog__title {
  margin: 0;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.jtl-ew-table-dialog {
  /* In the HEADER, not floating over the panel. Positioned absolutely against
   * the dialog root it landed in the window's top-right corner, 1000px away
   * from the card it belonged to. */
}
.jtl-ew-table-dialog__close {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background-color: #0b1b45;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M1.5 1.5 12.5 12.5M12.5 1.5 1.5 12.5" stroke="black" stroke-width="1.3" stroke-linecap="round"/></svg>') no-repeat center/16px 16px;
}
.jtl-ew-table-dialog__body {
  padding: 0 36px 36px;
  /* DIRECT children only. `.jtl-ew-paragraph` is a `<p>`, so a descendant
   * rule also hit the paragraph inside every icon-list row — measured, it
   * put 16px above each one and made a 24px row 40px tall, which is where
   * the widget-built list's rhythm went. */
}
.jtl-ew-table-dialog__body > p {
  margin: 16px 0 0;
  line-height: 24px;
}
.jtl-ew-table-dialog__body {
  /* A TICK, not a disc. The published dialog lists what a feature includes
   * and marks each line the way the table marks a plan that has it —
   * measured, `list-style: none` with a 16px tech-blue "✓" in a 13px box
   * and the row indented 28px. */
  /* 16, not 12: the reference's list sits the same distance below the
   * paragraph as the paragraph does below the header. Also direct-child
   * scoped — a `<ul>` nested in a widget is that widget's business.
   *
   * The widget-built body says the same thing with an Icon List, which is
   * a `<div>`, so it needs naming too — the raw-HTML form and the widget
   * form are two ways to write one dialog and they sit the same. */
}
.jtl-ew-table-dialog__body > .jtl-ew-icon-list {
  margin-top: 16px;
}
.jtl-ew-table-dialog__body > ul {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.jtl-ew-table-dialog__body > ul > li {
  position: relative;
  margin-bottom: 6px;
  padding-inline-start: 28px;
  line-height: 25.6px;
}
.jtl-ew-table-dialog__body > ul > li::before {
  content: "✓";
  position: absolute;
  inset-inline-start: 0;
  width: 13px;
  color: #2722f8;
  font-size: 16px;
}

/* ===========================================================================
   The published pricing matrix (JP-1304)

   Every value below is measured off the reference render at 1440, not chosen.
   Only reachable behind `variant: matrix`, so the Figma 12:8669 table - and
   jp1255-page-01, the only other document using this widget - is untouched.
   ======================================================================== */
.jtl-ew-table--compact .jtl-ew-table__head {
  min-height: 45px;
}
.jtl-ew-table--compact .jtl-ew-table__row {
  padding: 0 24px;
}
.jtl-ew-table--compact .jtl-ew-table__row + .jtl-ew-table__row {
  border-top: 1px solid rgba(11, 27, 69, 0.08);
}
.jtl-ew-table--compact .jtl-ew-table__cell {
  padding: 10px 16px;
  font-size: 16px;
  line-height: 24px;
}
.jtl-ew-table--compact .jtl-ew-table__cell--head {
  text-transform: none;
  font-size: 16px;
  font-weight: 700;
}
.jtl-ew-table--compact .jtl-ew-table__head .jtl-ew-table__cell--label {
  font-weight: 700;
}

.jtl-ew-table--matrix {
  padding-inline: 0;
}
@media (max-width: 991.98px) {
  .jtl-ew-table--matrix {
    padding-inline: 15px;
  }
}
.jtl-ew-table--matrix .jtl-ew-table__cell {
  flex: 1 0 147px;
}
.jtl-ew-table--matrix .jtl-ew-table__cell--label {
  flex: 2 0 293px;
  width: auto;
}
.jtl-ew-table--matrix .jtl-ew-table__head,
.jtl-ew-table--matrix .jtl-ew-table__row {
  gap: 0;
  padding: 0;
}
.jtl-ew-table--matrix .jtl-ew-table__head {
  min-height: 56px;
}
.jtl-ew-table--matrix .jtl-ew-table__cell {
  padding: 8px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.jtl-ew-table--matrix .jtl-ew-table__cell--label {
  gap: 14px;
  padding: 8px 12px 8px 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.jtl-ew-table--matrix .jtl-ew-table__cell--head,
.jtl-ew-table--matrix .jtl-ew-table__head .jtl-ew-table__cell--label {
  padding: 14px 32px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-transform: uppercase;
  color: #89d2ff;
}
.jtl-ew-table--matrix .jtl-ew-table__head .jtl-ew-table__cell--label {
  text-align: left;
  justify-content: flex-start;
}
.jtl-ew-table--matrix {
  /*
   * BELOW 992 the whole matrix steps down a size. Measured on the reference at
   * 768 and 375, which agree exactly, against 1440 and 992, which also agree —
   * one boundary, at the library's own `lg`:
   *
   *              >= 992                        < 992
   *   header     20/28/600  pad 14px 32px      14/20/600  pad 12px 16px
   *   label      16/24/400  pad 8/12/8/32      13/18/400  pad 8px 6px
   *
   * This is the single largest cause in the narrow-width run: ~100 of the 226
   * differing property values at 375 were the matrix holding its DESKTOP type
   * and its 32px label gutter inside a 311px band.
   *
   * The data cells take the header's narrow size rather than the label's: the
   * two price cells that carry text ("199 € / Monat") measure 14px there, and
   * the rest hold a tick or a cross and show no type at all.
   */
}
@media (max-width: 991.98px) {
  .jtl-ew-table--matrix .jtl-ew-table__cell {
    padding: 8px 6px;
    font-size: 14px;
    line-height: 20px;
  }
  .jtl-ew-table--matrix .jtl-ew-table__cell--label {
    padding: 8px 6px;
    font-size: 13px;
    line-height: 18px;
  }
  .jtl-ew-table--matrix .jtl-ew-table__cell--head,
  .jtl-ew-table--matrix .jtl-ew-table__head .jtl-ew-table__cell--label {
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
  }
}
.jtl-ew-table--matrix {
  /*
   * Below desktop the matrix scrolls sideways, and the header does not stick
   * there: a fixed box cannot follow a horizontal scroll, so it would sit over
   * the wrong columns the moment the visitor scrolled sideways to reach them.
   * The script stops sticking below this width for the same reason; the rule
   * here is the belt to its braces.
   *
   * Measured at 375: the table is 880px wide inside a 311px band, exactly as the
   * reference's is, so the sideways scroll is the behaviour rather than a
   * shortfall to design around.
   */
}
@media (max-width: 991.98px) {
  .jtl-ew-table--matrix .jtl-ew-table__scroll {
    overflow-x: auto;
  }
  .jtl-ew-table--matrix .jtl-ew-table__head[data-jtl-table-stuck] {
    position: static;
  }
}
.jtl-ew-table--matrix {
  /*
   * The status chip on a feature row — "Beta", "Coming soon", "Neu in 2026".
   *
   * Measured on the reference: 12/16/600 white on tech-blue, 2px 10px inside a
   * 5px radius, `text-transform: capitalize`, and `display: block` so it drops
   * below the label rather than sitting at the end of it. That last one is the
   * difference from the price card's chip, which is inline — same object, two
   * placements, and the reference draws them differently on purpose.
   */
}
.jtl-ew-table--matrix .jtl-ew-table__clip {
  display: block;
  width: fit-content;
  padding: 2px 10px;
  border-radius: 5px;
  background: #2722f8;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-transform: capitalize;
}
.jtl-ew-table--matrix .jtl-ew-table__category {
  justify-content: space-between;
  padding: 14px 32px;
  background: #ffffff;
  border-top: 0;
}
.jtl-ew-table--matrix .jtl-ew-table__category-label {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
  color: #2722f8;
}
.jtl-ew-table--matrix .jtl-ew-table__category-toggle {
  color: #2722f8;
}
.jtl-ew-table--matrix {
  /* A sub-title is a SAND BAND across the whole row, not a run of bare text.
   * Measured on the reference: 48px tall, `#eeeee7` behind it, the label
   * semibold navy at the 32px gutter and the plan cells present but transparent.
   * This block used to state "no band" — read off a subtitle in a hidden tab,
   * which measures nothing at all. */
}
.jtl-ew-table--matrix .jtl-ew-table__row--subtitle {
  min-height: 48px;
  background: #eeeee7;
}
.jtl-ew-table--matrix .jtl-ew-table__row--subtitle .jtl-ew-table__cell {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-transform: capitalize;
}
.jtl-ew-table--matrix .jtl-ew-table__row--subtitle .jtl-ew-table__cell--label {
  padding: 0 0 0 32px;
}
.jtl-ew-table--matrix {
  /* THE FRAME, on the SCROLLER rather than on the box inside it.
   *
   * The published matrix is a white card with a 1px tech-blue hairline and a
   * 24px radius, and the navy header's top corners are cut by it — measured on
   * the reference's wrapper, which carries the border, the radius and
   * `overflow: hidden` together.
   *
   * It sits on `__scroll` because that is the box whose width is the BAND's.
   * Below `lg` the row is 881px wide inside a 315px band and the table scrolls
   * sideways; a frame on the inner box would scroll away with the content,
   * where the reference's stays put around the viewport. A scroll container
   * clips to its own radius, so the corners still cut the navy header. */
}
.jtl-ew-table--matrix .jtl-ew-table__scroll {
  border: 1px solid #2722f8;
}
.jtl-ew-table--matrix {
  /* Wide enough for its own content, which is what lets the scroller reach the
   * last column.
   *
   * `min-width: 680px` from the base pinned this box at 680 while the row it
   * holds measures 881 — and the box CLIPS (`overflow: hidden`, for the
   * radius), so the last 200px of every row was not merely off-screen, it was
   * unreachable: the scroller's own scrollWidth was 680, so scrolling stopped
   * with Pro half-cut and Enterprise never shown. `max-content` sizes the box
   * to the row; `min-width: 100%` keeps it filling the band when the columns
   * fit, so nothing changes at desktop. */
}
.jtl-ew-table--matrix .jtl-ew-table__inner {
  min-width: max(100%, 293px + 147px * var(--jtl-ew-table-cols, 4));
}
.jtl-ew-table--matrix {
  /* A hairline under every DATA row — not under a sub-title band and not under
   * the category header, neither of which the reference rules off. It is the
   * row's own bottom border rather than a divider element, which is what makes
   * the last row of a collapsed group take its rule away with it. */
}
.jtl-ew-table--matrix .jtl-ew-table__row:not(.jtl-ew-table__row--subtitle) {
  border-bottom: 1px solid #eeeee7;
}
.jtl-ew-table--matrix {
  /* 14/21 in a plan cell against 16/24 in the label. The two cells are not the
   * same size on the reference and the difference is legible: the price cells
   * ("199 € / Monat") measure 14px there.
   *
   * Bounded to `lg` and UP. Unbounded — which is how it first shipped, because
   * it was written next to the frame rather than next to the type — it also
   * outranked the narrow block above by coming later in the file, and the whole
   * matrix held its desktop type at 375: 16/24 labels where the reference has
   * 13/18. */
}
@media (min-width: 992px) {
  .jtl-ew-table--matrix .jtl-ew-table__cell {
    font-size: 14px;
    line-height: 21px;
  }
  .jtl-ew-table--matrix .jtl-ew-table__cell--label {
    font-size: 16px;
    line-height: 24px;
  }
}
.jtl-ew-table--matrix {
  /* The info glyph sits at the RIGHT EDGE of the label column, in line down the
   * whole table — not immediately after each label, where it lands at a
   * different place on every row. The reference reaches that with an auto
   * margin in the flex cell, which is the only way to do it without giving the
   * column a fixed text width. */
}
.jtl-ew-table--matrix .jtl-ew-table__info-trigger {
  width: 15px;
  height: 15px;
  margin-inline-start: auto;
  background-color: #0b1b45;
}
.jtl-ew-table--matrix {
  /* The reference's marks, measured: tick 14 x 10 tech-blue, cross 10 x 10
   * NAVY. The cross is navy rather than the widget's neutral grey because on
   * this table "not included" is stated in the same ink as everything else. */
}
.jtl-ew-table--matrix .jtl-ew-table__check {
  width: 14px;
  height: 10px;
}
.jtl-ew-table--matrix .jtl-ew-table__cross {
  width: 10px;
  height: 10px;
  color: #0b1b45;
}
.jtl-ew-table--matrix {
  /* ---- The row-widget shape --------------------------------------------
   *
   * `.jtl-ew-table--rows` is the same matrix built as a container of row
   * WIDGETS instead of one widget holding every line. It renders identical row
   * markup, so everything above applies unchanged; the three differences are
   * all about which box does what, because a container element has only its
   * root to work with (the editor's children placeholder must be a direct child
   * of it).
   *
   * The root takes the scroller's job, the frame and the clip; and the minimum
   * line width moves onto the rows, since there is no inner box to carry it.
   */
}
.jtl-ew-table--matrix.jtl-ew-table--rows {
  overflow-x: auto;
  background: #ffffff;
  border: 1px solid #2722f8;
  border-radius: 24px;
  display: block;
  padding: 0;
}
.jtl-ew-table--matrix.jtl-ew-table--rows > .jtl-ew-table__head:not([data-jtl-table-stuck]),
.jtl-ew-table--matrix.jtl-ew-table--rows > .jtl-ew-table__row,
.jtl-ew-table--matrix.jtl-ew-table--rows > .jtl-ew-table__category {
  min-width: max(100%, 293px + 147px * var(--jtl-ew-table-cols, 4));
}
.jtl-ew-table--matrix {
  /*
   * NO narrow override of the label column.  /*
   * NO narrow override of the label column.
   *
   * This block used to squeeze it to 200px below 768 — a sensible move while
   * the column was a fixed 459px and the plan cells absorbed every pixel of the
   * shortfall, and wrong now that the columns are proportional with a floor.
   * The floor IS the narrow behaviour: the line stops at 293 + n x 147 and the
   * wrapper scrolls, which is what the reference does (measured 880px of table
   * inside a 311px band at 375, identical to its 768 reading).
   *
   * Leaving it in kept the label at 200 and let the plan cells fall to 120, so
   * the row came out 680 wide against the reference's 880 — every column
   * narrower than the reference's, on the one width where the table is hardest
   * to read.
   */
}

.jtl-ew-table--availability .jtl-ew-table__head,
.jtl-ew-table--availability .jtl-ew-table__row {
  gap: 0;
  padding: 0;
}
.jtl-ew-table--availability .jtl-ew-table__head .jtl-ew-table__cell {
  padding: 18px 13px;
}
.jtl-ew-table--availability .jtl-ew-table__inner {
  display: table;
  width: 100%;
  table-layout: auto;
}
.jtl-ew-table--availability .jtl-ew-table__body,
.jtl-ew-table--availability .jtl-ew-table__group,
.jtl-ew-table--availability .jtl-ew-table__group-rows {
  display: contents;
}
.jtl-ew-table--availability .jtl-ew-table__head,
.jtl-ew-table--availability .jtl-ew-table__row {
  display: table-row;
}
.jtl-ew-table--availability .jtl-ew-table__cell {
  display: table-cell;
  padding: 24px 13px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
}
.jtl-ew-table--availability .jtl-ew-table__check,
.jtl-ew-table--availability .jtl-ew-table__cross {
  margin-inline: auto;
}
.jtl-ew-table--availability .jtl-ew-table__cell--head {
  text-transform: none;
  font-weight: 400;
}
.jtl-ew-table--availability .jtl-ew-table__cell--label {
  flex: 0 0 349px;
  width: 349px;
  padding: 24px 13px 24px 24px;
  font-size: 20px;
  line-height: 28px;
  text-align: left;
}

.jtl-ew-media-box {
  aspect-ratio: 1;
  width: 100%;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jtl-ew-media-box--tech-blue {
  background-color: #2722f8;
}

.jtl-ew-media-box::after {
  content: "";
  display: block;
  width: 88px;
  height: 88px;
  background-color: #ffffff;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M21%2019V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2zM8.5%2010.5a1.5%201.5%200%201%201%200-3%201.5%201.5%200%200%201%200%203zM5%2019l3.5-4.5%202.5%203L14.5%2012l4.5%207H5z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  opacity: 0.85;
}

.jtl-ew-related-tile {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
  padding: 20px;
  border-radius: 24px;
  background-color: #ffffff;
  position: relative;
  gap: 16px;
}

.jtl-ew-related-tile__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.jtl-ew-related-tile__icon {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 48px;
  height: 48px;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2228%22%20viewBox%3D%220%200%2025%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.0556%200H6.94444C2.08333%200%200%202.77778%200%206.94444V20.8333C0%2025%202.08333%2027.7778%206.94444%2027.7778H18.0556C22.9167%2027.7778%2025%2025%2025%2020.8333V6.94444C25%202.77778%2022.9167%200%2018.0556%200ZM6.94444%2014.2361H12.5C13.0694%2014.2361%2013.5417%2014.7083%2013.5417%2015.2778C13.5417%2015.8472%2013.0694%2016.3194%2012.5%2016.3194H6.94444C6.375%2016.3194%205.90278%2015.8472%205.90278%2015.2778C5.90278%2014.7083%206.375%2014.2361%206.94444%2014.2361ZM18.0556%2021.875H6.94444C6.375%2021.875%205.90278%2021.4028%205.90278%2020.8333C5.90278%2020.2639%206.375%2019.7917%206.94444%2019.7917H18.0556C18.625%2019.7917%2019.0972%2020.2639%2019.0972%2020.8333C19.0972%2021.4028%2018.625%2021.875%2018.0556%2021.875ZM21.5278%2010.0694H18.75C16.6389%2010.0694%2014.9306%208.36111%2014.9306%206.25V3.47222C14.9306%202.90278%2015.4028%202.43056%2015.9722%202.43056C16.5417%202.43056%2017.0139%202.90278%2017.0139%203.47222V6.25C17.0139%207.20833%2017.7917%207.98611%2018.75%207.98611H21.5278C22.0972%207.98611%2022.5694%208.45833%2022.5694%209.02778C22.5694%209.59722%2022.0972%2010.0694%2021.5278%2010.0694Z%22%20fill%3D%22%230B1B45%22%2F%3E%3C%2Fsvg%3E") no-repeat center/36px 36px;
  color: transparent;
  font-size: 0;
  line-height: 1;
}

.jtl-ew-related-tile__name {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  display: block;
  min-height: 52px;
  padding-right: 56px;
  margin-bottom: 32px;
  color: #0b1b45;
}

.jtl-ew-related-tile__desc {
  display: block;
  min-height: 80px;
  margin-bottom: 16px;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #0b1b45;
}

.jtl-ew-related-tile__foot {
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
  margin-top: auto;
}

.jtl-ew-related-tile .jtl-ew-related-tile__link,
.jtl-ew-related-tile__link {
  display: flex;
  align-items: center;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #0b1b45;
  text-decoration: none;
}

.jtl-ew-related-tile__arrow {
  flex-shrink: 0;
  margin-left: auto;
  width: 16px;
  height: 13px;
  background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2011.1111%209.19347%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M3.42829e-09%203.97252H8.98002L6.073%201.06549C5.82929%200.821714%205.82925%200.426556%206.073%200.182803C6.31675%20-0.0609496%206.71191%20-0.0609073%206.95569%200.182803L10.9283%204.15539C11.1721%204.39917%2011.1721%204.79431%2010.9283%205.03808L6.95569%209.01067C6.71191%209.25438%206.31675%209.25443%206.073%209.01067C5.82925%208.76692%205.82929%208.37176%206.073%208.12798L8.98002%205.22096H3.42829e-09V3.97252Z%22%20fill%3D%22%23FB581F%22%2F%3E%20%3C%2Fsvg%3E") no-repeat center;
  background-size: contain;
}

.jtl-ew-related-tile__logo {
  display: flex;
  align-items: center;
  min-height: 55px;
  margin-bottom: 32px;
  padding-right: 56px;
}

.jtl-ew-related-tile__logo-img {
  max-width: 100%;
  height: auto;
}

.jtl-ew-related-tile__meta {
  align-self: flex-end;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #0b1b45;
}

.jtl-ew-related-tile__link:not(:disabled):not(.disabled):not(.active):hover {
  text-decoration: underline;
}

.jtl-ew-related-tile__link::after {
  content: none;
}

.jtl-ew-related-tile__link--image {
  align-items: flex-start;
}

.jtl-ew-related-tile__link-img {
  display: block;
  max-width: 100%;
  height: auto;
}

.jtl-ew-related-tile--density-compact {
  padding: 32px;
  border-radius: 20px;
  gap: 0;
}

.jtl-ew-related-tile--density-compact .jtl-ew-related-tile__body {
  gap: 0;
}

.jtl-ew-related-tile--density-compact .jtl-ew-related-tile__icon {
  width: auto;
  height: auto;
  background: none;
  color: #2722f8;
  font-size: 22px;
  line-height: 1;
}

.jtl-ew-related-tile--density-compact .jtl-ew-related-tile__name {
  padding-right: 0;
  margin-bottom: 32px;
}

.jtl-ew-related-tile--density-compact .jtl-ew-related-tile__desc {
  line-height: 22px;
}

.jtl-ew-story-card {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  align-self: stretch;
  border-radius: 20px;
  overflow: hidden;
  background-color: transparent;
}

.jtl-ew-story-card__media {
  position: relative;
  overflow: hidden;
  height: 322px;
  flex-shrink: 0;
}

.jtl-ew-story-card__photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
}

.jtl-ew-story-card__photo--placeholder {
  background-color: #eeeee7;
}

.jtl-ew-story-card__lockup {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px 32px;
  pointer-events: none;
}

.jtl-ew-story-card__name {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  display: block;
  color: #ffffff;
}

.jtl-ew-story-card__role {
  display: block;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
}

.jtl-ew-story-card__body {
  position: relative;
  flex: 1;
  padding: 16px 32px 29px;
  background-color: #0b1b45;
}

.jtl-ew-story-card__desc {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  display: block;
  padding-bottom: 70px;
  color: #ffffff;
}

.jtl-ew-story-card__link {
  position: absolute;
  right: 32px;
  bottom: 29px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-decoration: none;
}

.jtl-ew-story-card__link-label {
  position: absolute;
  overflow: hidden;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}

.jtl-ew-story-card__arrow {
  width: 24px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2011.1111%209.19347%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M3.42829e-09%203.97252H8.98002L6.073%201.06549C5.82929%200.821714%205.82925%200.426556%206.073%200.182803C6.31675%20-0.0609496%206.71191%20-0.0609073%206.95569%200.182803L10.9283%204.15539C11.1721%204.39917%2011.1721%204.79431%2010.9283%205.03808L6.95569%209.01067C6.71191%209.25438%206.31675%209.25443%206.073%209.01067C5.82925%208.76692%205.82929%208.37176%206.073%208.12798L8.98002%205.22096H3.42829e-09V3.97252Z%22%20fill%3D%22%23FB581F%22%2F%3E%20%3C%2Fsvg%3E") no-repeat center;
  background-size: contain;
}

.jtl-ew-story-card__link::after {
  content: none;
}

.jtl-ew-job-search {
  display: block;
  width: 100%;
}

.jtl-ew-job-search__placeholder {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  border: 1px dashed rgba(11, 27, 69, 0.25);
  border-radius: 24px;
  background-color: #eeeee7;
}

.jtl-ew-job-search__placeholder-field {
  display: block;
  height: 48px;
  border-radius: 24px;
  background-color: rgba(11, 27, 69, 0.08);
}

.jtl-ew-job-search__placeholder-row {
  display: block;
  height: 96px;
  border-radius: 24px;
  background-color: rgba(11, 27, 69, 0.08);
}

.jtl-ew-job-search__placeholder-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: rgba(11, 27, 69, 0.6);
}

.jtl-ew-reference-search {
  display: block;
  width: 100%;
}

.jtl-ew-reference-search--pagination {
  min-height: 0;
}

.jtl-ew-reference-search__placeholder {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 24px;
  border: 1px dashed rgba(11, 27, 69, 0.25);
  border-radius: 24px;
  background-color: #eeeee7;
}

.jtl-ew-reference-search__placeholder-field {
  display: block;
  flex: 1 1 180px;
  height: 48px;
  border-radius: 24px;
  background-color: rgba(11, 27, 69, 0.08);
}

.jtl-ew-reference-search__placeholder-card {
  display: block;
  flex: 1 1 30%;
  height: 220px;
  border-radius: 24px;
  background-color: rgba(11, 27, 69, 0.08);
}

.jtl-ew-reference-search__placeholder-page {
  display: block;
  flex: 0 0 220px;
  height: 40px;
  margin-inline: auto;
  border-radius: 24px;
  background-color: rgba(11, 27, 69, 0.08);
}

.jtl-ew-reference-search__placeholder-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  flex: 1 1 100%;
  color: rgba(11, 27, 69, 0.6);
}

.jtl-ew-blog-cards {
  display: grid;
  grid-template-columns: repeat(var(--jtl-ew-blog-cards-columns, 3), minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
}

.jtl-ew-blog-cards__card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 24px;
  background-color: #fff;
}

.jtl-ew-blog-cards__media {
  display: block;
  aspect-ratio: 343/158;
  width: 100%;
  overflow: hidden;
}

.jtl-ew-blog-cards__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jtl-ew-blog-cards__head {
  padding: 24px 24px 0;
}

.jtl-ew-blog-cards__head:last-child {
  padding-bottom: 24px;
}

.jtl-ew-blog-cards__title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .jtl-ew-blog-cards__title {
    font-size: 20px;
    line-height: 28px;
  }
}

.elementor .jtl-ew-blog-cards__title {
  margin: 0;
  color: #0b1b45;
}

.elementor .jtl-ew-blog-cards__title-link {
  color: #0b1b45;
  text-decoration: underline;
}

.elementor .jtl-ew-blog-cards__title-link:not(:disabled):not(.disabled):not(.active):hover,
.elementor .jtl-ew-blog-cards__title-link:not(:disabled):not(.disabled):not(.active):focus {
  color: #0b1b45;
  text-decoration: underline;
}

.jtl-ew-blog-cards__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 16px 32px 29px;
  color: #0b1b45;
}

.jtl-ew-blog-cards__excerpt {
  margin: 0 0 8px;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-blog-cards__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 70px;
  color: #0b1b45;
  text-decoration: none;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.jtl-ew-blog-cards__link-arrow {
  flex: 0 0 auto;
  width: 16px;
  height: 14px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 14"><path d="M1 7H19M13 1L19 7L13 13" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px 14px;
  background-color: currentColor;
  background-color: #fb581f;
}

.elementor .jtl-ew-blog-cards__link {
  color: #0b1b45;
}

@media (max-width: 991.98px) {
  .jtl-ew-blog-cards {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .jtl-ew-blog-cards::-webkit-scrollbar {
    display: none;
  }
  .jtl-ew-blog-cards__card {
    scroll-snap-align: start;
  }
  .jtl-ew-blog-cards__card--placeholder {
    scroll-snap-align: none;
  }
}
.jtl-ew-blog-cards__card--placeholder {
  gap: 16px;
  padding-bottom: 24px;
  border: 1px dashed rgba(11, 27, 69, 0.25);
  background-color: #eeeee7;
}

.jtl-ew-blog-cards__placeholder-media {
  display: block;
  aspect-ratio: 343/158;
  width: 100%;
  background-color: rgba(11, 27, 69, 0.08);
}

.jtl-ew-blog-cards__placeholder-line {
  display: block;
  height: 20px;
  margin-inline: 24px;
  border-radius: 24px;
  background-color: rgba(11, 27, 69, 0.08);
}

.jtl-ew-blog-cards__placeholder-line--short {
  width: 50%;
}

.jtl-ew-blog-cards__placeholder-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  grid-column: 1/-1;
  color: rgba(11, 27, 69, 0.6);
}

.jtl-ew-blog-cards--carousel {
  grid-template-columns: none;
  grid-auto-flow: column;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  grid-auto-columns: calc((100% - (var(--jtl-ew-blog-cards-columns, 3) - 1) * 32px) / var(--jtl-ew-blog-cards-columns, 3));
}
.jtl-ew-blog-cards--carousel::-webkit-scrollbar {
  display: none;
}
.jtl-ew-blog-cards--carousel > .jtl-ew-blog-cards__card {
  scroll-snap-align: start;
}

@media (max-width: 1199.98px) {
  .jtl-ew-blog-cards--carousel {
    grid-auto-columns: calc((100% - (var(--jtl-ew-blog-cards-columns-tablet, var(--jtl-ew-blog-cards-columns, 3)) - 1) * 32px) / var(--jtl-ew-blog-cards-columns-tablet, var(--jtl-ew-blog-cards-columns, 3)));
  }
}
@media (max-width: 991.98px) {
  .jtl-ew-blog-cards--carousel {
    grid-auto-columns: calc((100% - (var(--jtl-ew-blog-cards-columns-mobile, 1) - 1) * 32px) / var(--jtl-ew-blog-cards-columns-mobile, 1));
  }
}
.jtl-ew-blog-archive {
  --jtl-ew-blog-archive-measure: 1312px;
  background-color: #eeeee7;
  padding: 80px 64px;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}
.jtl-ew-blog-archive *,
.jtl-ew-blog-archive *::before,
.jtl-ew-blog-archive *::after {
  box-sizing: border-box;
}
.jtl-ew-blog-archive svg {
  display: block;
  flex: 0 0 auto;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__header {
  max-width: var(--jtl-ew-blog-archive-measure);
  margin: 0 auto 24px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__overline {
  margin: 0 0 4px;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #2722f8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__title {
  margin: 0;
  font-family: "Kurdis", "Kurdis Wide", Inter, sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  color: #0b1b45;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__inner {
  max-width: var(--jtl-ew-blog-archive-measure);
  margin: 0 auto;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__layout {
  display: grid;
  grid-template-columns: 303px 1fr;
  gap: 32px;
  align-items: start;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__layout--no-sidebar {
  grid-template-columns: 1fr;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__sidebar {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__widget {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 16px;
  overflow: hidden;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__widget-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__widget-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2722f8;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__widget-icon svg {
  width: 24px;
  height: 24px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__widget-title {
  margin: 0;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #0b1b45;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__filters {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__select,
.jtl-ew-blog-archive .jtl-ew-blog-archive__search-field {
  width: 100%;
  border: 1px solid #0b1b45;
  border-radius: 24px;
  padding: 12px 22px;
  font-family: inherit;
  font-size: 16px;
  line-height: 24px;
  color: #0b1b45;
  background-color: #ffffff;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__select {
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230b1b45' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 22px center;
  padding-right: 44px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__search {
  position: relative;
  display: flex;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__search-field {
  padding-right: 48px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__search-field::placeholder {
  color: #0b1b45;
  opacity: 1;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__search-btn {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: #0b1b45;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__search-btn svg {
  width: 20px;
  height: 20px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__topics {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__topic {
  margin: 0;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__tag {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 4px;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.15s ease;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__tag:hover {
  background-color: #eeeee7;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__tag-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #0b1b45;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__tag-count {
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #2722f8;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__topics-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 4px;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #333;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__topics-all-arrow {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0b1b45;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__topics-all-arrow svg {
  width: 16px;
  height: 16px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #333;
  text-decoration: none;
  transition: color 0.15s ease;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__social-link svg {
  width: 24px;
  height: 24px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__social-link:hover {
  color: #2722f8;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__social-sep {
  flex: 1 1 auto;
  height: 1px;
  background-color: #d6d6cf;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__grid {
  display: grid;
  grid-template-columns: repeat(var(--jtl-ew-blog-archive-columns, 2), minmax(0, 1fr));
  gap: 32px;
  align-content: start;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 24px;
  overflow: hidden;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-media {
  position: relative;
  display: block;
  aspect-ratio: 416/188;
  background-color: #2722f8;
  overflow: hidden;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-media--placeholder {
  background: linear-gradient(135deg, #2722f8 0%, #0b1b45 100%);
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__ribbon {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px 6px 10px;
  background-color: #fb581f;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  border-radius: 4px 4px 4px 0;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__ribbon::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  border-width: 7px 7px 0 0;
  border-style: solid;
  border-color: #c33f10 transparent transparent transparent;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  flex: 1 1 auto;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-meta {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: #0b1b45;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-meta a {
  color: #0b1b45;
  text-decoration: underline;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-title {
  margin: 0;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #0b1b45;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-title a {
  color: inherit;
  text-decoration: none;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-title a:hover {
  color: #2722f8;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-excerpt {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-excerpt p {
  margin: 0;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-divider {
  border: 0;
  border-top: 1px solid #d6d6cf;
  margin: 0;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__author {
  display: flex;
  align-items: center;
  gap: 24px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__author-avatar {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  border-radius: 12px;
  overflow: hidden;
  background-color: #eeeee7;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__author-name {
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #0b1b45;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__author-role {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #0b1b45;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__tags {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__tags-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2722f8;
  margin-top: 1px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__tags-icon svg {
  width: 20px;
  height: 20px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__tags-list {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: #0b1b45;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__tags-list a {
  color: #000;
  text-decoration: underline;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__tags-list a:hover {
  color: #2722f8;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding: 16px 24px;
  min-height: 60px;
  background-color: #2722f8;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  transition: background-color 0.15s ease;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-cta:hover {
  background-color: #1c18d6;
  color: #ffffff;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-cta-label {
  color: #ffffff;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-cta-arrow {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card-cta-arrow svg {
  width: 18px;
  height: 18px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__empty {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 48px 40px;
  text-align: center;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__empty-text {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  color: #0b1b45;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__pagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__page {
  margin: 0;
  border: 0;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 6px;
  border: 0;
  border-radius: 20px;
  background-color: #ffffff;
  color: #0b1b45;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  box-shadow: none;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__page-link:hover {
  background-color: #2722f8;
  color: #ffffff;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__page-link--current {
  background-color: #2722f8;
  color: #ffffff;
  font-weight: 700;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__page-link--dots {
  background: transparent;
  color: #0b1b45;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__page-link--dots:hover {
  background: transparent;
  color: #0b1b45;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__page-link--prev,
.jtl-ew-blog-archive .jtl-ew-blog-archive__page-link--next {
  width: 46px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__page-link--prev::after,
.jtl-ew-blog-archive .jtl-ew-blog-archive__page-link--next::after {
  font-size: 18px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__page-link--prev::after {
  content: "←";
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__page-link--next::after {
  content: "→";
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__card--placeholder {
  gap: 12px;
  padding: 0 0 24px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__placeholder-media {
  display: block;
  width: 100%;
  aspect-ratio: 416/188;
  background-color: #eeeee7;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__placeholder-line {
  display: block;
  height: 12px;
  margin: 0 24px;
  border-radius: 6px;
  background-color: #eeeee7;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__placeholder-line--short {
  width: 55%;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__placeholder-label {
  display: block;
  margin-top: 16px;
  font-size: 13px;
  line-height: 20px;
  color: #0b1b45;
  opacity: 0.6;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__topics.jtl-ew-blog-archive__topics {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.jtl-ew-blog-archive .jtl-ew-blog-archive__pages.jtl-ew-blog-archive__pages {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1100px) {
  .jtl-ew-blog-archive {
    padding: 56px 32px;
  }
  .jtl-ew-blog-archive .jtl-ew-blog-archive__layout {
    grid-template-columns: 1fr;
  }
  .jtl-ew-blog-archive .jtl-ew-blog-archive__sidebar {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .jtl-ew-blog-archive .jtl-ew-blog-archive__widget {
    flex: 1 1 280px;
  }
}
@media (max-width: 720px) {
  .jtl-ew-blog-archive {
    padding: 40px 16px;
  }
  .jtl-ew-blog-archive .jtl-ew-blog-archive__grid {
    grid-template-columns: 1fr;
  }
  .jtl-ew-blog-archive .jtl-ew-blog-archive__sidebar {
    flex-direction: column;
  }
  .jtl-ew-blog-archive .jtl-ew-blog-archive__widget {
    flex: 1 1 auto;
  }
  .jtl-ew-blog-archive .jtl-ew-blog-archive__pagination {
    justify-content: center;
  }
  .jtl-ew-blog-archive .jtl-ew-blog-archive__title {
    font-size: 30px;
    line-height: 38px;
  }
  .jtl-ew-blog-archive .jtl-ew-blog-archive__card-title {
    font-size: 21px;
    line-height: 28px;
  }
  .jtl-ew-blog-archive .jtl-ew-blog-archive__author {
    gap: 16px;
  }
}

.jtl-ew-testimonial {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  max-width: 1172px;
  margin: 0 auto;
}

.jtl-ew-testimonial__media {
  position: relative;
  flex: 0 0 352px;
  max-width: 352px;
}

.jtl-ew-testimonial__badge {
  position: absolute;
  top: -65px;
  left: -65px;
  z-index: 1;
  display: block;
  width: 140px;
  height: 140px;
  filter: hue-rotate(190deg) saturate(0.85);
}

.jtl-ew-testimonial__badge-svg {
  display: block;
  width: 100%;
  height: 100%;
}

.jtl-ew-testimonial__image-wrap {
  overflow: hidden;
  border-radius: 20px;
}

.jtl-ew-testimonial__image {
  display: block;
  width: 100%;
  height: auto;
}

.jtl-ew-testimonial__body {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  flex-direction: column;
  padding-left: 32px;
  margin-top: 35px;
}

.jtl-ew-testimonial__topline {
  margin: 0 0 24px;
  color: var(--jtl-ew-on-surface-overline, #2722f8);
  text-transform: uppercase;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.9px;
}

.jtl-ew-testimonial__text {
  margin: 0;
  color: var(--jtl-ew-on-surface-body, #0b1b45);
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 24px;
  line-height: 38px;
  font-weight: 500;
  letter-spacing: 0.48px;
}

.jtl-ew-testimonial__cta {
  display: flex;
  justify-content: flex-end;
  margin-top: 33px;
}

.jtl-ew-testimonial__link.jtl-ew-testimonial__link {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  color: var(--jtl-ew-on-surface-heading, #0b1b45);
  text-decoration: none;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
}

.jtl-ew-testimonial--cta-bold .jtl-ew-testimonial__link-label {
  font-weight: 700;
}

.jtl-ew-testimonial__link-label {
  text-decoration: underline;
  text-decoration-color: #fb581f;
  text-decoration-thickness: 2px;
}

.jtl-ew-testimonial__link-arrow {
  flex: 0 0 auto;
  width: 16px;
  height: 13.24px;
  color: inherit;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13.2386"><path d="M0 5.72042H12.9312L8.74512 1.53431C8.39418 1.18327 8.39412 0.61424 8.74512 0.263236C9.09613 -0.087768 9.66515 -0.0877072 10.0162 0.263236L15.7367 5.98377C16.0878 6.3348 16.0878 6.9038 15.7367 7.25484L10.0162 12.9754C9.66515 13.3263 9.09613 13.3264 8.74512 12.9754C8.39412 12.6244 8.39418 12.0553 8.74512 11.7043L12.9312 7.51818H0V5.72042Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px 13.24px;
  background-color: currentColor;
}

.jtl-ew-testimonial__attribution {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  color: var(--jtl-ew-on-surface-body, #0b1b45);
}

.jtl-ew-testimonial__attribution--with-logo {
  flex-direction: row;
  align-items: center;
  gap: 68px;
}

.jtl-ew-testimonial__logo {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.jtl-ew-testimonial__who {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.jtl-ew-testimonial__name {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
}

.jtl-ew-testimonial__role {
  text-decoration: underline;
  text-decoration-color: #fb581f;
  text-decoration-thickness: 2px;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
}

.jtl-ew-testimonial--image-top {
  flex-direction: column;
  align-items: flex-start;
  max-width: 480px;
}
.jtl-ew-testimonial--image-top .jtl-ew-testimonial__media {
  flex: 0 0 auto;
  width: 100%;
  max-width: 352px;
}
.jtl-ew-testimonial--image-top .jtl-ew-testimonial__badge {
  top: -45px;
  left: 0;
  width: 80px;
  height: 80px;
}
.jtl-ew-testimonial--image-top .jtl-ew-testimonial__body {
  padding-left: 0;
  margin-top: 40px;
}
.jtl-ew-testimonial--image-top .jtl-ew-testimonial__cta {
  justify-content: flex-start;
}

.jtl-ew-testimonial--centered .jtl-ew-testimonial__media {
  flex: 0 0 80px;
  max-width: 80px;
}
.jtl-ew-testimonial--centered .jtl-ew-testimonial__badge {
  left: -95px;
}
.jtl-ew-testimonial--centered .jtl-ew-testimonial__body {
  flex: 0 0 820px;
  max-width: 820px;
  margin-top: 0;
}
.jtl-ew-testimonial--centered .jtl-ew-testimonial__cta {
  justify-content: flex-end;
}

@media (max-width: 991.98px) {
  .jtl-ew-testimonial {
    flex-direction: column;
    align-items: flex-start;
    max-width: 480px;
  }
  .jtl-ew-testimonial .jtl-ew-testimonial__media {
    flex: 0 0 auto;
    width: 100%;
    max-width: 352px;
  }
  .jtl-ew-testimonial .jtl-ew-testimonial__badge {
    top: -45px;
    left: 0;
    width: 80px;
    height: 80px;
  }
  .jtl-ew-testimonial .jtl-ew-testimonial__body {
    padding-left: 0;
    margin-top: 40px;
  }
  .jtl-ew-testimonial .jtl-ew-testimonial__cta {
    justify-content: flex-start;
  }
  .jtl-ew-testimonial--stack-center {
    align-items: center;
    max-width: none;
  }
  .jtl-ew-testimonial--stack-center .jtl-ew-testimonial__media {
    margin-inline: auto;
  }
  .jtl-ew-testimonial--centered .jtl-ew-testimonial__body {
    flex: 0 1 auto;
    max-width: 100%;
  }
}
.jtl-ew-quote-card {
  margin: 0;
  margin-top: calc(-1 * var(--jtl-ew-quote-card-overlap, 0px));
  margin-inline-start: auto;
  margin-inline-end: var(--jtl-ew-quote-card-inset, 0px);
  max-width: min(100%, var(--jtl-ew-quote-card-width, 100%));
  position: relative;
  z-index: 1;
}

.jtl-ew-quote-card__card {
  position: relative;
  padding: 24px 21px 25px 24px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15);
}

.jtl-ew-quote-card__badge {
  position: absolute;
  top: -28px;
  left: -40px;
  z-index: 1;
  display: block;
  width: 62px;
  height: 62px;
  filter: hue-rotate(190deg) saturate(0.85);
}
.jtl-ew-quote-card__badge svg {
  display: block;
  width: 100%;
  height: 100%;
}

.jtl-ew-quote-card__text {
  margin: 0;
  color: #333;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
.jtl-ew-quote-card__text strong,
.jtl-ew-quote-card__text b {
  font-weight: 700;
}

.jtl-ew-quote-card__attribution {
  display: flex;
  align-items: center;
  gap: 28.8px;
  margin-top: 17px;
  min-height: 48px;
}

.jtl-ew-quote-card__logo {
  display: block;
  width: auto;
  max-width: 40%;
  height: auto;
  flex: 0 0 auto;
}

.jtl-ew-quote-card__rule {
  flex: 0 0 1px;
  align-self: stretch;
  min-height: 48px;
  background-color: #595959;
}

.jtl-ew-quote-card__who {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.jtl-ew-quote-card__name {
  color: #333;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.jtl-ew-quote-card__role {
  color: #333;
  text-decoration-color: currentcolor;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-quote-card__role.jtl-ew-quote-card__role {
  text-decoration: underline;
}

@media (max-width: 991.98px) {
  .jtl-ew-quote-card {
    margin-inline-start: 0;
    margin-inline-end: 0;
    max-width: 100%;
  }
  .jtl-ew-quote-card__card {
    padding-top: 44px;
  }
  .jtl-ew-quote-card__attribution {
    gap: 16px;
  }
}
.jtl-ew-success-story {
  display: flex;
  align-items: center;
  gap: 48px;
  box-sizing: border-box;
  padding: 64px;
  border-radius: 24px;
  background-color: #ffffff;
  color: #0b1b45;
}
@media (max-width: 1399.98px) {
  .jtl-ew-success-story {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    padding: 32px;
  }
}

.jtl-ew-success-story__content,
.jtl-ew-success-story__video {
  flex: 1 1 calc(50% - 24px);
  max-width: calc(50% - 24px);
}
@media (max-width: 1399.98px) {
  .jtl-ew-success-story__content,
  .jtl-ew-success-story__video {
    flex: 0 0 auto;
    max-width: 100%;
  }
}

.jtl-ew-success-story__content {
  min-width: 0;
}

.jtl-ew-success-story .jtl-ew-success-story__eyebrow {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.9px;
  margin: 0 0 8px;
  text-transform: uppercase;
  color: #2722f8;
}

.jtl-ew-success-story .jtl-ew-success-story__title {
  margin: 0;
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0;
  color: #0b1b45;
}
.jtl-ew-success-story .jtl-ew-success-story__title strong,
.jtl-ew-success-story .jtl-ew-success-story__title b,
.jtl-ew-success-story .jtl-ew-success-story__title .font-weight-bold {
  font-weight: 700;
}

.jtl-ew-success-story__video {
  align-self: center;
  border-radius: 16px;
  overflow: hidden;
}

.jtl-ew-login-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 142px;
  box-sizing: border-box;
  padding: 46px;
  border-radius: 46px;
  background-color: #0b1b45;
  color: #ffffff;
}
@media (max-width: 1199.98px) {
  .jtl-ew-login-panel {
    gap: 64px;
    padding: 40px;
  }
}
@media (max-width: 991.98px) {
  .jtl-ew-login-panel {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-login-panel {
    padding: 32px 20px;
    border-radius: 24px;
  }
}

.jtl-ew-login-panel__form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 40px;
  min-width: 0;
  max-width: 557px;
}
@media (max-width: 991.98px) {
  .jtl-ew-login-panel__form {
    max-width: none;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-login-panel__form {
    gap: 32px;
  }
}

.jtl-ew-login-panel .jtl-ew-login-panel__title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .jtl-ew-login-panel .jtl-ew-login-panel__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.jtl-ew-login-panel .jtl-ew-login-panel__title {
  margin: 0;
  color: #ffffff;
}

.jtl-ew-login-panel__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  cursor: text;
}

.jtl-ew-login-panel .jtl-ew-login-panel__label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffff;
}

.jtl-ew-login-panel__input {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding: 0 24px;
  border: 0;
  border-radius: 145.323px;
  background-color: #ffffff;
  color: #0b1b45;
  appearance: none;
}

.jtl-ew-login-panel__input:focus-visible {
  outline: 2px solid #2722f8;
  outline-offset: 2px;
}

.jtl-ew-login-panel__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 767.98px) {
  .jtl-ew-login-panel__actions {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }
}

.jtl-ew-login-panel .jtl-ew-login-panel__forgot {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #fb581f;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.jtl-ew-login-panel a.jtl-ew-login-panel__forgot:not(:disabled):not(.disabled):not(.active):hover,
.jtl-ew-login-panel a.jtl-ew-login-panel__forgot:not(:disabled):not(.disabled):not(.active):focus-visible {
  color: #eeeee7;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.jtl-ew-login-panel__media {
  flex: 0 0 auto;
  width: 525px;
  max-width: 100%;
  aspect-ratio: 1/1;
}
@media (max-width: 1199.98px) {
  .jtl-ew-login-panel__media {
    width: 380px;
  }
}
@media (max-width: 991.98px) {
  .jtl-ew-login-panel__media {
    width: 100%;
  }
}

.jtl-ew-card-image-split {
  display: flex;
  align-items: stretch;
  gap: 28px;
  box-sizing: border-box;
  min-width: 0;
  max-width: 1068px;
  margin-inline: auto;
}
@media (max-width: 991.98px) {
  .jtl-ew-card-image-split {
    flex-direction: column;
    gap: 24px;
  }
  .jtl-ew-card-image-split .jtl-ew-card-image-split__card,
  .jtl-ew-card-image-split .jtl-ew-card-image-split__media {
    flex: 0 0 auto;
  }
}
.jtl-ew-card-image-split .jtl-ew-button {
  white-space: normal;
  overflow-wrap: break-word;
}

.jtl-ew-card-image-split__card {
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding: 48px;
  border-radius: 24px;
  background-color: #ffffff;
  color: #0b1b45;
}
@media (max-width: 991.98px) {
  .jtl-ew-card-image-split__card {
    padding: 28px;
  }
}

.jtl-ew-card-image-split .jtl-ew-card-image-split__title {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0.64px;
}
@media (max-width: 767.98px) {
  .jtl-ew-card-image-split .jtl-ew-card-image-split__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.jtl-ew-card-image-split .jtl-ew-card-image-split__title {
  margin: 0;
  color: #0b1b45;
  overflow-wrap: break-word;
}
.jtl-ew-card-image-split .jtl-ew-card-image-split__title strong,
.jtl-ew-card-image-split .jtl-ew-card-image-split__title b,
.jtl-ew-card-image-split .jtl-ew-card-image-split__title .font-weight-bold {
  font-weight: 700;
}

.jtl-ew-card-image-split .jtl-ew-card-image-split__text {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  margin: 0;
  color: #0b1b45;
}
.jtl-ew-card-image-split .jtl-ew-card-image-split__text strong,
.jtl-ew-card-image-split .jtl-ew-card-image-split__text b {
  font-weight: 700;
}

.jtl-ew-card-image-split .jtl-ew-card-image-split__title--h2-tight {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
}

.jtl-ew-card-image-split .jtl-ew-card-image-split__text--body {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.jtl-ew-card-image-split__media {
  position: relative;
  flex: 0 0 calc((100% - 28px) * 318 / 1040);
  min-width: 0;
  align-self: stretch;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .jtl-ew-card-image-split__media {
    align-self: auto;
    aspect-ratio: 3/2;
  }
}

.jtl-ew-card-image-split__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.elementor .jtl-ew-heading.jtl-ew-retouren-company-title {
  max-width: 864px;
  margin-inline: auto;
}

.jtl-ew-section.jtl-ew-retouren-section {
  padding-block: 64px;
}

.jtl-ew-section.jtl-ew-retouren-company-section {
  padding-block: 144px;
}

.jtl-ew-icon-list.jtl-ew-retouren-mgmt-list {
  padding-inline-end: 32px;
}

.jtl-ew-retouren-logos {
  min-height: 128px;
}

.jtl-ew-retouren-subcard {
  margin-top: -32px;
}
@media (min-width: 1200px) {
  .jtl-ew-retouren-subcard {
    transform: translateX(21px);
  }
}

.elementor .jtl-ew-retouren-subcard .jtl-ew-heading {
  font-size: 24px;
  line-height: 1.2;
}

.jtl-ew-anchor-nav {
  --jtl-ew-anchor-nav-accent: #ff9a26;
  --jtl-ew-anchor-nav-rule: #ffe1be;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  background: #ffffff;
  border-radius: 24px;
  padding: 8px;
  width: 100%;
  color: #5f5270;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding-inline: 8px;
}
.jtl-ew-anchor-nav.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.jtl-ew-anchor-nav::-webkit-scrollbar {
  display: none;
}

.jtl-ew-anchor-nav--purple {
  --jtl-ew-anchor-nav-accent: #814ff0;
  --jtl-ew-anchor-nav-rule: #d9cafb;
}

.jtl-ew-anchor-nav--blue {
  --jtl-ew-anchor-nav-accent: #05c7d1;
  --jtl-ew-anchor-nav-rule: #b4eef1;
}

.jtl-ew-anchor-nav--tech {
  --jtl-ew-anchor-nav-accent: #2722f8;
  --jtl-ew-anchor-nav-rule: #d9d8fc;
}

.jtl-ew-anchor-nav__item {
  transition: all 300ms ease-in-out;
}
.jtl-ew-anchor-nav__item, .jtl-ew-anchor-nav__item.is-active, .jtl-ew-anchor-nav__item:hover {
  box-shadow: none;
}
.jtl-ew-anchor-nav__item.is-active .jtl-ew-anchor-nav__link {
  background: #2722f8;
  color: #ffffff;
  font-weight: 400;
}
.jtl-ew-anchor-nav__item:not(.is-active) .jtl-ew-anchor-nav__link:hover {
  background: #eeeee7;
  color: #0b1b45;
}

.jtl-ew-anchor-nav .jtl-ew-anchor-nav__link {
  display: block;
  padding: 8px 16px;
  border-radius: 50px;
  background: transparent;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--jtl-ew-on-surface-body, #0b1b45);
  text-decoration: none;
  white-space: nowrap;
}

.jtl-ew-anchor-nav--size-lg .jtl-ew-anchor-nav__link {
  font-size: 18px;
  line-height: 28px;
}

.jtl-ew-anchor-nav--style-tabs {
  padding: 0;
  padding-inline: 0;
  border-radius: 0;
  background: transparent;
  gap: 10px;
  border-bottom: 1px solid var(--jtl-ew-anchor-nav-rule);
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-mask-image: linear-gradient(to right, black 0%, black 95%, transparent);
  mask-image: linear-gradient(to right, black 0%, black 95%, transparent);
}

.jtl-ew-anchor-nav--style-tabs::-webkit-scrollbar {
  display: none;
}

.jtl-ew-anchor-nav--style-tabs .jtl-ew-anchor-nav__item.is-active,
.jtl-ew-anchor-nav--style-tabs .jtl-ew-anchor-nav__item:hover {
  box-shadow: inset 0 -3px 0 var(--jtl-ew-anchor-nav-accent);
}

.jtl-ew-anchor-nav--style-tabs .jtl-ew-anchor-nav__link {
  padding: 0 20px 20px;
  border-radius: 0;
  background: transparent;
}

.jtl-ew-anchor-nav--style-tabs .jtl-ew-anchor-nav__item.is-active .jtl-ew-anchor-nav__link {
  background: transparent;
  color: var(--jtl-ew-anchor-nav-accent);
  font-weight: 700;
}

.jtl-ew-anchor-nav--style-tabs .jtl-ew-anchor-nav__item:not(.is-active) .jtl-ew-anchor-nav__link:hover {
  background: transparent;
  color: var(--jtl-ew-anchor-nav-accent);
}

.jtl-ew-scroll-top {
  display: none;
  position: fixed;
  right: 3%;
  bottom: 90px;
  z-index: 99;
  padding: 24px;
  border-radius: 20px;
  background-color: var(--jtl-ew-scroll-top-bg, #2722f8);
  transform: rotate(20deg);
}

.jtl-ew-scroll-top.is-visible {
  display: block;
}

.jtl-ew-scroll-top__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: none;
  color: #ffffff;
  font-size: 28px;
  line-height: 42px;
  cursor: pointer;
}

.jtl-ew-scroll-top__button i {
  display: block;
  transform: rotate(-20deg);
}

.jtl-ew-scroll-top--color-dark-blue {
  --jtl-ew-scroll-top-bg: #0b1b45;
}

.jtl-ew-scroll-top--color-tech-blue {
  --jtl-ew-scroll-top-bg: #2722f8;
}

.jtl-ew-scroll-top--color-ratgeber-blue {
  --jtl-ew-scroll-top-bg: #05c7d1;
}

.jtl-ew-partner-search h3,
.jtl-ew-partner-search h4,
.jtl-ew-partner-search h5,
.jtl-ew-partner-search h6 {
  font-family: "Kurdis", "Kurdis Wide", Inter, sans-serif !important;
}

.jtl-ew-partner-search {
  width: 100%;
  min-width: 0;
  align-self: stretch;
}

.jtl-ew-partner-search__placeholder {
  position: relative;
  display: flex;
  gap: 24px;
  width: 100%;
  min-height: 420px;
}

.jtl-ew-partner-search__placeholder-label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  color: #0b1b45;
  text-align: center;
  pointer-events: none;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.jtl-ew-partner-search__placeholder-panel,
.jtl-ew-partner-search__placeholder-results {
  border-radius: 24px;
  background: #ffffff;
}

.jtl-ew-partner-search__placeholder-panel {
  display: flex;
  flex: 0 0 32%;
  flex-direction: column;
  gap: 18px;
  padding: 20px;
}

.jtl-ew-partner-search__placeholder-results {
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 20px;
}

.jtl-ew-partner-search__placeholder-field,
.jtl-ew-partner-search__placeholder-card {
  border-radius: 24px;
  background: #eeeee7;
}

.jtl-ew-partner-search__placeholder-field {
  height: 38px;
}

.jtl-ew-partner-search__placeholder-card {
  min-height: 104px;
}

.jtl-ew-partner-search__placeholder-label {
  background: rgba(255, 255, 255, 0.82);
}

.jtl-ew-partner-search__placeholder-results {
  flex: 1 1 auto;
}

@media (max-width: 767.98px) {
  .jtl-ew-partner-search__placeholder {
    flex-direction: column;
    min-height: 320px;
  }
  .jtl-ew-partner-search__placeholder-panel {
    flex: 0 0 120px;
  }
}
.jtl-ew-wawi-releases {
  position: relative;
  padding: 0 64px;
  border-radius: 15px;
  background: transparent;
}

.jtl-ew-wawi-releases__panel {
  position: relative;
  z-index: 10;
  max-width: 900px;
  padding-top: 0;
  padding-right: 15px;
}

.jtl-ew-wawi-releases .jtl-ew-wawi-releases__overline {
  margin: 0;
  padding-bottom: 8px;
  color: #2722f8;
  background: none;
  text-transform: uppercase;
  -webkit-text-fill-color: currentColor;
  font-family: "Kurdis", "Kurdis Wide", Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.jtl-ew-wawi-releases .jtl-ew-wawi-releases__title {
  margin: 0;
  padding-bottom: 32px;
  color: #0b1b45;
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
}

.jtl-ew-wawi-releases__text {
  margin: 0;
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.jtl-ew-wawi-releases__row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 64px;
  gap: clamp(30px, 6vw, 105px);
}

.jtl-ew-wawi-releases__column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.jtl-ew-wawi-releases__column-title {
  color: #333;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.jtl-ew-wawi-releases__column-button {
  display: flex;
  align-items: center;
  gap: 29px;
}

.jtl-ew-wawi-releases__show-all {
  border-width: 0;
}

.jtl-ew-wawi-releases__column-links {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

.jtl-ew-wawi-releases .jtl-ew-wawi-releases__link {
  color: #0b1b45;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  text-decoration: underline;
}
.jtl-ew-wawi-releases .jtl-ew-wawi-releases__link:hover, .jtl-ew-wawi-releases .jtl-ew-wawi-releases__link:focus-visible {
  color: #fb581f;
}

.jtl-ew-wawi-dialog {
  width: 100%;
  max-width: 869px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  color: #333;
  background: #fff;
}
.jtl-ew-wawi-dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}

.jtl-ew-wawi-dialog__inner {
  position: relative;
  padding: 42px 64px 58px;
}

.jtl-ew-wawi-dialog__close {
  position: absolute;
  top: 18px;
  right: 23px;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  font-size: 26px;
  line-height: 1;
  color: #595959;
  background: none;
  cursor: pointer;
}
.jtl-ew-wawi-dialog__close::after {
  content: "×";
}
.jtl-ew-wawi-dialog__close:hover, .jtl-ew-wawi-dialog__close:focus-visible {
  color: #333;
}

.jtl-ew-wawi-dialog__title {
  margin: 0 0 35px;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3;
  color: #333;
}

.jtl-ew-wawi-versions {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.jtl-ew-wawi-versions__head {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 15px 40px;
  font-size: 26px;
  color: #333;
  background: #ffcc92;
}

.jtl-ew-wawi-versions__head-version {
  flex: 1 1 50%;
}

.jtl-ew-wawi-versions__head-date {
  flex: 0 0 50%;
}

.jtl-ew-wawi-versions__group {
  background: #fff5e9;
}
.jtl-ew-wawi-versions__group + .jtl-ew-wawi-versions__group {
  border-top: 1px solid rgba(89, 89, 89, 0.4);
}

.jtl-ew-wawi-versions__summary {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 15px 40px;
  cursor: pointer;
  list-style: none;
}
.jtl-ew-wawi-versions__summary::-webkit-details-marker {
  display: none;
}

.jtl-ew-wawi-versions__major {
  flex: 1 1 auto;
  font-size: 26px;
  font-weight: 700;
  color: #333;
}

.jtl-ew-wawi-versions__icon {
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-top: 8px solid #f68b25;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transition: transform 0.2s ease;
}

.jtl-ew-wawi-versions__group[open] .jtl-ew-wawi-versions__icon {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .jtl-ew-wawi-versions__icon {
    transition: none;
  }
}
.jtl-ew-wawi-versions__list {
  padding: 0 40px 15px;
  color: #595959;
}

.jtl-ew-wawi-versions__item {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-top: 12px;
}

.jtl-ew-wawi-versions__link {
  flex: 1 1 50%;
  padding-left: 32px;
  font-size: 26px;
  color: #595959;
}
.jtl-ew-wawi-versions__link:hover, .jtl-ew-wawi-versions__link:focus-visible {
  color: #f68b25;
  text-decoration: underline;
}

.jtl-ew-wawi-versions__date {
  flex: 0 0 50%;
  font-size: 26px;
}

.jtl-ew-wawi-versions__empty {
  margin: 0;
  color: #595959;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.jtl-ew-wawi-gate__choices {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.jtl-ew-wawi-gate__choice {
  flex: 1 1 240px;
  padding: 12px 24px;
  border: 2px solid #0b1b45;
  border-radius: 145.323px;
  color: #0b1b45;
  background: transparent;
  cursor: pointer;
  text-align: center;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.32px;
}
.jtl-ew-wawi-gate__choice:hover, .jtl-ew-wawi-gate__choice:focus-visible {
  color: #fff;
  background: #0b1b45;
}

.jtl-ew-wawi-gate__lead {
  display: block;
  margin-bottom: 24px;
  color: #333;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.jtl-ew-wawi-gate__hubspot {
  margin-bottom: 24px;
}

.jtl-ew-wawi-gate__copy {
  color: #333;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.jtl-ew-wawi-gate__copy > p {
  margin: 0 0 24px;
}
.jtl-ew-wawi-gate__copy > p:last-child {
  margin-bottom: 0;
}
.jtl-ew-wawi-gate__copy > ul,
.jtl-ew-wawi-gate__copy > ol {
  margin: 0 0 24px;
  padding-left: 1.25em;
}
.jtl-ew-wawi-gate__copy a {
  color: inherit;
  text-decoration: underline;
}
.jtl-ew-wawi-gate__copy a:hover, .jtl-ew-wawi-gate__copy a:focus-visible {
  color: #fb581f;
}

.jtl-ew-wawi-gate__consent {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 24px 0;
}

.jtl-ew-wawi-gate__consent-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  cursor: pointer;
  color: #333;
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.jtl-ew-wawi-gate__consent-row input {
  margin-top: 3px;
  flex: 0 0 auto;
}

.jtl-ew-wawi-gate__actions {
  display: flex;
}

.jtl-ew-wawi-gate__start[aria-disabled=true] {
  opacity: 0.5;
  cursor: not-allowed;
}

@media (max-width: 991px) {
  .jtl-ew-wawi-releases__panel {
    background: #fff5e9;
  }
  .jtl-ew-wawi-releases__title {
    font-size: 32px;
    line-height: 1.5;
  }
  .jtl-ew-wawi-releases__overline {
    font-size: 24px;
    line-height: 28px;
  }
  .jtl-ew-wawi-releases__text {
    font-size: 24px;
    line-height: 28px;
  }
  .jtl-ew-wawi-releases__row {
    justify-content: center;
    margin-top: 30px;
    gap: 30px;
  }
  .jtl-ew-wawi-releases__column {
    justify-content: center;
    gap: 20px;
    text-align: center;
  }
  .jtl-ew-wawi-releases__column-button,
  .jtl-ew-wawi-releases__column-links {
    justify-content: center;
  }
  .jtl-ew-wawi-releases .jtl-ew-wawi-releases__link {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .jtl-ew-wawi-releases {
    padding: 0 32px;
  }
  .jtl-ew-wawi-releases__panel {
    padding-top: 0;
    padding-right: 0;
  }
  .jtl-ew-wawi-releases__title {
    font-size: 30px;
    line-height: 1.25;
  }
  .jtl-ew-wawi-releases__overline {
    font-size: 22px;
    line-height: 26px;
  }
  .jtl-ew-wawi-releases__text {
    font-size: 20px;
    line-height: 26px;
  }
  .jtl-ew-wawi-releases__column {
    width: 212px;
  }
  .jtl-ew-wawi-dialog__inner {
    padding: 30px;
  }
  .jtl-ew-wawi-dialog__close {
    top: 15px;
    right: 15px;
  }
  .jtl-ew-wawi-dialog__title {
    font-size: 19px;
  }
  .jtl-ew-wawi-versions__head,
  .jtl-ew-wawi-versions__major,
  .jtl-ew-wawi-versions__link,
  .jtl-ew-wawi-versions__date {
    font-size: 19px;
  }
}
@media (max-width: 575px) {
  .jtl-ew-wawi-dialog__title {
    font-size: 16px;
  }
  .jtl-ew-wawi-versions__head,
  .jtl-ew-wawi-versions__major,
  .jtl-ew-wawi-versions__link,
  .jtl-ew-wawi-versions__date {
    font-size: 16px;
  }
  .jtl-ew-wawi-versions__head,
  .jtl-ew-wawi-versions__summary {
    padding: 15px 20px;
  }
  .jtl-ew-wawi-versions__list {
    padding: 0 20px 15px;
  }
  .jtl-ew-wawi-versions__link {
    padding-left: 12px;
  }
}
.jtl-ew-section {
  display: grid;
  grid-template-columns: [full-start] minmax(16px, 1fr) [content-start] minmax(0, 1312px) [content-end] minmax(16px, 1fr) [full-end];
  padding-block: 48px;
  padding-inline: 0;
}
.jtl-ew-section > *:where(*:not(.jtl-ew-section__image)):where(:not(.elementor-element-overlay)),
.jtl-ew-section > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)) {
  grid-column: content;
}

.jtl-ew-section--separation-short {
  margin-block-start: 50px;
}

.jtl-ew-section--separation-medium {
  margin-block-start: 60px;
}

.jtl-ew-section--separation-long {
  margin-block-start: 96px;
}

.jtl-ew-section--separation-xl {
  margin-block-start: 112px;
}

@media (max-width: 767.98px) {
  .jtl-ew-section--mobile-separation-none.jtl-ew-section--mobile-separation-none {
    margin-block-start: 0;
  }
  .jtl-ew-section--mobile-separation-tight.jtl-ew-section--mobile-separation-tight {
    margin-block-start: 20px;
  }
  .jtl-ew-section--mobile-separation-short.jtl-ew-section--mobile-separation-short {
    margin-block-start: 50px;
  }
  .jtl-ew-section--mobile-separation-medium.jtl-ew-section--mobile-separation-medium {
    margin-block-start: 60px;
  }
}
@media (max-width: 991.98px) {
  .jtl-ew-section {
    grid-template-columns: [full-start] minmax(var(--jtl-ew-section-narrow-gutter, 16px), 1fr) [content-start] minmax(0, 1312px) [content-end] minmax(var(--jtl-ew-section-narrow-gutter, 16px), 1fr) [full-end];
  }
}
.jtl-ew-section--wide {
  --jtl-ew-section-gutter: 60px;
  --jtl-ew-section-measure: 1450px;
  grid-template-columns: [full-start] minmax(var(--jtl-ew-section-gutter, 60px), 1fr) [content-start] minmax(0, var(--jtl-ew-section-measure, 1450px)) [content-end] minmax(var(--jtl-ew-section-gutter, 60px), 1fr) [full-end];
  /*
   * 60px is the DESKTOP gutter, and it was the only one — so a phone got 60px
   * of it too and the content column came out 375 - 120 = 255px wide. Measured
   * before this: 445 of 456 text leaves sat at the wrong left inset at 375, and
   * copy inside a card inside a list ran 149px wide.
   *
   * The band it mirrors is a Bootstrap `.container`, which narrows its padding
   * as the viewport does. The steps are measured, not chosen — see the token's
   * note in tokens/_shape.scss for the readings.
   *
   * Narrow-as-override rather than mobile-first, which is this file's house
   * style (see `jtl-below`'s own note): a document that stores `wide` keeps the
   * desktop band as its base and only reflows below it. The two overrides are
   * equal specificity, so the `md` one has to come SECOND to win under 768.
   */
}
@media (max-width: 991.98px) {
  .jtl-ew-section--wide {
    --jtl-ew-section-gutter: 32px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-section--wide {
    --jtl-ew-section-gutter: 16px;
  }
}

.jtl-ew-section--webinar-split {
  --jtl-ew-section-gutter: 60px;
  grid-template-columns: [full-start] minmax(var(--jtl-ew-section-gutter), 1fr) [content-start] minmax(0, 1420px) [content-end] minmax(var(--jtl-ew-section-gutter), 1fr) [full-end];
}

.jtl-ew-section--webinar-rail {
  --jtl-ew-section-gutter: 60px;
  grid-template-columns: [full-start] minmax(var(--jtl-ew-section-gutter), 1fr) [content-start] minmax(0, 1505px) [content-end] minmax(var(--jtl-ew-section-gutter), 1fr) [full-end];
}

@media (max-width: 991.98px) {
  .jtl-ew-section--gutter-landing {
    --jtl-ew-section-gutter: 60px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-section--gutter-landing {
    --jtl-ew-section-gutter: 15px;
  }
}

@media (max-width: 991.98px) {
  .jtl-ew-section--gutter-content {
    --jtl-ew-section-gutter: 32px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-section--gutter-content {
    --jtl-ew-section-gutter: 16px;
  }
}

.jtl-ew-section--band {
  --jtl-ew-section-gutter: 30px;
  --jtl-ew-section-measure: 1468px;
  grid-template-columns: [full-start] minmax(var(--jtl-ew-section-gutter), 1fr) [content-start] minmax(0, var(--jtl-ew-section-measure, 1468px)) [content-end] minmax(var(--jtl-ew-section-gutter), 1fr) [full-end];
}
@media (max-width: 991.98px) {
  .jtl-ew-section--band {
    --jtl-ew-section-gutter: var(--jtl-ew-section-narrow-gutter, 15px);
  }
}

.jtl-ew-section--landing-box {
  --jtl-ew-section-gutter: 60px;
  grid-template-columns: [full-start] minmax(var(--jtl-ew-section-gutter), 1fr) [content-start] minmax(0, 1570px) [content-end] minmax(var(--jtl-ew-section-gutter), 1fr) [full-end];
}
@media (max-width: 767.98px) {
  .jtl-ew-section--landing-box {
    --jtl-ew-section-gutter: 15px;
  }
}

.jtl-ew-section--landing-row {
  --jtl-ew-section-gutter: 45px;
  grid-template-columns: [full-start] minmax(var(--jtl-ew-section-gutter), 1fr) [content-start] minmax(0, 1580px) [content-end] minmax(var(--jtl-ew-section-gutter), 1fr) [full-end];
}
@media (max-width: 991.98px) {
  .jtl-ew-section--landing-row {
    --jtl-ew-section-gutter: 17px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-section--landing-row {
    --jtl-ew-section-gutter: 1px;
  }
}

.jtl-ew-section--wide-row {
  --jtl-ew-section-gutter: 45px;
  grid-template-columns: [full-start] minmax(var(--jtl-ew-section-gutter), 1fr) [content-start] minmax(0, 1480px) [content-end] minmax(var(--jtl-ew-section-gutter), 1fr) [full-end];
}
@media (max-width: 991.98px) {
  .jtl-ew-section--wide-row {
    --jtl-ew-section-gutter: 17px;
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-section--wide-row {
    --jtl-ew-section-gutter: 1px;
  }
}

.jtl-ew-section--library {
  --jtl-ew-section-gutter: 64px;
  grid-template-columns: [full-start] minmax(var(--jtl-ew-section-gutter), 1fr) [content-start] minmax(0, 1352px) [content-end] minmax(var(--jtl-ew-section-gutter), 1fr) [full-end];
}
@media (max-width: 991.98px) {
  .jtl-ew-section--library {
    --jtl-ew-section-gutter: 24px;
  }
}

.jtl-ew-section--directory {
  --jtl-ew-section-gutter: 64px;
  grid-template-columns: [full-start] minmax(var(--jtl-ew-section-gutter), 1fr) [content-start] minmax(0, 1442px) [content-end] minmax(var(--jtl-ew-section-gutter), 1fr) [full-end];
}
@media (max-width: 991.98px) {
  .jtl-ew-section--directory {
    --jtl-ew-section-gutter: 16px;
  }
}

.jtl-ew-section--card-track {
  --jtl-ew-section-gutter: 64px;
  grid-template-columns: [full-start] minmax(var(--jtl-ew-section-gutter), 1fr) [content-start] minmax(0, 1344px) [content-end] minmax(var(--jtl-ew-section-gutter), 1fr) [full-end];
}
@media (max-width: 1200px) {
  .jtl-ew-section--card-track {
    --jtl-ew-section-gutter: 40px;
  }
}
@media (max-width: 992px) {
  .jtl-ew-section--card-track {
    --jtl-ew-section-gutter: 24px;
  }
}

.jtl-ew-section--full {
  grid-template-columns: [full-start] 0 [content-start] minmax(0, 1fr) [content-end] 0 [full-end];
}
.jtl-ew-section--full > *:where(*:not(.jtl-ew-section__image)):where(:not(.elementor-element-overlay)),
.jtl-ew-section--full > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)) {
  grid-column: full;
}

.jtl-ew-section.jtl-ew-related-section {
  width: calc(100% - 120px);
  max-width: 1450px;
  margin-inline: auto;
  border-radius: 24px;
  padding-inline: 56px;
  padding-block: 56px;
  margin-block: 64px;
}
@media (max-width: 767.98px) {
  .jtl-ew-section.jtl-ew-related-section {
    width: calc(100% - 32px);
    padding-inline: 24px;
    padding-block: 32px;
    margin-block: 32px;
  }
}

.jtl-ew-section.jtl-ew-related-section > * > .jtl-ew-heading {
  max-width: 400px;
}

@media (max-width: 767.98px) {
  .jtl-ew-section.jtl-ew-related-section > * > .jtl-ew-heading {
    max-width: none;
  }
}
.jtl-ew-section--flush-top {
  padding-block-start: 0;
}

.jtl-ew-section--comfortable-top {
  padding-block-start: 64px;
}

.jtl-ew-section--comfortable-bottom {
  padding-block-end: 64px;
}

.jtl-ew-section--compact-top {
  padding-block-start: 32px;
}

.jtl-ew-section--compact-bottom {
  padding-block-end: 32px;
}

.jtl-ew-section--compact-40-top {
  padding-block-start: 40px;
}

.jtl-ew-section--compact-40-bottom {
  padding-block-end: 40px;
}

.jtl-ew-section--compact-16-top {
  padding-block-start: 16px;
}

.jtl-ew-section--compact-16-bottom {
  padding-block-end: 16px;
}

.jtl-ew-section--compact-24-top {
  padding-block-start: 24px;
}

.jtl-ew-section--compact-24-bottom {
  padding-block-end: 24px;
}

.jtl-ew-section--compact-28-top {
  padding-block-start: 28px;
}

.jtl-ew-section--compact-28-bottom {
  padding-block-end: 28px;
}

.jtl-ew-section--compact-top {
  padding-block-start: 32px;
}

.jtl-ew-section--compact-bottom {
  padding-block-end: 32px;
}

.jtl-ew-section--medium-top {
  padding-block-start: 64px;
}

.jtl-ew-section--medium-bottom {
  padding-block-end: 64px;
}

.jtl-ew-section--responsive-medium-top {
  padding-block-start: 64px;
}

.jtl-ew-section--responsive-medium-bottom {
  padding-block-end: 64px;
}

@media (max-width: 767.98px) {
  .jtl-ew-section--responsive-medium-top {
    padding-block-start: 32px;
  }
  .jtl-ew-section--responsive-medium-bottom {
    padding-block-end: 32px;
  }
}
.jtl-ew-section--spacious-top {
  padding-block-start: 80px;
}

.jtl-ew-section--spacious-bottom {
  padding-block-end: 80px;
}

.jtl-ew-section--roomy-top {
  padding-block-start: 96px;
}

.jtl-ew-section--roomy-bottom {
  padding-block-end: 96px;
}

.jtl-ew-section--roomy-xl-top {
  padding-block-start: 144px;
}

.jtl-ew-section--roomy-xl-bottom {
  padding-block-end: 144px;
}

.jtl-ew-section--showcase-top {
  padding-block-start: 264px;
}

.jtl-ew-section--showcase-bottom {
  padding-block-end: 264px;
}

.jtl-ew-section--flush-bottom {
  padding-block-end: 0;
}

.jtl-ew-section#overview > .jtl-ew-columns--align-center.jtl-ew-columns--measure-center > p,
.jtl-ew-section#overview > .jtl-ew-columns--align-stretch.jtl-ew-columns--collapse-md,
.jtl-ew-section#overview > :nth-child(3) > div {
  padding-block: 16px;
}

.jtl-ew-section.jp1160-accmedia > .jtl-ew-columns--measure-start > h2 {
  margin-bottom: 16px;
}

.jtl-ew-section--landing-top {
  padding-block-start: 64px;
}

.jtl-ew-section--landing-bottom {
  padding-block-end: 144px;
}

@media (max-width: 767.98px) {
  .jtl-ew-section--mobile-none-top {
    padding-block-start: 0;
  }
  .jtl-ew-section--mobile-none-bottom {
    padding-block-end: 0;
  }
  .jtl-ew-section--mobile-tight-top {
    padding-block-start: 16px;
  }
  .jtl-ew-section--mobile-tight-bottom {
    padding-block-end: 16px;
  }
  .jtl-ew-section--mobile-compact-top {
    padding-block-start: 32px;
  }
  .jtl-ew-section--mobile-compact-bottom {
    padding-block-end: 32px;
  }
  .jtl-ew-section--mobile-standard-top {
    padding-block-start: 48px;
  }
  .jtl-ew-section--mobile-standard-bottom {
    padding-block-end: 48px;
  }
  .jtl-ew-section--mobile-medium-top,
  .jtl-ew-section--mobile-landing-top {
    padding-block-start: 64px;
  }
  .jtl-ew-section--mobile-medium-bottom {
    padding-block-end: 64px;
  }
  .jtl-ew-section--mobile-spacious-top {
    padding-block-start: 80px;
  }
  .jtl-ew-section--mobile-spacious-bottom {
    padding-block-end: 80px;
  }
  .jtl-ew-section--mobile-landing-bottom {
    padding-block-end: 144px;
  }
  .jtl-ew-section--mobile-large-top {
    padding-block-start: 96px;
  }
  .jtl-ew-section--mobile-large-bottom {
    padding-block-end: 96px;
  }
}
.jtl-ew-section--image {
  position: relative;
  isolation: isolate;
}

.jtl-ew-section__image {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.jtl-ew-section--image .jtl-ew-section__image {
  height: 100%;
}

.jtl-ew-section[style*="--jtl-ew-section-pull-up"] {
  margin-top: calc(-1 * var(--jtl-ew-section-pull-up, 0px));
}

.jtl-ew-section:has(> .jtl-ew-section__video) {
  position: relative;
  isolation: isolate;
}

.jtl-ew-section__video {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  grid-column: 1/-1;
  grid-row: 1/-1;
}

@media (max-width: 767.98px) {
  .jtl-ew-section__video {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .jtl-ew-section__video {
    display: none;
  }
}
.jtl-ew-section--measure-1690 {
  --jtl-ew-section-measure: 1570px;
}

.jtl-ew-section--measure-1680 {
  --jtl-ew-section-measure: 1560px;
}

.jtl-ew-section--measure-1400 {
  --jtl-ew-section-measure: 1280px;
}

.jtl-ew-section--measure-1669 {
  --jtl-ew-section-measure: 1549px;
}

.jtl-ew-section--measure-band-wrap {
  --jtl-ew-section-measure: 1596px;
}

.jtl-ew-section--decor-guide {
  position: relative;
}

.jtl-ew-section--decor-guide > .jtl-ew-card::before {
  content: "";
  position: absolute;
  grid-column: content-start/content-end;
  /*
   * ANCHORED TO THE PANEL, not to the band, and that is what makes it survive a
   * band whose panel is not the first thing in it.
   *
   * This was `calc(var(--jtl-ew-decor-guide-band-space, 64px) - 20px)` — 44px
   * from the SECTION's top, which assumes the panel starts one band-padding
   * down. Measured on /de/themen/warenwirtschaftssystem/aufgaben-steuerung, the
   * two decorated bands on one page disagree:
   *
   *     band with an overhanging callout above the panel   section->panel 368px
   *     band with the panel first                          section->panel  64px
   *
   * The blob stayed at 44 in both, so on the first it floated clear ABOVE the
   * panel as a whole rounded rectangle instead of being cut by its top edge.
   *
   * -20px against the panel is the SAME number on every page that already draws
   * one: those bands all measure 64px section->panel, and 64 - 20 = 44, which is
   * exactly what this rule produced before. So no already-migrated page moves.
   */
  top: -20px;
  /*
   * The blob is ROTATED, so its CSS box and its rendered box are different
   * numbers and only one of them is this declaration.
   *
   * Read off the reference's own rule: `top: 40px; left: 85px; width: 458.141px;
   * height: 274.984px` with `transform: rotate(10.866deg)` — which is what these
   * values already were. A `getBoundingClientRect()` on that element returns
   * 502x356, the AXIS-ALIGNED box of the rotated rectangle, and comparing that
   * against a computed `width` is comparing two different quantities.
   */
  left: 85px;
  width: 458.15px;
  height: 274.991px;
  /*
   * BEHIND the panel's own background. The reference stacks the three
   * deliberately — blob 0, panel 1, the overhanging callout 2 — and the blob's
   * whole visual job depends on it: only the part above the panel's top edge is
   * meant to show, the rest is covered by the panel's fill.
   */
  z-index: -1;
  border-radius: 20px;
  background: var(--jtl-ew-decor-guide-fill, linear-gradient(64deg, #05c7d1 0%, #51fbb7 100%));
  transform: rotate(10.866deg);
  pointer-events: none;
}

@media (max-width: 768px) {
  .jtl-ew-section--decor-guide > .jtl-ew-card::before {
    display: none;
  }
}
.jtl-ew-section--decor-guide > .jtl-ew-card {
  overflow: visible;
}

.jtl-ew-section--decor-guide-orange {
  --jtl-ew-decor-guide-fill: linear-gradient(64deg, #ff9a26 0%, #ffc935 100%);
}

.jtl-ew-section--pinned-bottom {
  position: sticky;
  z-index: 20;
  bottom: 0;
  pointer-events: none;
}
.jtl-ew-section--pinned-bottom > * {
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  box-shadow: 0 9px 20px rgba(0, 0, 0, 0.29);
  pointer-events: auto;
}

.jtl-ew-columns {
  display: grid;
  grid-template-columns: repeat(var(--jtl-ew-columns-count, 2), minmax(0, 1fr));
  column-gap: var(--jtl-ew-columns-gap, 32px);
  row-gap: var(--jtl-ew-columns-row-gap, var(--jtl-ew-columns-gap, 32px));
  padding-inline: 0;
}

@media (max-width: 767.98px) {
  .jtl-ew-columns--gap-mobile {
    gap: var(--jtl-ew-columns-gap-mobile);
  }
}
.jtl-ew-columns--offset-top {
  margin-top: var(--jtl-ew-columns-offset-top);
}

@media (min-width: 768px) {
  .jtl-ew-columns--offset-top-desktop {
    margin-top: var(--jtl-ew-columns-offset-top-desktop);
  }
}
@media (min-width: 992px) {
  .jtl-ew-columns--offset-bottom-desktop {
    margin-bottom: var(--jtl-ew-columns-offset-bottom-desktop);
  }
}
.jtl-ew-columns--offset-bottom-desktop {
  position: relative;
  z-index: 2;
}

.jtl-ew-columns--measured {
  width: 100%;
  max-width: min(100%, var(--jtl-ew-columns-measure, 100%));
  margin-inline: auto;
}

.jtl-ew-columns--measure-start {
  margin-inline-start: 0;
}

.jtl-ew-columns--measure-end {
  margin-inline-end: 0;
}

@media (min-width: 768px) {
  .jtl-ew-columns--offset-right-desktop {
    margin-inline-end: var(--jtl-ew-columns-offset-right-desktop);
  }
}
@media (min-width: 1200px) {
  .jtl-ew-columns--offset-left-desktop {
    margin-inline-start: var(--jtl-ew-columns-offset-left-desktop);
  }
  .jtl-ew-columns--offset-left-ramp {
    margin-inline-start: clamp(var(--jtl-ew-columns-offset-left-desktop), -22.5714rem + 25.4762vw, var(--jtl-ew-columns-offset-left-max));
  }
}
@media (max-width: 991.98px) {
  .jtl-ew-columns--measure-from-lg {
    max-width: 100%;
    margin-inline: 0;
  }
}

.jtl-ew-columns--ratio-1-2 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.jtl-ew-columns--ratio-2-1 {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.jtl-ew-columns--spans {
  grid-template-columns: var(--jtl-ew-columns-template);
}

.jtl-ew-columns--offset {
  justify-content: space-between;
}

.jtl-ew-columns--ratio-5-4 {
  grid-template-columns: minmax(0, 5fr) minmax(0, 4fr);
}

.jtl-ew-columns--ratio-3-2 {
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}

.jtl-ew-columns--ratio-5-6 {
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
}

.jtl-ew-columns--ratio-auto {
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  grid-template-columns: none;
  justify-content: start;
}

.jtl-ew-columns--ratio-icon {
  grid-template-columns: 24px minmax(0, 1fr);
}

.jtl-ew-columns--ratio-fill-end {
  grid-template-columns: minmax(0, 1fr) max-content;
}

.jtl-ew-columns--ratio-fill-start {
  grid-template-columns: max-content minmax(0, 1fr);
}

.jtl-ew-columns--align-stretch {
  align-items: stretch;
}

.jtl-ew-columns--align-start {
  align-items: start;
}

.jtl-ew-columns--align-center {
  align-items: center;
}

.jtl-ew-columns--align-end {
  align-items: end;
}

.jtl-ew-columns--content-start {
  align-content: start;
}

.jtl-ew-columns--content-between {
  align-content: space-between;
}

.jtl-ew-card > .jtl-ew-columns--content-between {
  flex-grow: 1;
}

@media (max-width: 767.98px) {
  .jtl-ew-columns--collapse-md {
    grid-template-columns: minmax(0, 1fr);
  }
  .jtl-ew-columns--ratio-auto.jtl-ew-columns--collapse-md {
    grid-auto-flow: row;
    justify-items: start;
  }
}
@media (max-width: 991.98px) {
  .jtl-ew-columns--collapse-lg {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 992px) {
  .jtl-ew-columns--reverse-desktop > :where(*:not(.elementor-element-overlay)):nth-child(1),
  .jtl-ew-columns--reverse-desktop > :where(.elementor-widget.elementor-element-edit-mode):nth-child(1) > :where(*:not(.elementor-element-overlay)) {
    order: 2;
  }
  .jtl-ew-columns--reverse-desktop > :where(*:not(.elementor-element-overlay)):nth-child(2),
  .jtl-ew-columns--reverse-desktop > :where(.elementor-widget.elementor-element-edit-mode):nth-child(2) > :where(*:not(.elementor-element-overlay)) {
    order: 1;
  }
}
.jtl-ew-column {
  --jtl-ew-column-padding-top: initial;
  --jtl-ew-column-padding-top-desktop: initial;
  --jtl-ew-column-padding-start: initial;
  --jtl-ew-column-padding-end: initial;
  --jtl-ew-column-padding-end-xl: initial;
  display: flex;
  flex-direction: column;
  gap: var(--jtl-ew-column-gap, 24px);
  min-width: 0;
  padding-inline: 0;
  padding-block-start: var(--jtl-ew-column-padding-top, 0);
}
.jtl-ew-column--row {
  flex-flow: row wrap;
  align-items: center;
  gap: var(--jtl-ew-column-gap, 16px);
}

@media (min-width: 992px) {
  .jtl-ew-column {
    padding-inline-start: var(--jtl-ew-column-padding-start, 0);
    padding-inline-end: var(--jtl-ew-column-padding-end, 0);
    padding-block-start: var(--jtl-ew-column-padding-top-desktop, var(--jtl-ew-column-padding-top, 0));
  }
}
@media (min-width: 1200px) {
  .jtl-ew-column {
    padding-inline-end: var(--jtl-ew-column-padding-end-xl, var(--jtl-ew-column-padding-end, 0));
  }
}
.jtl-ew-column--flush {
  --jtl-ew-column-gap: 0;
}

.jtl-ew-grid {
  display: grid;
  grid-template-columns: repeat(var(--jtl-ew-grid-columns, 2), minmax(0, 1fr));
  gap: var(--jtl-ew-grid-gap, 24px);
  align-items: var(--jtl-ew-grid-align, stretch);
  padding-inline: 0;
}
.jtl-ew-grid > *:where(*):where(:not(.elementor-element-overlay)),
.jtl-ew-grid > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)) {
  min-width: 0;
}
.jtl-ew-grid--sized {
  grid-template-columns: var(--jtl-ew-grid-column-sizes);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .jtl-ew-grid {
    grid-template-columns: repeat(var(--jtl-ew-grid-columns-lg, var(--jtl-ew-grid-columns, 2)), minmax(0, 1fr));
  }
}
@media (max-width: 991.98px) {
  .jtl-ew-grid {
    grid-template-columns: repeat(var(--jtl-ew-grid-columns-tablet, 2), minmax(0, 1fr));
    gap: var(--jtl-ew-grid-gap-tablet, var(--jtl-ew-grid-gap, 24px));
  }
}
@media (max-width: 767.98px) {
  .jtl-ew-grid {
    grid-template-columns: repeat(var(--jtl-ew-grid-columns-mobile, 1), minmax(0, 1fr));
  }
}
@media (max-width: 1199.98px) {
  .jtl-ew-grid > :where(*:not(.elementor-element-overlay)):nth-child(1),
  .jtl-ew-grid > :where(.elementor-widget.elementor-element-edit-mode):nth-child(1) > :where(*:not(.elementor-element-overlay)) {
    order: var(--jtl-ew-grid-order-1, 0);
  }
  .jtl-ew-grid > :where(*:not(.elementor-element-overlay)):nth-child(2),
  .jtl-ew-grid > :where(.elementor-widget.elementor-element-edit-mode):nth-child(2) > :where(*:not(.elementor-element-overlay)) {
    order: var(--jtl-ew-grid-order-2, 0);
  }
  .jtl-ew-grid > :where(*:not(.elementor-element-overlay)):nth-child(3),
  .jtl-ew-grid > :where(.elementor-widget.elementor-element-edit-mode):nth-child(3) > :where(*:not(.elementor-element-overlay)) {
    order: var(--jtl-ew-grid-order-3, 0);
  }
  .jtl-ew-grid > :where(*:not(.elementor-element-overlay)):nth-child(4),
  .jtl-ew-grid > :where(.elementor-widget.elementor-element-edit-mode):nth-child(4) > :where(*:not(.elementor-element-overlay)) {
    order: var(--jtl-ew-grid-order-4, 0);
  }
  .jtl-ew-grid > :where(*:not(.elementor-element-overlay)):nth-child(5),
  .jtl-ew-grid > :where(.elementor-widget.elementor-element-edit-mode):nth-child(5) > :where(*:not(.elementor-element-overlay)) {
    order: var(--jtl-ew-grid-order-5, 0);
  }
  .jtl-ew-grid > :where(*:not(.elementor-element-overlay)):nth-child(6),
  .jtl-ew-grid > :where(.elementor-widget.elementor-element-edit-mode):nth-child(6) > :where(*:not(.elementor-element-overlay)) {
    order: var(--jtl-ew-grid-order-6, 0);
  }
  .jtl-ew-grid > :where(*:not(.elementor-element-overlay)):nth-child(7),
  .jtl-ew-grid > :where(.elementor-widget.elementor-element-edit-mode):nth-child(7) > :where(*:not(.elementor-element-overlay)) {
    order: var(--jtl-ew-grid-order-7, 0);
  }
  .jtl-ew-grid > :where(*:not(.elementor-element-overlay)):nth-child(8),
  .jtl-ew-grid > :where(.elementor-widget.elementor-element-edit-mode):nth-child(8) > :where(*:not(.elementor-element-overlay)) {
    order: var(--jtl-ew-grid-order-8, 0);
  }
  .jtl-ew-grid > :where(*:not(.elementor-element-overlay)):nth-child(9),
  .jtl-ew-grid > :where(.elementor-widget.elementor-element-edit-mode):nth-child(9) > :where(*:not(.elementor-element-overlay)) {
    order: var(--jtl-ew-grid-order-9, 0);
  }
  .jtl-ew-grid > :where(*:not(.elementor-element-overlay)):nth-child(10),
  .jtl-ew-grid > :where(.elementor-widget.elementor-element-edit-mode):nth-child(10) > :where(*:not(.elementor-element-overlay)) {
    order: var(--jtl-ew-grid-order-10, 0);
  }
  .jtl-ew-grid > :where(*:not(.elementor-element-overlay)):nth-child(11),
  .jtl-ew-grid > :where(.elementor-widget.elementor-element-edit-mode):nth-child(11) > :where(*:not(.elementor-element-overlay)) {
    order: var(--jtl-ew-grid-order-11, 0);
  }
  .jtl-ew-grid > :where(*:not(.elementor-element-overlay)):nth-child(12),
  .jtl-ew-grid > :where(.elementor-widget.elementor-element-edit-mode):nth-child(12) > :where(*:not(.elementor-element-overlay)) {
    order: var(--jtl-ew-grid-order-12, 0);
  }
}

.jtl-ew-grid--inline {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--jtl-ew-grid-justify, flex-start);
}
.jtl-ew-grid--inline > *:where(*):where(:not(.elementor-element-overlay)),
.jtl-ew-grid--inline > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)) {
  min-width: auto;
}

@media (max-width: 767.98px) {
  .jtl-ew-grid--inline > *:where(*):where(:not(.elementor-element-overlay)):has(.jtl-ew-button),
  .jtl-ew-grid--inline > :where(.elementor-widget.elementor-element-edit-mode) > *:where(:not(.elementor-element-overlay)):has(.jtl-ew-button) {
    flex: 1 1 100%;
  }
}
.jtl-ew-grid--justify-center {
  justify-content: center;
}

.jtl-ew-grid--justify-end {
  justify-content: flex-end;
}

.jtl-ew-grid--justify-space-between {
  justify-content: space-between;
}

@media (max-width: 767.98px) {
  .jtl-ew-grid--hide-mobile {
    display: none;
  }
}
@media (min-width: 992px) {
  .jtl-ew-support-cards {
    grid-template-columns: minmax(0, 1fr) 360px;
    align-items: stretch;
  }
}
.jtl-ew-space-after-8 {
  margin-block-end: 8px;
}

.jtl-ew-space-before-8 {
  margin-block-start: 8px;
}

.jtl-ew-space-after-16 {
  margin-block-end: 16px;
}

.jtl-ew-space-before-16 {
  margin-block-start: 16px;
}

.jtl-ew-space-after-24 {
  margin-block-end: 24px;
}

.jtl-ew-space-before-24 {
  margin-block-start: 24px;
}

.jtl-ew-space-after-32 {
  margin-block-end: 32px;
}

.jtl-ew-space-before-32 {
  margin-block-start: 32px;
}

.jtl-ew-space-after-48 {
  margin-block-end: 48px;
}

.jtl-ew-space-before-48 {
  margin-block-start: 48px;
}

.jtl-ew-space-after-64 {
  margin-block-end: 64px;
}

.jtl-ew-space-before-64 {
  margin-block-start: 64px;
}

.jtl-ew-space-end-16 {
  margin-inline-end: 16px;
}

.jtl-ew-space-end-24 {
  margin-inline-end: 24px;
}

.jtl-ew-space-end-32 {
  margin-inline-end: 32px;
}

.jtl-ew-space-end-48 {
  margin-inline-end: 48px;
}

.jtl-ew-space-end-64 {
  margin-inline-end: 64px;
}

.jtl-ew-space-end-80 {
  margin-inline-end: 80px;
}

@media (max-width: 991.98px) {
  .jtl-ew-center-below-lg, .jtl-ew-center-below-lg :where(.jtl-ew-heading, .jtl-ew-paragraph, .jtl-ew-standard-list) {
    text-align: center;
  }
  .jtl-ew-center-below-lg :where(.jtl-ew-button-group, .jtl-ew-icon-list__item, .jtl-ew-standard-list__item) {
    justify-content: center;
  }
}
.elementor .jtl-ew-heading--size-h1-home {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 40px;
  line-height: 56px;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .elementor .jtl-ew-heading--size-h1-home {
    font-size: 44px;
    line-height: 56px;
  }
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h1-home {
    font-size: 38px;
    line-height: 48px;
  }
}

.elementor .jtl-ew-heading--size-h1-page {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 40px;
  line-height: 56px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h1-page {
    font-size: 32px;
    line-height: 40px;
  }
}

.elementor .jtl-ew-heading--size-h1-page-compact {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 40px;
  line-height: 56px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h1-page-compact {
    font-size: 28px;
    line-height: 36px;
  }
}

.elementor .jtl-ew-heading--size-h1-guide {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 40px;
  line-height: 56px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h1-guide {
    font-size: 28px;
    line-height: 36px;
  }
}

.elementor .jtl-ew-heading--size-wawi-hero {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 42px;
  line-height: 48px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-wawi-hero {
    font-size: 36px;
    line-height: 45px;
  }
}

.elementor .jtl-ew-heading--size-h1-hero-light {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 42px;
  line-height: 48px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h1-hero-light {
    font-size: 36px;
    line-height: 45px;
  }
}

.elementor .jtl-ew-heading--size-h2 {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 46px;
  font-weight: 700;
  letter-spacing: 0.64px;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h2 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.48px;
  }
}

.elementor .jtl-ew-heading--size-h2-overview {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 46px;
  font-weight: 400;
  letter-spacing: 0.64px;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h2-overview {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.64px;
  }
}

.elementor .jtl-ew-heading--size-h2-compact {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0.64px;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h2-compact {
    font-size: 24px;
    line-height: 32px;
  }
}

.elementor .jtl-ew-heading--size-h2-tight {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-h2-partner {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-h2-partner-lead {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 400;
}

.elementor .jtl-ew-heading--size-h2-partner-panel {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 40px;
  line-height: 56px;
  font-weight: 700;
  letter-spacing: 0.64px;
}

.elementor .jtl-ew-heading--size-h2-partner-form {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.elementor .jtl-ew-heading--size-h2-guide {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0.64px;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h2-guide {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.48px;
  }
}

.elementor .jtl-ew-heading--size-h2-guide-tight {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h2-guide-tight {
    font-size: 24px;
    line-height: 32px;
  }
}

.elementor .jtl-ew-heading--size-h2-lead-tight {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 400;
}

.elementor .jtl-ew-heading--size-h2-lead-loose {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
}

.elementor .jtl-ew-heading--size-h2-band {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 46px;
  font-weight: 700;
  letter-spacing: 0.64px;
}

.elementor .jtl-ew-heading--size-h2-large {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
  letter-spacing: 0.64px;
}

.elementor .jtl-ew-heading--size-h2-panel {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-h2-cta {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 0.64px;
}

.elementor .jtl-ew-heading--size-h2-lead {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: normal;
  font-weight: 400;
}

.elementor .jtl-ew-heading--size-h2-wawi {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 46px;
  font-weight: 700;
  letter-spacing: 0.64px;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h2-wawi {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 0.64px;
  }
}

.elementor .jtl-ew-heading--size-h2-landing {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0.64px;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h2-landing {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.64px;
  }
}

.elementor .jtl-ew-heading--size-h2-default {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 32px;
  line-height: 41.6px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-wawi-faq {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-wawi-faq {
    font-size: 28px;
    line-height: 36px;
  }
}

.elementor .jtl-ew-heading--size-h3 {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.elementor .jtl-ew-heading--size-h3-lead {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
}

.elementor .jtl-ew-heading--size-h3-strong {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
}

.elementor .jtl-ew-heading--size-h-guide {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-h4 {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-h4 {
    font-size: 20px;
    line-height: 28px;
  }
}

.elementor .jtl-ew-heading--size-h4-compact {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.elementor .jtl-ew-heading--size-h4-guide {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
}

.elementor .jtl-ew-heading--size-h4-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}

.elementor .jtl-ew-heading--size-h4-display-compact {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.elementor .jtl-ew-heading--size-h4-display-bold {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-h5-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-h5-display-tight {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 16px;
  line-height: 19.2px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-table-cell-strong {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 17px;
  line-height: 26px;
  font-weight: 600;
}

.elementor .jtl-ew-heading--size-card-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-card-title-loose {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-card-title-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
}

.elementor .jtl-ew-heading--size-column-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-tile-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-panel-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.elementor .jtl-ew-heading--size-wawi-tile-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.elementor .jtl-ew-heading--size-wawi-tile-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.3px;
}

.elementor .jtl-ew-heading--size-stat-number {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 39px;
  line-height: 39px;
  font-weight: 700;
  letter-spacing: 1.17px;
}

.elementor .jtl-ew-heading--size-overline {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.9px;
}

.elementor .jtl-ew-heading--size-overline-mobile-lg {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.9px;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-overline-mobile-lg {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.9px;
  }
}

.elementor .jtl-ew-heading--size-overline-lg {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 0.9px;
}

.elementor .jtl-ew-heading--size-overline-sm {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.7px;
}

.elementor .jtl-ew-heading--size-over-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-card-lead {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-contact-name {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-tile-title-tight {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-list-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 23px;
  line-height: 32px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-h-guide-body {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-h4-guide-light {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
}

.elementor .jtl-ew-heading--size-event-panel-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-event-panel-title {
    font-size: 30px;
    line-height: 37.5px;
    letter-spacing: 0.64px;
  }
}

.elementor .jtl-ew-heading--size-event-title {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-event-title {
    font-size: 23.05px;
    line-height: 27.66px;
  }
}

.elementor .jtl-ew-heading--size-event-title-light {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 32px;
  line-height: 38.4px;
  font-weight: 400;
}

.elementor .jtl-ew-heading--size-event-overtitle {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-event-card-title {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-event-card-title-light {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  font-weight: 400;
}

.elementor .jtl-ew-heading--size-event-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-event-label-light {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.elementor .jtl-ew-heading--size-overline-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.9px;
}

.elementor .jtl-ew-heading--size-event-label-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.elementor .jtl-ew-heading--size-event-label-display-light {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.elementor .jtl-ew-heading--size-hero-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 65px;
  line-height: 93px;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .elementor .jtl-ew-heading--size-hero-display {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-hero-display {
    font-size: 32px;
    line-height: 42px;
  }
}

.elementor .jtl-ew-heading--size-stat-number-xl {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 56px;
  line-height: 42px;
  font-weight: 700;
  letter-spacing: 1.7px;
}

.elementor .jtl-ew-heading--size-challenge-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20.444px;
  line-height: 28.621px;
  font-weight: 600;
}

.elementor .jtl-ew-heading--size-step-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

@media (max-width: 992px) {
  .elementor .jtl-ew-heading--size-stat-number-xl {
    font-size: 44px;
    line-height: 40px;
  }
}
@media (max-width: 768px) {
  .elementor .jtl-ew-heading--size-stat-number-xl {
    font-size: 40px;
    line-height: 36px;
  }
}

@media (max-width: 500px) {
  .elementor .jtl-ew-heading--size-h2-partner,
  .elementor .jtl-ew-heading--size-h2-partner-lead {
    font-size: 28px;
    line-height: 36px;
  }
}

@media (max-width: 991.98px) {
  .elementor .jtl-ew-heading--size-h2-partner-panel {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (max-width: 575.98px) {
  .elementor .jtl-ew-heading--size-h2-partner-panel {
    font-size: clamp(20px, 5.6vw, 26px);
    line-height: 1.25;
  }
}

@media (max-width: 500px) {
  .elementor .jtl-ew-heading--size-overline-lg {
    font-size: 22px;
  }
}

.elementor .jtl-ew-heading--overtitle {
  text-transform: uppercase;
  font-weight: 700;
}

.elementor .jtl-ew-heading--bold {
  font-weight: 700;
}

.elementor .jtl-ew-button--primary,
.elementor .jtl-ew-button--primary-neg,
.elementor .jtl-ew-button--secondary,
.elementor .jtl-ew-button--secondary-tech,
.elementor .jtl-ew-button--card-nav,
.elementor .jtl-ew-button--link-arrow,
.elementor .jtl-ew-button--link-arrow-bold,
.elementor .jtl-ew-button--link-arrow-black {
  color: #0b1b45;
}

.elementor .jtl-ew-button--secondary-neg {
  color: #eeeee7;
}

.elementor .jtl-ew-button--primary-tech {
  color: #ffffff;
}

.elementor .jtl-ew-button--primary:hover,
.elementor .jtl-ew-button--primary:focus-visible {
  color: #eeeee7;
}

.elementor .jtl-ew-button--primary-neg:hover,
.elementor .jtl-ew-button--primary-neg:focus-visible,
.elementor .jtl-ew-button--secondary-neg:hover,
.elementor .jtl-ew-button--secondary-neg:focus-visible {
  color: #0b1b45;
}

.elementor .jtl-ew-button--secondary:hover,
.elementor .jtl-ew-button--secondary:focus-visible,
.elementor .jtl-ew-button--primary-tech:hover,
.elementor .jtl-ew-button--primary-tech:focus-visible,
.elementor .jtl-ew-button--secondary-tech:hover,
.elementor .jtl-ew-button--secondary-tech:focus-visible,
.elementor .jtl-ew-button--card-nav:hover,
.elementor .jtl-ew-button--card-nav:focus-visible {
  color: #ffffff;
}

.elementor .jtl-ew-heading {
  margin: 0;
}

.elementor .jtl-ew-heading {
  color: var(--jtl-ew-heading-auto);
}

.elementor .jtl-ew-paragraph {
  color: var(--jtl-ew-paragraph-auto);
}

.elementor .jtl-ew-heading--color-dark-blue {
  color: #0b1b45;
}

.elementor .jtl-ew-paragraph--color-dark-blue {
  color: #0b1b45;
}

.elementor .jtl-ew-heading--color-white {
  color: #ffffff;
}

.elementor .jtl-ew-paragraph--color-white {
  color: #ffffff;
}

.elementor .jtl-ew-heading--color-light-blue {
  color: #89d2ff;
}

.elementor .jtl-ew-paragraph--color-light-blue {
  color: #89d2ff;
}

.elementor .jtl-ew-heading--color-orange {
  color: #fb581f;
}

.elementor .jtl-ew-paragraph--color-orange {
  color: #fb581f;
}

.elementor .jtl-ew-heading--color-tech-blue {
  color: #2722f8;
}

.elementor .jtl-ew-paragraph--color-tech-blue {
  color: #2722f8;
}

.elementor .jtl-ew-heading--color-black {
  color: #000000;
}

.elementor .jtl-ew-paragraph--color-black {
  color: #000000;
}

.elementor .jtl-ew-heading--color-body {
  color: #333333;
}

.elementor .jtl-ew-paragraph--color-body {
  color: #333333;
}

.elementor .jtl-ew-heading--color-muted {
  color: #585858;
}

.elementor .jtl-ew-paragraph--color-muted {
  color: #585858;
}

.elementor .jtl-ew-heading--color-sand {
  color: #eeeee7;
}

.elementor .jtl-ew-paragraph--color-sand {
  color: #eeeee7;
}

.elementor .jtl-ew-heading--color-accent-orange {
  color: #ff9a26;
}

.elementor .jtl-ew-paragraph--color-accent-orange {
  color: #ff9a26;
}

.elementor .jtl-ew-heading--color-ratgeber-blue {
  color: #05c7d1;
}

.elementor .jtl-ew-paragraph--color-ratgeber-blue {
  color: #05c7d1;
}

.elementor .jtl-ew-heading--color-convention-mint {
  color: #7ef7f5;
}

.elementor .jtl-ew-paragraph--color-convention-mint {
  color: #7ef7f5;
}

.elementor .jtl-ew-heading--color-sky-blue {
  color: #7db9ff;
}

.elementor .jtl-ew-paragraph--color-sky-blue {
  color: #7db9ff;
}

.elementor .jtl-ew-heading--color-white-82 {
  color: rgba(255, 255, 255, 0.82);
}

.elementor .jtl-ew-paragraph--color-white-82 {
  color: rgba(255, 255, 255, 0.82);
}

.elementor .jtl-ew-paragraph--size-intro {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

.elementor .jtl-ew-paragraph--size-body {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.elementor .jtl-ew-paragraph--size-body-guide {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .elementor .jtl-ew-paragraph--size-body-guide {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-paragraph--size-body-guide {
    font-size: 16px;
    line-height: 28px;
  }
}

.elementor .jtl-ew-paragraph--size-body-sm {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.elementor .jtl-ew-paragraph--size-intro-loose {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.elementor .jtl-ew-paragraph--size-wawi-intro {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-paragraph--size-wawi-intro {
    font-size: 22px;
    line-height: 26px;
  }
}

.elementor .jtl-ew-paragraph--size-wawi-link {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .elementor .jtl-ew-paragraph--size-wawi-link {
    font-size: 14px;
    line-height: 21px;
  }
}

.elementor .jtl-ew-paragraph--size-wawi-tile-date {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.elementor .jtl-ew-paragraph--size-caption-tight {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.elementor .jtl-ew-paragraph--size-caption-guide {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

.elementor .jtl-ew-paragraph--size-card-lead-guide {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.elementor .jtl-ew-heading--size-h1-home {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h1-page {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h1-page-compact {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h1-guide {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-wawi-hero {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h1-hero-light {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h2 {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-overview {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-compact {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-tight {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-partner {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-partner-lead {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-partner-panel {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-partner-form {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-guide {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-guide-tight {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-lead-tight {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-lead-loose {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-band {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-large {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-panel {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-cta {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-lead {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-wawi {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-landing {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h2-default {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-wawi-faq {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h3 {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h3-lead {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h3-strong {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h-guide {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h4 {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h4-compact {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h4-guide {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h4-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h4-display-compact {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h4-display-bold {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h5-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-h5-display-tight {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-table-cell-strong {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-card-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-card-title-loose {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-card-title-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-column-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-tile-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-panel-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-wawi-tile-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-wawi-tile-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-stat-number {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-overline {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-overline-mobile-lg {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-overline-lg {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-overline-sm {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-over-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-card-lead {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-contact-name {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-tile-title-tight {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-list-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h-guide-body {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-h4-guide-light {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-event-panel-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-event-title {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-event-title-light {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-event-overtitle {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-event-card-title {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-event-card-title-light {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-event-label {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-event-label-light {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-overline-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-event-label-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-event-label-display-light {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-hero-display {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-stat-number-xl {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
}

.elementor .jtl-ew-heading--size-challenge-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-step-title {
  font-family: "JTL Inter", "Inter", -apple-system, "Segoe UI", "Roboto", sans-serif;
}

.elementor .jtl-ew-heading--size-overline,
.elementor .jtl-ew-heading--size-overline-display {
  text-transform: uppercase;
}

.elementor .jtl-ew-heading--size-event-overtitle {
  text-transform: uppercase;
}

.elementor .jtl-ew-heading--color-amber-gradient {
  background: linear-gradient(64deg, #ff9a26 0%, #ffc935 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ffffff;
}

.elementor .jtl-ew-heading--align-left,
.elementor .jtl-ew-paragraph--align-left {
  text-align: left;
}

.elementor .jtl-ew-heading--align-center,
.elementor .jtl-ew-paragraph--align-center {
  text-align: center;
}

.elementor .jtl-ew-heading--size-custom {
  font-family: "Kurdis", "Kurdis Wide", sans-serif;
  font-size: 56px;
  line-height: 42px;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .elementor .jtl-ew-heading--size-custom {
    font-size: 38px;
    line-height: 42px;
  }
}
.elementor .jtl-ew-space-after-8 {
  margin-block-end: 8px;
}

.elementor .jtl-ew-space-before-8 {
  margin-block-start: 8px;
}

.elementor .jtl-ew-space-after-16 {
  margin-block-end: 16px;
}

.elementor .jtl-ew-space-before-16 {
  margin-block-start: 16px;
}

.elementor .jtl-ew-space-after-24 {
  margin-block-end: 24px;
}

.elementor .jtl-ew-space-before-24 {
  margin-block-start: 24px;
}

.elementor .jtl-ew-space-after-32 {
  margin-block-end: 32px;
}

.elementor .jtl-ew-space-before-32 {
  margin-block-start: 32px;
}

.elementor .jtl-ew-space-after-48 {
  margin-block-end: 48px;
}

.elementor .jtl-ew-space-before-48 {
  margin-block-start: 48px;
}

.elementor .jtl-ew-space-after-64 {
  margin-block-end: 64px;
}

.elementor .jtl-ew-space-before-64 {
  margin-block-start: 64px;
}

.elementor .jtl-ew-space-end-16 {
  margin-inline-end: 16px;
}

.elementor .jtl-ew-space-end-24 {
  margin-inline-end: 24px;
}

.elementor .jtl-ew-space-end-32 {
  margin-inline-end: 32px;
}

.elementor .jtl-ew-space-end-48 {
  margin-inline-end: 48px;
}

.elementor .jtl-ew-space-end-64 {
  margin-inline-end: 64px;
}

.elementor .jtl-ew-space-end-80 {
  margin-inline-end: 80px;
}

@media (max-width: 991.98px) {
  .elementor .jtl-ew-center-below-lg,
  .elementor .jtl-ew-center-below-lg :where(.jtl-ew-heading, .jtl-ew-paragraph, .jtl-ew-standard-list) {
    text-align: center;
  }
  .elementor .jtl-ew-center-below-lg :where(.jtl-ew-button-group, .jtl-ew-icon-list__item, .jtl-ew-standard-list__item) {
    justify-content: center;
  }
}
.elementor .jtl-ew-testimonial__topline,
.elementor .jtl-ew-quote__topline {
  color: var(--jtl-ew-on-surface-overline, #2722f8);
}

@media (min-width: 992px) and (max-width: 1119.98px) {
  .elementor .jtl-ew-heading--size-hero-display {
    font-size: 44px;
    line-height: 56px;
  }
}