@charset "UTF-8";
/**
* ========================================================================
* # Jaxida Cover – SCSS-Variablen des Child-Themes
* ========================================================================
*
* Diese Datei wird VOR der variables.scss des Parent-Themes kompiliert (alle Parent-Breakpoints sind !default).
* Die Werte stehen in JEDER Block-SCSS-Datei (Parent + Child) global zur Verfügung.
*/
/**
* ========================================================================
* # Globale Mixins für Jaxida-Blöcke (Haken-Marker, Plus-Zeichen)
* ========================================================================
*/
:root {
  /**
  * =============================================================
  * # Global
  * =============================================================
  */
  --root-font-size: 16px;
  --site-logo-width: 160px;
  --site-header-height: 100px;
  --site-socket-height: 68px;
  --site-marquee-height: 50px;
  --site-sidebar-width: 400px;
  --spacing-container-inner: 40px;
  --sticky-top-position: var(--scroll-margin-top);
  --scroll-margin-top: 40px;
  --color-scrollbar-thumb: var(--color-neutral-500, #adadad);
  --color-scrollbar-track: var(--surface-neutral-background, #ffffff);
  --transition-default: 0.2s ease;
  /**
  * =============================================================
  * Icon size
  * =============================================================
  */
  --icon-size-xxs: 16px;
  --icon-size-xs: 24px;
  --icon-size-sm: 32px;
  --icon-size-md: 36px;
  --icon-size-lg: 40px;
  --icon-size-xl: 48px;
  --icon-size-xxl: 56px;
  --icon-size-xxxl: 72px;
  /**
  * =============================================================
  * Z-index layer
  * =============================================================
  */
  --z-index-background: 0;
  --z-index-content: 10;
  --z-index-overlay: 20;
  --z-index-sticky: 30;
  --z-index-modal: 40;
  --z-index-max: 50;
}
:root .is-body-scrolled.has-sticky-header {
  --site-logo-width: 100px;
  --site-header-height: 60px;
  --sticky-top-position: calc(var(--scroll-margin-top) + var(--site-header-height));
}

/**
* =============================================================
* # Responsive Breakpoints
* =============================================================
*/
/**
* =============================================================
* # Colors - Light
* =============================================================
*/
[data-theme=light] {
  --color-brand-primary-50: #ebfeff;
  --color-brand-primary-100: #1f2326;
  --color-brand-primary-300: #60b7ff;
  --color-brand-primary-500: #006dc7;
  --color-brand-primary-700: #085696;
  --color-brand-primary-900: #124167;
  --color-brand-secondary-50: #f3ebff;
  --color-brand-secondary-100: #e0cdff;
  --color-brand-secondary-300: #9d60ff;
  --color-brand-secondary-500: #4c00c7;
  --color-brand-secondary-700: #3e0896;
  --color-brand-secondary-900: #331267;
  --color-neutral-white: #ffffff;
  --color-neutral-100: #f5f5f5;
  --color-neutral-300: #d9d9d9;
  --color-neutral-500: #adadad;
  --color-neutral-700: #737373;
  --color-neutral-900: #181818;
  --color-success-50: #e3fcef;
  --color-success-100: #79f2c0;
  --color-success-300: #36b37e;
  --color-success-500: #00875a;
  --color-warning-50: #ff8b00;
  --color-warning-100: #ffab00;
  --color-warning-300: #ffe380;
  --color-warning-500: #fffae6;
  --color-error-50: #ffebe6;
  --color-error-100: #ff8f73;
  --color-error-300: #ff5630;
  --color-error-500: #de350b;
  --color-overlay-default-0: #00000000;
  --color-overlay-default-4: #0000000a;
  --color-overlay-default-8: #00000014;
  --color-overlay-default-12: #0000001f;
  --color-overlay-default-16: #00000029;
  --color-overlay-default-20: #00000033;
  --color-overlay-default-24: #0000003d;
  --color-overlay-default-32: #00000052;
  --color-overlay-default-40: #00000066;
  --color-overlay-default-48: #0000007a;
  --color-overlay-default-56: #0000008f;
  --color-overlay-default-64: #000000a3;
  --color-overlay-default-80: #000000cc;
  --color-overlay-inverse-0: #ffffff00;
  --color-overlay-inverse-4: #ffffff0a;
  --color-overlay-inverse-8: #ffffff14;
  --color-overlay-inverse-12: #ffffff1f;
  --color-overlay-inverse-16: #ffffff29;
  --color-overlay-inverse-20: #ffffff33;
  --color-overlay-inverse-24: #ffffff3d;
  --color-overlay-inverse-32: #ffffff52;
  --color-overlay-inverse-40: #ffffff66;
  --color-overlay-inverse-48: #ffffff7a;
  --color-overlay-inverse-56: #ffffff8f;
  --color-overlay-inverse-64: #ffffffa3;
  --color-overlay-inverse-80: #ffffffcc;
}

/**
* =============================================================
* # Colors - Dark
* =============================================================
*/
[data-theme=dark] {
  --color-brand-primary-50: #124167;
  --color-brand-primary-100: #085696;
  --color-brand-primary-300: #006dc7;
  --color-brand-primary-500: #60b7ff;
  --color-brand-primary-700: #cde9ff;
  --color-brand-primary-900: #ebfeff;
  --color-brand-secondary-50: #331267;
  --color-brand-secondary-100: #3e0896;
  --color-brand-secondary-300: #4c00c7;
  --color-brand-secondary-500: #9d60ff;
  --color-brand-secondary-700: #e0cdff;
  --color-brand-secondary-900: #f3ebff;
  --color-neutral-white: #181818;
  --color-neutral-100: #292929;
  --color-neutral-300: #404040;
  --color-neutral-500: #737373;
  --color-neutral-700: #adadad;
  --color-neutral-900: #ffffff;
  --color-success-50: #00875a;
  --color-success-100: #36b37e;
  --color-success-300: #79f2c0;
  --color-success-500: #e3fcef;
  --color-warning-50: #ff8b00;
  --color-warning-100: #ffab00;
  --color-warning-300: #ffe380;
  --color-warning-500: #fffae6;
  --color-error-50: #de350b;
  --color-error-100: #ff5630;
  --color-error-300: #ff8f73;
  --color-error-500: #ffebe6;
  --color-overlay-default-0: #ffffff00;
  --color-overlay-default-4: #ffffff0a;
  --color-overlay-default-8: #ffffff14;
  --color-overlay-default-12: #ffffff1f;
  --color-overlay-default-16: #ffffff29;
  --color-overlay-default-20: #ffffff33;
  --color-overlay-default-24: #ffffff3d;
  --color-overlay-default-32: #ffffff52;
  --color-overlay-default-40: #ffffff66;
  --color-overlay-default-48: #ffffff7a;
  --color-overlay-default-56: #ffffff8f;
  --color-overlay-default-64: #ffffffa3;
  --color-overlay-default-80: #ffffffcc;
  --color-overlay-inverse-0: #00000000;
  --color-overlay-inverse-4: #0000000a;
  --color-overlay-inverse-8: #00000014;
  --color-overlay-inverse-12: #0000001f;
  --color-overlay-inverse-16: #00000029;
  --color-overlay-inverse-20: #00000033;
  --color-overlay-inverse-24: #0000003d;
  --color-overlay-inverse-32: #00000052;
  --color-overlay-inverse-40: #00000066;
  --color-overlay-inverse-48: #0000007a;
  --color-overlay-inverse-56: #0000008f;
  --color-overlay-inverse-64: #000000a3;
  --color-overlay-inverse-80: #000000cc;
}

:root {
  /**
  * =============================================================
  * # Primitives - Font-family
  * =============================================================
  */
  --text-font-primary: "Inter", "sans-serif";
  --text-font-secondary: "DM Sans", "sans-serif";
  /**
  * =============================================================
  * # Primitives - Font-size & line-height
  * =============================================================
  */
  --text-size-and-height-8: 0.5rem;
  --text-size-and-height-10: 0.625rem;
  --text-size-and-height-12: 0.75rem;
  --text-size-and-height-13: 0.8125rem;
  --text-size-and-height-14: 0.875rem;
  --text-size-and-height-15: 0.9375rem;
  --text-size-and-height-16: 1rem;
  --text-size-and-height-17: 1.0625rem;
  --text-size-and-height-18: 1.125rem;
  --text-size-and-height-20: 1.25rem;
  --text-size-and-height-21: 1.3125rem;
  --text-size-and-height-24: 1.5rem;
  --text-size-and-height-28: 1.75rem;
  --text-size-and-height-32: 2rem;
  --text-size-and-height-36: 2.25rem;
  --text-size-and-height-40: 2.5rem;
  --text-size-and-height-42: 2.625rem;
  --text-size-and-height-44: 2.75rem;
  --text-size-and-height-48: 3rem;
  --text-size-and-height-52: 3.25rem;
  --text-size-and-height-56: 3.5rem;
  --text-size-and-height-64: 4rem;
  --text-size-and-height-72: 4.5rem;
  --text-size-and-height-80: 5rem;
  --text-size-and-height-96: 6rem;
  /**
  * =============================================================
  * # Primitives - Font-weight
  * =============================================================
  */
  --text-weight-100: 100;
  --text-weight-200: 200;
  --text-weight-300: 300;
  --text-weight-400: 400;
  --text-weight-500: 500;
  --text-weight-600: 600;
  --text-weight-700: 700;
  --text-weight-800: 800;
  --text-weight-900: 900;
  /**
  * =============================================================
  * # Primitives - Letter-spacing
  * =============================================================
  */
  --text-letter-spacing--3: -0.1875rem;
  --text-letter-spacing--2-5: -0.1563rem;
  --text-letter-spacing--2: -0.125rem;
  --text-letter-spacing--1-75: -0.1094rem;
  --text-letter-spacing--1-5: -0.0938rem;
  --text-letter-spacing--1-25: -0.0781rem;
  --text-letter-spacing--1: -0.0625rem;
  --text-letter-spacing--0-75: -0.0469rem;
  --text-letter-spacing--0-5: -0.0313rem;
  --text-letter-spacing--0-25: -0.0156rem;
  --text-letter-spacing-0: 0rem;
  --text-letter-spacing-0-25: 0.0156rem;
  --text-letter-spacing-0-5: 0.0313rem;
  --text-letter-spacing-0-75: 0.0469rem;
  --text-letter-spacing-1: 0.0625rem;
  --text-letter-spacing-1-25: 0.0781rem;
  --text-letter-spacing-1-5: 0.0938rem;
  --text-letter-spacing-1-75: 0.1094rem;
  --text-letter-spacing-2: 0.125rem;
  --text-letter-spacing-2-5: 0.1563rem;
  --text-letter-spacing-3: 0.1875rem;
  /**
  * =============================================================
  * # Primitives - Content-width
  * =============================================================
  */
  --max-width-784: 49rem;
  --max-width-1024: 64rem;
  --max-width-1056: 66rem;
  --max-width-1280: 80rem;
  --max-width-1400: 87.5rem;
  --max-width-1480: 92.5rem;
  --max-width-1600: 100rem;
  --max-width-1920: 120rem;
  --max-width-full: 100%;
  /**
  * =============================================================
  * # Primitives - Spacing
  * =============================================================
  */
  --spacing-0: 0rem;
  --spacing-4: 0.25rem;
  --spacing-8: 0.5rem;
  --spacing-12: 0.75rem;
  --spacing-16: 1rem;
  --spacing-20: 1.25rem;
  --spacing-24: 1.5rem;
  --spacing-32: 2rem;
  --spacing-36: 2.25rem;
  --spacing-40: 2.5rem;
  --spacing-48: 3rem;
  --spacing-56: 3.5rem;
  --spacing-64: 4rem;
  --spacing-72: 4.5rem;
  --spacing-80: 5rem;
  --spacing-96: 6rem;
  --spacing-100: 6.25rem;
  --spacing-128: 8rem;
  --spacing-160: 10rem;
  --spacing-200: 12.5rem;
  --spacing-260: 16.25rem;
  /**
  * =============================================================
  * # Primitives - Border-Radius
  * =============================================================
  */
  --border-radius-0: 0;
  --border-radius-2: 0.125rem;
  --border-radius-4: 0.25rem;
  --border-radius-8: 0.5rem;
  --border-radius-12: 0.75rem;
  --border-radius-16: 1rem;
  --border-radius-20: 1.25rem;
  --border-radius-24: 1.5rem;
  --border-radius-28: 1.75rem;
  --border-radius-32: 2rem;
  --border-radius-36: 2.25rem;
  --border-radius-40: 2.5rem;
  --border-radius-999: 999px;
  /**
  * =============================================================
  * # Semantic - Colors
  * =============================================================
  */
  --surface-brand-primary-border-soft: var(--color-brand-primary-100);
  --surface-brand-primary-border-medium: var(--color-brand-primary-300);
  --surface-brand-primary-border-strong: var(--color-brand-primary-500);
  --surface-brand-primary-background-soft: var(--color-brand-primary-50);
  --surface-brand-primary-background-medium: var(--color-brand-primary-300);
  --surface-brand-primary-background-strong: var(--color-brand-primary-500);
  --surface-brand-primary-icon-soft: var(--color-brand-primary-300);
  --surface-brand-primary-icon-medium: var(--color-brand-primary-500);
  --surface-brand-primary-icon-strong: var(--color-brand-primary-900);
  --surface-brand-secondary-border-soft: var(--color-brand-secondary-100);
  --surface-brand-secondary-border-medium: var(--color-brand-secondary-300);
  --surface-brand-secondary-border-strong: var(--color-brand-secondary-500);
  --surface-brand-secondary-background-soft: var(--color-brand-secondary-50);
  --surface-brand-secondary-background-medium: var(--color-brand-secondary-300);
  --surface-brand-secondary-background-strong: var(--color-brand-secondary-500);
  --surface-brand-secondary-icon-soft: var(--color-brand-secondary-300);
  --surface-brand-secondary-icon-medium: var(--color-brand-secondary-500);
  --surface-brand-secondary-icon-strong: var(--color-brand-secondary-900);
  --surface-error-border-soft: var(--color-error-100);
  --surface-error-border-medium: var(--color-error-300);
  --surface-error-border-strong: var(--color-error-500);
  --surface-error-background-soft: var(--color-error-50);
  --surface-error-background-medium: var(--color-error-300);
  --surface-error-background-strong: var(--color-error-500);
  --surface-error-icon-soft: var(--color-error-100);
  --surface-error-icon-medium: var(--color-error-300);
  --surface-error-icon-strong: var(--color-error-500);
  --surface-warning-border-soft: var(--color-warning-100);
  --surface-warning-border-medium: var(--color-warning-300);
  --surface-warning-border-strong: var(--color-warning-500);
  --surface-warning-background-soft: var(--color-warning-50);
  --surface-warning-background-medium: var(--color-warning-300);
  --surface-warning-background-strong: var(--color-warning-500);
  --surface-warning-icon-soft: var(--color-warning-100);
  --surface-warning-icon-medium: var(--color-warning-300);
  --surface-warning-icon-strong: var(--color-warning-500);
  --surface-success-border-soft: var(--color-success-100);
  --surface-success-border-medium: var(--color-success-300);
  --surface-success-border-strong: var(--color-success-500);
  --surface-success-background-soft: var(--color-success-50);
  --surface-success-background-medium: var(--color-success-300);
  --surface-success-background-strong: var(--color-success-500);
  --surface-success-icon-soft: var(--color-success-100);
  --surface-success-icon-medium: var(--color-success-300);
  --surface-success-icon-strong: var(--color-success-500);
  --surface-neutral-border-inverse-medium: var(--color-neutral-500);
  --surface-neutral-border-inverse-soft: var(--color-neutral-700);
  --surface-neutral-border-inverse-strong: var(--color-neutral-white);
  --surface-neutral-border-soft: var(--color-neutral-300);
  --surface-neutral-border-medium: var(--color-neutral-500);
  --surface-neutral-border-strong: var(--color-neutral-700);
  --surface-neutral-background: var(--color-neutral-white);
  --surface-neutral-background-soft: var(--color-neutral-100);
  --surface-neutral-background-inverse-soft: var(--color-neutral-700);
  --surface-neutral-background-inverse: var(--color-neutral-900);
  --surface-neutral-icon-inverse-medium: var(--color-neutral-300);
  --surface-neutral-icon-inverse-soft: var(--color-neutral-500);
  --surface-neutral-icon-inverse-strong: var(--color-neutral-white);
  --surface-neutral-icon-soft: var(--color-neutral-500);
  --surface-neutral-icon-medium: var(--color-neutral-700);
  --surface-neutral-icon-strong: var(--color-neutral-900);
  --text-color-brand-primary-medium: var(--color-brand-primary-700);
  --text-color-brand-primary-strong: var(--color-brand-primary-900);
  --text-color-brand-secondary-medium: var(--color-brand-secondary-700);
  --text-color-brand-secondary-strong: var(--color-brand-secondary-900);
  --text-color-neutral-disabled: var(--color-neutral-500);
  --text-color-neutral-medium: var(--color-neutral-700);
  --text-color-neutral-medium-inverse: var(--color-neutral-500);
  --text-color-neutral-strong: var(--color-neutral-900);
  --text-color-neutral-strong-inverse: var(--color-neutral-white);
  --text-color-success-medium: var(--color-success-300);
  --text-color-success-strong: var(--color-success-500);
  --text-color-error-medium: var(--color-error-300);
  --text-color-error-strong: var(--color-error-500);
  /**
  * =============================================================
  * # Semantic - Font-family
  * =============================================================
  */
  --text-heading-xs-font-family: var(--text-font-primary);
  --text-heading-sm-font-family: var(--text-font-primary);
  --text-heading-md-font-family: var(--text-font-primary);
  --text-heading-lg-font-family: var(--text-font-primary);
  --text-heading-xl-font-family: var(--text-font-primary);
  --text-heading-xxl-font-family: var(--text-font-primary);
  --text-tagline-font-family: var(--text-font-primary);
  --text-button-sm-font-family: var(--text-font-secondary);
  --text-button-md-font-family: var(--text-font-secondary);
  --text-button-lg-font-family: var(--text-font-secondary);
  --text-text-xs-font-family: var(--text-font-secondary);
  --text-text-sm-font-family: var(--text-font-secondary);
  --text-text-md-font-family: var(--text-font-secondary);
  --text-text-lg-font-family: var(--text-font-secondary);
  --text-text-xs-strong-font-family: var(--text-font-secondary);
  --text-text-sm-strong-font-family: var(--text-font-secondary);
  --text-text-md-strong-font-family: var(--text-font-secondary);
  --text-text-lg-strong-font-family: var(--text-font-secondary);
  --text-standard-font-family: var(--text-text-md-font-family);
  /**
  * =============================================================
  * # Semantic - Font-size
  * =============================================================
  */
  --text-heading-xs-font-size: var(--text-size-and-height-20);
  --text-heading-sm-font-size: var(--text-size-and-height-24);
  --text-heading-md-font-size: var(--text-size-and-height-28);
  --text-heading-lg-font-size: var(--text-size-and-height-32);
  --text-heading-xl-font-size: var(--text-size-and-height-40);
  --text-heading-xxl-font-size: var(--text-size-and-height-64);
  --text-tagline-font-size: var(--text-size-and-height-16);
  --text-text-xs-font-size: var(--text-size-and-height-12);
  --text-text-sm-font-size: var(--text-size-and-height-14);
  --text-text-md-font-size: var(--text-size-and-height-16);
  --text-text-lg-font-size: var(--text-size-and-height-20);
  --text-text-xs-strong-font-size: var(--text-size-and-height-12);
  --text-text-sm-strong-font-size: var(--text-size-and-height-14);
  --text-text-md-strong-font-size: var(--text-size-and-height-16);
  --text-text-lg-strong-font-size: var(--text-size-and-height-20);
  --text-button-sm-font-size: var(--text-size-and-height-12);
  --text-button-md-font-size: var(--text-size-and-height-14);
  --text-button-lg-font-size: var(--text-size-and-height-16);
  --text-standard-font-size: var(--text-text-md-font-size);
  /**
  * =============================================================
  * # Semantic - Line-height
  * =============================================================
  */
  --text-heading-xs-line-height: var(--text-size-and-height-24);
  --text-heading-sm-line-height: var(--text-size-and-height-28);
  --text-heading-md-line-height: var(--text-size-and-height-32);
  --text-heading-lg-line-height: var(--text-size-and-height-36);
  --text-heading-xl-line-height: var(--text-size-and-height-48);
  --text-heading-xxl-line-height: var(--text-size-and-height-72);
  --text-tagline-line-height: var(--text-size-and-height-21);
  --text-text-xs-line-height: var(--text-size-and-height-16);
  --text-text-sm-line-height: var(--text-size-and-height-18);
  --text-text-md-line-height: var(--text-size-and-height-21);
  --text-text-lg-line-height: var(--text-size-and-height-28);
  --text-text-xs-strong-line-height: var(--text-size-and-height-16);
  --text-text-sm-strong-line-height: var(--text-size-and-height-18);
  --text-text-md-strong-line-height: var(--text-size-and-height-21);
  --text-text-lg-strong-line-height: var(--text-size-and-height-28);
  --text-button-sm-line-height: var(--text-size-and-height-12);
  --text-button-md-line-height: var(--text-size-and-height-14);
  --text-button-lg-line-height: var(--text-size-and-height-16);
  --text-standard-line-height: var(--text-text-md-line-height);
  /**
  * =============================================================
  * # Semantic - Font-weight
  * =============================================================
  */
  --text-heading-xs-font-weight: var(--text-weight-500);
  --text-heading-sm-font-weight: var(--text-weight-400);
  --text-heading-md-font-weight: var(--text-weight-400);
  --text-heading-lg-font-weight: var(--text-weight-400);
  --text-heading-xl-font-weight: var(--text-weight-400);
  --text-heading-xxl-font-weight: var(--text-weight-400);
  --text-tagline-font-weight: var(--text-weight-600);
  --text-text-xs-font-weight: var(--text-weight-400);
  --text-text-sm-font-weight: var(--text-weight-400);
  --text-text-md-font-weight: var(--text-weight-400);
  --text-text-lg-font-weight: var(--text-weight-400);
  --text-text-xs-strong-font-weight: var(--text-weight-600);
  --text-text-sm-strong-font-weight: var(--text-weight-600);
  --text-text-md-strong-font-weight: var(--text-weight-600);
  --text-text-lg-strong-font-weight: var(--text-weight-600);
  --text-button-sm-font-weight: var(--text-weight-500);
  --text-button-md-font-weight: var(--text-weight-500);
  --text-button-lg-font-weight: var(--text-weight-500);
  --text-standard-font-weight: var(--text-text-md-font-weight);
  /**
  * =============================================================
  * # Semantic - Letter-spacing
  * =============================================================
  */
  --text-heading-sm-letter-spacing: var(--text-letter-spacing-0);
  --text-heading-xs-letter-spacing: var(--text-letter-spacing-0-25);
  --text-heading-md-letter-spacing: var(--text-letter-spacing--0-5);
  --text-heading-lg-letter-spacing: var(--text-letter-spacing--0-75);
  --text-heading-xl-letter-spacing: var(--text-letter-spacing--1);
  --text-heading-xxl-letter-spacing: var(--text-letter-spacing--1-5);
  --text-tagline-letter-spacing: var(--text-letter-spacing-1-5);
  --text-text-xs-letter-spacing: var(--text-letter-spacing-0);
  --text-text-sm-letter-spacing: var(--text-letter-spacing-0-25);
  --text-text-md-letter-spacing: var(--text-letter-spacing-0-25);
  --text-text-lg-letter-spacing: var(--text-letter-spacing-0);
  --text-text-xs-strong-letter-spacing: var(--text-letter-spacing-0);
  --text-text-sm-strong-letter-spacing: var(--text-letter-spacing-0-25);
  --text-text-md-strong-letter-spacing: var(--text-letter-spacing-0-25);
  --text-text-lg-strong-letter-spacing: var(--text-letter-spacing-0);
  --text-button-sm-letter-spacing: var(--text-letter-spacing-0);
  --text-button-md-letter-spacing: var(--text-letter-spacing-0-25);
  --text-button-lg-letter-spacing: var(--text-letter-spacing-0-25);
  --text-standard-letter-spacing: var(--text-text-md-letter-spacing);
  /**
  * =============================================================
  * # Semantic - Content-width
  * =============================================================
  */
  --content-width: var(--content-width-md);
  --content-width-sm: var(--max-width-1056);
  --content-width-md: var(--max-width-1400);
  --content-width-lg: var(--max-width-1600);
  --content-width-full: 100%;
  /**
  * =============================================================
  * # Semantic - Section-padding
  * =============================================================
  */
  --spacing-section-none: var(--spacing-0);
  --spacing-section-sm: var(--spacing-40);
  --spacing-section-md: var(--spacing-80);
  --spacing-section-lg: var(--spacing-128);
  /**
  * =============================================================
  * # Semantic - Spacing
  * =============================================================
  */
  --spacing-none: var(--spacing-0);
  --spacing-xxs: var(--spacing-4);
  --spacing-xs: var(--spacing-8);
  --spacing-sm: var(--spacing-16);
  --spacing-md: var(--spacing-24);
  --spacing-lg: var(--spacing-32);
  --spacing-xl: var(--spacing-40);
  --spacing-xxl: var(--spacing-48);
  --spacing-xxxl: var(--spacing-64);
  --text-heading-xs-paragraph-spacing: 0rem;
  --text-heading-sm-paragraph-spacing: 0rem;
  --text-heading-md-paragraph-spacing: 0rem;
  --text-heading-lg-paragraph-spacing: 0rem;
  --text-heading-xl-paragraph-spacing: 0rem;
  --text-heading-xxl-paragraph-spacing: 0rem;
  --text-tagline-paragraph-spacing: 0rem;
  --text-text-xs-paragraph-spacing: var(--text-size-and-height-8);
  --text-text-sm-paragraph-spacing: var(--text-size-and-height-12);
  --text-text-md-paragraph-spacing: var(--text-size-and-height-16);
  --text-text-lg-paragraph-spacing: var(--text-size-and-height-18);
  --text-text-xs-strong-paragraph-spacing: var(--text-size-and-height-8);
  --text-text-sm-strong-paragraph-spacing: var(--text-size-and-height-12);
  --text-text-md-strong-paragraph-spacing: var(--text-size-and-height-16);
  --text-text-lg-strong-paragraph-spacing: var(--text-size-and-height-18);
  --text-button-sm-paragraph-spacing: 0rem;
  --text-button-md-paragraph-spacing: 0rem;
  --text-button-lg-paragraph-spacing: 0rem;
  /**
  * =============================================================
  * # Semantic - Border radius
  * =============================================================
  */
  --border-radius-none: var(--border-radius-0);
  --border-radius-xxs: var(--border-radius-2);
  --border-radius-xs: var(--border-radius-4);
  --border-radius-sm: var(--border-radius-8);
  --border-radius-md: var(--border-radius-12);
  --border-radius-lg: var(--border-radius-16);
  --border-radius-xl: var(--border-radius-24);
  --border-radius-xxl: var(--border-radius-32);
  --border-radius-xxxl: var(--border-radius-40);
  --border-radius-full: var(--border-radius-999);
}

/**
* =============================================================
* # Global
* =============================================================
*/
* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: var(--color-neutral-300) var(--color-neutral-white);
}
*::-webkit-scrollbar {
  width: 10px;
}
*::-webkit-scrollbar-track {
  background: var(--color-neutral-white);
}
*::-webkit-scrollbar-thumb {
  background: var(--color-neutral-300);
  border-radius: 10px;
}

[id] {
  scroll-margin-top: var(--sticky-top-position);
}

button {
  padding: 0;
  background-color: unset;
  border: 0;
  cursor: pointer;
}

blockquote {
  margin: 0;
}

.screen-reader-text {
  border: 0;
  clip-path: inset(50%);
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0;
  word-wrap: normal !important;
  clip-path: inset(100%);
}

iframe {
  width: 100%;
}

/**
* =============================================================
* # Media
* =============================================================
*/
img,
video {
  display: block;
  width: 100%;
  height: auto;
}

.media {
  width: 100%;
}
.media.has-custom-aspect-ratio {
  height: 100%;
}
.media:not(.is-background) {
  position: relative;
}

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: var(--icon-size, 40px);
  aspect-ratio: 1;
  transition: background-color var(--transition-default, 0.2s ease);
}
.icon img, .icon svg {
  width: 100%;
  height: 100%;
}

.is-mask {
  mask: var(--media-url) center/contain no-repeat;
  -webkit-mask: var(--media-url) center/contain no-repeat;
}

/**
* =============================================================
* # Media Overlay
* =============================================================
*/
.has-color-overlay-4:not(.is-inverse) {
  background-color: var(--color-overlay-default-4);
}

.has-color-overlay-4.is-inverse {
  background-color: var(--color-overlay-inverse-4);
}

.has-color-overlay-8:not(.is-inverse) {
  background-color: var(--color-overlay-default-8);
}

.has-color-overlay-8.is-inverse {
  background-color: var(--color-overlay-inverse-8);
}

.has-color-overlay-12:not(.is-inverse) {
  background-color: var(--color-overlay-default-12);
}

.has-color-overlay-12.is-inverse {
  background-color: var(--color-overlay-inverse-12);
}

.has-color-overlay-16:not(.is-inverse) {
  background-color: var(--color-overlay-default-16);
}

.has-color-overlay-16.is-inverse {
  background-color: var(--color-overlay-inverse-16);
}

.has-color-overlay-20:not(.is-inverse) {
  background-color: var(--color-overlay-default-20);
}

.has-color-overlay-20.is-inverse {
  background-color: var(--color-overlay-inverse-20);
}

.has-color-overlay-24:not(.is-inverse) {
  background-color: var(--color-overlay-default-24);
}

.has-color-overlay-24.is-inverse {
  background-color: var(--color-overlay-inverse-24);
}

.has-color-overlay-32:not(.is-inverse) {
  background-color: var(--color-overlay-default-32);
}

.has-color-overlay-32.is-inverse {
  background-color: var(--color-overlay-inverse-32);
}

.has-color-overlay-40:not(.is-inverse) {
  background-color: var(--color-overlay-default-40);
}

.has-color-overlay-40.is-inverse {
  background-color: var(--color-overlay-inverse-40);
}

.has-color-overlay-48:not(.is-inverse) {
  background-color: var(--color-overlay-default-48);
}

.has-color-overlay-48.is-inverse {
  background-color: var(--color-overlay-inverse-48);
}

.has-color-overlay-56:not(.is-inverse) {
  background-color: var(--color-overlay-default-56);
}

.has-color-overlay-56.is-inverse {
  background-color: var(--color-overlay-inverse-56);
}

.has-color-overlay-64:not(.is-inverse) {
  background-color: var(--color-overlay-default-64);
}

.has-color-overlay-64.is-inverse {
  background-color: var(--color-overlay-inverse-64);
}

.has-color-overlay-80:not(.is-inverse) {
  background-color: var(--color-overlay-default-80);
}

.has-color-overlay-80.is-inverse {
  background-color: var(--color-overlay-inverse-80);
}

/**
* =============================================================
* # Layout
* =============================================================
*/
.is-flex-col,
.is-flex-row,
.is-grid {
  width: 100%;
}
.is-flex-col > *,
.is-flex-row > *,
.is-grid > * {
  min-width: 0;
  min-height: 0;
}

.is-flex-col,
.is-flex-row {
  display: flex;
}

.is-flex-col {
  flex-direction: column;
}

.is-flex-row {
  flex-direction: row;
  flex-wrap: wrap;
}

.is-grid {
  display: grid;
  container-type: inline-size;
  container-name: grid-container;
}

.container-inner {
  max-width: calc(var(--content-width, 1400px) + var(--spacing-container-inner, 2.5rem) * 2);
  padding: 0 var(--spacing-container-inner, 2.5rem);
}

.content {
  align-items: center;
  flex-grow: 1;
}

.does-grow {
  flex-grow: 1;
}

.is-flex-row > .does-grow {
  align-self: stretch;
}

.is-flex-col > .does-grow {
  flex-grow: 1;
}

/**
* =============================================================
* # Property
* =============================================================
*/
.is-sticky {
  position: sticky;
  top: var(--sticky-top-position, 0);
}

.is-object,
.is-background {
  width: 100%;
  height: 100%;
}

.is-object {
  object-fit: cover;
}

.is-background {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.is-full-height {
  min-height: var(--full-height, 100vh);
}

/**
* =============================================================
* # Aspect Ratio
* =============================================================
*/
.has-aspect-ratio-1-1 {
  aspect-ratio: 1/1;
}

.has-aspect-ratio-5-4.has-landscape-orientation {
  aspect-ratio: 5/4;
}
.has-aspect-ratio-5-4.has-portrait-orientation {
  aspect-ratio: 4/5;
}

.has-aspect-ratio-4-3.has-landscape-orientation {
  aspect-ratio: 4/3;
}
.has-aspect-ratio-4-3.has-portrait-orientation {
  aspect-ratio: 3/4;
}

.has-aspect-ratio-3-2.has-landscape-orientation {
  aspect-ratio: 3/2;
}
.has-aspect-ratio-3-2.has-portrait-orientation {
  aspect-ratio: 2/3;
}

.has-aspect-ratio-5-3.has-landscape-orientation {
  aspect-ratio: 5/3;
}
.has-aspect-ratio-5-3.has-portrait-orientation {
  aspect-ratio: 3/5;
}

.has-aspect-ratio-16-9.has-landscape-orientation {
  aspect-ratio: 16/9;
}
.has-aspect-ratio-16-9.has-portrait-orientation {
  aspect-ratio: 9/16;
}

.has-aspect-ratio-2-1.has-landscape-orientation {
  aspect-ratio: 2/1;
}
.has-aspect-ratio-2-1.has-portrait-orientation {
  aspect-ratio: 1/2;
}

.has-aspect-ratio-21-9.has-landscape-orientation {
  aspect-ratio: 21/9;
}
.has-aspect-ratio-21-9.has-portrait-orientation {
  aspect-ratio: 9/21;
}

/**
* =============================================================
* # Alignment
* =============================================================
*/
.is-grid.has-h-align-start {
  justify-items: start;
}
.is-grid.has-h-align-center {
  justify-items: center;
}
.is-grid.has-h-align-end {
  justify-items: end;
}
.is-grid.has-h-align-between {
  justify-items: stretch;
}
.is-grid.has-v-align-start {
  align-content: start;
  align-items: start;
}
.is-grid.has-v-align-center {
  align-content: center;
  align-items: center;
}
.is-grid.has-v-align-end {
  align-content: end;
  align-items: end;
}
.is-grid.has-v-align-between {
  align-content: space-between;
}

.is-flex-row.has-h-align-start {
  justify-content: flex-start;
}
.is-flex-row.has-h-align-center {
  justify-content: center;
}
.is-flex-row.has-h-align-end {
  justify-content: flex-end;
}
.is-flex-row.has-h-align-between {
  justify-content: space-between;
}
.is-flex-row.has-v-align-start {
  align-items: flex-start;
}
.is-flex-row.has-v-align-center {
  align-items: center;
}
.is-flex-row.has-v-align-end {
  align-items: flex-end;
}
.is-flex-row.has-v-align-between {
  align-content: space-between;
}

.is-flex-col.has-h-align-start {
  align-items: flex-start;
}
.is-flex-col.has-h-align-center {
  align-items: center;
}
.is-flex-col.has-h-align-end {
  align-items: flex-end;
}
.is-flex-col.has-h-align-between {
  align-items: space-between;
}
.is-flex-col.has-v-align-start {
  justify-content: flex-start;
}
.is-flex-col.has-v-align-center {
  justify-content: center;
}
.is-flex-col.has-v-align-end {
  justify-content: flex-end;
}
.is-flex-col.has-v-align-between {
  justify-content: space-between;
}

/**
* =============================================================
* # Text Align
* =============================================================
*/
.has-text-align-left {
  text-align: left;
}

.has-text-align-center {
  text-align: center;
}

.has-text-align-right {
  text-align: right;
}

/**
* =============================================================
* # Widths
* =============================================================
*/
.has-content-width-sm {
  --content-width: var(--content-width-sm, 1056px);
}

.has-content-width-md {
  --content-width: var(--content-width-md, 1400px);
}

.has-content-width-lg {
  --content-width: var(--content-width-lg, 1600px);
}

.has-content-width-full {
  --content-width: var(--content-width-full, 100%);
}
.has-content-width-full > .section-inner {
  padding: 0;
}

.is-col-width-1 {
  grid-column: span 1;
}

.is-col-width-2 {
  grid-column: span 2;
}

.is-col-width-3 {
  grid-column: span 3;
}

.is-col-width-4 {
  grid-column: span 4;
}

.is-col-width-5 {
  grid-column: span 5;
}

.is-col-width-6 {
  grid-column: span 6;
}

.is-col-width-7 {
  grid-column: span 7;
}

.is-col-width-8 {
  grid-column: span 8;
}

.is-col-width-9 {
  grid-column: span 9;
}

.is-col-width-10 {
  grid-column: span 10;
}

.is-col-width-11 {
  grid-column: span 11;
}

.is-col-width-12 {
  grid-column: span 12;
}

.is-auto-width {
  width: auto;
  flex-basis: 0;
}

.is-20-width {
  max-width: 20%;
}

.is-25-width {
  max-width: 25%;
}

.is-33-width {
  max-width: 33.33%;
}

.is-40-width {
  max-width: 40%;
}

.is-50-width {
  max-width: 50%;
}

.is-60-width {
  max-width: 60%;
}

.is-66-width {
  max-width: 66.66%;
}

.is-75-width {
  max-width: 75%;
}

.is-80-width {
  max-width: 80%;
}

.is-full-width {
  width: 100%;
}

.is-full-width.is-center-align {
  justify-content: center;
}

/**
* =============================================================
* # Font Size
* =============================================================
*/
.has-font-size-xs {
  font-size: var(--text-text-xs-font-size, 12px);
}

.has-font-size-sm {
  font-size: var(--text-text-sm-font-size, 14px);
}

.has-font-size-md {
  font-size: var(--text-text-md-font-size, 16px);
}

.has-font-size-lg {
  font-size: var(--text-text-lg-font-size, 20px);
}

/**
* =============================================================
* # Text
* =============================================================
*/
.is-style-text-xs {
  font-family: var(--text-text-xs-font-family, "DM Sans");
  font-size: var(--text-text-xs-font-size, 12px);
  font-weight: var(--text-text-xs-font-weight, 400);
  line-height: var(--text-text-xs-line-height, 1.26);
  letter-spacing: var(--text-text-xs-letter-spacing, 0);
}
.is-style-text-xs-strong {
  font-family: var(--text-text-xs-strong-font-family, "DM Sans");
  font-size: var(--text-text-xs-strong-font-size, 12px);
  font-weight: var(--text-text-xs-strong-font-weight, 600);
  line-height: var(--text-text-xs-strong-line-height, 1.26);
  letter-spacing: var(--text-text-xs-strong-letter-spacing, 0);
}

.is-style-text-sm {
  font-family: var(--text-text-sm-font-family, "DM Sans");
  font-size: var(--text-text-sm-font-size, 14px);
  font-weight: var(--text-text-sm-font-weight, 400);
  line-height: var(--text-text-sm-line-height, 1.28);
  letter-spacing: var(--text-text-sm-letter-spacing, 0);
}
.is-style-text-sm-strong {
  font-family: var(--text-text-sm-strong-font-family, "DM Sans");
  font-size: var(--text-text-sm-strong-font-size, 14px);
  font-weight: var(--text-text-sm-strong-font-weight, 600);
  line-height: var(--text-text-sm-strong-line-height, 1.28);
  letter-spacing: var(--text-text-sm-strong-letter-spacing, 0);
}

.is-style-text-md {
  font-family: var(--text-text-md-font-family, "DM Sans");
  font-size: var(--text-text-md-font-size, 16px);
  font-weight: var(--text-text-md-font-weight, 400);
  line-height: var(--text-text-md-line-height, 1.31);
  letter-spacing: var(--text-text-md-letter-spacing, 0.25px);
}
.is-style-text-md-strong {
  font-family: var(--text-text-md-strong-font-family, "DM Sans");
  font-size: var(--text-text-md-strong-font-size, 16px);
  font-weight: var(--text-text-md-strong-font-weight, 600);
  line-height: var(--text-text-md-strong-line-height, 1.31);
  letter-spacing: var(--text-text-md-strong-letter-spacing, 0.25px);
}

.is-style-text-lg {
  font-family: var(--text-text-lg-font-family, "DM Sans");
  font-size: var(--text-text-lg-font-size, 20px);
  font-weight: var(--text-text-lg-font-weight, 400);
  line-height: var(--text-text-lg-line-height, 1.4);
  letter-spacing: var(--text-text-lg-letter-spacing, 0);
}
.is-style-text-lg-strong {
  font-family: var(--text-text-lg-strong-font-family, "DM Sans");
  font-size: var(--text-text-lg-strong-font-size, 20px);
  font-weight: var(--text-text-lg-strong-font-weight, 600);
  line-height: var(--text-text-lg-strong-line-height, 1.4);
  letter-spacing: var(--text-text-lg-strong-letter-spacing, 0);
}

/**
* =============================================================
* # Spacing
* =============================================================
*/
.has-spacing-xxs {
  gap: var(--spacing-xxs);
}

.has-spacing-xs {
  gap: var(--spacing-xs);
}

.has-spacing-sm {
  gap: var(--spacing-sm);
}

.has-spacing-md {
  gap: var(--spacing-md);
}

.has-spacing-lg {
  gap: var(--spacing-lg);
}

.has-spacing-xl {
  gap: var(--spacing-xl);
}

.has-spacing-xxl {
  gap: var(--spacing-xxl);
}

.has-spacing-xxxl {
  gap: var(--spacing-xxxl);
}

.has-h-spacing-xxs {
  column-gap: var(--spacing-xxs);
}

.has-h-spacing-xs {
  column-gap: var(--spacing-xs);
}

.has-h-spacing-sm {
  column-gap: var(--spacing-sm);
}

.has-h-spacing-md {
  column-gap: var(--spacing-md);
}

.has-h-spacing-lg {
  column-gap: var(--spacing-lg);
}

.has-h-spacing-xl {
  column-gap: var(--spacing-xl);
}

.has-h-spacing-xxl {
  column-gap: var(--spacing-xxl);
}

.has-h-spacing-xxxl {
  column-gap: var(--spacing-xxxl);
}

.has-no-v-spacing {
  row-gap: 0;
}

.has-v-spacing-xxs {
  row-gap: var(--spacing-xxs);
}

.has-v-spacing-xs {
  row-gap: var(--spacing-xs);
}

.has-v-spacing-sm {
  row-gap: var(--spacing-sm);
}

.has-v-spacing-md {
  row-gap: var(--spacing-md);
}

.has-v-spacing-lg {
  row-gap: var(--spacing-lg);
}

.has-v-spacing-xl {
  row-gap: var(--spacing-xl);
}

.has-v-spacing-xxl {
  row-gap: var(--spacing-xxl);
}

.has-v-spacing-xxxl {
  row-gap: var(--spacing-xxxl);
}

.has-no-grid-h-spacing {
  --column-gap-grid: 0;
}

.has-grid-h-spacing-xxs {
  --column-gap-grid: var(--spacing-xxs);
}

.has-grid-h-spacing-xs {
  --column-gap-grid: var(--spacing-xs);
}

.has-grid-h-spacing-sm {
  --column-gap-grid: var(--spacing-sm);
}

.has-grid-h-spacing-md {
  --column-gap-grid: var(--spacing-md);
}

.has-grid-h-spacing-lg {
  --column-gap-grid: var(--spacing-lg);
}

.has-grid-h-spacing-xl {
  --column-gap-grid: var(--spacing-xl);
}

.has-grid-h-spacing-xxl {
  --column-gap-grid: var(--spacing-xxl);
}

.has-grid-h-spacing-xxxl {
  --column-gap-grid: var(--spacing-xxxl);
}

/**
* =============================================================
* # Border radius
* =============================================================
*/
.has-border-radius-xxs {
  border-radius: var(--border-radius-xxs);
  overflow: hidden;
}

.has-border-radius-xs {
  border-radius: var(--border-radius-xs);
  overflow: hidden;
}

.has-border-radius-sm {
  border-radius: var(--border-radius-sm);
  overflow: hidden;
}

.has-border-radius-md {
  border-radius: var(--border-radius-md);
  overflow: hidden;
}

.has-border-radius-lg {
  border-radius: var(--border-radius-lg);
  overflow: hidden;
}

.has-border-radius-xl {
  border-radius: var(--border-radius-xl);
  overflow: hidden;
}

.has-border-radius-xxl {
  border-radius: var(--border-radius-xxl);
  overflow: hidden;
}

.has-border-radius-xxxl {
  border-radius: var(--border-radius-xxxl);
  overflow: hidden;
}

.has-border-radius-top-left-xxs {
  border-top-left-radius: var(--border-radius-xxs);
  overflow: hidden;
}

.has-border-radius-top-left-xs {
  border-top-left-radius: var(--border-radius-xs);
  overflow: hidden;
}

.has-border-radius-top-left-sm {
  border-top-left-radius: var(--border-radius-sm);
  overflow: hidden;
}

.has-border-radius-top-left-md {
  border-top-left-radius: var(--border-radius-md);
  overflow: hidden;
}

.has-border-radius-top-left-lg {
  border-top-left-radius: var(--border-radius-lg);
  overflow: hidden;
}

.has-border-radius-top-left-xl {
  border-top-left-radius: var(--border-radius-xl);
  overflow: hidden;
}

.has-border-radius-top-left-xxl {
  border-top-left-radius: var(--border-radius-xxl);
  overflow: hidden;
}

.has-border-radius-top-left-xxxl {
  border-top-left-radius: var(--border-radius-xxxl);
  overflow: hidden;
}

.has-border-radius-top-right-xxs {
  border-top-right-radius: var(--border-radius-xxs);
  overflow: hidden;
}

.has-border-radius-top-right-xs {
  border-top-right-radius: var(--border-radius-xs);
  overflow: hidden;
}

.has-border-radius-top-right-sm {
  border-top-right-radius: var(--border-radius-sm);
  overflow: hidden;
}

.has-border-radius-top-right-md {
  border-top-right-radius: var(--border-radius-md);
  overflow: hidden;
}

.has-border-radius-top-right-lg {
  border-top-right-radius: var(--border-radius-lg);
  overflow: hidden;
}

.has-border-radius-top-right-xl {
  border-top-right-radius: var(--border-radius-xl);
  overflow: hidden;
}

.has-border-radius-top-right-xxl {
  border-top-right-radius: var(--border-radius-xxl);
  overflow: hidden;
}

.has-border-radius-top-right-xxxl {
  border-top-right-radius: var(--border-radius-xxxl);
  overflow: hidden;
}

.has-border-radius-bottom-right-xxs {
  border-bottom-right-radius: var(--border-radius-xxs);
  overflow: hidden;
}

.has-border-radius-bottom-right-xs {
  border-bottom-right-radius: var(--border-radius-xs);
  overflow: hidden;
}

.has-border-radius-bottom-right-sm {
  border-bottom-right-radius: var(--border-radius-sm);
  overflow: hidden;
}

.has-border-radius-bottom-right-md {
  border-bottom-right-radius: var(--border-radius-md);
  overflow: hidden;
}

.has-border-radius-bottom-right-lg {
  border-bottom-right-radius: var(--border-radius-lg);
  overflow: hidden;
}

.has-border-radius-bottom-right-xl {
  border-bottom-right-radius: var(--border-radius-xl);
  overflow: hidden;
}

.has-border-radius-bottom-right-xxl {
  border-bottom-right-radius: var(--border-radius-xxl);
  overflow: hidden;
}

.has-border-radius-bottom-right-xxxl {
  border-bottom-right-radius: var(--border-radius-xxxl);
  overflow: hidden;
}

.has-border-radius-bottom-left-xxs {
  border-bottom-left-radius: var(--border-radius-xxs);
  overflow: hidden;
}

.has-border-radius-bottom-left-xs {
  border-bottom-left-radius: var(--border-radius-xs);
  overflow: hidden;
}

.has-border-radius-bottom-left-sm {
  border-bottom-left-radius: var(--border-radius-sm);
  overflow: hidden;
}

.has-border-radius-bottom-left-md {
  border-bottom-left-radius: var(--border-radius-md);
  overflow: hidden;
}

.has-border-radius-bottom-left-lg {
  border-bottom-left-radius: var(--border-radius-lg);
  overflow: hidden;
}

.has-border-radius-bottom-left-xl {
  border-bottom-left-radius: var(--border-radius-xl);
  overflow: hidden;
}

.has-border-radius-bottom-left-xxl {
  border-bottom-left-radius: var(--border-radius-xxl);
  overflow: hidden;
}

.has-border-radius-bottom-left-xxxl {
  border-bottom-left-radius: var(--border-radius-xxxl);
  overflow: hidden;
}

/**
* =============================================================
* # Section spacing
* =============================================================
*/
.has-section-spacing {
  padding: var(--spacing-section-md, 5rem) 0;
}

.has-no-section-spacing-top {
  padding-top: 0;
}

.has-section-spacing-top-sm {
  padding-top: var(--spacing-section-sm, 2.5rem);
}

.has-section-spacing-top-md {
  padding-top: var(--spacing-section-md, 5rem);
}

.has-section-spacing-top-lg {
  padding-top: var(--spacing-section-lg, 7.5rem);
}

.has-no-section-spacing-bottom {
  padding-bottom: 0;
}

.has-section-spacing-bottom-sm {
  padding-bottom: var(--spacing-section-sm, 2.5rem);
}

.has-section-spacing-bottom-md {
  padding-bottom: var(--spacing-section-md, 5rem);
}

.has-section-spacing-bottom-lg {
  padding-bottom: var(--spacing-section-lg, 7.5rem);
}

/**
* =============================================================
* # Padding
* =============================================================
*/
.has-padding-xxs {
  padding: var(--spacing-xxs);
}

.has-padding-xs {
  padding: var(--spacing-xs);
}

.has-padding-sm {
  padding: var(--spacing-sm);
}

.has-padding-md {
  padding: var(--spacing-md);
}

.has-padding-lg {
  padding: var(--spacing-lg);
}

.has-padding-xl {
  padding: var(--spacing-xl);
}

.has-padding-xxl {
  padding: var(--spacing-xxl);
}

.has-padding-xxxl {
  padding: var(--spacing-xxxl);
}

.has-padding-top-xxs {
  padding-top: var(--spacing-xxs);
}

.has-padding-top-xs {
  padding-top: var(--spacing-xs);
}

.has-padding-top-sm {
  padding-top: var(--spacing-sm);
}

.has-padding-top-md {
  padding-top: var(--spacing-md);
}

.has-padding-top-lg {
  padding-top: var(--spacing-lg);
}

.has-padding-top-xl {
  padding-top: var(--spacing-xl);
}

.has-padding-top-xxl {
  padding-top: var(--spacing-xxl);
}

.has-padding-top-xxxl {
  padding-top: var(--spacing-xxxl);
}

.has-padding-right-xxs {
  padding-right: var(--spacing-xxs);
}

.has-padding-right-xs {
  padding-right: var(--spacing-xs);
}

.has-padding-right-sm {
  padding-right: var(--spacing-sm);
}

.has-padding-right-md {
  padding-right: var(--spacing-md);
}

.has-padding-right-lg {
  padding-right: var(--spacing-lg);
}

.has-padding-right-xl {
  padding-right: var(--spacing-xl);
}

.has-padding-right-xxl {
  padding-right: var(--spacing-xxl);
}

.has-padding-right-xxxl {
  padding-right: var(--spacing-xxxl);
}

.has-padding-bottom-xxs {
  padding-bottom: var(--spacing-xxs);
}

.has-padding-bottom-xs {
  padding-bottom: var(--spacing-xs);
}

.has-padding-bottom-sm {
  padding-bottom: var(--spacing-sm);
}

.has-padding-bottom-md {
  padding-bottom: var(--spacing-md);
}

.has-padding-bottom-lg {
  padding-bottom: var(--spacing-lg);
}

.has-padding-bottom-xl {
  padding-bottom: var(--spacing-xl);
}

.has-padding-bottom-xxl {
  padding-bottom: var(--spacing-xxl);
}

.has-padding-bottom-xxxl {
  padding-bottom: var(--spacing-xxxl);
}

.has-padding-left-xxs {
  padding-left: var(--spacing-xxs);
}

.has-padding-left-xs {
  padding-left: var(--spacing-xs);
}

.has-padding-left-sm {
  padding-left: var(--spacing-sm);
}

.has-padding-left-md {
  padding-left: var(--spacing-md);
}

.has-padding-left-lg {
  padding-left: var(--spacing-lg);
}

.has-padding-left-xl {
  padding-left: var(--spacing-xl);
}

.has-padding-left-xxl {
  padding-left: var(--spacing-xxl);
}

.has-padding-left-xxxl {
  padding-left: var(--spacing-xxxl);
}

/**
* =============================================================
* # Margin Bottom
* =============================================================
*/
.has-no-margin-bottom {
  margin-bottom: 0;
}

.has-margin-bottom-xxs {
  margin-bottom: var(--spacing-xxs);
}

.has-margin-bottom-xs {
  margin-bottom: var(--spacing-xs);
}

.has-margin-bottom-sm {
  margin-bottom: var(--spacing-sm);
}

.has-margin-bottom-md {
  margin-bottom: var(--spacing-md);
}

.has-margin-bottom-lg {
  margin-bottom: var(--spacing-lg);
}

.has-margin-bottom-xl {
  margin-bottom: var(--spacing-xl);
}

.has-margin-bottom-xxl {
  margin-bottom: var(--spacing-xxl);
}

.has-margin-bottom-xxxl {
  margin-bottom: var(--spacing-xxxl);
}

/**
* =============================================================
* # Icon size
* =============================================================
*/
.has-icon-size-xxs {
  --icon-size: var(--icon-size-xxs);
}

.has-icon-size-xs {
  --icon-size: var(--icon-size-xs);
}

.has-icon-size-sm {
  --icon-size: var(--icon-size-sm);
}

.has-icon-size-md {
  --icon-size: var(--icon-size-md);
}

.has-icon-size-lg {
  --icon-size: var(--icon-size-lg);
}

.has-icon-size-xl {
  --icon-size: var(--icon-size-xl);
}

.has-icon-size-xxl {
  --icon-size: var(--icon-size-xxl);
}

.has-icon-size-xxxl {
  --icon-size: var(--icon-size-xxxl);
}

/**
* =============================================================
* # Columns
* # has-column-count-9
* =============================================================
*/
.has-column-count-1 {
  grid-template-columns: repeat(1, 1fr);
}
@media (max-width: 1056px) {
  .has-content-width-sm .has-column-count-1 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1400px) {
  .has-content-width-md .has-column-count-1 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1600px) {
  .has-content-width-lg .has-column-count-1 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}

.has-column-count-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1056px) {
  .has-content-width-sm .has-column-count-2 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1400px) {
  .has-content-width-md .has-column-count-2 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1600px) {
  .has-content-width-lg .has-column-count-2 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}

.has-column-count-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1056px) {
  .has-content-width-sm .has-column-count-3 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1400px) {
  .has-content-width-md .has-column-count-3 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1600px) {
  .has-content-width-lg .has-column-count-3 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}

.has-column-count-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1056px) {
  .has-content-width-sm .has-column-count-4 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1400px) {
  .has-content-width-md .has-column-count-4 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1600px) {
  .has-content-width-lg .has-column-count-4 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}

.has-column-count-5 {
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1056px) {
  .has-content-width-sm .has-column-count-5 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1400px) {
  .has-content-width-md .has-column-count-5 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1600px) {
  .has-content-width-lg .has-column-count-5 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}

.has-column-count-6 {
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1056px) {
  .has-content-width-sm .has-column-count-6 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1400px) {
  .has-content-width-md .has-column-count-6 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1600px) {
  .has-content-width-lg .has-column-count-6 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}

.has-column-count-7 {
  grid-template-columns: repeat(7, 1fr);
}
@media (max-width: 1056px) {
  .has-content-width-sm .has-column-count-7 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1400px) {
  .has-content-width-md .has-column-count-7 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1600px) {
  .has-content-width-lg .has-column-count-7 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}

.has-column-count-8 {
  grid-template-columns: repeat(8, 1fr);
}
@media (max-width: 1056px) {
  .has-content-width-sm .has-column-count-8 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1400px) {
  .has-content-width-md .has-column-count-8 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1600px) {
  .has-content-width-lg .has-column-count-8 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}

.has-column-count-9 {
  grid-template-columns: repeat(9, 1fr);
}
@media (max-width: 1056px) {
  .has-content-width-sm .has-column-count-9 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1400px) {
  .has-content-width-md .has-column-count-9 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 1600px) {
  .has-content-width-lg .has-column-count-9 {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}

/**
* =============================================================
* # Object position
* =============================================================
*/
.is-object-center {
  object-position: center;
}

.is-object-top {
  object-position: top;
}

.is-object-right {
  object-position: right;
}

.is-object-bottom {
  object-position: bottom;
}

.is-object-left {
  object-position: left;
}

/**
* =============================================================
* # Full-Link overlays (for blocks, cards, etc.)
* =============================================================
*/
.is-full-link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index-content);
}

/**
* =============================================================
* # Autofill styles
* =============================================================
*/
:autofill,
:-webkit-autofill {
  background-color: inherit !important;
  color: inherit !important;
  -webkit-box-shadow: 0 0 0px 1000px inherit inset !important;
  -webkit-text-fill-color: inherit !important;
  transition: background-color 9999s ease-in-out 0s !important;
  caret-color: inherit !important;
}
:autofill:focus,
:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px inherit inset !important;
  -webkit-text-fill-color: inherit !important;
}

html {
  font-size: var(--root-font-size);
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: var(--text-standard-font-family, "DM Sans");
  font-size: var(--text-standard-font-size, 16px);
  font-weight: var(--text-standard-font-weight, 400);
  line-height: var(--text-standard-line-height, 1.31);
  letter-spacing: var(--text-standard-letter-spacing, 0.25px);
  min-height: var(--full-height, 100vh);
  background-color: var(--surface-neutral-background, #FFF);
  margin: 0;
}

/* view transition */
@view-transition {
  navigation: auto;
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("/wp-content/themes/pixelpro/assets/fonts/inter-v20-latin-300.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("/wp-content/themes/pixelpro/assets/fonts/inter-v20-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("/wp-content/themes/pixelpro/assets/fonts/inter-v20-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("/wp-content/themes/pixelpro/assets/fonts/inter-v20-latin-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("/wp-content/themes/pixelpro/assets/fonts/inter-v20-latin-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 300;
  src: url("/wp-content/themes/pixelpro/assets/fonts/dm-sans-v17-latin-300.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/wp-content/themes/pixelpro/assets/fonts/dm-sans-v17-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  src: url("/wp-content/themes/pixelpro/assets/fonts/dm-sans-v17-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 600;
  src: url("/wp-content/themes/pixelpro/assets/fonts/dm-sans-v17-latin-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/wp-content/themes/pixelpro/assets/fonts/dm-sans-v17-latin-700.woff2") format("woff2");
}
/**
* =============================================================
* # Input global
* =============================================================
*/
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
input[type=url],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
input[type=file],
input[type=range],
input[type=search],
input[type=checkbox],
input[type=radio],
select,
textarea {
  font-family: var(--text-text-md-font-family, "DM Sans");
  font-size: var(--text-text-md-font-size, 16px);
  font-weight: var(--text-text-md-font-weight, 400);
  line-height: var(--text-text-md-line-height, 21px);
  letter-spacing: var(--text-text-md-letter-spacing, 0.25px);
  background-color: var(--surface-neutral-background, #FFF);
  outline: 0;
  border: 1px solid var(--surface-neutral-border-medium, #ADADAD);
  transition: var(--transition-default, 0.2s ease);
}
input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
input[type=number]:hover,
input[type=tel]:hover,
input[type=url]:hover,
input[type=date]:hover,
input[type=datetime-local]:hover,
input[type=month]:hover,
input[type=week]:hover,
input[type=time]:hover,
input[type=file]:hover,
input[type=range]:hover,
input[type=search]:hover,
input[type=checkbox]:hover,
input[type=radio]:hover,
select:hover,
textarea:hover {
  border-color: var(--surface-neutral-border-strong, #737373);
}
input[type=text]:focus, input[type=text]:focus-within, input[type=text]:focus-visible,
input[type=password]:focus,
input[type=password]:focus-within,
input[type=password]:focus-visible,
input[type=email]:focus,
input[type=email]:focus-within,
input[type=email]:focus-visible,
input[type=number]:focus,
input[type=number]:focus-within,
input[type=number]:focus-visible,
input[type=tel]:focus,
input[type=tel]:focus-within,
input[type=tel]:focus-visible,
input[type=url]:focus,
input[type=url]:focus-within,
input[type=url]:focus-visible,
input[type=date]:focus,
input[type=date]:focus-within,
input[type=date]:focus-visible,
input[type=datetime-local]:focus,
input[type=datetime-local]:focus-within,
input[type=datetime-local]:focus-visible,
input[type=month]:focus,
input[type=month]:focus-within,
input[type=month]:focus-visible,
input[type=week]:focus,
input[type=week]:focus-within,
input[type=week]:focus-visible,
input[type=time]:focus,
input[type=time]:focus-within,
input[type=time]:focus-visible,
input[type=file]:focus,
input[type=file]:focus-within,
input[type=file]:focus-visible,
input[type=range]:focus,
input[type=range]:focus-within,
input[type=range]:focus-visible,
input[type=search]:focus,
input[type=search]:focus-within,
input[type=search]:focus-visible,
input[type=checkbox]:focus,
input[type=checkbox]:focus-within,
input[type=checkbox]:focus-visible,
input[type=radio]:focus,
input[type=radio]:focus-within,
input[type=radio]:focus-visible,
select:focus,
select:focus-within,
select:focus-visible,
textarea:focus,
textarea:focus-within,
textarea:focus-visible {
  border-color: var(--surface-brand-primary-border-strong, #006DC7);
}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
input[type=url],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
input[type=file],
input[type=range],
input[type=search],
select,
textarea {
  width: 100%;
  padding: var(--spacing-sm, 16px);
  border-radius: var(--border-radius-xs, 4px);
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder,
input[type=time]::placeholder,
input[type=file]::placeholder,
input[type=range]::placeholder,
input[type=search]::placeholder,
select::placeholder,
textarea::placeholder {
  font-family: var(--text-text-md-font-family, "DM Sans");
  font-size: var(--text-text-md-font-size, 16px);
  font-weight: var(--text-text-md-font-weight, 400);
  color: var(--text-color-neutral-disabled, #ADADAD);
  line-height: var(--text-text-md-line-height, 21px);
  letter-spacing: var(--text-text-md-letter-spacing, 0.25px);
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.wpcf7-form-control-wrap:has(> select)::before {
  content: "";
  width: 21px;
  height: 21px;
  position: absolute;
  right: var(--spacing-sm, 16px);
  top: 50%;
  transform: translateY(-50%);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Cpath d='M17.5272 8.3393L10.9647 14.9018C10.9037 14.9628 10.8313 15.0112 10.7517 15.0442C10.672 15.0773 10.5866 15.0943 10.5004 15.0943C10.4141 15.0943 10.3287 15.0773 10.2491 15.0442C10.1694 15.0112 10.097 14.9628 10.0361 14.9018L3.47357 8.3393C3.35043 8.21616 3.28125 8.04914 3.28125 7.875C3.28125 7.70085 3.35043 7.53384 3.47357 7.4107C3.59671 7.28756 3.76372 7.21838 3.93786 7.21838C4.11201 7.21838 4.27902 7.28756 4.40216 7.4107L10.5004 13.5097L16.5986 7.4107C16.6595 7.34973 16.7319 7.30136 16.8116 7.26837C16.8913 7.23537 16.9766 7.21838 17.0629 7.21838C17.1491 7.21838 17.2345 7.23537 17.3141 7.26837C17.3938 7.30136 17.4662 7.34973 17.5272 7.4107C17.5881 7.47167 17.6365 7.54406 17.6695 7.62372C17.7025 7.70339 17.7195 7.78877 17.7195 7.875C17.7195 7.96123 17.7025 8.04661 17.6695 8.12627C17.6365 8.20594 17.5881 8.27832 17.5272 8.3393Z'/%3E%3C/svg%3E%0A") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Cpath d='M17.5272 8.3393L10.9647 14.9018C10.9037 14.9628 10.8313 15.0112 10.7517 15.0442C10.672 15.0773 10.5866 15.0943 10.5004 15.0943C10.4141 15.0943 10.3287 15.0773 10.2491 15.0442C10.1694 15.0112 10.097 14.9628 10.0361 14.9018L3.47357 8.3393C3.35043 8.21616 3.28125 8.04914 3.28125 7.875C3.28125 7.70085 3.35043 7.53384 3.47357 7.4107C3.59671 7.28756 3.76372 7.21838 3.93786 7.21838C4.11201 7.21838 4.27902 7.28756 4.40216 7.4107L10.5004 13.5097L16.5986 7.4107C16.6595 7.34973 16.7319 7.30136 16.8116 7.26837C16.8913 7.23537 16.9766 7.21838 17.0629 7.21838C17.1491 7.21838 17.2345 7.23537 17.3141 7.26837C17.3938 7.30136 17.4662 7.34973 17.5272 7.4107C17.5881 7.47167 17.6365 7.54406 17.6695 7.62372C17.7025 7.70339 17.7195 7.78877 17.7195 7.875C17.7195 7.96123 17.7025 8.04661 17.6695 8.12627C17.6365 8.20594 17.5881 8.27832 17.5272 8.3393Z'/%3E%3C/svg%3E%0A") center/contain no-repeat;
  background-color: var(--surface-neutral-icon-soft, #ADADAD);
  transition: transform var(--transition-default, 0.2s ease);
  pointer-events: none;
}
.wpcf7-form-control-wrap:has(> select):has(> select:focus)::before {
  transform: translateY(-50%) scaleY(-1);
}

input[type=checkbox],
input[type=radio] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  aspect-ratio: 1;
  margin: 0;
  appearance: none;
  position: relative;
  cursor: pointer;
}
input[type=checkbox]::before,
input[type=radio]::before {
  content: "";
  display: block;
  position: absolute;
  transition: transform var(--transition-default, 0.2s ease);
  transform: scale(0);
  pointer-events: none;
}
input[type=checkbox]:hover::before, input[type=checkbox]:checked::before,
input[type=radio]:hover::before,
input[type=radio]:checked::before {
  transform: scale(1);
}
input[type=checkbox]:checked,
input[type=radio]:checked {
  border-color: var(--surface-brand-primary-border-strong, #006DC7);
}
input[type=checkbox]:disabled,
input[type=radio]:disabled {
  background-color: var(--surface-neutral-background-soft, #F5F5F5);
  border-color: var(--surface-neutral-border-soft, #D9D9D9);
}

input[type=checkbox] {
  border-radius: var(--border-radius-xxs, 2px);
}
input[type=checkbox]::before {
  width: 16px;
  aspect-ratio: 1;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQ1NDYgNC44NTM3NUw2LjQ1NDYxIDEyLjg1MzhDNi40MDgxOCAxMi45MDAyIDYuMzUzMDMgMTIuOTM3MSA2LjI5MjMzIDEyLjk2MjNDNi4yMzE2NCAxMi45ODc0IDYuMTY2NTcgMTMuMDAwNCA2LjEwMDg2IDEzLjAwMDRDNi4wMzUxNiAxMy4wMDA0IDUuOTcwMDkgMTIuOTg3NCA1LjkwOTM5IDEyLjk2MjNDNS44NDg2OSAxMi45MzcxIDUuNzkzNTUgMTIuOTAwMiA1Ljc0NzExIDEyLjg1MzhMMi4yNDcxMSA5LjM1Mzc1QzIuMTUzMjkgOS4yNTk5MyAyLjEwMDU5IDkuMTMyNjkgMi4xMDA1OSA5QzIuMTAwNTkgOC44NjczMiAyLjE1MzI5IDguNzQwMDcgMi4yNDcxMSA4LjY0NjI1QzIuMzQwOTMgOC41NTI0MyAyLjQ2ODE4IDguNDk5NzIgMi42MDA4NiA4LjQ5OTcyQzIuNzMzNTUgOC40OTk3MiAyLjg2MDc5IDguNTUyNDMgMi45NTQ2MSA4LjY0NjI1TDYuMTAwODYgMTEuNzkzMUwxMy43NDcxIDQuMTQ2MjVDMTMuODQwOSA0LjA1MjQzIDEzLjk2ODIgMy45OTk3MyAxNC4xMDA5IDMuOTk5NzNDMTQuMjMzNSAzLjk5OTczIDE0LjM2MDggNC4wNTI0MyAxNC40NTQ2IDQuMTQ2MjVDMTQuNTQ4NCA0LjI0MDA3IDE0LjYwMTEgNC4zNjczMiAxNC42MDExIDQuNUMxNC42MDExIDQuNjMyNjkgMTQuNTQ4NCA0Ljc1OTkzIDE0LjQ1NDYgNC44NTM3NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQ1NDYgNC44NTM3NUw2LjQ1NDYxIDEyLjg1MzhDNi40MDgxOCAxMi45MDAyIDYuMzUzMDMgMTIuOTM3MSA2LjI5MjMzIDEyLjk2MjNDNi4yMzE2NCAxMi45ODc0IDYuMTY2NTcgMTMuMDAwNCA2LjEwMDg2IDEzLjAwMDRDNi4wMzUxNiAxMy4wMDA0IDUuOTcwMDkgMTIuOTg3NCA1LjkwOTM5IDEyLjk2MjNDNS44NDg2OSAxMi45MzcxIDUuNzkzNTUgMTIuOTAwMiA1Ljc0NzExIDEyLjg1MzhMMi4yNDcxMSA5LjM1Mzc1QzIuMTUzMjkgOS4yNTk5MyAyLjEwMDU5IDkuMTMyNjkgMi4xMDA1OSA5QzIuMTAwNTkgOC44NjczMiAyLjE1MzI5IDguNzQwMDcgMi4yNDcxMSA4LjY0NjI1QzIuMzQwOTMgOC41NTI0MyAyLjQ2ODE4IDguNDk5NzIgMi42MDA4NiA4LjQ5OTcyQzIuNzMzNTUgOC40OTk3MiAyLjg2MDc5IDguNTUyNDMgMi45NTQ2MSA4LjY0NjI1TDYuMTAwODYgMTEuNzkzMUwxMy43NDcxIDQuMTQ2MjVDMTMuODQwOSA0LjA1MjQzIDEzLjk2ODIgMy45OTk3MyAxNC4xMDA5IDMuOTk5NzNDMTQuMjMzNSAzLjk5OTczIDE0LjM2MDggNC4wNTI0MyAxNC40NTQ2IDQuMTQ2MjVDMTQuNTQ4NCA0LjI0MDA3IDE0LjYwMTEgNC4zNjczMiAxNC42MDExIDQuNUMxNC42MDExIDQuNjMyNjkgMTQuNTQ4NCA0Ljc1OTkzIDE0LjQ1NDYgNC44NTM3NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
}
input[type=checkbox]:hover:not(:checked)::before {
  background-color: var(--surface-neutral-icon-soft, #adadad);
}
input[type=checkbox]:checked {
  background-color: var(--surface-brand-primary-background-strong, #006DC7);
}
input[type=checkbox]:checked::before {
  background-color: var(--surface-neutral-background, #FFF);
}

input[type=radio] {
  border-radius: var(--border-radius-full, 999px);
}
input[type=radio]::before {
  width: 12px;
  aspect-ratio: 1;
  border-radius: var(--border-radius-full, 999px);
}
input[type=radio]:hover:not(:checked)::before {
  background-color: var(--surface-neutral-background-soft, #F5F5F5);
}
input[type=radio]:checked::before {
  background-color: var(--surface-brand-primary-background-strong, #006DC7);
}
input[type=radio]:disabled::before {
  background: var(--surface-neutral-icon-soft, #ADADAD);
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}

input[type=button],
input[type=reset],
input[type=submit] {
  display: block;
  min-height: 36px;
  font-family: var(--text-button-md-font-family, "DM Sans");
  font-size: var(--text-button-md-font-size, 14px);
  font-weight: var(--text-button-md-font-weight, 500);
  line-height: var(--text-button-md-line-height, 1);
  color: var(--text-color-neutral-strong-inverse, #FFF);
  letter-spacing: var(--text-button-md-letter-spacing, 0.25px);
  background-color: var(--surface-brand-primary-background-strong, #006DC7);
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 16px);
  border-radius: var(--border-radius-xs, 4px);
  border: 0;
  transition: background-color var(--transition-default, 0.2s ease);
  cursor: pointer;
}
input[type=button]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled {
  background-color: var(--color-neutral-500, #F5F5F5);
}
input[type=button]:not(:disabled):hover,
input[type=reset]:not(:disabled):hover,
input[type=submit]:not(:disabled):hover {
  background-color: color-mix(in srgb, var(--surface-brand-primary-background-strong, #006DC7) 92%, black 8%);
}

textarea {
  max-width: 100%;
  flex-grow: 1;
  resize: none;
}

/**
* =============================================================
* # Swiper Base
* =============================================================
*/
.swiper {
  --swiper-theme-color: var(--surface-brand-primary-background-strong, #006DC7);
  display: flex !important;
  flex-direction: column;
  width: 100%;
  /* Button sizes */
  --swiper-navigation-size: 48px;
  --swiper-navigation-arrow-icon-size: 24px;
  --swiper-pagination-bullet-width: 32px;
  --swiper-pagination-bullet-width-active: 64px;
  --swiper-pagination-bullet-height: 2px;
  /* Layout + Color */
}
.swiper .swiper-slide {
  display: inherit;
  height: auto;
}
.swiper .swiper-slide.is-grid {
  display: grid;
}
.swiper .swiper-slide.is-flex-row, .swiper .swiper-slide.is-flex-col {
  display: flex;
}
.swiper.has-linear-easing .swiper-wrapper {
  transition-timing-function: linear !important;
}
.swiper .swiper-controls {
  --swiper-pagination-bullet-background: var(--swiper-theme-color);
  --swiper-pagination-bullet-background-hover: var(--swiper-theme-color);
  --swiper-pagination-bullet-background-inactive: var(--color-neutral-300, #D9D9D9);
}
.swiper .swiper-controls.has-primary-layout {
  --swiper-navigation-arrow-background: var(--swiper-theme-color);
  --swiper-navigation-arrow-background-hover: var(--swiper-theme-color);
  --swiper-navigation-arrow-background-disabled: var(--color-neutral-300, #D9D9D9);
  --swiper-navigation-arrow-outline: transparent;
  --swiper-navigation-arrow-outline-hover: transparent;
  --swiper-navigation-arrow-outline-disabled: transparent;
  --swiper-navigation-arrow-icon: var(--surface-neutral-icon-inverse-medium, #D9D9D9);
  --swiper-navigation-arrow-icon-hover: var(--surface-neutral-icon-inverse-medium, #D9D9D9);
  --swiper-navigation-arrow-icon-disabled: var(--surface-neutral-icon-soft, #ADADAD);
}
.swiper .swiper-controls.has-secondary-layout {
  --swiper-navigation-arrow-background: transparent;
  --swiper-navigation-arrow-background-hover: var(--swiper-theme-color);
  --swiper-navigation-arrow-background-disabled: transparent;
  --swiper-navigation-arrow-outline: var(--swiper-theme-color);
  --swiper-navigation-arrow-outline-hover: transparent;
  --swiper-navigation-arrow-outline-disabled: var(--surface-neutral-border-soft, #D9D9D9);
  --swiper-navigation-arrow-icon: var(--swiper-theme-color);
  --swiper-navigation-arrow-icon-hover: var(--surface-neutral-icon-inverse-medium, #D9D9D9);
  --swiper-navigation-arrow-icon-disabled: var(--surface-neutral-icon-soft, #ADADAD);
}
.swiper .swiper-controls.is-inverse {
  --swiper-theme-color: white;
}
.swiper .swiper-controls.is-inverse.has-primary-layout {
  --swiper-navigation-arrow-icon: var(--surface-neutral-icon-strong);
}
.swiper .swiper-controls.is-inverse.has-primary-layout, .swiper .swiper-controls.is-inverse.has-secondary-layout {
  --swiper-navigation-arrow-icon-hover: var(--surface-neutral-icon-strong);
}

.swiper-controls.has-controls-outside {
  margin-top: var(--spacing-md, 24px);
}
.swiper-controls.has-controls-inside {
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: var(--spacing-lg, 32px);
}

/**
* =============================================================
* # Swiper Controls
* =============================================================
*/
.swiper-controls {
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  z-index: var(--z-index-overlay);
}
.swiper-controls .swiper-pagination,
.swiper-controls .swiper-navigation,
.swiper-controls .swiper-pagination-bullet,
.swiper-controls .swiper-navigation-arrow {
  inset: unset;
}
.swiper-controls .swiper-pagination,
.swiper-controls .swiper-navigation {
  display: flex;
  position: relative;
}
.swiper-controls .swiper-pagination-bullet,
.swiper-controls .swiper-navigation-arrow {
  pointer-events: all;
  transition: background-color var(--transition-default, 0.2s ease);
}
.swiper-controls .swiper-pagination-bullet::before,
.swiper-controls .swiper-navigation-arrow::before {
  transition: background-color var(--transition-default, 0.2s ease);
}
.swiper-controls .swiper-navigation {
  display: flex;
  gap: var(--spacing-xs, 8px);
}

/**
* =============================================================
* # Swiper Navigation Arrows
* =============================================================
*/
.swiper-navigation-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: var(--swiper-navigation-size);
  aspect-ratio: 1;
  background-color: var(--swiper-navigation-arrow-background);
  outline: 1px solid var(--swiper-navigation-arrow-outline);
  outline-offset: -1px;
  border-radius: var(--border-radius-xs, 4px);
  cursor: pointer;
}
.swiper-navigation-arrow::before {
  content: "";
  display: block;
  width: var(--swiper-navigation-arrow-icon-size);
  aspect-ratio: 1;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M14.192 10.4422L7.94205 16.6922C7.88398 16.7502 7.81504 16.7963 7.73917 16.8277C7.6633 16.8592 7.58198 16.8753 7.49986 16.8753C7.41774 16.8753 7.33642 16.8592 7.26055 16.8277C7.18468 16.7963 7.11574 16.7502 7.05767 16.6922C6.9996 16.6341 6.95354 16.5652 6.92211 16.4893C6.89069 16.4134 6.87451 16.3321 6.87451 16.25C6.87451 16.1679 6.89069 16.0865 6.92211 16.0107C6.95354 15.9348 6.9996 15.8659 7.05767 15.8078L12.8663 9.99998L7.05767 4.19217C6.9404 4.07489 6.87451 3.91583 6.87451 3.74998C6.87451 3.58413 6.9404 3.42507 7.05767 3.30779C7.17495 3.19052 7.33401 3.12463 7.49986 3.12463C7.66571 3.12463 7.82477 3.19052 7.94205 3.30779L14.192 9.55779C14.2502 9.61584 14.2963 9.68477 14.3277 9.76064C14.3592 9.83652 14.3754 9.91785 14.3754 9.99998C14.3754 10.0821 14.3592 10.1634 14.3277 10.2393C14.2963 10.3152 14.2502 10.3841 14.192 10.4422Z'/%3E%3C/svg%3E%0A") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M14.192 10.4422L7.94205 16.6922C7.88398 16.7502 7.81504 16.7963 7.73917 16.8277C7.6633 16.8592 7.58198 16.8753 7.49986 16.8753C7.41774 16.8753 7.33642 16.8592 7.26055 16.8277C7.18468 16.7963 7.11574 16.7502 7.05767 16.6922C6.9996 16.6341 6.95354 16.5652 6.92211 16.4893C6.89069 16.4134 6.87451 16.3321 6.87451 16.25C6.87451 16.1679 6.89069 16.0865 6.92211 16.0107C6.95354 15.9348 6.9996 15.8659 7.05767 15.8078L12.8663 9.99998L7.05767 4.19217C6.9404 4.07489 6.87451 3.91583 6.87451 3.74998C6.87451 3.58413 6.9404 3.42507 7.05767 3.30779C7.17495 3.19052 7.33401 3.12463 7.49986 3.12463C7.66571 3.12463 7.82477 3.19052 7.94205 3.30779L14.192 9.55779C14.2502 9.61584 14.2963 9.68477 14.3277 9.76064C14.3592 9.83652 14.3754 9.91785 14.3754 9.99998C14.3754 10.0821 14.3592 10.1634 14.3277 10.2393C14.2963 10.3152 14.2502 10.3841 14.192 10.4422Z'/%3E%3C/svg%3E%0A") center/contain no-repeat;
  background-color: var(--swiper-navigation-arrow-icon);
}
.swiper-navigation-arrow:hover:not(.swiper-button-disabled) {
  background-color: var(--swiper-navigation-arrow-background-hover);
  outline-color: var(--swiper-navigation-arrow-outline-hover);
}
.swiper-navigation-arrow:hover:not(.swiper-button-disabled)::before {
  background-color: var(--swiper-navigation-arrow-icon-hover);
}
.swiper-navigation-arrow.swiper-button-disabled {
  background-color: var(--swiper-navigation-arrow-background-disabled);
  outline-color: var(--swiper-navigation-arrow-outline-disabled);
  cursor: not-allowed;
}
.swiper-navigation-arrow.swiper-button-disabled::before {
  background-color: var(--swiper-navigation-arrow-icon-disabled);
}
.swiper-navigation-arrow.prev::before {
  transform: scaleX(-1);
}

/**
* =============================================================
* # Swiper Pagination Bullets
* =============================================================
*/
.swiper-pagination.swiper-pagination-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
}
.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: auto;
  inset: unset;
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width);
  height: var(--swiper-pagination-bullet-height);
  background: var(--swiper-pagination-bullet-background-inactive);
  border-radius: 0;
}
.swiper-horizontal .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: var(--swiper-pagination-bullet-width-active);
  background: var(--swiper-pagination-bullet-background);
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:hover {
  background: var(--swiper-pagination-bullet-background-hover);
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  opacity: 0.5;
}

/**
* =============================================================
* # Back To Top Button
* =============================================================
*/
.back-to-top {
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background-color: color-mix(in srgb, var(--color-neutral-700) 92%, transparent);
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  border-radius: var(--border-radius-xs);
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
  transition: background-color var(--transition-default, 0.2s ease), transform var(--transition-default, 0.2s ease), opacity var(--transition-default, 0.2s ease);
  z-index: var(--z-index-sticky);
}
.back-to-top .back-to-top-icon {
  --icon-size: 24px;
  --media-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.2929 15.2893C18.6834 14.8988 18.6834 14.2656 18.2929 13.8751L13.4007 8.98766C12.6195 8.20726 11.3537 8.20757 10.5729 8.98835L5.68257 13.8787C5.29205 14.2692 5.29205 14.9024 5.68257 15.2929C6.0731 15.6835 6.70626 15.6835 7.09679 15.2929L11.2824 11.1073C11.673 10.7168 12.3061 10.7168 12.6966 11.1073L16.8787 15.2893C17.2692 15.6798 17.9024 15.6798 18.2929 15.2893Z'/%3E%3C/svg%3E");
  background-color: var(--color-neutral-white);
}
.is-body-scrolled .back-to-top {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}
.back-to-top:hover {
  background-color: color-mix(in srgb, var(--color-brand-primary-500) 92%, transparent);
}

/**
* =============================================================
* # Table-Of-Contents (post navigation for posts)
* =============================================================
*/
.table-of-contents {
  background-color: var(--surface-neutral-background-soft, #F5F5F5);
  padding: var(--spacing-md, 24px);
}
.table-of-contents ul li a {
  color: var(--text-color-neutral-medium, #737373);
  font-family: var(--text-text-md-font-family, "DM Sans");
  font-size: var(--text-text-md-font-size, 16px);
  font-style: normal;
  font-weight: var(--text-text-md-font-weight, 400);
  line-height: var(--text-text-md-line-height, 1.31);
  letter-spacing: var(--text-text-md-letter-spacing, 0.25px);
  text-decoration: none;
  transition: color var(--transition-default, 0.2s ease), font-weight var(--transition-default, 0.2s ease);
}
.table-of-contents ul li.is-active::marker {
  color: var(--surface-brand-primary-icon-medium, #006DC7);
}
.table-of-contents ul li.is-active > a {
  color: var(--text-color-brand-primary-medium, #085696);
  font-weight: var(--text-text-md-strong-font-weight, 600);
}
.table-of-contents ul li:not(.is-active)::marker {
  color: transparent;
}

/**
* =============================================================
* # AI Note
* =============================================================
*/
.ai-media-note {
  --icon-size: 15px;
  display: flex;
  align-items: center;
  min-height: 24px;
  border-radius: var(--border-radius-999, 999px);
  padding: 2px 4px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  pointer-events: auto;
  z-index: var(--z-index-content);
}
.ai-media-note.is-light {
  background-color: rgba(255, 255, 255, 0.5);
}
.ai-media-note.is-light .ai-media-note-icon,
.ai-media-note.is-light .ai-media-note-label {
  background: black;
}
.ai-media-note.is-dark {
  background-color: rgba(0, 0, 0, 0.5);
}
.ai-media-note.is-dark .ai-media-note-icon,
.ai-media-note.is-dark .ai-media-note-label {
  background: white;
}
.ai-media-note span {
  display: block;
}
.ai-media-note .ai-media-note-icon {
  --media-url: url("../../../themes/pixelpro/assets/media/icons/icon-ai.svg");
  width: 16px;
  height: 10px;
}
.ai-media-note .ai-media-note-label-wrapper {
  width: 0;
  height: 8px;
  overflow: hidden;
  transition: width 0.25s ease;
}
.ai-media-note .ai-media-note-label-wrapper .ai-media-note-label {
  height: 8px;
  margin-left: 3px;
}
.ai-media-note:hover {
  padding: 2px 10px;
}
.ai-media-note:hover.is-modified .ai-media-note-label-wrapper {
  width: 66px;
}
.ai-media-note:hover.is-generated .ai-media-note-label-wrapper {
  width: 81px;
}
.ai-media-note.is-modified .ai-media-note-label {
  --media-url: url("../../../themes/pixelpro/assets/media/icons/icon-ai-modified.svg");
  width: 60px;
}
.ai-media-note.is-generated .ai-media-note-label {
  --media-url: url("../../../themes/pixelpro/assets/media/icons/icon-ai-generated.svg");
  width: 75px;
}

/**
* =============================================================
* # Global
* =============================================================
*/
::selection {
  color: var(--surface-neutral-background, #ffffff);
  background: var(--color-brand-primary-500);
}

b {
  font-weight: 600;
}

strong {
  font-weight: 700;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, a:last-child, ul:last-child, blockquote:last-child, cite:last-child, em:last-child, small:last-child, mark:last-child, figcaption:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  h1, h2, h3, h4, h5, h6, p, a, ul, blockquote, cite, em, small, mark, figcaption {
    hyphens: auto;
  }
}

cite {
  display: block;
  font-style: normal;
}

mark {
  background-color: initial;
}

/**
* =============================================================
* # Headlines
* =============================================================
*/
h1:not(.headline), h2:not(.headline), h3:not(.headline), h4:not(.headline), h5:not(.headline), h6:not(.headline) {
  margin: 0 0 var(--spacing-md, 24px) 0;
}

h1,
.is-style-h1 {
  font-family: var(--text-heading-xxl-font-family, Inter);
  font-size: var(--text-heading-xxl-font-size, 4rem);
  font-weight: var(--text-heading-xxl-font-weight, 400);
  line-height: var(--text-heading-xxl-line-height, 1.125);
  letter-spacing: var(--text-heading-xxl-letter-spacing, -1.5px);
  color: var(--text-color-neutral-strong, #181818);
}

h2,
.is-style-h2 {
  font-family: var(--text-heading-xl-font-family, Inter);
  font-size: var(--text-heading-xl-font-size, 2.5rem);
  font-weight: var(--text-heading-xl-font-weight, 400);
  line-height: var(--text-heading-xl-line-height, 1.2);
  letter-spacing: var(--text-heading-xl-letter-spacing, -1px);
  color: var(--text-color-neutral-strong, #181818);
}

h3,
.is-style-h3 {
  font-family: var(--text-heading-lg-font-family, Inter);
  font-size: var(--text-heading-lg-font-size, 2rem);
  font-weight: var(--text-heading-lg-font-weight, 400);
  line-height: var(--text-heading-lg-line-height, 1.125);
  letter-spacing: var(--text-heading-lg-letter-spacing, -0.75px);
  color: var(--text-color-neutral-strong, #181818);
}

h4,
.is-style-h4 {
  font-family: var(--text-heading-md-font-family, Inter);
  font-size: var(--text-heading-md-font-size, 1.75rem);
  font-weight: var(--text-heading-md-font-weight, 400);
  line-height: var(--text-heading-md-line-height, 1.14);
  letter-spacing: var(--text-heading-md-letter-spacing, -0.5px);
  color: var(--text-color-neutral-strong, #181818);
}

h5,
.is-style-h5 {
  font-family: var(--text-heading-sm-font-family, Inter);
  font-size: var(--text-heading-sm-font-size, 1.5rem);
  font-weight: var(--text-heading-sm-font-weight, 400);
  line-height: var(--text-heading-sm-line-height, 1.167);
  letter-spacing: var(--text-heading-sm-letter-spacing, 0);
  color: var(--text-color-neutral-strong, #181818);
}

h6,
.is-style-h6 {
  font-family: var(--text-heading-xs-font-family, Inter);
  font-size: var(--text-heading-xs-font-size, 1.25rem);
  font-weight: var(--text-heading-xs-font-weight, 500);
  line-height: var(--text-heading-xs-line-height, 1.2);
  letter-spacing: var(--text-heading-xs-letter-spacing, 0.25px);
  color: var(--text-color-neutral-strong, #181818);
}

:where(.tagline),
.is-style-tagline {
  font-family: var(--text-tagline-font-family);
  font-size: var(--text-tagline-font-size, 1rem);
  font-weight: var(--text-tagline-font-weight, 600);
  line-height: var(--text-tagline-line-height, 1.3);
  letter-spacing: var(--text-tagline-letter-spacing, 1.5px);
  text-transform: uppercase;
  color: var(--text-color-neutral-medium, #737373);
}

/**
* =============================================================
* # Link
* =============================================================
*/
:where(a),
.is-style-link {
  text-decoration: none;
  transition: background-color var(--transition-default, 0.2s ease), color var(--transition-default, 0.2s ease);
}
.content :where(a),
.content .is-style-link {
  text-decoration: underline solid var(--color-brand-primary-500, #006DC7);
  text-decoration-thickness: 11.5%;
  text-underline-offset: 11.5%;
  text-underline-position: from-font;
}
.content :where(a):hover,
.content .is-style-link:hover {
  color: var(--color-brand-primary-500, #006DC7);
}
:where(a):visited, :where(a):active, :where(a):focus, :where(a):focus-visible, :where(a):focus-within, :where(a):target,
.is-style-link:visited,
.is-style-link:active,
.is-style-link:focus,
.is-style-link:focus-visible,
.is-style-link:focus-within,
.is-style-link:target {
  color: currentColor;
}

/**
* =============================================================
* # Paragraph
* =============================================================
*/
:where(p),
.is-style-p {
  font-family: var(--text-standard-font-family, "DM Sans");
  font-size: var(--text-standard-font-size, 16px);
  font-weight: var(--text-standard-font-weight, 400);
  line-height: var(--text-standard-line-height, 1.35);
  color: var(--text-color-neutral-medium, #737373);
  letter-spacing: var(--text-standard-letter-spacing, 0.25px);
  margin: 0 0 var(--spacing-lg, 32px) 0;
}

/**
* =============================================================
* # List
* =============================================================
*/
:where(ul),
:where(ol) {
  --list-item-spacing: var(--spacing-xxs, 4px);
  font-family: var(--text-standard-font-family, "DM Sans");
  font-size: var(--text-standard-font-size, 16px);
  font-weight: var(--text-standard-font-weight, 400);
  line-height: var(--text-standard-line-height, 1.35);
  color: var(--text-color-neutral-medium, #737373);
  letter-spacing: var(--text-standard-letter-spacing, 0.25px);
  padding-left: 1em;
  margin: 0 0 var(--spacing-lg, 32px) 0;
}
:where(ul) li,
:where(ol) li {
  padding: var(--list-item-spacing) 0;
}
:where(ul) li ul,
:where(ul) li ol,
:where(ol) li ul,
:where(ol) li ol {
  margin-top: var(--list-item-spacing);
}
:where(ul) li ul li,
:where(ul) li ol li,
:where(ol) li ul li,
:where(ol) li ol li {
  color: var(--text-color-neutral-medium, #737373);
}
:where(ul) li ul li::marker,
:where(ul) li ol li::marker,
:where(ol) li ul li::marker,
:where(ol) li ol li::marker {
  color: var(--surface-neutral-icon-medium, #737373);
}
:where(ul) li ul li:last-child,
:where(ul) li ol li:last-child,
:where(ol) li ul li:last-child,
:where(ol) li ol li:last-child {
  padding-bottom: 0;
}

:where(ul) {
  list-style: square;
}
:where(ul) li::marker {
  color: var(--surface-brand-secondary-icon-medium, #4C00C7);
}

/**
* =============================================================
* # Label
* =============================================================
*/
:where(label),
.is-style-label {
  font-family: var(--text-standard-font-family);
  margin: 0;
}

.is-style-button-label-sm {
  font-family: var(--text-button-sm-font-family, "DM Sans");
  font-size: var(--text-button-sm-font-size, 12px);
  font-style: normal;
  font-weight: var(--text-button-sm-font-weight, 500);
  line-height: var(--text-button-sm-line-height, 1);
  letter-spacing: var(--text-button-sm-letter-spacing, 0);
}

.is-style-button-label-md {
  font-family: var(--text-button-md-font-family, "DM Sans");
  font-size: var(--text-button-md-font-size, 14px);
  font-style: normal;
  font-weight: var(--text-button-md-font-weight, 500);
  line-height: var(--text-button-md-line-height, 1);
  letter-spacing: var(--text-button-md-letter-spacing, 0.25px);
}

.is-style-button-label-lg {
  font-family: var(--text-button-lg-font-family, "DM Sans");
  font-size: var(--text-button-lg-font-size, 16px);
  font-style: normal;
  font-weight: var(--text-button-lg-font-weight, 500);
  line-height: var(--text-button-lg-line-height, 1);
  letter-spacing: var(--text-button-lg-letter-spacing, 0.25px);
}

/**
* =============================================================
* # Sup & Sub
* =============================================================
*/
sup, sub {
  vertical-align: baseline;
  position: relative;
}

sup {
  top: -0.4em;
}

sub {
  top: 0.4em;
}

#site-header {
  z-index: var(--z-index-sticky);
}

.header {
  align-items: center;
  min-height: var(--site-header-height, 100px);
  background-color: var(--surface-neutral-background, #ffffff);
  transition: 0.6s ease;
}
.header.is-sticky {
  --sticky-top-position: 0;
}
.is-body-scrolled .header.is-sticky {
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(30px);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}
.header .header-inner {
  grid-template-columns: var(--site-logo-width) 1fr;
  align-items: center;
  gap: var(--spacing-sm, 1rem);
  padding-top: var(--spacing-sm, 1rem);
  padding-bottom: var(--spacing-sm, 1rem);
}

body:has(article > .pixelpro-hero:first-child) .header,
body:has(article > .pixelpro-slider:first-child .pixelpro-hero) .header {
  position: absolute;
  top: 0;
  background-color: unset;
}
body:has(article > .pixelpro-hero:first-child).has-sticky-header .header.is-sticky,
body:has(article > .pixelpro-slider:first-child .pixelpro-hero).has-sticky-header .header.is-sticky {
  position: fixed;
}
body:has(article > .pixelpro-hero:first-child).has-marquee .header,
body:has(article > .pixelpro-slider:first-child .pixelpro-hero).has-marquee .header {
  top: var(--site-marquee-height);
}
body:has(article > .pixelpro-hero:first-child).is-body-scrolled.has-sticky-header .header,
body:has(article > .pixelpro-slider:first-child .pixelpro-hero).is-body-scrolled.has-sticky-header .header {
  top: 0;
  background-color: var(--color-overlay-inverse-80);
}

/**
* =============================================================
* # Main-Menu
* =============================================================
*/
.menu-container {
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-lg, 2rem);
}

.menu {
  gap: var(--spacing-xxs, 4px);
  flex-shrink: 0;
  width: auto;
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu .menu-item {
  padding: 0;
}
.menu .menu-item.is-default-menu {
  position: relative;
}
.menu .menu-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  min-height: 36px;
  font-family: var(--text-button-md-font-family, "DM Sans");
  font-size: var(--text-button-md-font-size, 0.875rem);
  font-weight: var(--text-button-md-font-weight, 500);
  line-height: var(--text-button-md-line-height, 1);
  color: var(--text-color-neutral-medium, #737373);
  letter-spacing: var(--text-button-md-letter-spacing, 0.25px);
  padding: var(--spacing-xs, 8px);
  border-radius: var(--border-radius-xs, 4px);
}
.menu .menu-item.menu-item-has-children > a {
  gap: var(--spacing-xs, 8px);
}
.menu .menu-item.menu-item-has-children > a::after {
  content: "";
  flex-shrink: 0;
  width: 16px;
  aspect-ratio: 1;
  mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMjEuOCAxMjAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjIxLjggMTIwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMxRDFEMUI7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDEwYzAtMi42LDEtNS4xLDIuOS03LjFDNi44LTEsMTMuMi0xLDE3LjEsMi45bDkzLjgsOTMuOGw5My44LTkzLjhjMy45LTMuOSwxMC4yLTMuOSwxNC4xLDANCgkJYzMuOSwzLjksMy45LDEwLjIsMCwxNC4xTDExOCwxMThjLTEuOSwxLjktNC40LDIuOS03LjEsMi45cy01LjItMS4xLTcuMS0yLjlMMi45LDE3LjFDMSwxNS4xLDAsMTIuNiwwLDEweiIvPg0KPC9nPg0KPC9zdmc+DQo=") center/12px no-repeat;
  -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMjEuOCAxMjAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjIxLjggMTIwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMxRDFEMUI7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDEwYzAtMi42LDEtNS4xLDIuOS03LjFDNi44LTEsMTMuMi0xLDE3LjEsMi45bDkzLjgsOTMuOGw5My44LTkzLjhjMy45LTMuOSwxMC4yLTMuOSwxNC4xLDANCgkJYzMuOSwzLjksMy45LDEwLjIsMCwxNC4xTDExOCwxMThjLTEuOSwxLjktNC40LDIuOS03LjEsMi45cy01LjItMS4xLTcuMS0yLjlMMi45LDE3LjFDMSwxNS4xLDAsMTIuNiwwLDEweiIvPg0KPC9nPg0KPC9zdmc+DQo=") center/12px no-repeat;
  background-color: var(--surface-neutral-icon-medium, #737373);
  transition: background-color var(--transition-default, 0.2s ease), transform var(--transition-default, 0.2s ease);
}
.menu .menu-item.menu-item-has-children > .sub-menu .menu-item a::after {
  transform: rotate(-90deg);
}
.menu .menu-item:hover > a {
  color: var(--text-color-neutral-strong, #181818);
  background-color: var(--surface-neutral-background-soft, #F5F5F5);
}
.menu .menu-item:hover > a::after {
  background-color: var(--surface-brand-primary-icon-medium, #006DC7);
  transform: scaleY(-1);
}
.menu .menu-item:hover > .sub-menu {
  opacity: 1;
  pointer-events: all;
}

/**
* =============================================================
* # Sub-menu
* =============================================================
*/
.sub-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu:not(.overlay-menu) .sub-menu {
  border-radius: var(--border-radius-xs, 4px);
  background-color: var(--surface-neutral-background, #ffffff);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-default, 0.2s ease);
}

.main-menu > .menu-item:not(.is-mega-menu) > .sub-menu {
  min-width: 160px;
  position: absolute;
  box-shadow: 0 20px 40px 0 rgba(8, 8, 8, 0.04), 0 10px 18px 0 rgba(8, 8, 8, 0.04), 0 4px 8px 0 rgba(8, 8, 8, 0.05), 0 1px 2px 0 rgba(8, 8, 8, 0.08);
}
.main-menu > .menu-item:not(.is-mega-menu) > .sub-menu > .menu-item {
  position: relative;
}
.main-menu > .menu-item:not(.is-mega-menu) > .sub-menu > .menu-item > .sub-menu {
  position: absolute;
  top: 0;
  right: -100%;
}

.main-menu > .menu-item.is-default-menu:last-child > .sub-menu > .menu-item > .sub-menu {
  right: 100%;
}

.main-menu > .menu-item.is-mega-menu > .sub-menu {
  display: grid;
  grid-column-gap: var(--spacing-md, 1.5rem);
  grid-row-gap: var(--spacing-xl, 2.5rem);
  width: calc(100% - var(--spacing-container-inner, 2.5rem) * 2);
  max-width: var(--content-width, 1400px);
  padding: var(--spacing-lg, 2rem);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 20px 40px 0 rgba(8, 8, 8, 0.04), 0 10px 18px 0 rgba(8, 8, 8, 0.04), 0 4px 8px 0 rgba(8, 8, 8, 0.05), 0 1px 2px 0 rgba(8, 8, 8, 0.08);
}
.main-menu > .menu-item.is-mega-menu > .sub-menu > .menu-item > a {
  font-family: var(--text-heading-xxl-font-family, Inter);
  font-size: var(--text-tagline-font-size, 1rem);
  font-style: normal;
  font-weight: var(--text-tagline-font-weight, 600);
  line-height: var(--text-tagline-line-height, 1.3);
  letter-spacing: var(--text-tagline-letter-spacing, 1.5px);
  text-transform: uppercase;
  color: var(--text-color-neutral-strong, #181818);
  pointer-events: none;
}
.main-menu > .menu-item.is-mega-menu > .sub-menu > .menu-item > a::after {
  content: unset;
}
.main-menu > .menu-item.is-mega-menu > .sub-menu > .menu-item:hover > a {
  background-color: unset;
}
.main-menu > .menu-item.is-mega-menu > .sub-menu > .menu-item > .sub-menu {
  opacity: 1;
}

.is-mega-menu.has-column-count-1 > .sub-menu {
  grid-template-columns: repeat(1, 1fr);
}

.is-mega-menu.has-column-count-2 > .sub-menu {
  grid-template-columns: repeat(2, 1fr);
}

.is-mega-menu.has-column-count-3 > .sub-menu {
  grid-template-columns: repeat(3, 1fr);
}

.is-mega-menu.has-column-count-4 > .sub-menu {
  grid-template-columns: repeat(4, 1fr);
}

.is-mega-menu.has-column-count-5 > .sub-menu {
  grid-template-columns: repeat(5, 1fr);
}

.is-mega-menu.has-column-count-6 > .sub-menu {
  grid-template-columns: repeat(6, 1fr);
}

.is-mega-menu.has-column-count-7 > .sub-menu {
  grid-template-columns: repeat(7, 1fr);
}

.is-mega-menu.has-column-count-8 > .sub-menu {
  grid-template-columns: repeat(8, 1fr);
}

/**
* =============================================================
* # Overlay menu toggle (Burger-Icon)
* =============================================================
*/
.overlay-menu-toggle {
  display: none;
  padding: 8px;
  position: relative;
  left: 8px;
  cursor: pointer;
}
.has-burger-menu .overlay-menu-toggle, .has-both-menu .overlay-menu-toggle {
  display: block;
}
.overlay-menu-toggle .overlay-menu-toggle-icon {
  display: flex;
  flex-direction: column;
  width: 28px;
  height: 16px;
  position: relative;
}
.overlay-menu-toggle span {
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: var(--surface-neutral-background-inverse-soft, #737373);
  position: absolute;
  right: 0;
  transition: var(--transition-default, 0.2s ease);
}
.overlay-menu-toggle span:nth-child(1) {
  top: 0;
}
.overlay-menu-toggle span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.overlay-menu-toggle span:nth-child(3) {
  bottom: 0;
}
.overlay-menu-toggle.is-active span:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.overlay-menu-toggle.is-active span:nth-child(2) {
  width: 0;
}
.overlay-menu-toggle.is-active span:nth-child(3) {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}
.overlay-menu-toggle:not(.is-active):hover span {
  background: var(--surface-brand-primary-icon-medium, #006DC7);
}
.overlay-menu-toggle:not(.is-active):hover span:nth-child(1) {
  width: 70%;
}
.overlay-menu-toggle:not(.is-active):hover span:nth-child(2) {
  width: 90%;
}
.overlay-menu-toggle:not(.is-active):hover span:nth-child(3) {
  width: 50%;
}
.overlay-menu-toggle:hover span {
  background: var(--surface-brand-primary-icon-medium, #006DC7);
}

/**
* =============================================================
* # Overlay menu
* =============================================================
*/
.menu.overlay-menu .sub-menu {
  display: none;
}
.menu.overlay-menu .menu-item .menu .menu-item {
  padding-left: var(--spacing-xs, 8px);
}
.menu.overlay-menu .menu-item .menu .menu-item:not(.menu-item-has-children) a {
  justify-content: flex-start;
}
.menu.overlay-menu .menu-item .menu .menu-item:not(.menu-item-has-children) a::before {
  content: "-";
  margin-right: var(--spacing-xxs, 4px);
}

/**
* =============================================================
* # Overlay Modal
* =============================================================
*/
#site-overlay-menu-modal {
  --overlay-menu-width: 376px;
  --overlay-menu-close-size: 36px;
  --overlay-menu-transition-duration: 0.6s;
  height: 100%;
  backdrop-filter: blur(5px);
  position: fixed;
  inset: 0;
  opacity: 0;
  transition: var(--overlay-menu-transition-duration, 0.6s) ease;
  pointer-events: none;
}
#site-overlay-menu-modal .modal-background {
  background-color: rgba(74, 79, 83, 0.5);
  position: absolute;
  inset: 0;
  cursor: pointer;
}
#site-overlay-menu-modal .overlay-menu-modal-inner {
  gap: var(--spacing-md, 24px);
  max-width: var(--overlay-menu-width, 376px);
  padding: var(--spacing-section-sm, 40px) var(--spacing-md, 24px);
  background-color: var(--surface-neutral-background, #FFF);
  border-right: 1px solid var(--surface-neutral-border-soft, #D9D9D9);
  box-shadow: 20px 0 40px 0 rgba(8, 8, 8, 0.04), 10px 0 18px 0 rgba(8, 8, 8, 0.04), 4px 0 8px 0 rgba(8, 8, 8, 0.05), 1px 0 2px 0 rgba(8, 8, 8, 0.08);
  transform: translateX(calc(var(--overlay-menu-width, 376px) * -1));
  transition: transform var(--overlay-menu-transition-duration, 0.6s) ease;
  overflow-y: scroll;
}
#site-overlay-menu-modal .overlay-menu-close {
  --icon-size: var(--overlay-menu-close-size, 36px);
  padding: var(--spacing-xs, 8px);
  background-color: var(--surface-brand-primary-background-strong, #006DC7);
  margin: var(--spacing-section-sm, 40px) 0;
  border-radius: var(--border-radius-xs, 4px);
  position: relative;
  transition: background-color var(--overlay-menu-transition-duration, 0.6s) ease;
  cursor: pointer;
}
#site-overlay-menu-modal .overlay-menu-close:hover {
  background-color: color-mix(in srgb, var(--surface-brand-primary-background-strong, #006DC7) 92%, black 8%);
}
#site-overlay-menu-modal .overlay-menu-close:hover > span {
  width: 14px;
}
#site-overlay-menu-modal .overlay-menu-close span {
  display: block;
  width: 20px;
  height: 2px;
  background-color: var(--surface-neutral-icon-inverse-strong);
  position: absolute;
  transition: width var(--overlay-menu-transition-duration, 0.6s) ease;
}
#site-overlay-menu-modal .overlay-menu-close span:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
#site-overlay-menu-modal .overlay-menu-close span:nth-child(2) {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}
#site-overlay-menu-modal.is-active {
  opacity: 1;
  pointer-events: all;
}
#site-overlay-menu-modal.is-active .overlay-menu-modal-inner {
  transform: translateX(0);
}
#site-overlay-menu-modal.has-default-layout {
  grid-template-columns: minmax(240px, var(--overlay-menu-width, 376px)) var(--overlay-menu-close-size, 36px);
  gap: var(--spacing-md, 24px);
}

.wpcf7-form {
  --validation-icon-size: 18px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 24px);
}
.wpcf7-form .form-fields,
.wpcf7-form .form-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--spacing-sm, 16px);
}
.wpcf7-form .form-row,
.wpcf7-form .form-field {
  grid-column: span 12;
}
.wpcf7-form .form-row.three-fourth,
.wpcf7-form .form-field.three-fourth {
  grid-column: span 9;
}
.wpcf7-form .form-row.two-third,
.wpcf7-form .form-field.two-third {
  grid-column: span 8;
}
.wpcf7-form .form-row.half,
.wpcf7-form .form-field.half {
  grid-column: span 6;
}
.wpcf7-form .form-row.third,
.wpcf7-form .form-field.third {
  grid-column: span 4;
}
.wpcf7-form .form-row.fourth,
.wpcf7-form .form-field.fourth {
  grid-column: span 3;
}
.sidebar .wpcf7-form .form-row,
.sidebar .wpcf7-form .form-field {
  grid-column: span 12;
}
.wpcf7-form .form-field {
  display: flex;
  flex-direction: column;
  position: relative;
}
.wpcf7-form .form-field.privacy-policy {
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xs, 8px);
}
.wpcf7-form .form-field.align-left {
  align-items: flex-start;
}
.wpcf7-form .form-field.align-right {
  align-items: flex-end;
}
.wpcf7-form .form-field.align-center {
  align-items: center;
}
.wpcf7-form .form-row-divider {
  display: block;
  width: 100%;
  height: 0;
  grid-column: span 12;
  border-bottom: 2px dashed var(--surface-neutral-border-medium, #ADADAD);
  margin: var(--spacing-lg, 32px) 0;
}

.wpcf7-form label {
  font-family: var(--text-text-xs-font-family, "DM Sans");
  font-size: var(--text-text-xs-font-size, 12px);
  font-weight: var(--text-text-xs-font-weight, 400);
  line-height: var(--text-text-xs-line-height, 1.33);
  letter-spacing: var(--text-text-xs-letter-spacing, 0);
  color: var(--text-color-neutral-strong, #181818);
}
.wpcf7-form .form-field > label {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, var(--surface-neutral-background, #FFF) 50%, var(--surface-neutral-background, #FFF) 100%);
  position: absolute;
  top: 0;
  left: var(--spacing-sm, 16px);
  transform: translateY(-50%);
  z-index: var(--z-index-overlay);
}
.wpcf7-form .form-field > label .asterisk {
  color: var(--text-color-error-strong, #de350b);
}

.wpcf7-form .wpcf7-list-item-label::before, .wpcf7-form .wpcf7-list-item-label::after {
  content: unset;
}
.wpcf7-form .wpcf7-list-item {
  margin: 0;
}
.wpcf7-form .wpcf7-list-item > label {
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  font-family: var(--text-text-md-font-family, "DM Sans");
  font-size: var(--text-text-md-font-size, 16px);
  font-weight: var(--text-text-md-font-weight, 400);
  line-height: var(--text-text-md-line-height, 1.31);
  color: var(--text-color-neutral-strong, #181818);
  letter-spacing: var(--text-text-md-letter-spacing, 0.25px);
  cursor: pointer;
}

.wpcf7-form-control.has-alignment-horizontal, .wpcf7-form-control.has-alignment-vertical {
  display: flex;
  column-gap: var(--spacing-md, 16px);
  row-gap: var(--spacing-xs, 8px);
}
.wpcf7-form-control.has-alignment-horizontal {
  flex-flow: row wrap;
  align-items: center;
}
.wpcf7-form-control.has-alignment-vertical {
  flex-flow: column wrap;
}

.wpcf7-form-control-wrap::after {
  content: "";
  display: block;
  width: var(--validation-icon-size);
  height: var(--validation-icon-size);
  position: absolute;
  right: 0;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNSAwLjk2ODc1QzcuODEyNjggMC45Njg3NSA2LjE2MzI1IDEuNDY5MSA0Ljc2MDMgMi40MDY1MkMzLjM1NzM0IDMuMzQzOTUgMi4yNjM4NyA0LjY3NjM1IDEuNjE4MTYgNi4yMzUyM0MwLjk3MjQ0NiA3Ljc5NDExIDAuODAzNDk5IDkuNTA5NDYgMS4xMzI2OCAxMS4xNjQ0QzEuNDYxODYgMTIuODE5MyAyLjI3NDM4IDE0LjMzOTQgMy40Njc1IDE1LjUzMjVDNC42NjA2MiAxNi43MjU2IDYuMTgwNzQgMTcuNTM4MSA3LjgzNTY0IDE3Ljg2NzNDOS40OTA1NCAxOC4xOTY1IDExLjIwNTkgMTguMDI3NiAxMi43NjQ4IDE3LjM4MThDMTQuMzIzNyAxNi43MzYxIDE1LjY1NjEgMTUuNjQyNyAxNi41OTM1IDE0LjIzOTdDMTcuNTMwOSAxMi44MzY4IDE4LjAzMTMgMTEuMTg3MyAxOC4wMzEzIDkuNUMxOC4wMjg5IDcuMjM4MSAxNy4xMjkzIDUuMDY5NTQgMTUuNTI5OSAzLjQ3MDEzQzEzLjkzMDUgMS44NzA3MyAxMS43NjE5IDAuOTcxMTM5IDkuNSAwLjk2ODc1Wk0xMy4yNDU2IDcuOTk1NTVMOC42NTE4IDEyLjU4OTNDOC41OTA4NSAxMi42NTAzIDguNTE4NDggMTIuNjk4NyA4LjQzODgxIDEyLjczMTdDOC4zNTkxNCAxMi43NjQ4IDguMjczNzUgMTIuNzgxOCA4LjE4NzUgMTIuNzgxOEM4LjEwMTI2IDEyLjc4MTggOC4wMTU4NyAxMi43NjQ4IDcuOTM2MiAxMi43MzE3QzcuODU2NTMgMTIuNjk4NyA3Ljc4NDE1IDEyLjY1MDMgNy43MjMyMSAxMi41ODkzTDUuNzU0NDYgMTAuNjIwNUM1LjYzMTMyIDEwLjQ5NzQgNS41NjIxNCAxMC4zMzA0IDUuNTYyMTQgMTAuMTU2MkM1LjU2MjE0IDkuOTgyMSA1LjYzMTMyIDkuODE1MDkgNS43NTQ0NiA5LjY5MTk1QzUuODc3NiA5LjU2ODgxIDYuMDQ0NjEgOS40OTk2NCA2LjIxODc1IDkuNDk5NjRDNi4zOTI5IDkuNDk5NjQgNi41NTk5MSA5LjU2ODgxIDYuNjgzMDUgOS42OTE5NUw4LjE4NzUgMTEuMTk3MkwxMi4zMTcgNy4wNjY5NUMxMi4zNzc5IDcuMDA1OTggMTIuNDUwMyA2Ljk1NzYxIDEyLjUzIDYuOTI0NjJDMTIuNjA5NiA2Ljg5MTYyIDEyLjY5NSA2Ljg3NDY0IDEyLjc4MTMgNi44NzQ2NEMxMi44Njc1IDYuODc0NjQgMTIuOTUyOSA2Ljg5MTYyIDEzLjAzMjUgNi45MjQ2MkMxMy4xMTIyIDYuOTU3NjEgMTMuMTg0NiA3LjAwNTk4IDEzLjI0NTYgNy4wNjY5NUMxMy4zMDY1IDcuMTI3OTMgMTMuMzU0OSA3LjIwMDMxIDEzLjM4NzkgNy4yNzk5N0MxMy40MjA5IDcuMzU5NjQgMTMuNDM3OSA3LjQ0NTAyIDEzLjQzNzkgNy41MzEyNUMxMy40Mzc5IDcuNjE3NDggMTMuNDIwOSA3LjcwMjg2IDEzLjM4NzkgNy43ODI1M0MxMy4zNTQ5IDcuODYyMTkgMTMuMzA2NSA3LjkzNDU3IDEzLjI0NTYgNy45OTU1NVoiIGZpbGw9IiMzNkIzN0UiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNSAwLjk2ODc1QzcuODEyNjggMC45Njg3NSA2LjE2MzI1IDEuNDY5MSA0Ljc2MDMgMi40MDY1MkMzLjM1NzM0IDMuMzQzOTUgMi4yNjM4NyA0LjY3NjM1IDEuNjE4MTYgNi4yMzUyM0MwLjk3MjQ0NiA3Ljc5NDExIDAuODAzNDk5IDkuNTA5NDYgMS4xMzI2OCAxMS4xNjQ0QzEuNDYxODYgMTIuODE5MyAyLjI3NDM4IDE0LjMzOTQgMy40Njc1IDE1LjUzMjVDNC42NjA2MiAxNi43MjU2IDYuMTgwNzQgMTcuNTM4MSA3LjgzNTY0IDE3Ljg2NzNDOS40OTA1NCAxOC4xOTY1IDExLjIwNTkgMTguMDI3NiAxMi43NjQ4IDE3LjM4MThDMTQuMzIzNyAxNi43MzYxIDE1LjY1NjEgMTUuNjQyNyAxNi41OTM1IDE0LjIzOTdDMTcuNTMwOSAxMi44MzY4IDE4LjAzMTMgMTEuMTg3MyAxOC4wMzEzIDkuNUMxOC4wMjg5IDcuMjM4MSAxNy4xMjkzIDUuMDY5NTQgMTUuNTI5OSAzLjQ3MDEzQzEzLjkzMDUgMS44NzA3MyAxMS43NjE5IDAuOTcxMTM5IDkuNSAwLjk2ODc1Wk0xMy4yNDU2IDcuOTk1NTVMOC42NTE4IDEyLjU4OTNDOC41OTA4NSAxMi42NTAzIDguNTE4NDggMTIuNjk4NyA4LjQzODgxIDEyLjczMTdDOC4zNTkxNCAxMi43NjQ4IDguMjczNzUgMTIuNzgxOCA4LjE4NzUgMTIuNzgxOEM4LjEwMTI2IDEyLjc4MTggOC4wMTU4NyAxMi43NjQ4IDcuOTM2MiAxMi43MzE3QzcuODU2NTMgMTIuNjk4NyA3Ljc4NDE1IDEyLjY1MDMgNy43MjMyMSAxMi41ODkzTDUuNzU0NDYgMTAuNjIwNUM1LjYzMTMyIDEwLjQ5NzQgNS41NjIxNCAxMC4zMzA0IDUuNTYyMTQgMTAuMTU2MkM1LjU2MjE0IDkuOTgyMSA1LjYzMTMyIDkuODE1MDkgNS43NTQ0NiA5LjY5MTk1QzUuODc3NiA5LjU2ODgxIDYuMDQ0NjEgOS40OTk2NCA2LjIxODc1IDkuNDk5NjRDNi4zOTI5IDkuNDk5NjQgNi41NTk5MSA5LjU2ODgxIDYuNjgzMDUgOS42OTE5NUw4LjE4NzUgMTEuMTk3MkwxMi4zMTcgNy4wNjY5NUMxMi4zNzc5IDcuMDA1OTggMTIuNDUwMyA2Ljk1NzYxIDEyLjUzIDYuOTI0NjJDMTIuNjA5NiA2Ljg5MTYyIDEyLjY5NSA2Ljg3NDY0IDEyLjc4MTMgNi44NzQ2NEMxMi44Njc1IDYuODc0NjQgMTIuOTUyOSA2Ljg5MTYyIDEzLjAzMjUgNi45MjQ2MkMxMy4xMTIyIDYuOTU3NjEgMTMuMTg0NiA3LjAwNTk4IDEzLjI0NTYgNy4wNjY5NUMxMy4zMDY1IDcuMTI3OTMgMTMuMzU0OSA3LjIwMDMxIDEzLjM4NzkgNy4yNzk5N0MxMy40MjA5IDcuMzU5NjQgMTMuNDM3OSA3LjQ0NTAyIDEzLjQzNzkgNy41MzEyNUMxMy40Mzc5IDcuNjE3NDggMTMuNDIwOSA3LjcwMjg2IDEzLjM4NzkgNy43ODI1M0MxMy4zNTQ5IDcuODYyMTkgMTMuMzA2NSA3LjkzNDU3IDEzLjI0NTYgNy45OTU1NVoiIGZpbGw9IiMzNkIzN0UiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  background-color: transparent;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--transition-default, 0.2s ease);
  pointer-events: none;
}
.wpcf7-form-control-wrap:has(> textarea)::after {
  top: var(--spacing-sm, 16px);
  transform: unset;
}
.wpcf7-form-control-wrap input.wpcf7-date[data-enpassusermodified=yes],
.wpcf7-form-control-wrap select[data-enpassusermodified=yes] {
  border-color: var(--surface-success-border-strong, #00875A);
}
.wpcf7-form-control-wrap input:not([type=checkbox]):not([type=radio]):not(.wpcf7-date):not(:focus):valid:not(:placeholder-shown),
.wpcf7-form-control-wrap textarea:not(:focus):valid:not(:placeholder-shown) {
  border-color: var(--surface-success-border-strong, #00875A);
}
.wpcf7-form-control-wrap input:not([type=checkbox]):not([type=radio]):not(:focus):invalid, .wpcf7-form-control-wrap input:not([type=checkbox]):not([type=radio]):not(:focus).wpcf7-not-valid,
.wpcf7-form-control-wrap textarea:not(:focus):invalid,
.wpcf7-form-control-wrap textarea:not(:focus).wpcf7-not-valid,
.wpcf7-form-control-wrap select:not(:focus):invalid,
.wpcf7-form-control-wrap select:not(:focus).wpcf7-not-valid {
  border-color: var(--surface-error-border-strong, #DE350B);
}
.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-not-valid input:not(:focus) {
  border-color: var(--surface-error-border-strong, #DE350B);
}
.wpcf7-form-control-wrap:has(input:not([type=checkbox]):not([type=radio]):not(.wpcf7-date):not(:focus):valid:not(:placeholder-shown))::after, .wpcf7-form-control-wrap:has(textarea:not(:focus):valid:not(:placeholder-shown))::after {
  opacity: 1;
  right: var(--spacing-sm, 16px);
  background-color: var(--surface-success-icon-medium, #36B37E);
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNSAwLjk2ODc1QzcuODEyNjggMC45Njg3NSA2LjE2MzI1IDEuNDY5MSA0Ljc2MDMgMi40MDY1MkMzLjM1NzM0IDMuMzQzOTUgMi4yNjM4NyA0LjY3NjM1IDEuNjE4MTYgNi4yMzUyM0MwLjk3MjQ0NiA3Ljc5NDExIDAuODAzNDk5IDkuNTA5NDYgMS4xMzI2OCAxMS4xNjQ0QzEuNDYxODYgMTIuODE5MyAyLjI3NDM4IDE0LjMzOTQgMy40Njc1IDE1LjUzMjVDNC42NjA2MiAxNi43MjU2IDYuMTgwNzQgMTcuNTM4MSA3LjgzNTY0IDE3Ljg2NzNDOS40OTA1NCAxOC4xOTY1IDExLjIwNTkgMTguMDI3NiAxMi43NjQ4IDE3LjM4MThDMTQuMzIzNyAxNi43MzYxIDE1LjY1NjEgMTUuNjQyNyAxNi41OTM1IDE0LjIzOTdDMTcuNTMwOSAxMi44MzY4IDE4LjAzMTMgMTEuMTg3MyAxOC4wMzEzIDkuNUMxOC4wMjg5IDcuMjM4MSAxNy4xMjkzIDUuMDY5NTQgMTUuNTI5OSAzLjQ3MDEzQzEzLjkzMDUgMS44NzA3MyAxMS43NjE5IDAuOTcxMTM5IDkuNSAwLjk2ODc1Wk0xMy4yNDU2IDcuOTk1NTVMOC42NTE4IDEyLjU4OTNDOC41OTA4NSAxMi42NTAzIDguNTE4NDggMTIuNjk4NyA4LjQzODgxIDEyLjczMTdDOC4zNTkxNCAxMi43NjQ4IDguMjczNzUgMTIuNzgxOCA4LjE4NzUgMTIuNzgxOEM4LjEwMTI2IDEyLjc4MTggOC4wMTU4NyAxMi43NjQ4IDcuOTM2MiAxMi43MzE3QzcuODU2NTMgMTIuNjk4NyA3Ljc4NDE1IDEyLjY1MDMgNy43MjMyMSAxMi41ODkzTDUuNzU0NDYgMTAuNjIwNUM1LjYzMTMyIDEwLjQ5NzQgNS41NjIxNCAxMC4zMzA0IDUuNTYyMTQgMTAuMTU2MkM1LjU2MjE0IDkuOTgyMSA1LjYzMTMyIDkuODE1MDkgNS43NTQ0NiA5LjY5MTk1QzUuODc3NiA5LjU2ODgxIDYuMDQ0NjEgOS40OTk2NCA2LjIxODc1IDkuNDk5NjRDNi4zOTI5IDkuNDk5NjQgNi41NTk5MSA5LjU2ODgxIDYuNjgzMDUgOS42OTE5NUw4LjE4NzUgMTEuMTk3MkwxMi4zMTcgNy4wNjY5NUMxMi4zNzc5IDcuMDA1OTggMTIuNDUwMyA2Ljk1NzYxIDEyLjUzIDYuOTI0NjJDMTIuNjA5NiA2Ljg5MTYyIDEyLjY5NSA2Ljg3NDY0IDEyLjc4MTMgNi44NzQ2NEMxMi44Njc1IDYuODc0NjQgMTIuOTUyOSA2Ljg5MTYyIDEzLjAzMjUgNi45MjQ2MkMxMy4xMTIyIDYuOTU3NjEgMTMuMTg0NiA3LjAwNTk4IDEzLjI0NTYgNy4wNjY5NUMxMy4zMDY1IDcuMTI3OTMgMTMuMzU0OSA3LjIwMDMxIDEzLjM4NzkgNy4yNzk5N0MxMy40MjA5IDcuMzU5NjQgMTMuNDM3OSA3LjQ0NTAyIDEzLjQzNzkgNy41MzEyNUMxMy40Mzc5IDcuNjE3NDggMTMuNDIwOSA3LjcwMjg2IDEzLjM4NzkgNy43ODI1M0MxMy4zNTQ5IDcuODYyMTkgMTMuMzA2NSA3LjkzNDU3IDEzLjI0NTYgNy45OTU1NVoiIGZpbGw9IiMzNkIzN0UiLz4KPC9zdmc+Cg==");
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNSAwLjk2ODc1QzcuODEyNjggMC45Njg3NSA2LjE2MzI1IDEuNDY5MSA0Ljc2MDMgMi40MDY1MkMzLjM1NzM0IDMuMzQzOTUgMi4yNjM4NyA0LjY3NjM1IDEuNjE4MTYgNi4yMzUyM0MwLjk3MjQ0NiA3Ljc5NDExIDAuODAzNDk5IDkuNTA5NDYgMS4xMzI2OCAxMS4xNjQ0QzEuNDYxODYgMTIuODE5MyAyLjI3NDM4IDE0LjMzOTQgMy40Njc1IDE1LjUzMjVDNC42NjA2MiAxNi43MjU2IDYuMTgwNzQgMTcuNTM4MSA3LjgzNTY0IDE3Ljg2NzNDOS40OTA1NCAxOC4xOTY1IDExLjIwNTkgMTguMDI3NiAxMi43NjQ4IDE3LjM4MThDMTQuMzIzNyAxNi43MzYxIDE1LjY1NjEgMTUuNjQyNyAxNi41OTM1IDE0LjIzOTdDMTcuNTMwOSAxMi44MzY4IDE4LjAzMTMgMTEuMTg3MyAxOC4wMzEzIDkuNUMxOC4wMjg5IDcuMjM4MSAxNy4xMjkzIDUuMDY5NTQgMTUuNTI5OSAzLjQ3MDEzQzEzLjkzMDUgMS44NzA3MyAxMS43NjE5IDAuOTcxMTM5IDkuNSAwLjk2ODc1Wk0xMy4yNDU2IDcuOTk1NTVMOC42NTE4IDEyLjU4OTNDOC41OTA4NSAxMi42NTAzIDguNTE4NDggMTIuNjk4NyA4LjQzODgxIDEyLjczMTdDOC4zNTkxNCAxMi43NjQ4IDguMjczNzUgMTIuNzgxOCA4LjE4NzUgMTIuNzgxOEM4LjEwMTI2IDEyLjc4MTggOC4wMTU4NyAxMi43NjQ4IDcuOTM2MiAxMi43MzE3QzcuODU2NTMgMTIuNjk4NyA3Ljc4NDE1IDEyLjY1MDMgNy43MjMyMSAxMi41ODkzTDUuNzU0NDYgMTAuNjIwNUM1LjYzMTMyIDEwLjQ5NzQgNS41NjIxNCAxMC4zMzA0IDUuNTYyMTQgMTAuMTU2MkM1LjU2MjE0IDkuOTgyMSA1LjYzMTMyIDkuODE1MDkgNS43NTQ0NiA5LjY5MTk1QzUuODc3NiA5LjU2ODgxIDYuMDQ0NjEgOS40OTk2NCA2LjIxODc1IDkuNDk5NjRDNi4zOTI5IDkuNDk5NjQgNi41NTk5MSA5LjU2ODgxIDYuNjgzMDUgOS42OTE5NUw4LjE4NzUgMTEuMTk3MkwxMi4zMTcgNy4wNjY5NUMxMi4zNzc5IDcuMDA1OTggMTIuNDUwMyA2Ljk1NzYxIDEyLjUzIDYuOTI0NjJDMTIuNjA5NiA2Ljg5MTYyIDEyLjY5NSA2Ljg3NDY0IDEyLjc4MTMgNi44NzQ2NEMxMi44Njc1IDYuODc0NjQgMTIuOTUyOSA2Ljg5MTYyIDEzLjAzMjUgNi45MjQ2MkMxMy4xMTIyIDYuOTU3NjEgMTMuMTg0NiA3LjAwNTk4IDEzLjI0NTYgNy4wNjY5NUMxMy4zMDY1IDcuMTI3OTMgMTMuMzU0OSA3LjIwMDMxIDEzLjM4NzkgNy4yNzk5N0MxMy40MjA5IDcuMzU5NjQgMTMuNDM3OSA3LjQ0NTAyIDEzLjQzNzkgNy41MzEyNUMxMy40Mzc5IDcuNjE3NDggMTMuNDIwOSA3LjcwMjg2IDEzLjM4NzkgNy43ODI1M0MxMy4zNTQ5IDcuODYyMTkgMTMuMzA2NSA3LjkzNDU3IDEzLjI0NTYgNy45OTU1NVoiIGZpbGw9IiMzNkIzN0UiLz4KPC9zdmc+Cg==");
}
.wpcf7-form-control-wrap:has(input:not([type=checkbox]):not([type=radio]):not(.wpcf7-date):not(:focus):invalid)::after, .wpcf7-form-control-wrap:has(textarea:not(:focus):invalid)::after {
  opacity: 1;
  right: var(--spacing-sm, 16px);
  background-color: var(--surface-error-icon-medium, #FF5630);
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTAwMzkgMC45Njg3NUM3LjIxMzA3IDAuOTY4NzUgNS41NjM2NCAxLjQ2OTEgNC4xNjA2OSAyLjQwNjUyQzIuNzU3NzMgMy4zNDM5NSAxLjY2NDI2IDQuNjc2MzUgMS4wMTg1NSA2LjIzNTIzQzAuMzcyODM3IDcuNzk0MTEgMC4yMDM4OSA5LjUwOTQ2IDAuNTMzMDcgMTEuMTY0NEMwLjg2MjI1IDEyLjgxOTMgMS42NzQ3NyAxNC4zMzk0IDIuODY3ODkgMTUuNTMyNUM0LjA2MTAxIDE2LjcyNTYgNS41ODExMyAxNy41MzgxIDcuMjM2MDMgMTcuODY3M0M4Ljg5MDkzIDE4LjE5NjUgMTAuNjA2MyAxOC4wMjc2IDEyLjE2NTIgMTcuMzgxOEMxMy43MjQgMTYuNzM2MSAxNS4wNTY0IDE1LjY0MjcgMTUuOTkzOSAxNC4yMzk3QzE2LjkzMTMgMTIuODM2OCAxNy40MzE2IDExLjE4NzMgMTcuNDMxNiA5LjVDMTcuNDI5MyA3LjIzODEgMTYuNTI5NyA1LjA2OTU0IDE0LjkzMDMgMy40NzAxM0MxMy4zMzA5IDEuODcwNzMgMTEuMTYyMyAwLjk3MTEzOSA4LjkwMDM5IDAuOTY4NzVaTTExLjk4OTcgMTEuNjYwN0MxMi4wNTA3IDExLjcyMTcgMTIuMDk5IDExLjc5NDEgMTIuMTMyIDExLjg3MzdDMTIuMTY1IDExLjk1MzQgMTIuMTgyIDEyLjAzODggMTIuMTgyIDEyLjEyNUMxMi4xODIgMTIuMjExMiAxMi4xNjUgMTIuMjk2NiAxMi4xMzIgMTIuMzc2M0MxMi4wOTkgMTIuNDU1OSAxMi4wNTA3IDEyLjUyODMgMTEuOTg5NyAxMi41ODkzQzExLjkyODcgMTIuNjUwMyAxMS44NTYzIDEyLjY5ODYgMTEuNzc2NyAxMi43MzE2QzExLjY5NyAxMi43NjQ2IDExLjYxMTYgMTIuNzgxNiAxMS41MjU0IDEyLjc4MTZDMTEuNDM5MiAxMi43ODE2IDExLjM1MzggMTIuNzY0NiAxMS4yNzQxIDEyLjczMTZDMTEuMTk0NSAxMi42OTg2IDExLjEyMjEgMTIuNjUwMyAxMS4wNjExIDEyLjU4OTNMOC45MDAzOSAxMC40Mjc4TDYuNzM5NjkgMTIuNTg5M0M2LjY3ODcyIDEyLjY1MDMgNi42MDYzMyAxMi42OTg2IDYuNTI2NjcgMTIuNzMxNkM2LjQ0NzAxIDEyLjc2NDYgNi4zNjE2MiAxMi43ODE2IDYuMjc1MzkgMTIuNzgxNkM2LjE4OTE3IDEyLjc4MTYgNi4xMDM3OCAxMi43NjQ2IDYuMDI0MTIgMTIuNzMxNkM1Ljk0NDQ1IDEyLjY5ODYgNS44NzIwNyAxMi42NTAzIDUuODExMSAxMi41ODkzQzUuNzUwMTIgMTIuNTI4MyA1LjcwMTc2IDEyLjQ1NTkgNS42Njg3NiAxMi4zNzYzQzUuNjM1NzYgMTIuMjk2NiA1LjYxODc4IDEyLjIxMTIgNS42MTg3OCAxMi4xMjVDNS42MTg3OCAxMi4wMzg4IDUuNjM1NzYgMTEuOTUzNCA1LjY2ODc2IDExLjg3MzdDNS43MDE3NiAxMS43OTQxIDUuNzUwMTIgMTEuNzIxNyA1LjgxMTEgMTEuNjYwN0w3Ljk3MjYyIDkuNUw1LjgxMTEgNy4zMzkzQzUuNjg3OTYgNy4yMTYxNiA1LjYxODc4IDcuMDQ5MTUgNS42MTg3OCA2Ljg3NUM1LjYxODc4IDYuNzAwODUgNS42ODc5NiA2LjUzMzg0IDUuODExMSA2LjQxMDdDNS45MzQyNCA2LjI4NzU2IDYuMTAxMjUgNi4yMTgzOSA2LjI3NTM5IDYuMjE4MzlDNi40NDk1NCA2LjIxODM5IDYuNjE2NTUgNi4yODc1NiA2LjczOTY5IDYuNDEwN0w4LjkwMDM5IDguNTcyMjNMMTEuMDYxMSA2LjQxMDdDMTEuMTIyMSA2LjM0OTczIDExLjE5NDUgNi4zMDEzNiAxMS4yNzQxIDYuMjY4MzdDMTEuMzUzOCA2LjIzNTM3IDExLjQzOTIgNi4yMTgzOSAxMS41MjU0IDYuMjE4MzlDMTEuNjExNiA2LjIxODM5IDExLjY5NyA2LjIzNTM3IDExLjc3NjcgNi4yNjgzN0MxMS44NTYzIDYuMzAxMzYgMTEuOTI4NyA2LjM0OTczIDExLjk4OTcgNi40MTA3QzEyLjA1MDcgNi40NzE2OCAxMi4wOTkgNi41NDQwNiAxMi4xMzIgNi42MjM3MkMxMi4xNjUgNi43MDMzOSAxMi4xODIgNi43ODg3NyAxMi4xODIgNi44NzVDMTIuMTgyIDYuOTYxMjMgMTIuMTY1IDcuMDQ2NjEgMTIuMTMyIDcuMTI2MjhDMTIuMDk5IDcuMjA1OTQgMTIuMDUwNyA3LjI3ODMyIDExLjk4OTcgNy4zMzkzTDkuODI4MTcgOS41TDExLjk4OTcgMTEuNjYwN1oiIGZpbGw9IiNGRjU2MzAiLz4KPC9zdmc+Cg==");
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTAwMzkgMC45Njg3NUM3LjIxMzA3IDAuOTY4NzUgNS41NjM2NCAxLjQ2OTEgNC4xNjA2OSAyLjQwNjUyQzIuNzU3NzMgMy4zNDM5NSAxLjY2NDI2IDQuNjc2MzUgMS4wMTg1NSA2LjIzNTIzQzAuMzcyODM3IDcuNzk0MTEgMC4yMDM4OSA5LjUwOTQ2IDAuNTMzMDcgMTEuMTY0NEMwLjg2MjI1IDEyLjgxOTMgMS42NzQ3NyAxNC4zMzk0IDIuODY3ODkgMTUuNTMyNUM0LjA2MTAxIDE2LjcyNTYgNS41ODExMyAxNy41MzgxIDcuMjM2MDMgMTcuODY3M0M4Ljg5MDkzIDE4LjE5NjUgMTAuNjA2MyAxOC4wMjc2IDEyLjE2NTIgMTcuMzgxOEMxMy43MjQgMTYuNzM2MSAxNS4wNTY0IDE1LjY0MjcgMTUuOTkzOSAxNC4yMzk3QzE2LjkzMTMgMTIuODM2OCAxNy40MzE2IDExLjE4NzMgMTcuNDMxNiA5LjVDMTcuNDI5MyA3LjIzODEgMTYuNTI5NyA1LjA2OTU0IDE0LjkzMDMgMy40NzAxM0MxMy4zMzA5IDEuODcwNzMgMTEuMTYyMyAwLjk3MTEzOSA4LjkwMDM5IDAuOTY4NzVaTTExLjk4OTcgMTEuNjYwN0MxMi4wNTA3IDExLjcyMTcgMTIuMDk5IDExLjc5NDEgMTIuMTMyIDExLjg3MzdDMTIuMTY1IDExLjk1MzQgMTIuMTgyIDEyLjAzODggMTIuMTgyIDEyLjEyNUMxMi4xODIgMTIuMjExMiAxMi4xNjUgMTIuMjk2NiAxMi4xMzIgMTIuMzc2M0MxMi4wOTkgMTIuNDU1OSAxMi4wNTA3IDEyLjUyODMgMTEuOTg5NyAxMi41ODkzQzExLjkyODcgMTIuNjUwMyAxMS44NTYzIDEyLjY5ODYgMTEuNzc2NyAxMi43MzE2QzExLjY5NyAxMi43NjQ2IDExLjYxMTYgMTIuNzgxNiAxMS41MjU0IDEyLjc4MTZDMTEuNDM5MiAxMi43ODE2IDExLjM1MzggMTIuNzY0NiAxMS4yNzQxIDEyLjczMTZDMTEuMTk0NSAxMi42OTg2IDExLjEyMjEgMTIuNjUwMyAxMS4wNjExIDEyLjU4OTNMOC45MDAzOSAxMC40Mjc4TDYuNzM5NjkgMTIuNTg5M0M2LjY3ODcyIDEyLjY1MDMgNi42MDYzMyAxMi42OTg2IDYuNTI2NjcgMTIuNzMxNkM2LjQ0NzAxIDEyLjc2NDYgNi4zNjE2MiAxMi43ODE2IDYuMjc1MzkgMTIuNzgxNkM2LjE4OTE3IDEyLjc4MTYgNi4xMDM3OCAxMi43NjQ2IDYuMDI0MTIgMTIuNzMxNkM1Ljk0NDQ1IDEyLjY5ODYgNS44NzIwNyAxMi42NTAzIDUuODExMSAxMi41ODkzQzUuNzUwMTIgMTIuNTI4MyA1LjcwMTc2IDEyLjQ1NTkgNS42Njg3NiAxMi4zNzYzQzUuNjM1NzYgMTIuMjk2NiA1LjYxODc4IDEyLjIxMTIgNS42MTg3OCAxMi4xMjVDNS42MTg3OCAxMi4wMzg4IDUuNjM1NzYgMTEuOTUzNCA1LjY2ODc2IDExLjg3MzdDNS43MDE3NiAxMS43OTQxIDUuNzUwMTIgMTEuNzIxNyA1LjgxMTEgMTEuNjYwN0w3Ljk3MjYyIDkuNUw1LjgxMTEgNy4zMzkzQzUuNjg3OTYgNy4yMTYxNiA1LjYxODc4IDcuMDQ5MTUgNS42MTg3OCA2Ljg3NUM1LjYxODc4IDYuNzAwODUgNS42ODc5NiA2LjUzMzg0IDUuODExMSA2LjQxMDdDNS45MzQyNCA2LjI4NzU2IDYuMTAxMjUgNi4yMTgzOSA2LjI3NTM5IDYuMjE4MzlDNi40NDk1NCA2LjIxODM5IDYuNjE2NTUgNi4yODc1NiA2LjczOTY5IDYuNDEwN0w4LjkwMDM5IDguNTcyMjNMMTEuMDYxMSA2LjQxMDdDMTEuMTIyMSA2LjM0OTczIDExLjE5NDUgNi4zMDEzNiAxMS4yNzQxIDYuMjY4MzdDMTEuMzUzOCA2LjIzNTM3IDExLjQzOTIgNi4yMTgzOSAxMS41MjU0IDYuMjE4MzlDMTEuNjExNiA2LjIxODM5IDExLjY5NyA2LjIzNTM3IDExLjc3NjcgNi4yNjgzN0MxMS44NTYzIDYuMzAxMzYgMTEuOTI4NyA2LjM0OTczIDExLjk4OTcgNi40MTA3QzEyLjA1MDcgNi40NzE2OCAxMi4wOTkgNi41NDQwNiAxMi4xMzIgNi42MjM3MkMxMi4xNjUgNi43MDMzOSAxMi4xODIgNi43ODg3NyAxMi4xODIgNi44NzVDMTIuMTgyIDYuOTYxMjMgMTIuMTY1IDcuMDQ2NjEgMTIuMTMyIDcuMTI2MjhDMTIuMDk5IDcuMjA1OTQgMTIuMDUwNyA3LjI3ODMyIDExLjk4OTcgNy4zMzkzTDkuODI4MTcgOS41TDExLjk4OTcgMTEuNjYwN1oiIGZpbGw9IiNGRjU2MzAiLz4KPC9zdmc+Cg==");
}

.wpcf7 form .wpcf7-response-output {
  width: 100%;
  align-self: center;
  font-family: var(--text-text-md-strong-font-family, "DM Sans");
  font-size: var(--text-text-md-strong-font-size, 16px);
  font-weight: var(--text-text-md-strong-font-weight, 600);
  line-height: var(--text-text-md-strong-line-height, 1.31);
  color: var(--text-color-neutral-strong, #181818);
  letter-spacing: var(--text-text-md-strong-letter-spacing, 0.25px);
  text-align: center;
  padding: var(--spacing-sm, 16px) calc(var(--spacing-sm, 16px) + var(--validation-icon-size) + var(--spacing-sm, 16px))var(--spacing-sm, 16px)var(--spacing-sm, 16px);
  margin: 0;
  border: 0;
  border-radius: var(--border-radius-xs, 4px);
  border: 1px solid;
  position: relative;
}
.wpcf7 form .wpcf7-response-output::after {
  content: "";
  display: block;
  width: var(--validation-icon-size);
  height: var(--validation-icon-size);
  position: absolute;
  top: 50%;
  right: var(--spacing-sm, 16px);
  transform: translateY(-50%);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: transparent;
  transition: var(--transition-default, 0.2s ease);
  pointer-events: none;
}
.wpcf7 form.invalid .wpcf7-response-output {
  color: var(--text-color-error-strong, #de350b);
  border-color: var(--surface-error-border-strong, #DE350B);
}
.wpcf7 form.invalid .wpcf7-response-output::after {
  background-color: var(--surface-error-icon-medium, #FF5630);
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTAwMzkgMC45Njg3NUM3LjIxMzA3IDAuOTY4NzUgNS41NjM2NCAxLjQ2OTEgNC4xNjA2OSAyLjQwNjUyQzIuNzU3NzMgMy4zNDM5NSAxLjY2NDI2IDQuNjc2MzUgMS4wMTg1NSA2LjIzNTIzQzAuMzcyODM3IDcuNzk0MTEgMC4yMDM4OSA5LjUwOTQ2IDAuNTMzMDcgMTEuMTY0NEMwLjg2MjI1IDEyLjgxOTMgMS42NzQ3NyAxNC4zMzk0IDIuODY3ODkgMTUuNTMyNUM0LjA2MTAxIDE2LjcyNTYgNS41ODExMyAxNy41MzgxIDcuMjM2MDMgMTcuODY3M0M4Ljg5MDkzIDE4LjE5NjUgMTAuNjA2MyAxOC4wMjc2IDEyLjE2NTIgMTcuMzgxOEMxMy43MjQgMTYuNzM2MSAxNS4wNTY0IDE1LjY0MjcgMTUuOTkzOSAxNC4yMzk3QzE2LjkzMTMgMTIuODM2OCAxNy40MzE2IDExLjE4NzMgMTcuNDMxNiA5LjVDMTcuNDI5MyA3LjIzODEgMTYuNTI5NyA1LjA2OTU0IDE0LjkzMDMgMy40NzAxM0MxMy4zMzA5IDEuODcwNzMgMTEuMTYyMyAwLjk3MTEzOSA4LjkwMDM5IDAuOTY4NzVaTTExLjk4OTcgMTEuNjYwN0MxMi4wNTA3IDExLjcyMTcgMTIuMDk5IDExLjc5NDEgMTIuMTMyIDExLjg3MzdDMTIuMTY1IDExLjk1MzQgMTIuMTgyIDEyLjAzODggMTIuMTgyIDEyLjEyNUMxMi4xODIgMTIuMjExMiAxMi4xNjUgMTIuMjk2NiAxMi4xMzIgMTIuMzc2M0MxMi4wOTkgMTIuNDU1OSAxMi4wNTA3IDEyLjUyODMgMTEuOTg5NyAxMi41ODkzQzExLjkyODcgMTIuNjUwMyAxMS44NTYzIDEyLjY5ODYgMTEuNzc2NyAxMi43MzE2QzExLjY5NyAxMi43NjQ2IDExLjYxMTYgMTIuNzgxNiAxMS41MjU0IDEyLjc4MTZDMTEuNDM5MiAxMi43ODE2IDExLjM1MzggMTIuNzY0NiAxMS4yNzQxIDEyLjczMTZDMTEuMTk0NSAxMi42OTg2IDExLjEyMjEgMTIuNjUwMyAxMS4wNjExIDEyLjU4OTNMOC45MDAzOSAxMC40Mjc4TDYuNzM5NjkgMTIuNTg5M0M2LjY3ODcyIDEyLjY1MDMgNi42MDYzMyAxMi42OTg2IDYuNTI2NjcgMTIuNzMxNkM2LjQ0NzAxIDEyLjc2NDYgNi4zNjE2MiAxMi43ODE2IDYuMjc1MzkgMTIuNzgxNkM2LjE4OTE3IDEyLjc4MTYgNi4xMDM3OCAxMi43NjQ2IDYuMDI0MTIgMTIuNzMxNkM1Ljk0NDQ1IDEyLjY5ODYgNS44NzIwNyAxMi42NTAzIDUuODExMSAxMi41ODkzQzUuNzUwMTIgMTIuNTI4MyA1LjcwMTc2IDEyLjQ1NTkgNS42Njg3NiAxMi4zNzYzQzUuNjM1NzYgMTIuMjk2NiA1LjYxODc4IDEyLjIxMTIgNS42MTg3OCAxMi4xMjVDNS42MTg3OCAxMi4wMzg4IDUuNjM1NzYgMTEuOTUzNCA1LjY2ODc2IDExLjg3MzdDNS43MDE3NiAxMS43OTQxIDUuNzUwMTIgMTEuNzIxNyA1LjgxMTEgMTEuNjYwN0w3Ljk3MjYyIDkuNUw1LjgxMTEgNy4zMzkzQzUuNjg3OTYgNy4yMTYxNiA1LjYxODc4IDcuMDQ5MTUgNS42MTg3OCA2Ljg3NUM1LjYxODc4IDYuNzAwODUgNS42ODc5NiA2LjUzMzg0IDUuODExMSA2LjQxMDdDNS45MzQyNCA2LjI4NzU2IDYuMTAxMjUgNi4yMTgzOSA2LjI3NTM5IDYuMjE4MzlDNi40NDk1NCA2LjIxODM5IDYuNjE2NTUgNi4yODc1NiA2LjczOTY5IDYuNDEwN0w4LjkwMDM5IDguNTcyMjNMMTEuMDYxMSA2LjQxMDdDMTEuMTIyMSA2LjM0OTczIDExLjE5NDUgNi4zMDEzNiAxMS4yNzQxIDYuMjY4MzdDMTEuMzUzOCA2LjIzNTM3IDExLjQzOTIgNi4yMTgzOSAxMS41MjU0IDYuMjE4MzlDMTEuNjExNiA2LjIxODM5IDExLjY5NyA2LjIzNTM3IDExLjc3NjcgNi4yNjgzN0MxMS44NTYzIDYuMzAxMzYgMTEuOTI4NyA2LjM0OTczIDExLjk4OTcgNi40MTA3QzEyLjA1MDcgNi40NzE2OCAxMi4wOTkgNi41NDQwNiAxMi4xMzIgNi42MjM3MkMxMi4xNjUgNi43MDMzOSAxMi4xODIgNi43ODg3NyAxMi4xODIgNi44NzVDMTIuMTgyIDYuOTYxMjMgMTIuMTY1IDcuMDQ2NjEgMTIuMTMyIDcuMTI2MjhDMTIuMDk5IDcuMjA1OTQgMTIuMDUwNyA3LjI3ODMyIDExLjk4OTcgNy4zMzkzTDkuODI4MTcgOS41TDExLjk4OTcgMTEuNjYwN1oiIGZpbGw9IiNGRjU2MzAiLz4KPC9zdmc+Cg==");
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTAwMzkgMC45Njg3NUM3LjIxMzA3IDAuOTY4NzUgNS41NjM2NCAxLjQ2OTEgNC4xNjA2OSAyLjQwNjUyQzIuNzU3NzMgMy4zNDM5NSAxLjY2NDI2IDQuNjc2MzUgMS4wMTg1NSA2LjIzNTIzQzAuMzcyODM3IDcuNzk0MTEgMC4yMDM4OSA5LjUwOTQ2IDAuNTMzMDcgMTEuMTY0NEMwLjg2MjI1IDEyLjgxOTMgMS42NzQ3NyAxNC4zMzk0IDIuODY3ODkgMTUuNTMyNUM0LjA2MTAxIDE2LjcyNTYgNS41ODExMyAxNy41MzgxIDcuMjM2MDMgMTcuODY3M0M4Ljg5MDkzIDE4LjE5NjUgMTAuNjA2MyAxOC4wMjc2IDEyLjE2NTIgMTcuMzgxOEMxMy43MjQgMTYuNzM2MSAxNS4wNTY0IDE1LjY0MjcgMTUuOTkzOSAxNC4yMzk3QzE2LjkzMTMgMTIuODM2OCAxNy40MzE2IDExLjE4NzMgMTcuNDMxNiA5LjVDMTcuNDI5MyA3LjIzODEgMTYuNTI5NyA1LjA2OTU0IDE0LjkzMDMgMy40NzAxM0MxMy4zMzA5IDEuODcwNzMgMTEuMTYyMyAwLjk3MTEzOSA4LjkwMDM5IDAuOTY4NzVaTTExLjk4OTcgMTEuNjYwN0MxMi4wNTA3IDExLjcyMTcgMTIuMDk5IDExLjc5NDEgMTIuMTMyIDExLjg3MzdDMTIuMTY1IDExLjk1MzQgMTIuMTgyIDEyLjAzODggMTIuMTgyIDEyLjEyNUMxMi4xODIgMTIuMjExMiAxMi4xNjUgMTIuMjk2NiAxMi4xMzIgMTIuMzc2M0MxMi4wOTkgMTIuNDU1OSAxMi4wNTA3IDEyLjUyODMgMTEuOTg5NyAxMi41ODkzQzExLjkyODcgMTIuNjUwMyAxMS44NTYzIDEyLjY5ODYgMTEuNzc2NyAxMi43MzE2QzExLjY5NyAxMi43NjQ2IDExLjYxMTYgMTIuNzgxNiAxMS41MjU0IDEyLjc4MTZDMTEuNDM5MiAxMi43ODE2IDExLjM1MzggMTIuNzY0NiAxMS4yNzQxIDEyLjczMTZDMTEuMTk0NSAxMi42OTg2IDExLjEyMjEgMTIuNjUwMyAxMS4wNjExIDEyLjU4OTNMOC45MDAzOSAxMC40Mjc4TDYuNzM5NjkgMTIuNTg5M0M2LjY3ODcyIDEyLjY1MDMgNi42MDYzMyAxMi42OTg2IDYuNTI2NjcgMTIuNzMxNkM2LjQ0NzAxIDEyLjc2NDYgNi4zNjE2MiAxMi43ODE2IDYuMjc1MzkgMTIuNzgxNkM2LjE4OTE3IDEyLjc4MTYgNi4xMDM3OCAxMi43NjQ2IDYuMDI0MTIgMTIuNzMxNkM1Ljk0NDQ1IDEyLjY5ODYgNS44NzIwNyAxMi42NTAzIDUuODExMSAxMi41ODkzQzUuNzUwMTIgMTIuNTI4MyA1LjcwMTc2IDEyLjQ1NTkgNS42Njg3NiAxMi4zNzYzQzUuNjM1NzYgMTIuMjk2NiA1LjYxODc4IDEyLjIxMTIgNS42MTg3OCAxMi4xMjVDNS42MTg3OCAxMi4wMzg4IDUuNjM1NzYgMTEuOTUzNCA1LjY2ODc2IDExLjg3MzdDNS43MDE3NiAxMS43OTQxIDUuNzUwMTIgMTEuNzIxNyA1LjgxMTEgMTEuNjYwN0w3Ljk3MjYyIDkuNUw1LjgxMTEgNy4zMzkzQzUuNjg3OTYgNy4yMTYxNiA1LjYxODc4IDcuMDQ5MTUgNS42MTg3OCA2Ljg3NUM1LjYxODc4IDYuNzAwODUgNS42ODc5NiA2LjUzMzg0IDUuODExMSA2LjQxMDdDNS45MzQyNCA2LjI4NzU2IDYuMTAxMjUgNi4yMTgzOSA2LjI3NTM5IDYuMjE4MzlDNi40NDk1NCA2LjIxODM5IDYuNjE2NTUgNi4yODc1NiA2LjczOTY5IDYuNDEwN0w4LjkwMDM5IDguNTcyMjNMMTEuMDYxMSA2LjQxMDdDMTEuMTIyMSA2LjM0OTczIDExLjE5NDUgNi4zMDEzNiAxMS4yNzQxIDYuMjY4MzdDMTEuMzUzOCA2LjIzNTM3IDExLjQzOTIgNi4yMTgzOSAxMS41MjU0IDYuMjE4MzlDMTEuNjExNiA2LjIxODM5IDExLjY5NyA2LjIzNTM3IDExLjc3NjcgNi4yNjgzN0MxMS44NTYzIDYuMzAxMzYgMTEuOTI4NyA2LjM0OTczIDExLjk4OTcgNi40MTA3QzEyLjA1MDcgNi40NzE2OCAxMi4wOTkgNi41NDQwNiAxMi4xMzIgNi42MjM3MkMxMi4xNjUgNi43MDMzOSAxMi4xODIgNi43ODg3NyAxMi4xODIgNi44NzVDMTIuMTgyIDYuOTYxMjMgMTIuMTY1IDcuMDQ2NjEgMTIuMTMyIDcuMTI2MjhDMTIuMDk5IDcuMjA1OTQgMTIuMDUwNyA3LjI3ODMyIDExLjk4OTcgNy4zMzkzTDkuODI4MTcgOS41TDExLjk4OTcgMTEuNjYwN1oiIGZpbGw9IiNGRjU2MzAiLz4KPC9zdmc+Cg==");
}
.wpcf7 form.sent .wpcf7-response-output {
  color: var(--text-color-success-strong, #00875A);
  border-color: var(--surface-success-border-strong, #00875A);
}
.wpcf7 form.sent .wpcf7-response-output::after {
  background-color: var(--surface-success-icon-medium, #36B37E);
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNSAwLjk2ODc1QzcuODEyNjggMC45Njg3NSA2LjE2MzI1IDEuNDY5MSA0Ljc2MDMgMi40MDY1MkMzLjM1NzM0IDMuMzQzOTUgMi4yNjM4NyA0LjY3NjM1IDEuNjE4MTYgNi4yMzUyM0MwLjk3MjQ0NiA3Ljc5NDExIDAuODAzNDk5IDkuNTA5NDYgMS4xMzI2OCAxMS4xNjQ0QzEuNDYxODYgMTIuODE5MyAyLjI3NDM4IDE0LjMzOTQgMy40Njc1IDE1LjUzMjVDNC42NjA2MiAxNi43MjU2IDYuMTgwNzQgMTcuNTM4MSA3LjgzNTY0IDE3Ljg2NzNDOS40OTA1NCAxOC4xOTY1IDExLjIwNTkgMTguMDI3NiAxMi43NjQ4IDE3LjM4MThDMTQuMzIzNyAxNi43MzYxIDE1LjY1NjEgMTUuNjQyNyAxNi41OTM1IDE0LjIzOTdDMTcuNTMwOSAxMi44MzY4IDE4LjAzMTMgMTEuMTg3MyAxOC4wMzEzIDkuNUMxOC4wMjg5IDcuMjM4MSAxNy4xMjkzIDUuMDY5NTQgMTUuNTI5OSAzLjQ3MDEzQzEzLjkzMDUgMS44NzA3MyAxMS43NjE5IDAuOTcxMTM5IDkuNSAwLjk2ODc1Wk0xMy4yNDU2IDcuOTk1NTVMOC42NTE4IDEyLjU4OTNDOC41OTA4NSAxMi42NTAzIDguNTE4NDggMTIuNjk4NyA4LjQzODgxIDEyLjczMTdDOC4zNTkxNCAxMi43NjQ4IDguMjczNzUgMTIuNzgxOCA4LjE4NzUgMTIuNzgxOEM4LjEwMTI2IDEyLjc4MTggOC4wMTU4NyAxMi43NjQ4IDcuOTM2MiAxMi43MzE3QzcuODU2NTMgMTIuNjk4NyA3Ljc4NDE1IDEyLjY1MDMgNy43MjMyMSAxMi41ODkzTDUuNzU0NDYgMTAuNjIwNUM1LjYzMTMyIDEwLjQ5NzQgNS41NjIxNCAxMC4zMzA0IDUuNTYyMTQgMTAuMTU2MkM1LjU2MjE0IDkuOTgyMSA1LjYzMTMyIDkuODE1MDkgNS43NTQ0NiA5LjY5MTk1QzUuODc3NiA5LjU2ODgxIDYuMDQ0NjEgOS40OTk2NCA2LjIxODc1IDkuNDk5NjRDNi4zOTI5IDkuNDk5NjQgNi41NTk5MSA5LjU2ODgxIDYuNjgzMDUgOS42OTE5NUw4LjE4NzUgMTEuMTk3MkwxMi4zMTcgNy4wNjY5NUMxMi4zNzc5IDcuMDA1OTggMTIuNDUwMyA2Ljk1NzYxIDEyLjUzIDYuOTI0NjJDMTIuNjA5NiA2Ljg5MTYyIDEyLjY5NSA2Ljg3NDY0IDEyLjc4MTMgNi44NzQ2NEMxMi44Njc1IDYuODc0NjQgMTIuOTUyOSA2Ljg5MTYyIDEzLjAzMjUgNi45MjQ2MkMxMy4xMTIyIDYuOTU3NjEgMTMuMTg0NiA3LjAwNTk4IDEzLjI0NTYgNy4wNjY5NUMxMy4zMDY1IDcuMTI3OTMgMTMuMzU0OSA3LjIwMDMxIDEzLjM4NzkgNy4yNzk5N0MxMy40MjA5IDcuMzU5NjQgMTMuNDM3OSA3LjQ0NTAyIDEzLjQzNzkgNy41MzEyNUMxMy40Mzc5IDcuNjE3NDggMTMuNDIwOSA3LjcwMjg2IDEzLjM4NzkgNy43ODI1M0MxMy4zNTQ5IDcuODYyMTkgMTMuMzA2NSA3LjkzNDU3IDEzLjI0NTYgNy45OTU1NVoiIGZpbGw9IiMzNkIzN0UiLz4KPC9zdmc+Cg==");
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNSAwLjk2ODc1QzcuODEyNjggMC45Njg3NSA2LjE2MzI1IDEuNDY5MSA0Ljc2MDMgMi40MDY1MkMzLjM1NzM0IDMuMzQzOTUgMi4yNjM4NyA0LjY3NjM1IDEuNjE4MTYgNi4yMzUyM0MwLjk3MjQ0NiA3Ljc5NDExIDAuODAzNDk5IDkuNTA5NDYgMS4xMzI2OCAxMS4xNjQ0QzEuNDYxODYgMTIuODE5MyAyLjI3NDM4IDE0LjMzOTQgMy40Njc1IDE1LjUzMjVDNC42NjA2MiAxNi43MjU2IDYuMTgwNzQgMTcuNTM4MSA3LjgzNTY0IDE3Ljg2NzNDOS40OTA1NCAxOC4xOTY1IDExLjIwNTkgMTguMDI3NiAxMi43NjQ4IDE3LjM4MThDMTQuMzIzNyAxNi43MzYxIDE1LjY1NjEgMTUuNjQyNyAxNi41OTM1IDE0LjIzOTdDMTcuNTMwOSAxMi44MzY4IDE4LjAzMTMgMTEuMTg3MyAxOC4wMzEzIDkuNUMxOC4wMjg5IDcuMjM4MSAxNy4xMjkzIDUuMDY5NTQgMTUuNTI5OSAzLjQ3MDEzQzEzLjkzMDUgMS44NzA3MyAxMS43NjE5IDAuOTcxMTM5IDkuNSAwLjk2ODc1Wk0xMy4yNDU2IDcuOTk1NTVMOC42NTE4IDEyLjU4OTNDOC41OTA4NSAxMi42NTAzIDguNTE4NDggMTIuNjk4NyA4LjQzODgxIDEyLjczMTdDOC4zNTkxNCAxMi43NjQ4IDguMjczNzUgMTIuNzgxOCA4LjE4NzUgMTIuNzgxOEM4LjEwMTI2IDEyLjc4MTggOC4wMTU4NyAxMi43NjQ4IDcuOTM2MiAxMi43MzE3QzcuODU2NTMgMTIuNjk4NyA3Ljc4NDE1IDEyLjY1MDMgNy43MjMyMSAxMi41ODkzTDUuNzU0NDYgMTAuNjIwNUM1LjYzMTMyIDEwLjQ5NzQgNS41NjIxNCAxMC4zMzA0IDUuNTYyMTQgMTAuMTU2MkM1LjU2MjE0IDkuOTgyMSA1LjYzMTMyIDkuODE1MDkgNS43NTQ0NiA5LjY5MTk1QzUuODc3NiA5LjU2ODgxIDYuMDQ0NjEgOS40OTk2NCA2LjIxODc1IDkuNDk5NjRDNi4zOTI5IDkuNDk5NjQgNi41NTk5MSA5LjU2ODgxIDYuNjgzMDUgOS42OTE5NUw4LjE4NzUgMTEuMTk3MkwxMi4zMTcgNy4wNjY5NUMxMi4zNzc5IDcuMDA1OTggMTIuNDUwMyA2Ljk1NzYxIDEyLjUzIDYuOTI0NjJDMTIuNjA5NiA2Ljg5MTYyIDEyLjY5NSA2Ljg3NDY0IDEyLjc4MTMgNi44NzQ2NEMxMi44Njc1IDYuODc0NjQgMTIuOTUyOSA2Ljg5MTYyIDEzLjAzMjUgNi45MjQ2MkMxMy4xMTIyIDYuOTU3NjEgMTMuMTg0NiA3LjAwNTk4IDEzLjI0NTYgNy4wNjY5NUMxMy4zMDY1IDcuMTI3OTMgMTMuMzU0OSA3LjIwMDMxIDEzLjM4NzkgNy4yNzk5N0MxMy40MjA5IDcuMzU5NjQgMTMuNDM3OSA3LjQ0NTAyIDEzLjQzNzkgNy41MzEyNUMxMy40Mzc5IDcuNjE3NDggMTMuNDIwOSA3LjcwMjg2IDEzLjM4NzkgNy43ODI1M0MxMy4zNTQ5IDcuODYyMTkgMTMuMzA2NSA3LjkzNDU3IDEzLjI0NTYgNy45OTU1NVoiIGZpbGw9IiMzNkIzN0UiLz4KPC9zdmc+Cg==");
}

.wpcf7-not-valid-tip {
  display: none !important;
}

.submit-button {
  position: relative;
}
.submit-button .wpcf7-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 0;
  border-radius: 0;
}
.submit-button .wpcf7-spinner::before {
  content: unset;
}
.submit-button .wpcf7-spinner::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-color: unset;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgc3R5bGU9InNoYXBlLXJlbmRlcmluZzogYXV0bzsgZGlzcGxheTogYmxvY2s7IGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OyIgd2lkdGg9IjI1NSIgaGVpZ2h0PSIyNTUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48Y2lyY2xlIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWRhc2hhcnJheT0iNTAuMjY1NDgyNDU3NDM2NjkgNTAuMjY1NDgyNDU3NDM2NjkiIHN0cm9rZT0iIzIwMjAyMCIgc3Ryb2tlLXdpZHRoPSI0IiByPSIzMiIgY3k9IjUwIiBjeD0iNTAiPgogIDxhbmltYXRlVHJhbnNmb3JtIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB0eXBlPSJyb3RhdGUiIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSI+PC9hbmltYXRlVHJhbnNmb3JtPgo8L2NpcmNsZT48Zz48L2c+PC9nPjwhLS0gW2xkaW9dIGdlbmVyYXRlZCBieSBodHRwczovL2xvYWRpbmcuaW8gLS0+PC9zdmc+");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.wpcf7-form-control-wrap:has(> .codedropz-upload-wrapper)::after {
  content: unset;
}

.codedropz-upload-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md, 24px);
  min-height: 240px;
  padding: var(--spacing-sm, 16px);
  background: var(--surface-neutral-background, #FFF);
  border: 2px dashed var(--surface-neutral-border-medium, #ADADAD);
  border-radius: var(--border-radius-xxs, 2px);
}
.codedropz-upload-wrapper:has(.wpcf7-not-valid) {
  border-color: var(--surface-error-border-strong, #DE350B);
}
.codedropz-upload-wrapper .codedropz-upload-handler {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}
.codedropz-upload-wrapper .codedropz-upload-handler + .dnd-upload-status {
  margin-top: var(--spacing-xxs, 4px);
}
.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md, 24px);
  padding: 0;
}
.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjUgMTcuNVYyNS41QzMwLjUgMjYuMDMwNCAzMC4yODkzIDI2LjUzOTEgMjkuOTE0MiAyNi45MTQyQzI5LjUzOTEgMjcuMjg5MyAyOS4wMzA0IDI3LjUgMjguNSAyNy41SDQuNUMzLjk2OTU3IDI3LjUgMy40NjA4NiAyNy4yODkzIDMuMDg1NzkgMjYuOTE0MkMyLjcxMDcxIDI2LjUzOTEgMi41IDI2LjAzMDQgMi41IDI1LjVWMTcuNUMyLjUgMTYuOTY5NiAyLjcxMDcxIDE2LjQ2MDkgMy4wODU3OSAxNi4wODU4QzMuNDYwODYgMTUuNzEwNyAzLjk2OTU3IDE1LjUgNC41IDE1LjVIMTAuNUMxMC43NjUyIDE1LjUgMTEuMDE5NiAxNS42MDU0IDExLjIwNzEgMTUuNzkyOUMxMS4zOTQ2IDE1Ljk4MDQgMTEuNSAxNi4yMzQ4IDExLjUgMTYuNUMxMS41IDE2Ljc2NTIgMTEuMzk0NiAxNy4wMTk2IDExLjIwNzEgMTcuMjA3MUMxMS4wMTk2IDE3LjM5NDYgMTAuNzY1MiAxNy41IDEwLjUgMTcuNUg0LjVWMjUuNUgyOC41VjE3LjVIMjIuNUMyMi4yMzQ4IDE3LjUgMjEuOTgwNCAxNy4zOTQ2IDIxLjc5MjkgMTcuMjA3MUMyMS42MDU0IDE3LjAxOTYgMjEuNSAxNi43NjUyIDIxLjUgMTYuNUMyMS41IDE2LjIzNDggMjEuNjA1NCAxNS45ODA0IDIxLjc5MjkgMTUuNzkyOUMyMS45ODA0IDE1LjYwNTQgMjIuMjM0OCAxNS41IDIyLjUgMTUuNUgyOC41QzI5LjAzMDQgMTUuNSAyOS41MzkxIDE1LjcxMDcgMjkuOTE0MiAxNi4wODU4QzMwLjI4OTMgMTYuNDYwOSAzMC41IDE2Ljk2OTYgMzAuNSAxNy41Wk0xMS4yMDc1IDEwLjIwNzVMMTUuNSA1LjkxMzc0VjE2LjVDMTUuNSAxNi43NjUyIDE1LjYwNTQgMTcuMDE5NiAxNS43OTI5IDE3LjIwNzFDMTUuOTgwNCAxNy4zOTQ2IDE2LjIzNDggMTcuNSAxNi41IDE3LjVDMTYuNzY1MiAxNy41IDE3LjAxOTYgMTcuMzk0NiAxNy4yMDcxIDE3LjIwNzFDMTcuMzk0NiAxNy4wMTk2IDE3LjUgMTYuNzY1MiAxNy41IDE2LjVWNS45MTM3NEwyMS43OTI1IDEwLjIwNzVDMjEuOTgwMSAxMC4zOTUxIDIyLjIzNDYgMTAuNTAwNSAyMi41IDEwLjUwMDVDMjIuNzY1NCAxMC41MDA1IDIzLjAxOTkgMTAuMzk1MSAyMy4yMDc1IDEwLjIwNzVDMjMuMzk1MSAxMC4wMTk5IDIzLjUwMDYgOS43NjUzNiAyMy41MDA2IDkuNDk5OTlDMjMuNTAwNiA5LjIzNDYzIDIzLjM5NTEgOC45ODAxMyAyMy4yMDc1IDguNzkyNDlMMTcuMjA3NSAyLjc5MjQ5QzE3LjExNDYgMi42OTk1MiAxNy4wMDQzIDIuNjI1NzYgMTYuODgyOSAyLjU3NTQzQzE2Ljc2MTUgMi41MjUxMSAxNi42MzE0IDIuNDk5MjEgMTYuNSAyLjQ5OTIxQzE2LjM2ODYgMi40OTkyMSAxNi4yMzg1IDIuNTI1MTEgMTYuMTE3MSAyLjU3NTQzQzE1Ljk5NTcgMi42MjU3NiAxNS44ODU0IDIuNjk5NTIgMTUuNzkyNSAyLjc5MjQ5TDkuNzkyNSA4Ljc5MjQ5QzkuNjA0ODYgOC45ODAxMyA5LjQ5OTQ0IDkuMjM0NjMgOS40OTk0NCA5LjQ5OTk5QzkuNDk5NDQgOS43NjUzNiA5LjYwNDg2IDEwLjAxOTkgOS43OTI1IDEwLjIwNzVDOS45ODAxNCAxMC4zOTUxIDEwLjIzNDYgMTAuNTAwNSAxMC41IDEwLjUwMDVDMTAuNzY1NCAxMC41MDA1IDExLjAxOTkgMTAuMzk1MSAxMS4yMDc1IDEwLjIwNzVaTTI1LjUgMjEuNUMyNS41IDIxLjIwMzMgMjUuNDEyIDIwLjkxMzMgMjUuMjQ3MiAyMC42NjY2QzI1LjA4MjQgMjAuNDIgMjQuODQ4MSAyMC4yMjc3IDI0LjU3NCAyMC4xMTQyQzI0LjI5OTkgMjAuMDAwNiAyMy45OTgzIDE5Ljk3MDkgMjMuNzA3NCAyMC4wMjg4QzIzLjQxNjQgMjAuMDg2NyAyMy4xNDkxIDIwLjIyOTYgMjIuOTM5MyAyMC40MzkzQzIyLjcyOTYgMjAuNjQ5MSAyMi41ODY3IDIwLjkxNjQgMjIuNTI4OCAyMS4yMDc0QzIyLjQ3MDkgMjEuNDk4MyAyMi41MDA3IDIxLjc5OTkgMjIuNjE0MiAyMi4wNzRDMjIuNzI3NyAyMi4zNDgxIDIyLjkyIDIyLjU4MjQgMjMuMTY2NiAyMi43NDcyQzIzLjQxMzMgMjIuOTEyIDIzLjcwMzMgMjMgMjQgMjNDMjQuMzk3OCAyMyAyNC43Nzk0IDIyLjg0MiAyNS4wNjA3IDIyLjU2MDdDMjUuMzQyIDIyLjI3OTMgMjUuNSAyMS44OTc4IDI1LjUgMjEuNVoiIGZpbGw9IiMwMDZEQzciLz4KPC9zdmc+Cg==") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjUgMTcuNVYyNS41QzMwLjUgMjYuMDMwNCAzMC4yODkzIDI2LjUzOTEgMjkuOTE0MiAyNi45MTQyQzI5LjUzOTEgMjcuMjg5MyAyOS4wMzA0IDI3LjUgMjguNSAyNy41SDQuNUMzLjk2OTU3IDI3LjUgMy40NjA4NiAyNy4yODkzIDMuMDg1NzkgMjYuOTE0MkMyLjcxMDcxIDI2LjUzOTEgMi41IDI2LjAzMDQgMi41IDI1LjVWMTcuNUMyLjUgMTYuOTY5NiAyLjcxMDcxIDE2LjQ2MDkgMy4wODU3OSAxNi4wODU4QzMuNDYwODYgMTUuNzEwNyAzLjk2OTU3IDE1LjUgNC41IDE1LjVIMTAuNUMxMC43NjUyIDE1LjUgMTEuMDE5NiAxNS42MDU0IDExLjIwNzEgMTUuNzkyOUMxMS4zOTQ2IDE1Ljk4MDQgMTEuNSAxNi4yMzQ4IDExLjUgMTYuNUMxMS41IDE2Ljc2NTIgMTEuMzk0NiAxNy4wMTk2IDExLjIwNzEgMTcuMjA3MUMxMS4wMTk2IDE3LjM5NDYgMTAuNzY1MiAxNy41IDEwLjUgMTcuNUg0LjVWMjUuNUgyOC41VjE3LjVIMjIuNUMyMi4yMzQ4IDE3LjUgMjEuOTgwNCAxNy4zOTQ2IDIxLjc5MjkgMTcuMjA3MUMyMS42MDU0IDE3LjAxOTYgMjEuNSAxNi43NjUyIDIxLjUgMTYuNUMyMS41IDE2LjIzNDggMjEuNjA1NCAxNS45ODA0IDIxLjc5MjkgMTUuNzkyOUMyMS45ODA0IDE1LjYwNTQgMjIuMjM0OCAxNS41IDIyLjUgMTUuNUgyOC41QzI5LjAzMDQgMTUuNSAyOS41MzkxIDE1LjcxMDcgMjkuOTE0MiAxNi4wODU4QzMwLjI4OTMgMTYuNDYwOSAzMC41IDE2Ljk2OTYgMzAuNSAxNy41Wk0xMS4yMDc1IDEwLjIwNzVMMTUuNSA1LjkxMzc0VjE2LjVDMTUuNSAxNi43NjUyIDE1LjYwNTQgMTcuMDE5NiAxNS43OTI5IDE3LjIwNzFDMTUuOTgwNCAxNy4zOTQ2IDE2LjIzNDggMTcuNSAxNi41IDE3LjVDMTYuNzY1MiAxNy41IDE3LjAxOTYgMTcuMzk0NiAxNy4yMDcxIDE3LjIwNzFDMTcuMzk0NiAxNy4wMTk2IDE3LjUgMTYuNzY1MiAxNy41IDE2LjVWNS45MTM3NEwyMS43OTI1IDEwLjIwNzVDMjEuOTgwMSAxMC4zOTUxIDIyLjIzNDYgMTAuNTAwNSAyMi41IDEwLjUwMDVDMjIuNzY1NCAxMC41MDA1IDIzLjAxOTkgMTAuMzk1MSAyMy4yMDc1IDEwLjIwNzVDMjMuMzk1MSAxMC4wMTk5IDIzLjUwMDYgOS43NjUzNiAyMy41MDA2IDkuNDk5OTlDMjMuNTAwNiA5LjIzNDYzIDIzLjM5NTEgOC45ODAxMyAyMy4yMDc1IDguNzkyNDlMMTcuMjA3NSAyLjc5MjQ5QzE3LjExNDYgMi42OTk1MiAxNy4wMDQzIDIuNjI1NzYgMTYuODgyOSAyLjU3NTQzQzE2Ljc2MTUgMi41MjUxMSAxNi42MzE0IDIuNDk5MjEgMTYuNSAyLjQ5OTIxQzE2LjM2ODYgMi40OTkyMSAxNi4yMzg1IDIuNTI1MTEgMTYuMTE3MSAyLjU3NTQzQzE1Ljk5NTcgMi42MjU3NiAxNS44ODU0IDIuNjk5NTIgMTUuNzkyNSAyLjc5MjQ5TDkuNzkyNSA4Ljc5MjQ5QzkuNjA0ODYgOC45ODAxMyA5LjQ5OTQ0IDkuMjM0NjMgOS40OTk0NCA5LjQ5OTk5QzkuNDk5NDQgOS43NjUzNiA5LjYwNDg2IDEwLjAxOTkgOS43OTI1IDEwLjIwNzVDOS45ODAxNCAxMC4zOTUxIDEwLjIzNDYgMTAuNTAwNSAxMC41IDEwLjUwMDVDMTAuNzY1NCAxMC41MDA1IDExLjAxOTkgMTAuMzk1MSAxMS4yMDc1IDEwLjIwNzVaTTI1LjUgMjEuNUMyNS41IDIxLjIwMzMgMjUuNDEyIDIwLjkxMzMgMjUuMjQ3MiAyMC42NjY2QzI1LjA4MjQgMjAuNDIgMjQuODQ4MSAyMC4yMjc3IDI0LjU3NCAyMC4xMTQyQzI0LjI5OTkgMjAuMDAwNiAyMy45OTgzIDE5Ljk3MDkgMjMuNzA3NCAyMC4wMjg4QzIzLjQxNjQgMjAuMDg2NyAyMy4xNDkxIDIwLjIyOTYgMjIuOTM5MyAyMC40MzkzQzIyLjcyOTYgMjAuNjQ5MSAyMi41ODY3IDIwLjkxNjQgMjIuNTI4OCAyMS4yMDc0QzIyLjQ3MDkgMjEuNDk4MyAyMi41MDA3IDIxLjc5OTkgMjIuNjE0MiAyMi4wNzRDMjIuNzI3NyAyMi4zNDgxIDIyLjkyIDIyLjU4MjQgMjMuMTY2NiAyMi43NDcyQzIzLjQxMzMgMjIuOTEyIDIzLjcwMzMgMjMgMjQgMjNDMjQuMzk3OCAyMyAyNC43Nzk0IDIyLjg0MiAyNS4wNjA3IDIyLjU2MDdDMjUuMzQyIDIyLjI3OTMgMjUuNSAyMS44OTc4IDI1LjUgMjEuNVoiIGZpbGw9IiMwMDZEQzciLz4KPC9zdmc+Cg==") center/contain no-repeat;
  background: var(--surface-brand-primary-icon-medium, #006DC7);
}
.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner span:first-child {
  font-family: var(--text-text-md-strong-font-family, "DM Sans");
  font-size: var(--text-text-md-strong-font-size, 16px);
  font-weight: var(--text-text-md-strong-font-weight, 600);
  line-height: var(--text-text-md-strong-line-height, 1.31);
  color: var(--text-color-neutral-strong, #181818);
  letter-spacing: var(--text-text-md-strong-letter-spacing, 0.25px);
  text-align: center;
}
.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner span:nth-child(2) {
  font-family: var(--text-text-xs-font-family, "DM Sans");
  font-size: var(--text-text-xs-font-size, 12px);
  font-weight: var(--text-text-xs-font-weight, 400);
  line-height: var(--text-text-xs-line-height, 1.33);
  letter-spacing: var(--text-text-xs-letter-spacing, 0);
  color: var(--text-color-neutral-medium, #737373);
  text-align: center;
}
.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner a.cd-upload-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 32px;
  font-family: var(--text-button-sm-font-family, "DM Sans");
  font-size: var(--text-button-sm-font-size, 12px);
  font-weight: var(--text-button-sm-font-weight, 500);
  line-height: var(--text-button-sm-line-height, 1);
  letter-spacing: var(--text-button-sm-letter-spacing, 0);
  color: var(--text-color-neutral-strong, #181818);
  text-align: center;
  padding: var(--spacing-xs, 8px);
  margin-top: var(--spacing-md, 24px);
  border: 1px solid var(--surface-brand-primary-border-strong, #006DC7);
  border-radius: var(--border-radius-xs, 4px);
}
.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner a.cd-upload-btn:hover {
  color: var(--text-color-neutral-strong-inverse, #FFF);
  background: var(--surface-brand-primary-background-strong, #006DC7);
}
.codedropz-upload-wrapper .codedropz-upload-handler .dnd-upload-counter {
  display: none;
}
.codedropz-upload-wrapper .dnd-upload-status {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs, 8px);
  width: 100%;
  padding: var(--spacing-sm, 16px);
  border: 1px solid var(--surface-neutral-border-soft, #D9D9D9);
  border-radius: var(--border-radius-xs, 4px);
  transition: var(--transition-fast);
}
.codedropz-upload-wrapper .dnd-upload-status.complete .name em {
  color: var(--text-color-success-strong, #00875A);
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-image {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 0;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-image span.file {
  display: block;
  width: 100%;
  height: 100%;
  background-image: unset;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjUzMDYgNy43MTkzOEwxNS4yODA2IDIuNDY5MzhDMTUuMjEwOSAyLjM5OTc1IDE1LjEyODIgMi4zNDQ1NCAxNS4wMzcxIDIuMzA2OUMxNC45NDYxIDIuMjY5MjYgMTQuODQ4NSAyLjI0OTkyIDE0Ljc1IDIuMjVINS43NUM1LjM1MjE4IDIuMjUgNC45NzA2NCAyLjQwODA0IDQuNjg5MzQgMi42ODkzNEM0LjQwODA0IDIuOTcwNjQgNC4yNSAzLjM1MjE4IDQuMjUgMy43NVYyMC4yNUM0LjI1IDIwLjY0NzggNC40MDgwNCAyMS4wMjk0IDQuNjg5MzQgMjEuMzEwN0M0Ljk3MDY0IDIxLjU5MiA1LjM1MjE4IDIxLjc1IDUuNzUgMjEuNzVIMTkuMjVDMTkuNjQ3OCAyMS43NSAyMC4wMjk0IDIxLjU5MiAyMC4zMTA3IDIxLjMxMDdDMjAuNTkyIDIxLjAyOTQgMjAuNzUgMjAuNjQ3OCAyMC43NSAyMC4yNVY4LjI1QzIwLjc1MDEgOC4xNTE0OCAyMC43MzA3IDguMDUzOTEgMjAuNjkzMSA3Ljk2Mjg2QzIwLjY1NTUgNy44NzE4MiAyMC42MDAzIDcuNzg5MDggMjAuNTMwNiA3LjcxOTM4Wk0xNS41IDE2LjVIOS41QzkuMzAxMDkgMTYuNSA5LjExMDMyIDE2LjQyMSA4Ljk2OTY3IDE2LjI4MDNDOC44MjkwMiAxNi4xMzk3IDguNzUgMTUuOTQ4OSA4Ljc1IDE1Ljc1QzguNzUgMTUuNTUxMSA4LjgyOTAyIDE1LjM2MDMgOC45Njk2NyAxNS4yMTk3QzkuMTEwMzIgMTUuMDc5IDkuMzAxMDkgMTUgOS41IDE1SDE1LjVDMTUuNjk4OSAxNSAxNS44ODk3IDE1LjA3OSAxNi4wMzAzIDE1LjIxOTdDMTYuMTcxIDE1LjM2MDMgMTYuMjUgMTUuNTUxMSAxNi4yNSAxNS43NUMxNi4yNSAxNS45NDg5IDE2LjE3MSAxNi4xMzk3IDE2LjAzMDMgMTYuMjgwM0MxNS44ODk3IDE2LjQyMSAxNS42OTg5IDE2LjUgMTUuNSAxNi41Wk0xNS41IDEzLjVIOS41QzkuMzAxMDkgMTMuNSA5LjExMDMyIDEzLjQyMSA4Ljk2OTY3IDEzLjI4MDNDOC44MjkwMiAxMy4xMzk3IDguNzUgMTIuOTQ4OSA4Ljc1IDEyLjc1QzguNzUgMTIuNTUxMSA4LjgyOTAyIDEyLjM2MDMgOC45Njk2NyAxMi4yMTk3QzkuMTEwMzIgMTIuMDc5IDkuMzAxMDkgMTIgOS41IDEySDE1LjVDMTUuNjk4OSAxMiAxNS44ODk3IDEyLjA3OSAxNi4wMzAzIDEyLjIxOTdDMTYuMTcxIDEyLjM2MDMgMTYuMjUgMTIuNTUxMSAxNi4yNSAxMi43NUMxNi4yNSAxMi45NDg5IDE2LjE3MSAxMy4xMzk3IDE2LjAzMDMgMTMuMjgwM0MxNS44ODk3IDEzLjQyMSAxNS42OTg5IDEzLjUgMTUuNSAxMy41Wk0xNC43NSA4LjI1VjQuMTI1TDE4Ljg3NSA4LjI1SDE0Ljc1WiIgZmlsbD0iIzAwNkRDNyIvPgo8L3N2Zz4K") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjUzMDYgNy43MTkzOEwxNS4yODA2IDIuNDY5MzhDMTUuMjEwOSAyLjM5OTc1IDE1LjEyODIgMi4zNDQ1NCAxNS4wMzcxIDIuMzA2OUMxNC45NDYxIDIuMjY5MjYgMTQuODQ4NSAyLjI0OTkyIDE0Ljc1IDIuMjVINS43NUM1LjM1MjE4IDIuMjUgNC45NzA2NCAyLjQwODA0IDQuNjg5MzQgMi42ODkzNEM0LjQwODA0IDIuOTcwNjQgNC4yNSAzLjM1MjE4IDQuMjUgMy43NVYyMC4yNUM0LjI1IDIwLjY0NzggNC40MDgwNCAyMS4wMjk0IDQuNjg5MzQgMjEuMzEwN0M0Ljk3MDY0IDIxLjU5MiA1LjM1MjE4IDIxLjc1IDUuNzUgMjEuNzVIMTkuMjVDMTkuNjQ3OCAyMS43NSAyMC4wMjk0IDIxLjU5MiAyMC4zMTA3IDIxLjMxMDdDMjAuNTkyIDIxLjAyOTQgMjAuNzUgMjAuNjQ3OCAyMC43NSAyMC4yNVY4LjI1QzIwLjc1MDEgOC4xNTE0OCAyMC43MzA3IDguMDUzOTEgMjAuNjkzMSA3Ljk2Mjg2QzIwLjY1NTUgNy44NzE4MiAyMC42MDAzIDcuNzg5MDggMjAuNTMwNiA3LjcxOTM4Wk0xNS41IDE2LjVIOS41QzkuMzAxMDkgMTYuNSA5LjExMDMyIDE2LjQyMSA4Ljk2OTY3IDE2LjI4MDNDOC44MjkwMiAxNi4xMzk3IDguNzUgMTUuOTQ4OSA4Ljc1IDE1Ljc1QzguNzUgMTUuNTUxMSA4LjgyOTAyIDE1LjM2MDMgOC45Njk2NyAxNS4yMTk3QzkuMTEwMzIgMTUuMDc5IDkuMzAxMDkgMTUgOS41IDE1SDE1LjVDMTUuNjk4OSAxNSAxNS44ODk3IDE1LjA3OSAxNi4wMzAzIDE1LjIxOTdDMTYuMTcxIDE1LjM2MDMgMTYuMjUgMTUuNTUxMSAxNi4yNSAxNS43NUMxNi4yNSAxNS45NDg5IDE2LjE3MSAxNi4xMzk3IDE2LjAzMDMgMTYuMjgwM0MxNS44ODk3IDE2LjQyMSAxNS42OTg5IDE2LjUgMTUuNSAxNi41Wk0xNS41IDEzLjVIOS41QzkuMzAxMDkgMTMuNSA5LjExMDMyIDEzLjQyMSA4Ljk2OTY3IDEzLjI4MDNDOC44MjkwMiAxMy4xMzk3IDguNzUgMTIuOTQ4OSA4Ljc1IDEyLjc1QzguNzUgMTIuNTUxMSA4LjgyOTAyIDEyLjM2MDMgOC45Njk2NyAxMi4yMTk3QzkuMTEwMzIgMTIuMDc5IDkuMzAxMDkgMTIgOS41IDEySDE1LjVDMTUuNjk4OSAxMiAxNS44ODk3IDEyLjA3OSAxNi4wMzAzIDEyLjIxOTdDMTYuMTcxIDEyLjM2MDMgMTYuMjUgMTIuNTUxMSAxNi4yNSAxMi43NUMxNi4yNSAxMi45NDg5IDE2LjE3MSAxMy4xMzk3IDE2LjAzMDMgMTMuMjgwM0MxNS44ODk3IDEzLjQyMSAxNS42OTg5IDEzLjUgMTUuNSAxMy41Wk0xNC43NSA4LjI1VjQuMTI1TDE4Ljg3NSA4LjI1SDE0Ljc1WiIgZmlsbD0iIzAwNkRDNyIvPgo8L3N2Zz4K") center/contain no-repeat;
  background-color: var(--surface-brand-primary-icon-medium, #006DC7);
  position: relative;
  left: unset;
  top: unset;
  transform: unset;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details {
  display: flex;
  flex-direction: column;
  width: calc(100% - 24px - var(--spacing-xs, 8px));
  gap: var(--spacing-xs, 8px);
  padding: 0;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details span.name {
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-xs, 8px);
  width: 100%;
  padding: 0;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details span.name span {
  font-family: var(--text-text-md-strong-font-family, "DM Sans");
  font-size: var(--text-text-md-strong-font-size, 16px);
  font-weight: var(--text-text-md-strong-font-weight, 600);
  line-height: var(--text-text-md-strong-line-height, 1.31);
  letter-spacing: var(--text-text-md-strong-letter-spacing, 0.25px);
  color: var(--text-color-neutral-strong, #181818);
  padding: 0;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details span.name em {
  font-family: var(--text-text-xs-font-family, "DM Sans");
  font-size: var(--text-text-xs-font-size, 12px);
  font-style: normal;
  font-weight: var(--text-text-xs-font-weight, 400);
  line-height: var(--text-text-xs-line-height, 1.33);
  letter-spacing: var(--text-text-xs-letter-spacing, 0);
  color: var(--text-color-neutral-medium, #737373);
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details span.has-error {
  font-family: var(--text-text-xs-font-family, "DM Sans");
  font-size: var(--text-text-xs-font-size, 12px);
  font-weight: var(--text-text-xs-font-weight, 400);
  line-height: var(--text-text-xs-line-height, 1.33);
  letter-spacing: var(--text-text-xs-letter-spacing, 0);
  color: var(--text-color-error-strong, #de350b);
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details span:nth-child(4):has(:not(.has-error)) {
  display: none;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details a.remove-file {
  width: 24px;
  height: 24px;
  top: var(--spacing-sm, 16px);
  right: var(--spacing-sm, 16px);
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details a.remove-file:hover .dnd-icon-remove::after {
  background: var(--surface-brand-primary-icon-medium, #006DC7);
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details a.remove-file .dnd-icon-remove {
  display: block;
  width: 100%;
  height: 100%;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details a.remove-file .dnd-icon-remove.deleting {
  display: none;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details a.remove-file .dnd-icon-remove::after {
  display: block;
  width: 100%;
  height: 100%;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5Ljc4MDEgMTguMjE5M0MxOS44NDk3IDE4LjI4OSAxOS45MDUgMTguMzcxNyAxOS45NDI3IDE4LjQ2MjhDMTkuOTgwNCAxOC41NTM4IDE5Ljk5OTkgMTguNjUxNCAxOS45OTk5IDE4Ljc0OTlDMTkuOTk5OSAxOC44NDg1IDE5Ljk4MDQgMTguOTQ2MSAxOS45NDI3IDE5LjAzNzFDMTkuOTA1IDE5LjEyODEgMTkuODQ5NyAxOS4yMTA5IDE5Ljc4MDEgMTkuMjgwNkMxOS43MTA0IDE5LjM1MDIgMTkuNjI3NyAxOS40MDU1IDE5LjUzNjYgMTkuNDQzMkMxOS40NDU2IDE5LjQ4MDkgMTkuMzQ4IDE5LjUwMDMgMTkuMjQ5NCAxOS41MDAzQzE5LjE1MDkgMTkuNTAwMyAxOS4wNTMzIDE5LjQ4MDkgMTguOTYyMyAxOS40NDMyQzE4Ljg3MTIgMTkuNDA1NSAxOC43ODg1IDE5LjM1MDIgMTguNzE4OCAxOS4yODA2TDEyLjQ5OTQgMTMuMDYwMkw2LjI4MDA3IDE5LjI4MDZDNi4xMzkzMyAxOS40MjEzIDUuOTQ4NDYgMTkuNTAwMyA1Ljc0OTQ0IDE5LjUwMDNDNS41NTA0MiAxOS41MDAzIDUuMzU5NTUgMTkuNDIxMyA1LjIxODgyIDE5LjI4MDZDNS4wNzgwOCAxOS4xMzk4IDQuOTk5MDIgMTguOTQ5IDQuOTk5MDIgMTguNzQ5OUM0Ljk5OTAyIDE4LjU1MDkgNS4wNzgwOCAxOC4zNiA1LjIxODgyIDE4LjIxOTNMMTEuNDM5MSAxMS45OTk5TDUuMjE4ODIgNS43ODA1NUM1LjA3ODA4IDUuNjM5ODIgNC45OTkwMiA1LjQ0ODk1IDQuOTk5MDIgNS4yNDk5M0M0Ljk5OTAyIDUuMDUwOTEgNS4wNzgwOCA0Ljg2MDAzIDUuMjE4ODIgNC43MTkzQzUuMzU5NTUgNC41Nzg1NyA1LjU1MDQyIDQuNDk5NTEgNS43NDk0NCA0LjQ5OTUxQzUuOTQ4NDYgNC40OTk1MSA2LjEzOTMzIDQuNTc4NTcgNi4yODAwNyA0LjcxOTNMMTIuNDk5NCAxMC45Mzk2TDE4LjcxODggNC43MTkzQzE4Ljg1OTUgNC41Nzg1NyAxOS4wNTA0IDQuNDk5NTEgMTkuMjQ5NCA0LjQ5OTUxQzE5LjQ0ODUgNC40OTk1MSAxOS42MzkzIDQuNTc4NTcgMTkuNzgwMSA0LjcxOTNDMTkuOTIwOCA0Ljg2MDAzIDE5Ljk5OTkgNS4wNTA5MSAxOS45OTk5IDUuMjQ5OTNDMTkuOTk5OSA1LjQ0ODk1IDE5LjkyMDggNS42Mzk4MiAxOS43ODAxIDUuNzgwNTVMMTMuNTU5OCAxMS45OTk5TDE5Ljc4MDEgMTguMjE5M1oiIGZpbGw9IiM3MzczNzMiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5Ljc4MDEgMTguMjE5M0MxOS44NDk3IDE4LjI4OSAxOS45MDUgMTguMzcxNyAxOS45NDI3IDE4LjQ2MjhDMTkuOTgwNCAxOC41NTM4IDE5Ljk5OTkgMTguNjUxNCAxOS45OTk5IDE4Ljc0OTlDMTkuOTk5OSAxOC44NDg1IDE5Ljk4MDQgMTguOTQ2MSAxOS45NDI3IDE5LjAzNzFDMTkuOTA1IDE5LjEyODEgMTkuODQ5NyAxOS4yMTA5IDE5Ljc4MDEgMTkuMjgwNkMxOS43MTA0IDE5LjM1MDIgMTkuNjI3NyAxOS40MDU1IDE5LjUzNjYgMTkuNDQzMkMxOS40NDU2IDE5LjQ4MDkgMTkuMzQ4IDE5LjUwMDMgMTkuMjQ5NCAxOS41MDAzQzE5LjE1MDkgMTkuNTAwMyAxOS4wNTMzIDE5LjQ4MDkgMTguOTYyMyAxOS40NDMyQzE4Ljg3MTIgMTkuNDA1NSAxOC43ODg1IDE5LjM1MDIgMTguNzE4OCAxOS4yODA2TDEyLjQ5OTQgMTMuMDYwMkw2LjI4MDA3IDE5LjI4MDZDNi4xMzkzMyAxOS40MjEzIDUuOTQ4NDYgMTkuNTAwMyA1Ljc0OTQ0IDE5LjUwMDNDNS41NTA0MiAxOS41MDAzIDUuMzU5NTUgMTkuNDIxMyA1LjIxODgyIDE5LjI4MDZDNS4wNzgwOCAxOS4xMzk4IDQuOTk5MDIgMTguOTQ5IDQuOTk5MDIgMTguNzQ5OUM0Ljk5OTAyIDE4LjU1MDkgNS4wNzgwOCAxOC4zNiA1LjIxODgyIDE4LjIxOTNMMTEuNDM5MSAxMS45OTk5TDUuMjE4ODIgNS43ODA1NUM1LjA3ODA4IDUuNjM5ODIgNC45OTkwMiA1LjQ0ODk1IDQuOTk5MDIgNS4yNDk5M0M0Ljk5OTAyIDUuMDUwOTEgNS4wNzgwOCA0Ljg2MDAzIDUuMjE4ODIgNC43MTkzQzUuMzU5NTUgNC41Nzg1NyA1LjU1MDQyIDQuNDk5NTEgNS43NDk0NCA0LjQ5OTUxQzUuOTQ4NDYgNC40OTk1MSA2LjEzOTMzIDQuNTc4NTcgNi4yODAwNyA0LjcxOTNMMTIuNDk5NCAxMC45Mzk2TDE4LjcxODggNC43MTkzQzE4Ljg1OTUgNC41Nzg1NyAxOS4wNTA0IDQuNDk5NTEgMTkuMjQ5NCA0LjQ5OTUxQzE5LjQ0ODUgNC40OTk1MSAxOS42MzkzIDQuNTc4NTcgMTkuNzgwMSA0LjcxOTNDMTkuOTIwOCA0Ljg2MDAzIDE5Ljk5OTkgNS4wNTA5MSAxOS45OTk5IDUuMjQ5OTNDMTkuOTk5OSA1LjQ0ODk1IDE5LjkyMDggNS42Mzk4MiAxOS43ODAxIDUuNzgwNTVMMTMuNTU5OCAxMS45OTk5TDE5Ljc4MDEgMTguMjE5M1oiIGZpbGw9IiM3MzczNzMiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  background: var(--surface-neutral-icon-medium, #737373);
  transition: var(--transition-default, 0.2s ease);
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
  height: 8px;
  background: var(--surface-neutral-background-soft, #F5F5F5);
  border-radius: 9999px;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
  color: transparent;
  background: var(--surface-success-background-medium, #36B37E);
}

:where(.pixelpro-block):not(.is-sticky) {
  position: relative;
}
:where(.pixelpro-block):last-child {
  margin-bottom: 0;
}

/**
* =============================================================
* # Socket
* =============================================================
*/
.socket {
  container-type: inline-size;
  container-name: socket;
  justify-content: center;
  align-items: center;
  min-height: var(--site-socket-height, 80px);
  background-color: var(--surface-neutral-background, #ffffff);
}

.socket-inner {
  justify-content: space-between;
  align-items: center;
  padding-top: var(--spacing-sm, 1rem);
  padding-bottom: var(--spacing-sm, 1rem);
}

.socket-copyright {
  font-family: var(--text-button-md-font-family, "DM Sans");
  font-size: var(--text-button-md-font-size, 0.875rem);
  font-weight: var(--text-button-md-font-weight, 500);
  line-height: var(--text-button-md-line-height, 1);
  color: var(--text-color-neutral-medium, #737373);
  letter-spacing: var(--text-button-md-letter-spacing, 0.25px);
}

@container socket (max-width: 555px) {
  .socket-inner {
    flex-direction: column;
  }
}
.single .content {
  gap: var(--spacing-section-md, 80px);
}
.single .content article {
  gap: var(--spacing-lg, 32px);
}
.single .content-inner .pixelpro-hero {
  grid-column: 1/-1;
  order: -1;
}

.single-career .career-content-item .headline {
  margin-bottom: var(--spacing-md, 24px);
}

/**
* =============================================================
* # Card
* =============================================================
*/
.card {
  max-width: unset;
  min-width: unset;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: unset;
}

:where(.card-media .media) {
  aspect-ratio: 3/2;
}

.card {
  flex-grow: 1;
  background-color: var(--surface-neutral-background-soft, #F5F5F5);
}
.card.has-full-link {
  position: relative;
}
.card .card-headline {
  margin-bottom: var(--spacing-sm, 16px);
}
.card .card-content,
.card .card-copytext {
  flex-grow: 1;
}
.card .card-content {
  padding: var(--spacing-md, 24px);
}
.card .card-content > *:last-child {
  margin-bottom: 0;
}
.card .card-terms {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxs, 4px);
}
.card .card-terms a {
  display: block;
  font-family: var(--text-text-xs-font-family, "DM Sans");
  font-size: var(--text-text-xs-font-size, 12px);
  font-weight: var(--text-text-xs-font-weight, 400);
  line-height: 1.35;
  letter-spacing: var(--text-text-xs-letter-spacing, 0);
  text-decoration: none;
  color: var(--text-color-neutral-strong-inverse, #FFF);
  padding: var(--spacing-xxs, 4px) var(--spacing-xs, 8px);
  border-radius: var(--border-radius-full, 999px);
  background-color: var(--surface-brand-secondary-background-strong, #4C00C7);
}
.card .card-terms a:hover {
  color: var(--text-color-neutral-strong-inverse, #FFF);
  background-color: color-mix(in srgb, var(--surface-brand-secondary-background-strong, #4C00C7) 92%, white 8%);
}
.card .card-meta {
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  color: var(--text-color-neutral-medium, #737373);
  margin-bottom: var(--spacing-sm, 16px);
}
.card .card-action {
  margin-top: auto;
}

/**
* =============================================================
* # Card post
* =============================================================
*/
.card-post .card-headline {
  margin-bottom: var(--spacing-xxs, 4px);
}
.card-post .card-terms,
.card-post .card-copytext {
  margin-bottom: var(--spacing-sm, 16px);
}
.card-post .card-meta::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13 2H11.5V1.5C11.5 1.36739 11.4473 1.24021 11.3536 1.14645C11.2598 1.05268 11.1326 1 11 1C10.8674 1 10.7402 1.05268 10.6464 1.14645C10.5527 1.24021 10.5 1.36739 10.5 1.5V2H5.5V1.5C5.5 1.36739 5.44732 1.24021 5.35355 1.14645C5.25979 1.05268 5.13261 1 5 1C4.86739 1 4.74021 1.05268 4.64645 1.14645C4.55268 1.24021 4.5 1.36739 4.5 1.5V2H3C2.73478 2 2.48043 2.10536 2.29289 2.29289C2.10536 2.48043 2 2.73478 2 3V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H13C13.2652 14 13.5196 13.8946 13.7071 13.7071C13.8946 13.5196 14 13.2652 14 13V3C14 2.73478 13.8946 2.48043 13.7071 2.29289C13.5196 2.10536 13.2652 2 13 2ZM4.5 3V3.5C4.5 3.63261 4.55268 3.75979 4.64645 3.85355C4.74021 3.94732 4.86739 4 5 4C5.13261 4 5.25979 3.94732 5.35355 3.85355C5.44732 3.75979 5.5 3.63261 5.5 3.5V3H10.5V3.5C10.5 3.63261 10.5527 3.75979 10.6464 3.85355C10.7402 3.94732 10.8674 4 11 4C11.1326 4 11.2598 3.94732 11.3536 3.85355C11.4473 3.75979 11.5 3.63261 11.5 3.5V3H13V5H3V3H4.5ZM13 13H3V6H13V13Z' fill='%23737373'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13 2H11.5V1.5C11.5 1.36739 11.4473 1.24021 11.3536 1.14645C11.2598 1.05268 11.1326 1 11 1C10.8674 1 10.7402 1.05268 10.6464 1.14645C10.5527 1.24021 10.5 1.36739 10.5 1.5V2H5.5V1.5C5.5 1.36739 5.44732 1.24021 5.35355 1.14645C5.25979 1.05268 5.13261 1 5 1C4.86739 1 4.74021 1.05268 4.64645 1.14645C4.55268 1.24021 4.5 1.36739 4.5 1.5V2H3C2.73478 2 2.48043 2.10536 2.29289 2.29289C2.10536 2.48043 2 2.73478 2 3V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H13C13.2652 14 13.5196 13.8946 13.7071 13.7071C13.8946 13.5196 14 13.2652 14 13V3C14 2.73478 13.8946 2.48043 13.7071 2.29289C13.5196 2.10536 13.2652 2 13 2ZM4.5 3V3.5C4.5 3.63261 4.55268 3.75979 4.64645 3.85355C4.74021 3.94732 4.86739 4 5 4C5.13261 4 5.25979 3.94732 5.35355 3.85355C5.44732 3.75979 5.5 3.63261 5.5 3.5V3H10.5V3.5C10.5 3.63261 10.5527 3.75979 10.6464 3.85355C10.7402 3.94732 10.8674 4 11 4C11.1326 4 11.2598 3.94732 11.3536 3.85355C11.4473 3.75979 11.5 3.63261 11.5 3.5V3H13V5H3V3H4.5ZM13 13H3V6H13V13Z' fill='%23737373'/%3E%3C/svg%3E") center/contain no-repeat;
  background-color: var(--surface-neutral-icon-medium, #737373);
}

/**
* =============================================================
* # Card contact
* =============================================================
*/
.card-contact .card-copytext-address {
  margin-bottom: var(--spacing-sm, 16px);
}
.card-contact .card-copytext-email {
  margin-bottom: var(--spacing-md, 24px);
}
.card-contact .card-copytext-social {
  margin-top: auto;
}
.card-contact .card-media.media:has(:nth-child(2)) {
  position: relative;
}
.card-contact .card-media.media:has(:nth-child(2)) > :nth-child(2) {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity var(--transition-default, 0.2s ease);
}
.card-contact .card-media.media:has(:nth-child(2)):hover > :nth-child(2) {
  opacity: 1;
}

/**
* =============================================================
* # Card address
* =============================================================
*/
.card-address .card-copytext-address {
  margin-bottom: var(--spacing-sm, 16px);
}

#searchform {
  display: flex;
  max-width: 420px;
  position: relative;
}
#searchform .search-field {
  background: var(--surface-neutral-background, #FFF);
  padding: var(--spacing-sm, 16px) var(--spacing-sm, 16px) var(--spacing-sm, 16px) var(--spacing-xxl, 48px);
}
#searchform .searchsubmit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  flex-shrink: 0;
  aspect-ratio: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: var(--spacing-sm, 16px);
  cursor: pointer;
}
#searchform .searchsubmit .icon-search {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--surface-neutral-icon-soft, #ADADAD);
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjE1MzcgMTQuMTQ2M0wxMi4wMjQzIDExLjAxNzVDMTIuOTMxMyA5LjkyODU5IDEzLjM4MzYgOC41MzE4OSAxMy4yODcxIDcuMTE3OThDMTMuMTkwNiA1LjcwNDA3IDEyLjU1MjYgNC4zODE4MSAxMS41MDYgMy40MjYyNUMxMC40NTk0IDIuNDcwNyA5LjA4NDcyIDEuOTU1NDMgNy42Njc4OSAxLjk4NzYzQzYuMjUxMDUgMi4wMTk4MyA0LjkwMTE3IDIuNTk3MDIgMy44OTkwNiAzLjU5OTEzQzIuODk2OTUgNC42MDEyNSAyLjMxOTc2IDUuOTUxMTMgMi4yODc1NiA3LjM2Nzk2QzIuMjU1MzYgOC43ODQ4IDIuNzcwNjMgMTAuMTU5NSAzLjcyNjE4IDExLjIwNjFDNC42ODE3MyAxMi4yNTI3IDYuMDA0IDEyLjg5MDYgNy40MTc5MSAxMi45ODcyQzguODMxODIgMTMuMDgzNyAxMC4yMjg1IDEyLjYzMTQgMTEuMzE3NCAxMS43MjQ0TDE0LjQ0NjIgMTQuODUzOEMxNC40OTI3IDE0LjkwMDIgMTQuNTQ3OCAxNC45MzcxIDE0LjYwODUgMTQuOTYyMkMxNC42NjkyIDE0Ljk4NzQgMTQuNzM0MyAxNS4wMDAzIDE0Ljc5OTkgMTUuMDAwM0MxNC44NjU2IDE1LjAwMDMgMTQuOTMwNyAxNC45ODc0IDE0Ljk5MTQgMTQuOTYyMkMxNS4wNTIxIDE0LjkzNzEgMTUuMTA3MiAxNC45MDAyIDE1LjE1MzcgMTQuODUzOEMxNS4yMDAyIDE0LjgwNzMgMTUuMjM3IDE0Ljc1MjIgMTUuMjYyMSAxNC42OTE1QzE1LjI4NzMgMTQuNjMwOCAxNS4zMDAyIDE0LjU2NTcgMTUuMzAwMiAxNC41QzE1LjMwMDIgMTQuNDM0MyAxNS4yODczIDE0LjM2OTMgMTUuMjYyMSAxNC4zMDg2QzE1LjIzNyAxNC4yNDc5IDE1LjIwMDIgMTQuMTkyNyAxNS4xNTM3IDE0LjE0NjNaTTMuMjk5OTUgNy41MDAwMkMzLjI5OTk1IDYuNjEgMy41NjM4NyA1LjczOTk4IDQuMDU4MzMgNC45OTk5NUM0LjU1MjggNC4yNTk5MyA1LjI1NTYgMy42ODMxNiA2LjA3Nzg3IDMuMzQyNTZDNi45MDAxNCAzLjAwMTk3IDcuODA0OTQgMi45MTI4NSA4LjY3Nzg1IDMuMDg2NDlDOS41NTA3NyAzLjI2MDEyIDEwLjM1MjYgMy42ODg3IDEwLjk4MTkgNC4zMTgwNEMxMS42MTEzIDQuOTQ3MzggMTIuMDM5OCA1Ljc0OTIgMTIuMjEzNSA2LjYyMjExQzEyLjM4NzEgNy40OTUwMyAxMi4yOTggOC4zOTk4MyAxMS45NTc0IDkuMjIyMUMxMS42MTY4IDEwLjA0NDQgMTEuMDQgMTAuNzQ3MiAxMC4zIDExLjI0MTZDOS41NTk5OSAxMS43MzYxIDguNjg5OTYgMTIgNy43OTk5NSAxMkM2LjYwNjg4IDExLjk5ODcgNS40NjMwNiAxMS41MjQyIDQuNjE5NDMgMTAuNjgwNUMzLjc3NTggOS44MzY5MSAzLjMwMTI3IDguNjkzMDkgMy4yOTk5NSA3LjUwMDAyWiIgZmlsbD0iI0VERURFRCIvPgo8L3N2Zz4K") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjE1MzcgMTQuMTQ2M0wxMi4wMjQzIDExLjAxNzVDMTIuOTMxMyA5LjkyODU5IDEzLjM4MzYgOC41MzE4OSAxMy4yODcxIDcuMTE3OThDMTMuMTkwNiA1LjcwNDA3IDEyLjU1MjYgNC4zODE4MSAxMS41MDYgMy40MjYyNUMxMC40NTk0IDIuNDcwNyA5LjA4NDcyIDEuOTU1NDMgNy42Njc4OSAxLjk4NzYzQzYuMjUxMDUgMi4wMTk4MyA0LjkwMTE3IDIuNTk3MDIgMy44OTkwNiAzLjU5OTEzQzIuODk2OTUgNC42MDEyNSAyLjMxOTc2IDUuOTUxMTMgMi4yODc1NiA3LjM2Nzk2QzIuMjU1MzYgOC43ODQ4IDIuNzcwNjMgMTAuMTU5NSAzLjcyNjE4IDExLjIwNjFDNC42ODE3MyAxMi4yNTI3IDYuMDA0IDEyLjg5MDYgNy40MTc5MSAxMi45ODcyQzguODMxODIgMTMuMDgzNyAxMC4yMjg1IDEyLjYzMTQgMTEuMzE3NCAxMS43MjQ0TDE0LjQ0NjIgMTQuODUzOEMxNC40OTI3IDE0LjkwMDIgMTQuNTQ3OCAxNC45MzcxIDE0LjYwODUgMTQuOTYyMkMxNC42NjkyIDE0Ljk4NzQgMTQuNzM0MyAxNS4wMDAzIDE0Ljc5OTkgMTUuMDAwM0MxNC44NjU2IDE1LjAwMDMgMTQuOTMwNyAxNC45ODc0IDE0Ljk5MTQgMTQuOTYyMkMxNS4wNTIxIDE0LjkzNzEgMTUuMTA3MiAxNC45MDAyIDE1LjE1MzcgMTQuODUzOEMxNS4yMDAyIDE0LjgwNzMgMTUuMjM3IDE0Ljc1MjIgMTUuMjYyMSAxNC42OTE1QzE1LjI4NzMgMTQuNjMwOCAxNS4zMDAyIDE0LjU2NTcgMTUuMzAwMiAxNC41QzE1LjMwMDIgMTQuNDM0MyAxNS4yODczIDE0LjM2OTMgMTUuMjYyMSAxNC4zMDg2QzE1LjIzNyAxNC4yNDc5IDE1LjIwMDIgMTQuMTkyNyAxNS4xNTM3IDE0LjE0NjNaTTMuMjk5OTUgNy41MDAwMkMzLjI5OTk1IDYuNjEgMy41NjM4NyA1LjczOTk4IDQuMDU4MzMgNC45OTk5NUM0LjU1MjggNC4yNTk5MyA1LjI1NTYgMy42ODMxNiA2LjA3Nzg3IDMuMzQyNTZDNi45MDAxNCAzLjAwMTk3IDcuODA0OTQgMi45MTI4NSA4LjY3Nzg1IDMuMDg2NDlDOS41NTA3NyAzLjI2MDEyIDEwLjM1MjYgMy42ODg3IDEwLjk4MTkgNC4zMTgwNEMxMS42MTEzIDQuOTQ3MzggMTIuMDM5OCA1Ljc0OTIgMTIuMjEzNSA2LjYyMjExQzEyLjM4NzEgNy40OTUwMyAxMi4yOTggOC4zOTk4MyAxMS45NTc0IDkuMjIyMUMxMS42MTY4IDEwLjA0NDQgMTEuMDQgMTAuNzQ3MiAxMC4zIDExLjI0MTZDOS41NTk5OSAxMS43MzYxIDguNjg5OTYgMTIgNy43OTk5NSAxMkM2LjYwNjg4IDExLjk5ODcgNS40NjMwNiAxMS41MjQyIDQuNjE5NDMgMTAuNjgwNUMzLjc3NTggOS44MzY5MSAzLjMwMTI3IDguNjkzMDkgMy4yOTk5NSA3LjUwMDAyWiIgZmlsbD0iI0VERURFRCIvPgo8L3N2Zz4K") center/contain no-repeat;
  transition: background-color var(--transition-default, 0.2s ease);
}
#searchform:hover .icon-search {
  background-color: var(--surface-neutral-icon-medium, #737373);
}
#searchform:has(.search-field:focus) .icon-search {
  background-color: var(--surface-neutral-icon-strong, #181818);
}

.content-inner {
  width: 100%;
}
.content-inner:has(> .left-sidebar, > .right-sidebar) {
  align-items: stretch;
  grid-gap: var(--spacing-lg);
}
.content-inner:has(> .left-sidebar):has(> .right-sidebar) {
  grid-template-columns: var(--site-sidebar-width) 4fr var(--site-sidebar-width);
}
.content-inner:has(> .left-sidebar):not(:has(> .right-sidebar)) {
  grid-template-columns: var(--site-sidebar-width) 1fr;
}
.content-inner:has(> .right-sidebar):not(:has(> .left-sidebar)) {
  grid-template-columns: 1fr var(--site-sidebar-width);
}

#site-logo {
  align-items: center;
  max-width: var(--site-logo-width);
  transition: max-width var(--transition-default, 0.2s ease-out);
}
#site-logo svg {
  width: 100%;
}

.post-thumbnail {
  margin: 0;
}

:where(figure) {
  margin: 0;
}

.post-categories {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxs, 4px);
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.post-categories li {
  padding: 0;
}
.post-categories li a {
  display: block;
  font-family: var(--text-text-xs-font-family, "DM Sans");
  font-size: var(--text-text-xs-font-size, 12px);
  font-weight: var(--text-text-xs-font-weight, 400);
  line-height: 1.35;
  letter-spacing: var(--text-text-xs-letter-spacing, 0);
  text-decoration: none;
  color: var(--text-color-neutral-strong-inverse, #FFF);
  padding: var(--spacing-xxs, 4px) var(--spacing-xs, 8px);
  border-radius: var(--border-radius-full, 999px);
  background-color: var(--surface-brand-secondary-background-strong, #4C00C7);
}
.post-categories li a:hover {
  color: var(--text-color-neutral-strong-inverse, #FFF);
  background-color: color-mix(in srgb, var(--surface-brand-secondary-background-strong, #4C00C7) 92%, white 8%);
}

.nav-links {
  display: flex;
  gap: 1rem;
}
.nav-links:has(.nav-previous):has(.nav-next) {
  justify-content: space-between;
}
.nav-links:has(.nav-next):not(:has(.nav-previous)) {
  justify-content: flex-end;
}
.nav-links .nav-previous a,
.nav-links .nav-next a,
.nav-links .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius-xs);
}
.nav-links .nav-previous a,
.nav-links .nav-next a,
.nav-links .page-numbers.prev,
.nav-links .page-numbers.next {
  outline: 1px solid var(--color-blue);
  outline-offset: -1px;
  transition: background-color var(--transition-default, 0.2s ease-out), color var(--transition-default, 0.2s ease-out);
  position: relative;
}
.nav-links .nav-previous a::before,
.nav-links .nav-next a::before,
.nav-links .page-numbers.prev::before,
.nav-links .page-numbers.next::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjM1NDEgMTIuNjQ2MkMxMC40MDA2IDEyLjY5MjcgMTAuNDM3NCAxMi43NDc4IDEwLjQ2MjYgMTIuODA4NUMxMC40ODc3IDEyLjg2OTIgMTAuNTAwNyAxMi45MzQzIDEwLjUwMDcgMTNDMTAuNTAwNyAxMy4wNjU3IDEwLjQ4NzcgMTMuMTMwNyAxMC40NjI2IDEzLjE5MTRDMTAuNDM3NCAxMy4yNTIxIDEwLjQwMDYgMTMuMzA3MyAxMC4zNTQxIDEzLjM1MzdDMTAuMzA3NyAxMy40MDAyIDEwLjI1MjUgMTMuNDM3IDEwLjE5MTggMTMuNDYyMkMxMC4xMzExIDEzLjQ4NzMgMTAuMDY2MSAxMy41MDAzIDEwLjAwMDQgMTMuNTAwM0M5LjkzNDcgMTMuNTAwMyA5Ljg2OTY0IDEzLjQ4NzMgOS44MDg5NSAxMy40NjIyQzkuNzQ4MjUgMTMuNDM3IDkuNjkzMSAxMy40MDAyIDkuNjQ2NjQgMTMuMzUzN0w0LjY0NjY0IDguMzUzNzJDNC42MDAxNSA4LjMwNzI5IDQuNTYzMjggOC4yNTIxNCA0LjUzODExIDguMTkxNDRDNC41MTI5NSA4LjEzMDc0IDQuNSA4LjA2NTY4IDQuNSA3Ljk5OTk3QzQuNSA3LjkzNDI3IDQuNTEyOTUgNy44NjkyIDQuNTM4MTEgNy44MDg1QzQuNTYzMjggNy43NDc4IDQuNjAwMTUgNy42OTI2NiA0LjY0NjY0IDcuNjQ2MjJMOS42NDY2NCAyLjY0NjIyQzkuNzQwNDYgMi41NTI0IDkuODY3NzEgMi40OTk2OSAxMC4wMDA0IDIuNDk5NjlDMTAuMTMzMSAyLjQ5OTY5IDEwLjI2MDMgMi41NTI0IDEwLjM1NDEgMi42NDYyMkMxMC40NDggMi43NDAwNCAxMC41MDA3IDIuODY3MjkgMTAuNTAwNyAyLjk5OTk3QzEwLjUwMDcgMy4xMzI2NSAxMC40NDggMy4yNTk5IDEwLjM1NDEgMy4zNTM3Mkw1LjcwNzI3IDcuOTk5OTdMMTAuMzU0MSAxMi42NDYyWiIgZmlsbD0iIzAwNkRDNyIvPgo8L3N2Zz4K") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjM1NDEgMTIuNjQ2MkMxMC40MDA2IDEyLjY5MjcgMTAuNDM3NCAxMi43NDc4IDEwLjQ2MjYgMTIuODA4NUMxMC40ODc3IDEyLjg2OTIgMTAuNTAwNyAxMi45MzQzIDEwLjUwMDcgMTNDMTAuNTAwNyAxMy4wNjU3IDEwLjQ4NzcgMTMuMTMwNyAxMC40NjI2IDEzLjE5MTRDMTAuNDM3NCAxMy4yNTIxIDEwLjQwMDYgMTMuMzA3MyAxMC4zNTQxIDEzLjM1MzdDMTAuMzA3NyAxMy40MDAyIDEwLjI1MjUgMTMuNDM3IDEwLjE5MTggMTMuNDYyMkMxMC4xMzExIDEzLjQ4NzMgMTAuMDY2MSAxMy41MDAzIDEwLjAwMDQgMTMuNTAwM0M5LjkzNDcgMTMuNTAwMyA5Ljg2OTY0IDEzLjQ4NzMgOS44MDg5NSAxMy40NjIyQzkuNzQ4MjUgMTMuNDM3IDkuNjkzMSAxMy40MDAyIDkuNjQ2NjQgMTMuMzUzN0w0LjY0NjY0IDguMzUzNzJDNC42MDAxNSA4LjMwNzI5IDQuNTYzMjggOC4yNTIxNCA0LjUzODExIDguMTkxNDRDNC41MTI5NSA4LjEzMDc0IDQuNSA4LjA2NTY4IDQuNSA3Ljk5OTk3QzQuNSA3LjkzNDI3IDQuNTEyOTUgNy44NjkyIDQuNTM4MTEgNy44MDg1QzQuNTYzMjggNy43NDc4IDQuNjAwMTUgNy42OTI2NiA0LjY0NjY0IDcuNjQ2MjJMOS42NDY2NCAyLjY0NjIyQzkuNzQwNDYgMi41NTI0IDkuODY3NzEgMi40OTk2OSAxMC4wMDA0IDIuNDk5NjlDMTAuMTMzMSAyLjQ5OTY5IDEwLjI2MDMgMi41NTI0IDEwLjM1NDEgMi42NDYyMkMxMC40NDggMi43NDAwNCAxMC41MDA3IDIuODY3MjkgMTAuNTAwNyAyLjk5OTk3QzEwLjUwMDcgMy4xMzI2NSAxMC40NDggMy4yNTk5IDEwLjM1NDEgMy4zNTM3Mkw1LjcwNzI3IDcuOTk5OTdMMTAuMzU0MSAxMi42NDYyWiIgZmlsbD0iIzAwNkRDNyIvPgo8L3N2Zz4K") center/contain no-repeat;
}
.nav-links .nav-previous a,
.nav-links .nav-next a {
  padding: 0.5rem 1rem;
}
.nav-links .nav-previous a::before,
.nav-links .nav-next a::before {
  background-color: var(--color-copytext);
}
.nav-links .nav-previous a::before {
  margin-right: 6px;
}
.nav-links .nav-next a::before {
  order: 3;
  margin-left: 6px;
  transform: scaleX(-1);
}
.nav-links .page-numbers {
  width: 36px;
  line-height: 1;
  aspect-ratio: 1/1;
  font-size: var(--font-size-sm);
  color: #124167;
}
.nav-links .page-numbers.current {
  color: var(--color-neutral-white);
  background-color: var(--color-blue);
}
.nav-links .page-numbers.prev::before, .nav-links .page-numbers.next::before {
  background-color: var(--color-blue);
}
.nav-links .page-numbers.next::before {
  transform: scaleX(-1);
}
.nav-links .page-numbers:hover {
  color: var(--color-neutral-white);
  background-color: var(--color-blue);
}
.nav-links .page-numbers:hover::before {
  background-color: var(--color-neutral-white);
}

.post-password-form,
.post-password-form p:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-md, 24px);
}

.post-password-form {
  padding: var(--spacing-lg, 32px);
  background: var(--surface-neutral-background-soft, #F5F5F5);
}
.post-password-form > p {
  margin: 0;
}
.post-password-form > p:empty {
  display: none;
}
.post-password-form > p:last-child > label {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
.post-password-form .post-password-form-invalid-password p {
  font-weight: 500;
  color: var(--color-error-500, #de350b);
  background-color: var(--color-error-50, #ffebe6);
  border: 1px solid var(--color-error-100, #ff8f73);
  border-radius: var(--border-radius-xs, 4px);
  padding: 10px;
}

/**
* =============================================================
* # Responsive
* =============================================================
*/
@media (max-width: 1080px) {
  .main-menu {
    display: none;
  }
  .overlay-menu-toggle {
    display: block;
  }
}
@media (max-width: 1680px) {
  :root {
    --root-font-size: 15.75px;
  }
}
@media (max-width: 1480px) {
  :root {
    --root-font-size: 15.5px;
  }
}
@media (max-width: 1280px) {
  :root {
    --root-font-size: 15.25px;
  }
}
@media (max-width: 1024px) {
  :root {
    --root-font-size: 15px;
  }
}
@media (max-width: 990px) {
  :root {
    --root-font-size: 14.75px;
  }
}
@media (max-width: 767px) {
  :root {
    --root-font-size: 14.25px;
    --spacing-container-inner: 20px;
    --site-header-height: 80px;
    --site-socket-height: 60px;
  }
}
@media (max-width: 480px) {
  :root {
    --root-font-size: 14px;
  }
}

.pixelpro-accordion .accordion-item {
  transition: var(--transition-default, 0.2s ease);
}
.pixelpro-accordion .accordion-item .media.is-image {
  max-width: 60px;
}
.pixelpro-accordion .accordion-item .media.is-svg {
  --icon-size: 24px;
}
.pixelpro-accordion .accordion-item .accordion-item-toggle {
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--spacing-sm, 16px);
  cursor: pointer;
}
.pixelpro-accordion .accordion-item .accordion-item-indicator {
  --icon-size: 18px;
  margin-left: auto;
  position: relative;
}
.pixelpro-accordion .accordion-item .accordion-item-indicator::before, .pixelpro-accordion .accordion-item .accordion-item-indicator::after {
  content: "";
  position: absolute;
  transition: width var(--transition-default, 0.2s ease), height var(--transition-default, 0.2s ease), background-color var(--transition-default, 0.2s ease);
}
.pixelpro-accordion .accordion-item .accordion-item-indicator::before {
  width: 100%;
  height: 2px;
}
.pixelpro-accordion .accordion-item .accordion-item-indicator::after {
  width: 2px;
  height: 100%;
}
.pixelpro-accordion .accordion-item.is-open .accordion-item-indicator::after {
  height: 0;
}
.pixelpro-accordion.has-default-layout .accordion-item {
  border-bottom: 1px solid var(--surface-neutral-border-soft, #D9D9D9);
}
.pixelpro-accordion.has-default-layout .accordion-item:first-child {
  border-top: 1px solid var(--surface-neutral-border-soft, #D9D9D9);
}
.pixelpro-accordion.has-default-layout .accordion-item .accordion-item-inner {
  padding-bottom: var(--spacing-sm, 16px);
}
.pixelpro-accordion.has-default-layout .accordion-item .accordion-item-toggle {
  padding: var(--spacing-sm, 16px) 0;
}
:where(.pixelpro-accordion.has-default-layout .accordion-item .accordion-item-icon) {
  background-color: var(--surface-brand-secondary-icon-soft, #9D60FF);
}
.pixelpro-accordion.has-default-layout .accordion-item .accordion-item-label {
  align-content: center;
  text-align: left;
  color: var(--text-color-neutral-medium, #737373);
  transition: color var(--transition-default, 0.2s ease);
}
.pixelpro-accordion.has-default-layout .accordion-item .accordion-item-indicator::before, .pixelpro-accordion.has-default-layout .accordion-item .accordion-item-indicator::after {
  background-color: var(--surface-neutral-icon-medium, #737373);
}
.pixelpro-accordion.has-default-layout .accordion-item:has(+ .is-open) {
  border-bottom-color: var(--surface-neutral-border-strong, #737373);
}
.pixelpro-accordion.has-default-layout .accordion-item:hover .accordion-item-label, .pixelpro-accordion.has-default-layout .accordion-item.is-open .accordion-item-label {
  color: var(--text-color-neutral-strong, #181818);
}
.pixelpro-accordion.has-default-layout .accordion-item:hover .accordion-item-indicator::before,
.pixelpro-accordion.has-default-layout .accordion-item:hover .accordion-item-indicator::after, .pixelpro-accordion.has-default-layout .accordion-item.is-open .accordion-item-indicator::before,
.pixelpro-accordion.has-default-layout .accordion-item.is-open .accordion-item-indicator::after {
  background-color: var(--surface-neutral-icon-strong, #181818);
}
.pixelpro-accordion.has-default-layout .accordion-item.is-open {
  border-color: var(--surface-neutral-border-strong, #737373);
}

.pixelpro-button {
  --pixelpro-button-min-height: 36px;
  --pixelpro-button-padding: var(--spacing-xs, 8px) var(--spacing-sm, 16px);
  --pixelpro-button-outline-width: 1px;
  --pixelpro-button-border-radius: var(--border-radius-xs, 4px);
  --pixelpro-button-color: var(--text-color-neutral-strong, #181818);
  --pixelpro-button-color-inverse: var(--text-color-neutral-strong-inverse, #FFF);
  --pixelpro-button-background-color: var(--surface-brand-primary-background-strong, #006DC7);
  --pixelpro-button-background-color-inverse: var(--surface-neutral-background, #FFF);
  --pixelpro-button-outline-color: var(--surface-brand-primary-border-strong, #006DC7);
  --pixelpro-button-outline-color-inverse: var(--surface-neutral-border-inverse-strong, #FFF);
  --pixelpro-button-icon-color: var(--surface-brand-primary-icon-medium, #006DC7);
  --pixelpro-button-icon-color-inverse: var(--surface-neutral-icon-inverse-strong, #FFF);
  --pixelpro-button-icon-color-neutral: var(--surface-neutral-icon-medium, #737373);
  --pixelpro-button-overlay-color: var(--color-overlay-default-8, rgba(0, 0, 0, 0.08));
  --pixelpro-button-overlay-color-active: var(--color-overlay-default-12, rgba(0, 0, 0, 0.12));
  --pixelpro-button-link-color: var(--color-brand-primary-500, #006DC7);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  min-height: var(--pixelpro-button-min-height);
  text-decoration: none;
  padding: var(--pixelpro-button-padding);
  border-radius: var(--pixelpro-button-border-radius);
  transition: var(--transition-default, 0.2s ease);
  background-color: var(--button-background-color);
  outline: var(--pixelpro-button-outline-width) solid var(--button-outline-color);
  outline-offset: -1px;
}
.pixelpro-button .button-label,
.pixelpro-button .button-icon {
  z-index: var(--z-index-content);
}
.pixelpro-button .button-label {
  color: var(--button-color);
}
.pixelpro-button .button-icon {
  background-color: var(--button-icon-color);
}
.pixelpro-button:not(.is-link-button)::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: var(--button-overlay-color);
  border-radius: var(--pixelpro-button-border-radius);
  transition: background-color var(--transition-default, 0.2s ease);
  pointer-events: none;
}
.pixelpro-button:hover {
  --button-overlay-color: var(--pixelpro-button-overlay-color);
}
.pixelpro-button:focus {
  outline-offset: calc(var(--pixelpro-button-outline-width) + 1px);
}
.pixelpro-button:active {
  --button-overlay-color: var(--pixelpro-button-overlay-color-active);
}
.pixelpro-button.is-primary-button:not(.is-inverse) {
  --button-color: var(--pixelpro-button-color-inverse);
  --button-background-color: var(--pixelpro-button-background-color);
  --button-icon-color: var(--pixelpro-button-icon-color-inverse);
  --button-outline-color: var(--pixelpro-button-outline-color);
}
.pixelpro-button.is-primary-button.is-inverse {
  --button-color: var(--pixelpro-button-color);
  --button-background-color: var(--pixelpro-button-background-color-inverse);
  --button-icon-color: var(--pixelpro-button-icon-color);
  --button-outline-color: var(--pixelpro-button-outline-color-inverse);
}
.pixelpro-button.is-secondary-button:not(.is-inverse) {
  --button-color: var(--pixelpro-button-color);
  --button-background-color: transparent;
  --button-icon-color: var(--pixelpro-button-icon-color);
  --button-outline-color: var(--pixelpro-button-outline-color);
}
.pixelpro-button.is-secondary-button:not(.is-inverse):hover, .pixelpro-button.is-secondary-button:not(.is-inverse):active {
  --button-color: var(--pixelpro-button-color-inverse);
  --button-background-color: var(--pixelpro-button-background-color);
  --button-icon-color: var(--pixelpro-button-icon-color-inverse);
}
.pixelpro-button.is-secondary-button.is-inverse {
  --button-color: var(--pixelpro-button-color-inverse);
  --button-background-color: transparent;
  --button-icon-color: var(--pixelpro-button-icon-color-inverse);
  --button-outline-color: var(--pixelpro-button-outline-color-inverse);
}
.pixelpro-button.is-secondary-button.is-inverse:hover, .pixelpro-button.is-secondary-button.is-inverse:active {
  --button-color: var(--pixelpro-button-color);
  --button-background-color: var(--pixelpro-button-background-color-inverse);
  --button-icon-color: var(--pixelpro-button-icon-color);
}
.pixelpro-button.is-ghost-button:not(.is-inverse) {
  --button-color: var(--pixelpro-button-color);
  --button-background-color: transparent;
  --button-icon-color: var(--pixelpro-button-icon-color);
  --button-outline-color: transparent;
}
.pixelpro-button.is-ghost-button:not(.is-inverse):focus {
  --button-color: var(--pixelpro-button-color);
  --button-outline-color: var(--pixelpro-button-outline-color);
  --button-icon-color: var(--pixelpro-button-icon-color);
}
.pixelpro-button.is-ghost-button.is-inverse {
  --button-color: var(--pixelpro-button-color-inverse);
  --button-background-color: transparent;
  --button-icon-color: var(--pixelpro-button-icon-color-inverse);
  --button-outline-color: transparent;
}
.pixelpro-button.is-ghost-button.is-inverse:hover {
  --button-color: var(--pixelpro-button-color-inverse);
  --button-icon-color: var(--pixelpro-button-icon-color-inverse);
}
.pixelpro-button.is-ghost-button.is-inverse:focus {
  --button-outline-color: var(--pixelpro-button-outline-color-inverse);
}
.pixelpro-button.is-link-button {
  --pixelpro-button-padding: 0;
}
.pixelpro-button.is-link-button:not(.is-inverse) {
  --button-color: var(--pixelpro-button-color);
  --button-background-color: transparent;
  --button-icon-color: var(--pixelpro-button-icon-color);
  --button-outline-color: transparent;
}
.pixelpro-button.is-link-button:not(.is-inverse):hover {
  --button-color: var(--pixelpro-button-link-color);
  --button-icon-color: var(--pixelpro-button-icon-color);
}
.pixelpro-button.is-link-button:not(.is-inverse):focus {
  --button-outline-color: var(--pixelpro-button-outline-color);
}
.pixelpro-button.is-link-button.is-inverse {
  --button-color: var(--pixelpro-button-color-inverse);
  --button-icon-color: var(--pixelpro-button-icon-color-inverse);
  --button-background-color: transparent;
  --button-outline-color: transparent;
}
.pixelpro-button.is-link-button.is-inverse:hover {
  --button-color: var(--pixelpro-button-link-color);
  --button-icon-color: var(--pixelpro-button-icon-color);
}
.pixelpro-button.is-link-button.is-inverse:focus {
  --button-outline-color: var(--pixelpro-button-outline-color-inverse);
}
.pixelpro-button.is-link-button:focus {
  outline-offset: 8px;
}
.pixelpro-button.is-icon-button:not(.is-link-button) {
  justify-content: center;
}
.pixelpro-button.is-icon-button:not(.is-link-button).is-size-md, .pixelpro-button.is-icon-button:not(.is-link-button).is-size-lg {
  aspect-ratio: 1;
  --pixelpro-button-padding: var(--spacing-xs, 8px);
}
.pixelpro-button.is-size-sm {
  --icon-size: var(--icon-size-xxs);
}
.pixelpro-button.is-size-sm:not(.is-link-button) {
  --pixelpro-button-min-height: 32px;
  --pixelpro-button-padding: var(--spacing-xs, 8px);
}
.pixelpro-button.is-size-sm .button-label {
  font-family: var(--text-button-sm-font-family, "DM Sans");
  font-size: var(--text-button-sm-font-size, 12px);
  font-weight: var(--text-button-sm-font-weight, 500);
  line-height: var(--text-button-sm-line-height, 1);
  letter-spacing: var(--text-button-sm-letter-spacing, 0);
}
.pixelpro-button.is-size-md {
  --icon-size: var(--icon-size-xxs);
}
.pixelpro-button.is-size-md:not(.is-link-button) {
  --pixelpro-button-min-height: 36px;
  --pixelpro-button-padding: var(--spacing-xs, 8px) var(--spacing-sm, 16px);
}
.pixelpro-button.is-size-md .button-label {
  font-family: var(--text-button-md-font-family, "DM Sans");
  font-size: var(--text-button-md-font-size, 14px);
  font-weight: var(--text-button-md-font-weight, 500);
  line-height: var(--text-button-md-line-height, 1);
  letter-spacing: var(--text-button-md-letter-spacing, 0.25px);
}
.pixelpro-button.is-size-lg {
  --icon-size: var(--icon-size-xs);
}
.pixelpro-button.is-size-lg:not(.is-link-button) {
  --pixelpro-button-min-height: 48px;
  --pixelpro-button-padding: var(--spacing-xs, 8px) var(--spacing-sm, 16px);
}
.pixelpro-button.is-size-lg .button-label {
  font-family: var(--text-button-lg-font-family, "DM Sans");
  font-size: var(--text-button-lg-font-size, 16px);
  font-weight: var(--text-button-lg-font-weight, 500);
  line-height: var(--text-button-lg-line-height, 1);
  letter-spacing: var(--text-button-lg-letter-spacing, 0.25px);
}

.pixelpro-contact {
  gap: var(--spacing-lg);
}
.pixelpro-contact:has(.post-grid-inner:not(.has-multiple-items)) {
  grid-template-columns: minmax(240px, 360px) 1fr;
}
.sidebar .pixelpro-contact:has(.post-grid-inner:not(.has-multiple-items)) {
  grid-template-columns: 1fr;
}
.pixelpro-contact:has(.post-grid-inner.has-multiple-items) {
  grid-template-columns: minmax(480px, 720px) 1fr;
}
.pixelpro-contact:has(.post-grid-inner.has-multiple-items) .post-grid-inner.has-multiple-items {
  grid-template-columns: repeat(2, 1fr);
}
.sidebar .pixelpro-contact:has(.post-grid-inner.has-multiple-items) {
  grid-template-columns: 1fr;
}

.pixelpro-headline {
  width: 100%;
  row-gap: var(--spacing-xs, 8px);
}
.pixelpro-headline .headline {
  margin: 0;
}
.pixelpro-headline:not(.has-icon-left) {
  display: flex;
  flex-direction: column;
}
.pixelpro-headline:not(.has-icon-left).has-text-align-center {
  align-items: center;
}
.pixelpro-headline.has-icon-left {
  display: grid;
  grid-template-columns: var(--icon-size) 1fr;
  grid-template-rows: auto auto;
  align-items: start;
  column-gap: var(--spacing-sm, 16px);
}
.pixelpro-headline.has-icon-left .headline-icon {
  grid-column: 1;
}
.pixelpro-headline.has-icon-left .headline {
  grid-column: 2;
}
.pixelpro-headline.has-icon-left .tagline {
  grid-column: span 2;
}
.pixelpro-headline.has-icon-left.has-tagline-top .headline {
  order: 2;
}
.pixelpro-headline.has-icon-left.has-tagline-top .tagline {
  order: 1;
}
.pixelpro-headline.has-icon-left.has-tagline-top .headline-icon {
  grid-row: 2;
}
.pixelpro-headline.has-icon-left.has-tagline-bottom .headline {
  order: 1;
}
.pixelpro-headline.has-icon-left.has-tagline-bottom .tagline {
  order: 2;
}
.pixelpro-headline.has-icon-left.has-tagline-bottom .headline-icon {
  grid-row: 1;
}
.pixelpro-headline:has(h1, .is-style-h1) {
  --icon-size: var(--text-heading-xxl-font-size, 4rem);
}
.pixelpro-headline:has(h2, .is-style-h2) {
  --icon-size: var(--text-heading-xl-font-size, 2.5rem);
}
.pixelpro-headline:has(h3, .is-style-h3) {
  --icon-size: var(--text-heading-lg-font-size, 2rem);
}
.pixelpro-headline:has(h4, .is-style-h4) {
  --icon-size: var(--text-heading-md-font-size, 1.75rem);
}
.pixelpro-headline:has(h5, .is-style-h5) {
  --icon-size: var(--text-heading-sm-font-size, 1.5rem);
}
.pixelpro-headline:has(h6, .is-style-h6) {
  --icon-size: var(--text-heading-xs-font-size, 1.25rem);
}
.pixelpro-headline:has(span.headline) {
  --icon-size: var(--text-tagline-font-size, 1rem);
}

.pixelpro-list .list-item.has-icon {
  display: grid;
  grid-template-columns: var(--icon-size) 1fr;
  column-gap: 10px;
  list-style: none;
}
.pixelpro-list .list-item.has-icon > .pixelpro-list {
  grid-column: 2;
}
.pixelpro-list .list-item.has-icon .list-item-icon {
  margin-top: 0.2em;
}
.pixelpro-list:has(.has-icon) {
  padding-left: 0;
}
.pixelpro-list.is-style-text-xs {
  --icon-size: var(--text-text-xs-font-size, 12px);
}
.pixelpro-list.is-style-text-sm {
  --icon-size: var(--text-text-sm-font-size, 14px);
}
.pixelpro-list.is-style-text-md {
  --icon-size: var(--text-text-md-font-size, 16px);
}
.pixelpro-list.is-style-text-lg {
  --icon-size: var(--text-text-lg-font-size, 20px);
}

.pixelpro-paragraph {
  width: 100%;
}

.pixelpro-popup {
  height: 100%;
  position: fixed;
  inset: 0;
  transition: opacity 0.4s ease-out;
  pointer-events: none;
  opacity: 0;
  backdrop-filter: blur(5px);
  z-index: var(--z-index-modal);
}
.pixelpro-popup.is-active {
  pointer-events: all;
  opacity: 1;
}
.pixelpro-popup .popup-inner {
  min-height: unset;
}
.pixelpro-popup .popup-background {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.pixelpro-popup .popup-content {
  background-color: var(--surface-neutral-background, #FFF);
  position: relative;
  transition: 0.6s ease;
  overflow-y: auto;
}
.pixelpro-popup .popup-content .popup-inner {
  padding: var(--spacing-xl);
}
.pixelpro-popup.has-default-layout {
  justify-content: center;
  align-items: center;
}
.pixelpro-popup.has-default-layout .popup-content {
  max-width: 880px;
  transform: scale(0.5);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.pixelpro-popup.has-slide-layout {
  align-items: flex-end;
}
.pixelpro-popup.has-slide-layout .popup-content {
  max-width: 600px;
  height: 100%;
  transform: translateX(100%);
}
.pixelpro-popup.has-full-layout .popup-content {
  width: 100%;
  height: 100%;
}
.pixelpro-popup.has-full-layout .popup-content .popup-inner {
  flex-grow: 1;
}
.pixelpro-popup.is-active.has-default-layout .popup-content {
  transform: scale(1);
}
.pixelpro-popup.is-active.has-slide-layout .popup-content {
  transform: translateX(0);
}

.popup-close {
  --icon-size: 20px;
  position: absolute;
  top: var(--spacing-sm);
  right: var(--spacing-sm);
  transform: rotate(45deg);
  cursor: pointer;
}
.popup-close span {
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  transition: background-color 0.2s ease-out;
}
.popup-close span:nth-child(1) {
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.popup-close span:nth-child(2) {
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.popup-close:hover span {
  background-color: rgba(0, 0, 0, 0.9);
}

.pixelpro-social-media {
  align-items: center;
  gap: var(--spacing-sm, 16px);
  /* item */
  /* icon */
  /* label */
  /* multi color */
  /* uni color */
}
.pixelpro-social-media .social-media-item {
  width: auto;
  align-items: center;
  gap: var(--spacing-xs);
  text-decoration: none;
  cursor: pointer;
}
.pixelpro-social-media .social-media-icon {
  --icon-scale: 1;
  --icon-size: calc(var(--svg-size, 22px) * 1.4);
  --svg-size: 22px;
  --icon-color-uni: var(--color-neutral-500, #737373);
  --icon-color-cut: var(--color-neutral-white, #ffffff);
  flex-grow: 1;
  transition: transform var(--transition-default, 0.2s ease);
}
.pixelpro-social-media .social-media-icon svg {
  width: calc(var(--svg-size, 22px) * var(--icon-scale, 1));
}
.pixelpro-social-media .social-media-icon path {
  transition: fill var(--transition-default, 0.2s ease);
}
.pixelpro-social-media .social-media-icon .path-cut {
  fill: var(--icon-color-cut);
}
.pixelpro-social-media .social-media-icon.icon-facebook {
  --icon-scale: 1.1;
  --icon-color-brand-primary: #0866FF;
}
.pixelpro-social-media .social-media-icon.icon-youtube {
  --icon-scale: 1.4;
  --icon-color-brand-primary: #ff0033;
}
.pixelpro-social-media .social-media-icon.icon-xing {
  --icon-scale: 0.9;
  --icon-color-brand-primary: #0698A0;
  --icon-color-brand-secondary: #B7DF4B;
}
.pixelpro-social-media .social-media-icon.icon-linkedin {
  --icon-color-brand-primary: #007EBB;
}
.pixelpro-social-media .social-media-icon.icon-whatsapp {
  --icon-color-brand-primary: #25D366;
}
.pixelpro-social-media .social-media-icon.icon-skype {
  --icon-scale: 1.1;
  --icon-color-brand-primary: #00AFF0;
}
.pixelpro-social-media .social-media-icon.icon-x {
  --icon-color-brand-primary: #000000;
}
.pixelpro-social-media .social-media-icon.icon-tiktok {
  --icon-color-brand-primary: #000000;
  --icon-color-brand-secondary: #FF004F;
  --icon-color-brand-tertiary: #00F2EA;
}
.pixelpro-social-media .social-media-icon.icon-instagram {
  --icon-color-brand-primary: url(#path-primary);
  --icon-color-brand-secondary: url(#path-secondary);
  --icon-color-brand-tertiary: url(#path-tertiary);
  --icon-color-brand-quaternary: url(#path-quaternary);
}
.pixelpro-social-media .social-media-label {
  font-size: var(--text-size-and-height-12);
  white-space: nowrap;
  color: var(--text-color-neutral-medium, #737373);
  opacity: 0.5;
}
.pixelpro-social-media.has-multicolor .social-media-item .path-primary {
  fill: var(--icon-color-brand-primary);
}
.pixelpro-social-media.has-multicolor .social-media-item .path-secondary {
  fill: var(--icon-color-brand-secondary);
}
.pixelpro-social-media.has-multicolor .social-media-item .path-tertiary {
  fill: var(--icon-color-brand-tertiary);
}
.pixelpro-social-media.has-multicolor .social-media-item .path-quaternary {
  fill: var(--icon-color-brand-quaternary);
}
.pixelpro-social-media.has-unicolor .social-media-item path:not(.path-cut) {
  fill: var(--icon-color-uni);
}
.pixelpro-social-media.has-unicolor .social-media-item .icon-instagram .path-quaternary {
  fill: transparent;
}
.pixelpro-social-media.has-unicolor .social-media-item .icon-tiktok .path-secondary,
.pixelpro-social-media.has-unicolor .social-media-item .icon-tiktok .path-tertiary {
  fill: color-mix(in srgb, var(--icon-color-uni) 40%, transparent);
}
.pixelpro-social-media.has-unicolor .social-media-item:hover .path-primary {
  fill: var(--icon-color-brand-primary);
}
.pixelpro-social-media.has-unicolor .social-media-item:hover .path-secondary {
  fill: var(--icon-color-brand-secondary);
}
.pixelpro-social-media.has-unicolor .social-media-item:hover .path-tertiary {
  fill: var(--icon-color-brand-tertiary);
}
.pixelpro-social-media.has-unicolor .social-media-item:hover .path-quaternary {
  fill: var(--icon-color-brand-quaternary);
}

.pixelpro-tab {
  /* toggles */
  /* panels */
  /* tabs position */
  /* layout */
}
.pixelpro-tab .tab-item-toggles {
  display: flex;
}
.pixelpro-tab .tab-item-toggle {
  align-items: center;
  cursor: pointer;
}
.pixelpro-tab .tab-item-label {
  align-content: center;
}
.pixelpro-tab .tab-item-panels {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: start;
}
.pixelpro-tab .tab-item-panel {
  grid-column: 1;
  grid-row: 1;
}
.pixelpro-tab .tab-item-panel:not(.is-active) {
  display: none;
  opacity: 0;
  pointer-events: none;
}
.pixelpro-tab .tab-item-panel.is-active {
  display: block;
  opacity: 1;
  pointer-events: all;
}
.pixelpro-tab.has-tabs-left .tab-inner {
  grid-template-columns: 1fr 3.25fr;
}
.pixelpro-tab.has-tabs-left .tab-item-toggles {
  flex-direction: column;
}
.pixelpro-tab.has-tabs-top .tab-item-toggles {
  width: auto;
  flex-grow: 1;
  overflow: hidden;
}
.pixelpro-tab.has-default-layout .tab-item-icon {
  --icon-size: 22px;
}
.pixelpro-tab.has-default-layout .tab-item-toggle {
  flex-wrap: nowrap;
  min-height: 36px;
  padding: var(--spacing-sm, 16px);
  gap: var(--spacing-xs, 8px);
  transition: border-color var(--transition-default, 0.2s ease), background-color var(--transition-default, 0.2s ease);
}
.pixelpro-tab.has-default-layout .tab-item-toggle .media.is-image,
.pixelpro-tab.has-default-layout .tab-item-toggle .media-is-video {
  max-width: 40px;
}
.pixelpro-tab.has-default-layout .tab-item-toggle:hover .tab-item-label {
  color: var(--text-color-neutral-strong, #181818);
}
.pixelpro-tab.has-default-layout .tab-item-toggle:hover .tab-item-indicator,
.pixelpro-tab.has-default-layout .tab-item-toggle:hover .tab-item-icon {
  background-color: var(--surface-neutral-icon-strong, #181818);
}
.pixelpro-tab.has-default-layout .tab-item-toggle.is-active {
  background-color: var(--surface-neutral-background-soft, #F5F5F5);
}
.pixelpro-tab.has-default-layout .tab-item-toggle.is-active .tab-item-label {
  color: var(--text-color-brand-primary-strong, #124167);
}
.pixelpro-tab.has-default-layout .tab-item-toggle.is-active .tab-item-indicator,
.pixelpro-tab.has-default-layout .tab-item-toggle.is-active .tab-item-icon {
  background-color: var(--surface-brand-primary-icon-medium, #006DC7);
}
.pixelpro-tab.has-default-layout .tab-item-label {
  color: var(--text-color-neutral-medium, #737373);
  text-align: left;
  transition: color var(--transition-default, 0.2s ease);
}
.pixelpro-tab.has-default-layout .tab-item-indicator {
  --icon-size: 22px;
  --media-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M14.192 10.4422L7.94205 16.6922C7.88398 16.7502 7.81504 16.7963 7.73917 16.8277C7.6633 16.8592 7.58198 16.8753 7.49986 16.8753C7.41774 16.8753 7.33642 16.8592 7.26055 16.8277C7.18468 16.7963 7.11574 16.7502 7.05767 16.6922C6.9996 16.6341 6.95354 16.5652 6.92211 16.4893C6.89069 16.4134 6.87451 16.3321 6.87451 16.25C6.87451 16.1679 6.89069 16.0865 6.92211 16.0107C6.95354 15.9348 6.9996 15.8659 7.05767 15.8078L12.8663 9.99998L7.05767 4.19217C6.9404 4.07489 6.87451 3.91583 6.87451 3.74998C6.87451 3.58413 6.9404 3.42507 7.05767 3.30779C7.17495 3.19052 7.33401 3.12463 7.49986 3.12463C7.66571 3.12463 7.82477 3.19052 7.94205 3.30779L14.192 9.55779C14.2502 9.61584 14.2963 9.68477 14.3277 9.76064C14.3592 9.83652 14.3754 9.91785 14.3754 9.99998C14.3754 10.0821 14.3592 10.1634 14.3277 10.2393C14.2963 10.3152 14.2502 10.3841 14.192 10.4422Z'/%3E%3C/svg%3E%0A");
  background-color: var(--text-color-neutral-medium, #737373);
  margin-left: auto;
  transition: background-color var(--transition-default, 0.2s ease);
}
:where(.pixelpro-tab.has-default-layout .tab-item-icon) {
  background-color: var(--surface-neutral-icon-medium, #737373);
  transition: background-color var(--transition-default, 0.2s ease);
}
.pixelpro-tab.has-default-layout .tab-item-panel {
  padding: var(--spacing-lg, 32px);
  background-color: var(--surface-neutral-background-soft, #F5F5F5);
}
.pixelpro-tab.has-default-layout.has-tabs-left .tab-item-toggle {
  border-left: 2px solid var(--surface-neutral-border-soft, #D9D9D9);
}
.pixelpro-tab.has-default-layout.has-tabs-left .tab-item-toggle.is-active {
  border-left-color: var(--surface-brand-primary-border-strong, #006DC7);
}
.pixelpro-tab.has-default-layout.has-tabs-top .tab-item-toggles {
  border-top: 1px solid var(--surface-neutral-border-soft, #D9D9D9);
  border-left: 1px solid var(--surface-neutral-border-soft, #D9D9D9);
  border-right: 1px solid var(--surface-neutral-border-soft, #D9D9D9);
  border-radius: var(--border-radius-sm, 8px) var(--border-radius-sm, 8px) 0 0;
}
.pixelpro-tab.has-default-layout.has-tabs-top .tab-item-toggles .tab-item-toggle {
  border-bottom: 2px solid var(--surface-neutral-border-soft, #D9D9D9);
}
.pixelpro-tab.has-default-layout.has-tabs-top .tab-item-toggles .tab-item-toggle.is-active {
  border-bottom-color: var(--surface-brand-primary-border-strong, #006DC7);
}

/**
* Jaxida Badges (docs/jaxida-blocks.md, Abschnitt 4)
* Export Vertrauen: <div display flex; justifyContent center; gap 0; flexWrap wrap; marginTop 40>
*   <span 12.5px 500 .16em uppercase steel; padding 0 24px; borderLeft 1px mist (erstes ohne)>
*/
.pixelpro-jaxida-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  margin-top: var(--jaxida-badges-margin-top, 40px);
}
.pixelpro-jaxida-badges .jaxida-badge {
  font-family: var(--font-sans);
  font-size: 12.5px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  line-height: 1.5;
  color: var(--steel);
  padding: 0 24px;
  border-left: 1px solid var(--mist);
}
.pixelpro-jaxida-badges .jaxida-badge:first-child {
  border-left: none;
}
.pixelpro-jaxida-badges.jaxida-align-center {
  justify-content: center;
}
.is-tone-dark .pixelpro-jaxida-badges .jaxida-badge {
  color: var(--text-on-dark-muted);
  border-left-color: rgba(255, 255, 255, 0.16);
}
@media (max-width: 700px) {
  .pixelpro-jaxida-badges {
    row-gap: 10px;
  }
  .pixelpro-jaxida-badges .jaxida-badge {
    padding: 0 16px;
  }
}

/**
* Jaxida Karten + Karte (docs/jaxida-blocks.md, Abschnitt 7) – SCSS für pixelpro/jaxida-cards UND pixelpro/jaxida-card
* Export:
*   Drei Welten  .jx-three grid 3 × 1fr gap 24; .jx-imgcard (#fff, border mist-lt, radius-lg, hover lift -4px + shadow + border gold);
*                .jx-imgcard-media aspect 16/11; body 28px 28px 30px; icon 40px navy (hover gold) mb 16; h3 24 mb 8; p mb 20; Plus-Link
*   Maßgefertigt gap 48; border-top 1px gold; padding-top 26; Haken 14 + „SCHRITT 01“ 12px 500 .24em steel mb 18; h3 24; p
*   Cover-Set    Ziffern-Badges 34px navy/#fff 16px 500, „+“ navy 18px; Reihe gap 14 mb 20; h3 22
*   DasCover     Zeile: <a display flex; align center; gap 22; padding 24px 28px> Icon 34 | h3 21 + p 16 (mt 4), ganze Karte Link
*   Säcke        Zeile mit Farbpunkt 16px rund
*/
/**
* -------------------------------------------------------------
* Container (Raster)
* -------------------------------------------------------------
*/
.pixelpro-jaxida-cards {
  width: 100%;
}
.pixelpro-jaxida-cards > .jaxida-cards-inner {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--jaxida-cards-gap, 24px);
  align-items: stretch;
}
.pixelpro-jaxida-cards > .jaxida-cards-inner.has-columns-1 {
  grid-template-columns: minmax(0, 1fr);
}
.pixelpro-jaxida-cards > .jaxida-cards-inner.has-columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pixelpro-jaxida-cards > .jaxida-cards-inner.has-columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pixelpro-jaxida-cards > .jaxida-cards-inner.has-columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pixelpro-jaxida-cards > .jaxida-cards-inner.has-columns-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 1040px) {
  .pixelpro-jaxida-cards > .jaxida-cards-inner.has-columns-4, .pixelpro-jaxida-cards > .jaxida-cards-inner.has-columns-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .pixelpro-jaxida-cards > .jaxida-cards-inner.has-columns-2, .pixelpro-jaxida-cards > .jaxida-cards-inner.has-columns-3 {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 700px) {
  .pixelpro-jaxida-cards > .jaxida-cards-inner.has-columns-4, .pixelpro-jaxida-cards > .jaxida-cards-inner.has-columns-5 {
    grid-template-columns: minmax(0, 1fr);
  }
}

/**
* -------------------------------------------------------------
* Karte (Standard = weiße Karte mit Hover; Stil/Hover werden vom Container über .jaxida-cards-inner gesteuert)
* -------------------------------------------------------------
*/
.pixelpro-jaxida-card {
  --jaxida-card-background: #fff;
  --jaxida-card-border: var(--mist-lt);
  --jaxida-card-hover-transform: translateY(-4px);
  --jaxida-card-hover-shadow: var(--shadow-card-hover, 0 18px 40px rgba(0, 46, 91, 0.10));
  --jaxida-card-hover-border: var(--gold);
  --jaxida-card-icon: var(--navy);
  --jaxida-card-hover-icon: var(--gold);
  position: relative;
  height: 100%;
  background-color: var(--jaxida-card-background);
  border: 1px solid var(--jaxida-card-border);
  border-radius: var(--radius-lg, 10px);
  overflow: hidden;
  color: inherit;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.pixelpro-jaxida-card:hover {
  transform: var(--jaxida-card-hover-transform);
  box-shadow: var(--jaxida-card-hover-shadow);
  border-color: var(--jaxida-card-hover-border);
}
.pixelpro-jaxida-card:hover .jaxida-card-icon {
  color: var(--jaxida-card-hover-icon);
}
.pixelpro-jaxida-card.has-aspect-ratio-1-1 {
  aspect-ratio: auto;
}
.pixelpro-jaxida-card .jaxida-card-media {
  display: block;
  flex: none;
  width: 100%;
  margin: 0;
  aspect-ratio: 16/11;
  overflow: hidden;
}
.pixelpro-jaxida-card .jaxida-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pixelpro-jaxida-card.has-aspect-ratio-4-3 .jaxida-card-media {
  aspect-ratio: 4/3;
}
.pixelpro-jaxida-card.has-aspect-ratio-16-9 .jaxida-card-media {
  aspect-ratio: 16/9;
}
.pixelpro-jaxida-card.has-aspect-ratio-1-1 .jaxida-card-media {
  aspect-ratio: 1/1;
}
.pixelpro-jaxida-card .jaxida-card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  width: 100%;
  padding: 40px 44px;
  box-sizing: border-box;
}
@media (max-width: 989px) {
  .pixelpro-jaxida-card .jaxida-card-body {
    padding: 32px 24px;
  }
}
.pixelpro-jaxida-card .jaxida-card-content {
  gap: 0;
}
.pixelpro-jaxida-card .jaxida-card-icon {
  display: flex;
  align-items: center;
  height: 40px;
  margin-bottom: 16px;
  color: var(--jaxida-card-icon);
  transition: color 0.3s ease;
}
.pixelpro-jaxida-card .jaxida-card-icon svg {
  display: block;
  width: auto;
}
.pixelpro-jaxida-card .jaxida-card-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.24em;
  text-transform: uppercase;
  line-height: 1.4;
  color: var(--steel);
}
.pixelpro-jaxida-card .jaxida-card-eyebrow::before {
  content: "";
  display: inline-block;
  flex: none;
  width: 14px;
  height: 14px;
  background: var(--gold);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.pixelpro-jaxida-card .jaxida-card-badges {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
}
.pixelpro-jaxida-card .jaxida-card-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: var(--navy);
  color: #fff;
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: var(--fw-medium);
  line-height: 1;
}
.pixelpro-jaxida-card .jaxida-card-badge-plus {
  color: var(--navy);
  font-family: var(--font-sans);
  font-size: 18px;
  font-weight: var(--fw-regular);
  line-height: 1;
}
.pixelpro-jaxida-card .jaxida-card-dot {
  display: block;
  flex: none;
  width: 16px;
  height: 16px;
  margin-bottom: 16px;
  border-radius: 50%;
}
.pixelpro-jaxida-card .jaxida-h3 + .jaxida-copy {
  margin-top: 8px;
}
.pixelpro-jaxida-card .jaxida-copy + .pixelpro-button-group {
  margin-top: 20px;
}
.pixelpro-jaxida-card .jaxida-card-link {
  display: block;
  text-decoration: none;
}
.pixelpro-jaxida-card.has-link {
  cursor: pointer;
}
.pixelpro-jaxida-card.has-row-layout .jaxida-card-body {
  flex-direction: row;
  align-items: center;
  gap: 22px;
  padding: 24px 28px;
}
.pixelpro-jaxida-card.has-row-layout .jaxida-card-icon {
  height: auto;
  margin-bottom: 0;
}
.pixelpro-jaxida-card.has-row-layout .jaxida-card-eyebrow,
.pixelpro-jaxida-card.has-row-layout .jaxida-card-badges,
.pixelpro-jaxida-card.has-row-layout .jaxida-card-dot {
  margin-bottom: 0;
}
.pixelpro-jaxida-card.has-row-layout .jaxida-card-content {
  flex: 1 1 auto;
}
.pixelpro-jaxida-card.has-row-layout .jaxida-h3 {
  font-size: 21px;
  line-height: 1.2;
}
.pixelpro-jaxida-card.has-row-layout .jaxida-copy {
  font-size: 16px;
}
.pixelpro-jaxida-card.has-row-layout .jaxida-h3 + .jaxida-copy {
  margin-top: 4px;
}
.is-tone-dark .pixelpro-jaxida-card {
  --jaxida-card-background: rgba(255, 255, 255, 0.04);
  --jaxida-card-border: rgba(255, 255, 255, 0.16);
  --jaxida-card-hover-shadow: none;
  --jaxida-card-hover-border: var(--gold-lt);
  --jaxida-card-icon: #fff;
  --jaxida-card-hover-icon: var(--gold-lt);
}
.is-tone-dark .pixelpro-jaxida-card .jaxida-card-badge-plus {
  color: #fff;
}
.is-tone-dark .pixelpro-jaxida-card .jaxida-card-eyebrow {
  color: var(--text-on-dark-muted);
}
.is-tone-dark .pixelpro-jaxida-card .jaxida-card-eyebrow::before {
  background: var(--gold-lt);
}

/**
* -------------------------------------------------------------
* Kartenstil und Hover, gesteuert vom Container (Inner-Klassen has-*-style / has-hover)
* -------------------------------------------------------------
*/
.jaxida-cards-inner.has-line-style .pixelpro-jaxida-card {
  --jaxida-card-background: transparent;
  --jaxida-card-border: var(--gold);
  --jaxida-card-hover-shadow: none;
  border-width: 0;
  border-top-width: 1px;
  border-radius: 0;
  overflow: visible;
}
.jaxida-cards-inner.has-line-style .pixelpro-jaxida-card .jaxida-card-body {
  padding: 26px 0 0;
}
.jaxida-cards-inner.has-line-style .pixelpro-jaxida-card .jaxida-card-media {
  border-radius: var(--radius-lg, 10px);
}
.jaxida-cards-inner.has-line-style .pixelpro-jaxida-card .jaxida-card-media + .jaxida-card-body {
  padding-top: 22px;
}
.jaxida-cards-inner.has-plain-style .pixelpro-jaxida-card {
  --jaxida-card-background: transparent;
  --jaxida-card-border: transparent;
  --jaxida-card-hover-border: transparent;
  --jaxida-card-hover-shadow: none;
  border-width: 0;
  border-radius: 0;
  overflow: visible;
}
.jaxida-cards-inner.has-plain-style .pixelpro-jaxida-card .jaxida-card-body {
  padding: 0;
}
.jaxida-cards-inner.has-plain-style .pixelpro-jaxida-card .jaxida-card-media {
  border-radius: var(--radius-lg, 10px);
  margin-bottom: 22px;
}
.jaxida-cards-inner:not(.has-hover) .pixelpro-jaxida-card {
  --jaxida-card-hover-transform: none;
  --jaxida-card-hover-shadow: none;
  --jaxida-card-hover-border: var(--jaxida-card-border);
  --jaxida-card-hover-icon: var(--jaxida-card-icon);
}
.jaxida-cards-inner.has-line-style .pixelpro-jaxida-card .jaxida-copy {
  max-width: 34ch;
}

/**
* Jaxida Spalte (docs/jaxida-blocks.md, Abschnitt 5) – Kind von .pixelpro-jaxida-columns
* Export: <div class="jx-sticky"> (position sticky; top 110px; align-self start; < 900px static)
* Sticky-Klasse .jaxida-sticky ist global (src/scss/main-partials/_utility.scss); hier nur die Block-Defaults.
*/
.jaxida-column {
  min-width: 0;
}
.jaxida-column > .jaxida-column-inner {
  width: 100%;
}
.jaxida-column.jaxida-sticky {
  position: sticky;
  top: 110px;
  align-self: start;
}
@media (max-width: 900px) {
  .jaxida-column.jaxida-sticky {
    position: static;
  }
}

/**
* Jaxida Spalten (docs/jaxida-blocks.md, Abschnitt 5)
* Export .jx-sfgrid: <div style="display:grid; grid-template-columns: 1fr 1.35fr; gap: 60px; align-items: start">
*         < 900px: grid-template-columns: 1fr; gap: 40px; .jx-sticky -> static
* Grid-Definition liegt auf dem Inner (.jaxida-columns-inner); im Editor sind die Grid-Kinder die
* Gutenberg-Wrapper (.block-editor-block-list__block) der Spalten.
*/
.pixelpro-jaxida-columns {
  width: 100%;
}
.pixelpro-jaxida-columns > .jaxida-columns-inner {
  grid-template-columns: var(--jaxida-columns-left, 1fr) var(--jaxida-columns-right, 1fr);
  gap: var(--jaxida-columns-gap, 60px);
  align-items: start;
}
.pixelpro-jaxida-columns > .jaxida-columns-inner > * {
  min-width: 0;
}
@media (max-width: 900px) {
  .pixelpro-jaxida-columns > .jaxida-columns-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .pixelpro-jaxida-columns > .jaxida-columns-inner.has-reverse-mobile > :nth-child(2) {
    order: -1;
  }
}

/**
* Jaxida Kontaktdaten (docs/jaxida-blocks.md, Abschnitt 14)
* Export: KontaktdatenK – Liste border-top 1px gold (mt 40 zum Sektionskopf)
*         Zeile .jx-krow: grid 160px 1fr; gap 24; padding 22px 0; border-bottom mist-lt
*         Kopf 11.5px 500 .16em uppercase steel pt 5 · Inhalt navy 300 18px lh 1.6 · Links .jx-klink (navy, border-bottom gold, hover gold)
*         < 640px: 1 Spalte, gap 6
*/
.pixelpro-jaxida-contact-data {
  width: 100%;
  gap: 0;
  border-top: 1px solid var(--gold, #c2a046);
}
.pixelpro-jaxida-contact-data .jaxida-contact-row {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 24px;
  padding: 22px 0;
  border-bottom: 1px solid var(--mist-lt, #dce5ef);
}
.pixelpro-jaxida-contact-data .jaxida-contact-row-head {
  padding-top: 5px;
  font-size: 11.5px;
  font-weight: var(--fw-medium, 500);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--steel, #4e678c);
}
.pixelpro-jaxida-contact-data .jaxida-contact-row-body {
  min-width: 0;
  font-family: var(--font-sans);
  font-weight: var(--fw-light, 300);
  font-size: 18px;
  line-height: 1.6;
  color: var(--navy, #002e5b);
  overflow-wrap: anywhere;
}
.pixelpro-jaxida-contact-data .jaxida-klink {
  color: var(--navy, #002e5b);
  text-decoration: none;
  border-bottom: 1px solid var(--gold, #c2a046);
  transition: color 0.2s ease;
}
.pixelpro-jaxida-contact-data .jaxida-klink:hover, .pixelpro-jaxida-contact-data .jaxida-klink:focus-visible {
  color: var(--gold, #c2a046);
}
@media (max-width: 640px) {
  .pixelpro-jaxida-contact-data .jaxida-contact-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

/**
* Jaxida Formular (docs/jaxida-blocks.md, Abschnitt 12)
* Export: Anfrage (Sections.jsx: Routing-Buttons .jx-route + weiße Karte), AnfrageSegelflug/AnfrageAntrieb
*   (SegelflugForm.jsx/AntriebForm.jsx: .jx-anfgrid 1.15fr .85fr, Fortschritt, Schritt-Navigation .jx-stepbtn, Bild sticky 3/4).
* Die Gestaltung der CF7-Felder selbst steht global in src/scss/main-partials/_form.scss.
*/
@keyframes jaxida-form-fade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.pixelpro-jaxida-form {
  position: relative;
  width: 100%;
  font-family: var(--font-sans);
}
.pixelpro-jaxida-form .jaxida-form-routes {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0;
}
.pixelpro-jaxida-form.has-open-panel .jaxida-form-routes {
  margin-bottom: 40px;
}
.pixelpro-jaxida-form .jaxida-form-route {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: var(--fw-medium);
  line-height: 1.2;
  letter-spacing: 0.03em;
  padding: 14px 22px;
  border-radius: var(--radius);
  border: 1px solid var(--mist);
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: all 0.2s ease;
}
@media (max-width: 479px) {
  .pixelpro-jaxida-form .jaxida-form-route {
    width: 100%;
  }
}
.pixelpro-jaxida-form .jaxida-form-route::before {
  content: "";
  display: inline-block;
  flex: none;
  width: 12px;
  height: 12px;
  background: var(--gold);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.pixelpro-jaxida-form .jaxida-form-route:hover {
  border-color: var(--gold);
}
.pixelpro-jaxida-form .jaxida-form-route:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
}
.pixelpro-jaxida-form .jaxida-form-route[data-active] {
  background: var(--navy);
  color: #fff;
  border-color: var(--navy);
}
.pixelpro-jaxida-form .jaxida-form-route[data-active]::before {
  background: #fff;
}
.pixelpro-jaxida-form .jaxida-form-panels {
  width: 100%;
}
.pixelpro-jaxida-form .jaxida-form-panel[hidden] {
  display: none;
}
.pixelpro-jaxida-form .jaxida-form-card {
  background: #fff;
  border: 1px solid var(--mist-lt);
  border-radius: var(--radius-lg);
  padding: 40px clamp(24px, 4vw, 48px);
  max-width: 720px;
}
.pixelpro-jaxida-form.has-wide-card .jaxida-form-card {
  max-width: none;
}
.pixelpro-jaxida-form .jaxida-form-head {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--mist-lt);
  padding-bottom: 18px;
  margin-bottom: 26px;
}
.pixelpro-jaxida-form .jaxida-form-head h3 {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 20px;
  font-weight: var(--fw-regular);
  line-height: 1.3;
  color: var(--navy);
}
.pixelpro-jaxida-form .jaxida-form-body[hidden] {
  display: none;
}
.pixelpro-jaxida-form .wpcf7 .jaxida-form-grid.is-wide-only {
  grid-template-columns: 1fr;
}
.pixelpro-jaxida-form.has-wide-card .wpcf7 .jaxida-form-grid.is-wide-only {
  grid-template-columns: 1fr 1fr;
  column-gap: 28px;
}
@media (max-width: 700px) {
  .pixelpro-jaxida-form.has-wide-card .wpcf7 .jaxida-form-grid.is-wide-only {
    grid-template-columns: 1fr;
  }
}
.pixelpro-jaxida-form .jaxida-form-actions {
  margin-top: 6px;
}
.pixelpro-jaxida-form .jaxida-form-success {
  text-align: center;
  padding: 24px 0;
}
.pixelpro-jaxida-form .jaxida-form-success[hidden] {
  display: none;
}
.pixelpro-jaxida-form .jaxida-form-success .jaxida-form-success-check {
  --jaxida-check-size: 20px;
  --jaxida-check-color: var(--gold);
  display: inline-block;
}
.pixelpro-jaxida-form .jaxida-form-success h3 {
  margin: 16px 0 8px;
  font-family: var(--font-sans);
  font-size: 26px;
  font-weight: var(--fw-light);
  line-height: 1.2;
  color: var(--navy);
}
.pixelpro-jaxida-form .jaxida-form-success p {
  margin: 0;
  font-size: 16px;
  font-weight: var(--fw-light);
  line-height: 1.6;
  color: var(--steel);
}
.pixelpro-jaxida-form .jaxida-form-progress {
  margin-bottom: 34px;
}
.pixelpro-jaxida-form .jaxida-form-progress-steps {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
.pixelpro-jaxida-form .jaxida-form-progress-steps span {
  flex: 1;
  text-align: center;
  font-size: 11.5px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.4;
  color: var(--mist);
  transition: color 0.3s ease;
}
.pixelpro-jaxida-form .jaxida-form-progress-steps span.is-done {
  color: var(--navy);
}
.pixelpro-jaxida-form .jaxida-form-progress-bar {
  height: 2px;
  background: var(--mist-lt);
  border-radius: 2px;
  overflow: hidden;
}
.pixelpro-jaxida-form .jaxida-form-progress-fill {
  display: block;
  height: 100%;
  width: 0;
  background: var(--gold);
  transition: width 0.4s ease;
}
.pixelpro-jaxida-form .jaxida-form-progress-title {
  margin-top: 18px;
  font-size: 20px;
  font-weight: var(--fw-regular);
  line-height: 1.3;
  color: var(--navy);
}
.pixelpro-jaxida-form .jaxida-form-fade {
  animation: jaxida-form-fade 0.35s ease;
}
.pixelpro-jaxida-form .jaxida-form-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 34px;
  border-top: 1px solid var(--mist-lt);
  padding-top: 26px;
}
@media (max-width: 479px) {
  .pixelpro-jaxida-form .jaxida-form-nav {
    flex-flow: column;
  }
}
.pixelpro-jaxida-form .jaxida-form-nav .jaxida-form-actions {
  margin: 0;
}
@media (max-width: 479px) {
  .pixelpro-jaxida-form .jaxida-form-nav .jaxida-form-actions {
    width: 100%;
  }
  .pixelpro-jaxida-form .jaxida-form-nav .jaxida-form-actions .wpcf7-submit {
    width: 100%;
    justify-content: center;
  }
}
.pixelpro-jaxida-form .jaxida-form-nav [hidden] {
  display: none;
}
.pixelpro-jaxida-form .jaxida-form-back,
.pixelpro-jaxida-form .jaxida-form-next {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: var(--fw-medium);
  line-height: 1.2;
  letter-spacing: 0.03em;
  border-radius: var(--radius);
  cursor: pointer;
  transition: all 0.2s ease;
}
@media (max-width: 479px) {
  .pixelpro-jaxida-form .jaxida-form-back,
  .pixelpro-jaxida-form .jaxida-form-next {
    width: 100%;
    justify-content: center;
  }
}
.pixelpro-jaxida-form .jaxida-form-back:focus-visible,
.pixelpro-jaxida-form .jaxida-form-next:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
}
.pixelpro-jaxida-form .jaxida-form-back {
  padding: 14px 26px;
  border: 1px solid var(--mist);
  background: #fff;
  color: var(--navy);
}
.pixelpro-jaxida-form .jaxida-form-back:hover {
  border-color: var(--navy);
}
.pixelpro-jaxida-form .jaxida-form-back.is-invisible {
  visibility: hidden;
}
.pixelpro-jaxida-form .jaxida-form-next {
  padding: 14px 22px;
  border: 1px solid var(--navy);
  background: var(--navy);
  color: #fff;
}
.pixelpro-jaxida-form .jaxida-form-next:hover {
  background: var(--navy-deep);
  border-color: var(--navy-deep);
}
.pixelpro-jaxida-form .jaxida-form-media {
  display: none;
  border-radius: var(--radius-lg);
  overflow: hidden;
  aspect-ratio: 3/4;
  background: var(--cloud);
}
.pixelpro-jaxida-form .jaxida-form-media .media,
.pixelpro-jaxida-form .jaxida-form-media .jaxida-form-figure {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.pixelpro-jaxida-form .jaxida-form-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pixelpro-jaxida-form .pixelpro-block-note {
  margin: 0;
}
.pixelpro-jaxida-form.has-split-layout {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 40px;
  align-items: start;
}
.pixelpro-jaxida-form.has-split-layout .jaxida-form-routes {
  grid-column: 1/-1;
  margin-bottom: 0;
}
.pixelpro-jaxida-form.has-split-layout .jaxida-form-card {
  max-width: none;
  padding: clamp(28px, 4vw, 48px);
}
.pixelpro-jaxida-form.has-split-layout .jaxida-form-media {
  display: block;
}
.pixelpro-jaxida-form.has-split-layout .jaxida-form-success {
  padding: 28px 0;
}
.pixelpro-jaxida-form.has-split-layout .jaxida-form-success .jaxida-form-success-check {
  --jaxida-check-size: 22px;
}
.pixelpro-jaxida-form.has-split-layout .jaxida-form-success h3 {
  margin-top: 18px;
  font-size: 28px;
}
@media (max-width: 900px) {
  .pixelpro-jaxida-form.has-split-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .pixelpro-jaxida-form.has-split-layout .jaxida-form-media {
    position: static;
    aspect-ratio: 16/10;
    order: -1;
  }
  .pixelpro-jaxida-form.has-split-layout .jaxida-form-routes {
    order: -2;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pixelpro-jaxida-form .jaxida-form-fade {
    animation: none;
  }
  .pixelpro-jaxida-form .jaxida-form-progress-fill,
  .pixelpro-jaxida-form .jaxida-form-progress-steps span {
    transition: none;
  }
}
/**
* Jaxida Galerie (docs/jaxida-blocks.md, Abschnitt 9)
* Export: InstagramStrip (.jx-iggrid: grid 5 Spalten, gap 16, Kachel 1:1 radius-lg border mist-lt; < 900px 2 Spalten)
*         GalerieBand (.jx-rail: overflow-x auto, Scrollbar versteckt, cursor grab; Strip flex width max-content gap 20,
*                      Kachel clamp(300px,32vw,440px) 4:3 radius-lg border mist-lt bg cloud)
*         BilderE (.jx-eb-grid: 4 Spalten, auto-rows clamp(150px,15vw,215px), dense, gap 18; .jx-eb-tile hover lift; .jx-eb-cap)
*/
.pixelpro-jaxida-gallery {
  width: 100%;
}
.pixelpro-jaxida-gallery > .jaxida-gallery-inner {
  aspect-ratio: auto;
  min-width: 0;
}
.pixelpro-jaxida-gallery .jaxida-gallery-tile {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg, 10px);
  border: 1px solid var(--mist-lt, #dce5ef);
  background: var(--cloud, #f1f5fa);
  box-sizing: border-box;
}
.pixelpro-jaxida-gallery .jaxida-gallery-tile .jaxida-gallery-media {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.pixelpro-jaxida-gallery .jaxida-gallery-tile img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pixelpro-jaxida-gallery .jaxida-gallery-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 26px 16px 13px;
  font-size: 11.5px;
  font-weight: var(--fw-medium, 500);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  text-align: left;
  color: #fff;
  background: linear-gradient(180deg, rgba(6, 24, 46, 0), rgba(6, 24, 46, 0.78));
  opacity: 0;
  transition: opacity 0.22s ease;
  pointer-events: none;
}
.pixelpro-jaxida-gallery.has-grid-layout > .jaxida-gallery-inner {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--jaxida-gallery-gap, 16px);
}
.pixelpro-jaxida-gallery.has-grid-layout > .jaxida-gallery-inner.has-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.pixelpro-jaxida-gallery.has-grid-layout > .jaxida-gallery-inner.has-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.pixelpro-jaxida-gallery.has-grid-layout > .jaxida-gallery-inner.has-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.pixelpro-jaxida-gallery.has-grid-layout > .jaxida-gallery-inner.has-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.pixelpro-jaxida-gallery.has-grid-layout > .jaxida-gallery-inner.has-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
.pixelpro-jaxida-gallery.has-grid-layout > .jaxida-gallery-inner .jaxida-gallery-tile {
  aspect-ratio: 1/1;
}
.pixelpro-jaxida-gallery.has-grid-layout > .jaxida-gallery-inner.has-aspect-ratio-4-3 .jaxida-gallery-tile {
  aspect-ratio: 4/3;
}
.pixelpro-jaxida-gallery.has-grid-layout > .jaxida-gallery-inner.has-aspect-ratio-16-11 .jaxida-gallery-tile {
  aspect-ratio: 16/11;
}
.pixelpro-jaxida-gallery.has-grid-layout > .jaxida-gallery-inner.has-aspect-ratio-3-2 .jaxida-gallery-tile {
  aspect-ratio: 3/2;
}
@media (max-width: 900px) {
  .pixelpro-jaxida-gallery.has-grid-layout > .jaxida-gallery-inner {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.pixelpro-jaxida-gallery.has-rail-layout > .jaxida-gallery-inner {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
  touch-action: pan-y;
}
.pixelpro-jaxida-gallery.has-rail-layout > .jaxida-gallery-inner::-webkit-scrollbar {
  display: none;
}
.pixelpro-jaxida-gallery.has-rail-layout > .jaxida-gallery-inner.dragging {
  cursor: grabbing;
}
.pixelpro-jaxida-gallery.has-rail-layout > .jaxida-gallery-inner img {
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}
.pixelpro-jaxida-gallery.has-rail-layout > .jaxida-gallery-inner .jaxida-gallery-track {
  display: flex;
  width: max-content;
  gap: var(--jaxida-gallery-gap, 20px);
}
.pixelpro-jaxida-gallery.has-rail-layout > .jaxida-gallery-inner .jaxida-gallery-tile {
  flex: 0 0 auto;
  width: clamp(300px, 32vw, var(--jaxida-gallery-tile, 440px));
  aspect-ratio: 4/3;
}
.pixelpro-jaxida-gallery.has-mosaic-layout > .jaxida-gallery-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: clamp(150px, 15vw, 215px);
  grid-auto-flow: dense;
  gap: var(--jaxida-gallery-gap, 18px);
}
.pixelpro-jaxida-gallery.has-mosaic-layout > .jaxida-gallery-inner .jaxida-gallery-tile {
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}
.pixelpro-jaxida-gallery.has-mosaic-layout > .jaxida-gallery-inner .jaxida-gallery-tile:has(a[data-fslightbox]) {
  cursor: zoom-in;
}
.pixelpro-jaxida-gallery.has-mosaic-layout > .jaxida-gallery-inner .jaxida-gallery-tile:hover, .pixelpro-jaxida-gallery.has-mosaic-layout > .jaxida-gallery-inner .jaxida-gallery-tile:focus-within {
  transform: translateY(-4px);
  border-color: var(--gold, #c2a046);
  box-shadow: 0 14px 30px rgba(0, 46, 91, 0.13);
}
.pixelpro-jaxida-gallery.has-mosaic-layout > .jaxida-gallery-inner .jaxida-gallery-tile:hover .jaxida-gallery-caption, .pixelpro-jaxida-gallery.has-mosaic-layout > .jaxida-gallery-inner .jaxida-gallery-tile:focus-within .jaxida-gallery-caption {
  opacity: 1;
}
@media (max-width: 900px) {
  .pixelpro-jaxida-gallery.has-mosaic-layout > .jaxida-gallery-inner {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 40vw;
  }
}
@media (max-width: 560px) {
  .pixelpro-jaxida-gallery.has-mosaic-layout > .jaxida-gallery-inner {
    grid-template-columns: 1fr;
    grid-auto-rows: 62vw;
  }
  .pixelpro-jaxida-gallery.has-mosaic-layout > .jaxida-gallery-inner .jaxida-gallery-tile {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pixelpro-jaxida-gallery .jaxida-gallery-tile,
  .pixelpro-jaxida-gallery .jaxida-gallery-caption {
    transition: none;
  }
}

/**
* Jaxida Sektionskopf (docs/jaxida-blocks.md, Abschnitt 2)
* Export: <div style="max-width: 620–780px; margin-bottom: 44–56px"> Overline (mb 18) + h2 + p (mt 16)
*         zentriert: textAlign center; margin 0 auto 52px; Overline ohne Strich (mb 16)
*/
.pixelpro-jaxida-heading {
  width: 100%;
  max-width: var(--jaxida-heading-max-width, 720px);
  margin-bottom: var(--jaxida-heading-margin-bottom, 52px);
}
.pixelpro-jaxida-heading:last-child {
  margin-bottom: 0;
}
.pixelpro-jaxida-heading > .jaxida-heading-inner {
  gap: 0;
}
.pixelpro-jaxida-heading .jaxida-overline {
  margin-bottom: 0;
}
.pixelpro-jaxida-heading .jaxida-copy {
  margin-top: 16px;
  max-width: 54ch;
}
.pixelpro-jaxida-heading.has-mark > .jaxida-heading-inner::before {
  content: "";
  display: inline-block;
  flex: none;
  width: 16px;
  height: 16px;
  background: var(--gold);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  margin-bottom: 22px;
}
.pixelpro-jaxida-heading.has-size-lg .jaxida-h2 {
  font-size: clamp(28px, 3.6vw, 44px);
  line-height: 1.12;
}
.pixelpro-jaxida-heading.has-size-sm .jaxida-h2 {
  font-size: clamp(26px, 3.4vw, 40px);
  line-height: 1.14;
}
.pixelpro-jaxida-heading.jaxida-align-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.pixelpro-jaxida-heading.jaxida-align-center > .jaxida-heading-inner {
  align-items: center;
}
.pixelpro-jaxida-heading.jaxida-align-center .jaxida-overline {
  margin-bottom: 0;
}
.pixelpro-jaxida-heading.jaxida-align-center .jaxida-copy {
  max-width: 56ch;
  margin-left: auto;
  margin-right: auto;
}

/**
* Jaxida Hero (docs/jaxida-blocks.md, Abschnitt 15)
* Export: <section position relative; minHeight 94vh; flex column center; overflow hidden; background navy-deep>
*   Motiv-Layer absolut (cover, center 30%, opacity-Crossfade 1.4s) · Scrim-Verlauf · Inhalt maxw + gutter, pt 150, pb 64
*/
.pixelpro-jaxida-hero {
  position: relative;
  justify-content: center;
  width: 100%;
  min-height: var(--jaxida-hero-height, 94vh);
  overflow: hidden;
  background-color: var(--navy-deep);
  color: #fff;
}
.pixelpro-jaxida-hero.has-height-94 {
  --jaxida-hero-height: 94vh;
}
.pixelpro-jaxida-hero.has-height-92 {
  --jaxida-hero-height: 92vh;
}
.pixelpro-jaxida-hero.has-height-84 {
  --jaxida-hero-height: 84vh;
}
.pixelpro-jaxida-hero.has-height-62 {
  --jaxida-hero-height: 62vh;
}
.pixelpro-jaxida-hero.has-height-58 {
  --jaxida-hero-height: 58vh;
}
@media (max-width: 989px) {
  .pixelpro-jaxida-hero {
    --jaxida-hero-height: auto;
    min-height: unset;
    aspect-ratio: 16/9;
    justify-content: flex-end;
    min-height: 400px;
  }
  .pixelpro-jaxida-hero.has-height-94 {
    --jaxida-hero-height: auto;
    aspect-ratio: 4/3.5;
    min-height: 550px;
  }
  .pixelpro-jaxida-hero.has-height-92 {
    --jaxida-hero-height: auto;
    aspect-ratio: 4/3.5;
    min-height: 550px;
  }
  .pixelpro-jaxida-hero.has-height-84 {
    --jaxida-hero-height: auto;
    aspect-ratio: 4/3.25;
    min-height: 550px;
  }
  .pixelpro-jaxida-hero.has-height-62 {
    --jaxida-hero-height: auto;
    aspect-ratio: 4/3;
    min-height: 500px;
  }
  .pixelpro-jaxida-hero .jaxida-h1, .pixelpro-jaxida-hero .jaxida-h1.is-size-md, .pixelpro-jaxida-hero .jaxida-h1.is-size-sm {
    font-size: 30px;
  }
  .pixelpro-jaxida-hero .jaxida-lead, .pixelpro-jaxida-hero .jaxida-lead.is-size-md, .pixelpro-jaxida-hero .jaxida-lead.is-size-sm {
    font-size: 16px;
  }
}
.pixelpro-jaxida-hero .jaxida-hero-media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.pixelpro-jaxida-hero .jaxida-hero-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center 30%;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 1.4s ease;
}
.pixelpro-jaxida-hero .jaxida-hero-layer.is-active {
  opacity: 1;
}
.pixelpro-jaxida-hero .jaxida-hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}
.pixelpro-jaxida-hero .jaxida-hero-scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(6, 24, 46, 0.82) 0%, rgba(6, 24, 46, 0.5) 34%, rgba(6, 24, 46, 0) 62%), linear-gradient(180deg, rgba(6, 24, 46, 0.55) 0%, rgba(6, 24, 46, 0) 24%);
}
.pixelpro-jaxida-hero.has-scrim-deep .jaxida-hero-scrim {
  background: linear-gradient(90deg, rgba(6, 24, 46, 0.88) 0%, rgba(6, 24, 46, 0.72) 50%, rgba(6, 24, 46, 0.38) 80%, rgba(6, 24, 46, 0.16) 100%), linear-gradient(180deg, rgba(6, 24, 46, 0.55) 0%, rgba(6, 24, 46, 0) 24%);
}
.pixelpro-jaxida-hero:not(.has-scrim-default):not(.has-scrim-deep) .jaxida-hero-scrim {
  display: none;
}
.pixelpro-jaxida-hero .jaxida-hero-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 150px var(--gutter) 64px;
  box-sizing: border-box;
}
.pixelpro-jaxida-hero .jaxida-hero-content {
  max-width: var(--jaxida-hero-content-width, 640px);
  gap: 0;
}
.pixelpro-jaxida-hero .jaxida-overline {
  margin-bottom: 10px;
}
.pixelpro-jaxida-hero .jaxida-h1 {
  max-width: min(1000px, 100%);
  margin-bottom: 0;
}
.pixelpro-jaxida-hero .jaxida-lead {
  margin-top: 26px;
  max-width: 48ch;
}
.pixelpro-jaxida-hero .pixelpro-button-group {
  margin-top: 38px;
}
@media (max-width: 989px) {
  .pixelpro-jaxida-hero .jaxida-hero-inner {
    padding: 64px var(--gutter);
  }
}
@media (max-width: 767px) {
  .pixelpro-jaxida-hero .jaxida-hero-inner {
    padding: 56px 24px;
  }
}

/**
* Jaxida Medium + Text (docs/jaxida-blocks.md, Abschnitt 6)
* Export .jx-sfgrid / .jx-material-grid: <div style="display:grid; grid-template-columns: 1fr 1.15fr; gap: 60|64px; align-items: center|start">
*   Medium: <div style="border-radius: var(--radius-lg); overflow: hidden; aspect-ratio: 4/5"><img object-fit cover></div>
*   Slider (CoverSlider): Layer absolut, opacity .5s; .jx-sldbtn 42px rund, rgba(255,255,255,.85), blur 4px, Schatten; Dots 9px gold/mist, mt 16
*   Stack (details): je Bild mb 18, aspect 16/9, Label 12px .14em uppercase steel mt 10
*   < 900px: grid-template-columns 1fr; gap 40px; Medium zuerst (order -1); .jx-sticky static
*/
.pixelpro-jaxida-media-text {
  --jaxida-mt-aspect: auto;
  grid-template-columns: var(--jaxida-mt-media, 1fr) var(--jaxida-mt-text, 1fr);
  gap: var(--jaxida-mt-gap, 60px);
  align-items: center;
}
.pixelpro-jaxida-media-text > .jaxida-media-text-media,
.pixelpro-jaxida-media-text > .jaxida-media-text-content {
  min-width: 0;
}
.pixelpro-jaxida-media-text .jaxida-media-text-media {
  position: relative;
  width: 100%;
}
.pixelpro-jaxida-media-text .jaxida-media-text-content {
  width: 100%;
}
@media (max-width: 900px) {
  .pixelpro-jaxida-media-text .jaxida-media-text-content {
    order: 2;
  }
}
.pixelpro-jaxida-media-text .jaxida-media-text-figure {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  border-radius: var(--radius-lg, 10px);
  overflow: hidden;
  aspect-ratio: var(--jaxida-mt-aspect, auto);
  background-color: var(--cloud, #f1f5fa);
}
.pixelpro-jaxida-media-text .jaxida-media-text-figure img,
.pixelpro-jaxida-media-text .jaxida-media-text-figure video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pixelpro-jaxida-media-text:not([class*=has-aspect-ratio-]) .jaxida-media-text-figure:not(.is-slide-figure):not(.is-stack-figure) img {
  height: auto;
}
.pixelpro-jaxida-media-text.has-aspect-ratio-4-5 {
  --jaxida-mt-aspect: 4 / 5;
}
.pixelpro-jaxida-media-text.has-aspect-ratio-4-3 {
  --jaxida-mt-aspect: 4 / 3;
}
.pixelpro-jaxida-media-text.has-aspect-ratio-16-9 {
  --jaxida-mt-aspect: 16 / 9;
}
.pixelpro-jaxida-media-text.has-aspect-ratio-3-4 {
  --jaxida-mt-aspect: 3 / 4;
}
.pixelpro-jaxida-media-text.has-aspect-ratio-3-2 {
  --jaxida-mt-aspect: 3 / 2;
}
.pixelpro-jaxida-media-text.has-aspect-ratio-1-1 {
  --jaxida-mt-aspect: 1 / 1;
}
.pixelpro-jaxida-media-text.has-media-right > .jaxida-media-text-media {
  order: 2;
}
@media (max-width: 900px) {
  .pixelpro-jaxida-media-text.has-media-right > .jaxida-media-text-media {
    order: 1;
  }
}
.pixelpro-jaxida-media-text.has-sticky-text > .jaxida-media-text-content, .pixelpro-jaxida-media-text.has-sticky-media > .jaxida-media-text-media {
  position: sticky;
  top: 110px;
  align-self: start;
}
.pixelpro-jaxida-media-text .jaxida-media-text-slider {
  width: 100%;
}
.pixelpro-jaxida-media-text .jaxida-media-text-stage {
  position: relative;
  width: 100%;
  border-radius: var(--radius-lg, 10px);
  overflow: hidden;
  aspect-ratio: var(--jaxida-mt-aspect, auto);
  background-color: var(--cloud, #f1f5fa);
  cursor: pointer;
  outline: none;
}
.pixelpro-jaxida-media-text .jaxida-media-text-stage:focus-visible {
  box-shadow: 0 0 0 2px var(--gold, #c2a046);
}
.pixelpro-jaxida-media-text.has-media-slider:not([class*=has-aspect-ratio-]) .jaxida-media-text-stage {
  aspect-ratio: 4/3;
}
.pixelpro-jaxida-media-text .jaxida-media-text-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.pixelpro-jaxida-media-text .jaxida-media-text-slide.is-active {
  opacity: 1;
  pointer-events: auto;
}
.pixelpro-jaxida-media-text .jaxida-media-text-slide .jaxida-media-text-figure {
  height: 100%;
  border-radius: 0;
  aspect-ratio: auto;
}
.pixelpro-jaxida-media-text .jaxida-slider-btn {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: var(--navy, #002e5b);
  font-size: 22px;
  line-height: 1;
  box-shadow: 0 6px 18px rgba(0, 46, 91, 0.16);
  cursor: pointer;
  transform: translateY(-50%);
  transition: background 0.2s ease;
}
.pixelpro-jaxida-media-text .jaxida-slider-btn:hover, .pixelpro-jaxida-media-text .jaxida-slider-btn:focus-visible {
  background: #fff;
}
.pixelpro-jaxida-media-text .jaxida-slider-btn.is-prev {
  left: 14px;
}
.pixelpro-jaxida-media-text .jaxida-slider-btn.is-next {
  right: 14px;
}
.pixelpro-jaxida-media-text .jaxida-slider-btn svg {
  display: block;
  width: 15px;
  height: 15px;
}
.pixelpro-jaxida-media-text .jaxida-slider-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}
.pixelpro-jaxida-media-text .jaxida-slider-dot {
  width: 9px;
  height: 9px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--mist, #c3cedd);
  cursor: pointer;
  transition: background 0.2s ease;
}
.pixelpro-jaxida-media-text .jaxida-slider-dot.is-active {
  background: var(--gold, #c2a046);
}
.pixelpro-jaxida-media-text .jaxida-slider-dot:focus-visible {
  outline: 2px solid var(--gold, #c2a046);
  outline-offset: 2px;
}
.pixelpro-jaxida-media-text .jaxida-media-text-stack {
  width: 100%;
}
.pixelpro-jaxida-media-text .jaxida-media-text-stack-item {
  margin-bottom: 18px;
}
.pixelpro-jaxida-media-text .jaxida-media-text-stack-item:last-child {
  margin-bottom: 0;
}
.pixelpro-jaxida-media-text .jaxida-media-text-stack-item .jaxida-media-text-figure {
  aspect-ratio: 16/9;
}
.pixelpro-jaxida-media-text .jaxida-media-text-stack-label {
  margin-top: 10px;
}
.pixelpro-jaxida-media-text .jaxida-media-text-content {
  gap: 0;
}
@media (prefers-reduced-motion: reduce) {
  .pixelpro-jaxida-media-text .jaxida-media-text-slide,
  .pixelpro-jaxida-media-text .jaxida-slider-btn,
  .pixelpro-jaxida-media-text .jaxida-slider-dot {
    transition: none;
  }
}
@media (max-width: 900px) {
  .pixelpro-jaxida-media-text {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .pixelpro-jaxida-media-text > .jaxida-media-text-media {
    order: -1;
  }
  .pixelpro-jaxida-media-text.has-text-first-mobile > .jaxida-media-text-media {
    order: 2;
  }
  .pixelpro-jaxida-media-text.has-sticky-text > .jaxida-media-text-content, .pixelpro-jaxida-media-text.has-sticky-media > .jaxida-media-text-media {
    position: static;
  }
}

/**
* Jaxida Kennzahlen + Kennzahl (docs/jaxida-blocks.md, Abschnitt 8) – SCSS für pixelpro/jaxida-metrics UND pixelpro/jaxida-metric
* Export:
*   Cover-Meta  .jx-metaband grid 3 × 1fr; mt 64; border-top gold; border-bottom mist-lt; Zelle center, padding 36px 24px, border-left mist-lt (erste ohne);
*               Wert 200 clamp(30px,3.4vw,44px)/1 navy; Label mt 14, 12px 500 .18em uppercase steel
*   Erfolge     .jx-erfolge grid 4 × 1fr; mt 60; Zelle links, padding 28px 20px; Wert clamp(24px,2.6vw,32px); Label mt 12, 11.5px .16em
*   Pfeiler     .jx-pillars grid 5 × 1fr; Zelle center, padding 30px 22px; Label 15px 500 .14em uppercase navy lh 1.5; Zusatz mt 8, 14.5px 300 steel
* Im Editor liegen Gutenberg-Wrapper (.block-editor-block-list__block) zwischen Inner und Zelle – Haarlinien-Selektoren decken beides ab.
*/
.pixelpro-jaxida-metrics {
  width: 100%;
  margin-top: var(--jaxida-metrics-margin-top, 64px);
}
.pixelpro-jaxida-metrics > .jaxida-metrics-inner {
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 0;
  border-top: 1px solid var(--gold);
  border-bottom: 1px solid var(--mist-lt);
}
.pixelpro-jaxida-metrics .jaxida-metric {
  justify-content: center;
  height: 100%;
  padding: 36px 24px;
  text-align: center;
  box-sizing: border-box;
}
.pixelpro-jaxida-metrics > .jaxida-metrics-inner > :not(:first-child) .jaxida-metric,
.pixelpro-jaxida-metrics > .jaxida-metrics-inner > .jaxida-metric:not(:first-child) {
  border-left: 1px solid var(--mist-lt);
}
.pixelpro-jaxida-metrics .jaxida-metric-value {
  font-family: var(--font-sans);
  font-weight: var(--fw-xlight);
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1;
  color: var(--navy);
}
.pixelpro-jaxida-metrics .jaxida-metric-label {
  margin-top: 14px;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  line-height: 1.5;
  color: var(--steel);
  hyphens: auto;
}
.pixelpro-jaxida-metrics .jaxida-metric-label:first-child {
  margin-top: 0;
}
.pixelpro-jaxida-metrics .jaxida-metric-sub {
  margin-top: 8px;
  font-family: var(--font-sans);
  font-size: 14.5px;
  font-weight: var(--fw-light);
  line-height: 1.5;
  color: var(--steel);
}
.pixelpro-jaxida-metrics.has-compact-layout .jaxida-metric {
  padding: 28px 20px;
  text-align: left;
}
.pixelpro-jaxida-metrics.has-compact-layout .jaxida-metric-value {
  font-size: clamp(24px, 2.6vw, 32px);
}
.pixelpro-jaxida-metrics.has-compact-layout .jaxida-metric-label {
  margin-top: 12px;
  font-size: 11.5px;
  letter-spacing: 0.16em;
}
.pixelpro-jaxida-metrics.has-pillars-layout .jaxida-metric {
  padding: 30px 22px;
}
.pixelpro-jaxida-metrics.has-pillars-layout .jaxida-metric-value + .jaxida-metric-label {
  margin-top: 10px;
}
.pixelpro-jaxida-metrics.has-pillars-layout .jaxida-metric-label {
  font-size: 15px;
  letter-spacing: 0.14em;
  color: var(--navy);
}
.pixelpro-jaxida-metrics.has-pillars-layout .jaxida-metric-sub {
  margin-top: 8px;
}
.is-tone-dark .pixelpro-jaxida-metrics > .jaxida-metrics-inner {
  border-top-color: var(--gold-lt);
  border-bottom-color: rgba(255, 255, 255, 0.16);
}
.is-tone-dark .pixelpro-jaxida-metrics > .jaxida-metrics-inner > :not(:first-child) .jaxida-metric,
.is-tone-dark .pixelpro-jaxida-metrics > .jaxida-metrics-inner > .jaxida-metric:not(:first-child) {
  border-left-color: rgba(255, 255, 255, 0.16);
}
.is-tone-dark .pixelpro-jaxida-metrics .jaxida-metric-value, .is-tone-dark .pixelpro-jaxida-metrics.has-pillars-layout .jaxida-metric-label {
  color: #fff;
}
.is-tone-dark .pixelpro-jaxida-metrics .jaxida-metric-label,
.is-tone-dark .pixelpro-jaxida-metrics .jaxida-metric-sub {
  color: var(--text-on-dark-muted);
}
@media (max-width: 900px) {
  .pixelpro-jaxida-metrics > .jaxida-metrics-inner {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-template-columns: minmax(0, 1fr);
  }
  .pixelpro-jaxida-metrics > .jaxida-metrics-inner > :not(:first-child) .jaxida-metric,
  .pixelpro-jaxida-metrics > .jaxida-metrics-inner > .jaxida-metric:not(:first-child) {
    border-left: none;
    border-top: 1px solid var(--mist-lt);
  }
  .pixelpro-jaxida-metrics.has-compact-layout > .jaxida-metrics-inner, .pixelpro-jaxida-metrics.has-pillars-layout > .jaxida-metrics-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 900px) and (max-width: 989px) {
  .pixelpro-jaxida-metrics.has-compact-layout > .jaxida-metrics-inner, .pixelpro-jaxida-metrics.has-pillars-layout > .jaxida-metrics-inner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .pixelpro-jaxida-metrics.has-compact-layout > .jaxida-metrics-inner > :not(:first-child) .jaxida-metric,
  .pixelpro-jaxida-metrics.has-compact-layout > .jaxida-metrics-inner > .jaxida-metric:not(:first-child), .pixelpro-jaxida-metrics.has-pillars-layout > .jaxida-metrics-inner > :not(:first-child) .jaxida-metric,
  .pixelpro-jaxida-metrics.has-pillars-layout > .jaxida-metrics-inner > .jaxida-metric:not(:first-child) {
    border-top: none;
    border-left: 1px solid var(--mist-lt);
  }
  .pixelpro-jaxida-metrics.has-compact-layout > .jaxida-metrics-inner > :nth-child(2n+1) .jaxida-metric,
  .pixelpro-jaxida-metrics.has-compact-layout > .jaxida-metrics-inner > .jaxida-metric:nth-child(2n+1), .pixelpro-jaxida-metrics.has-pillars-layout > .jaxida-metrics-inner > :nth-child(2n+1) .jaxida-metric,
  .pixelpro-jaxida-metrics.has-pillars-layout > .jaxida-metrics-inner > .jaxida-metric:nth-child(2n+1) {
    border-left: none;
  }
  .pixelpro-jaxida-metrics.has-compact-layout > .jaxida-metrics-inner > :nth-child(n+3) .jaxida-metric,
  .pixelpro-jaxida-metrics.has-compact-layout > .jaxida-metrics-inner > .jaxida-metric:nth-child(n+3), .pixelpro-jaxida-metrics.has-pillars-layout > .jaxida-metrics-inner > :nth-child(n+3) .jaxida-metric,
  .pixelpro-jaxida-metrics.has-pillars-layout > .jaxida-metrics-inner > .jaxida-metric:nth-child(n+3) {
    border-top: 1px solid var(--mist-lt);
  }
  .is-tone-dark .pixelpro-jaxida-metrics > .jaxida-metrics-inner > :not(:first-child) .jaxida-metric,
  .is-tone-dark .pixelpro-jaxida-metrics > .jaxida-metrics-inner > .jaxida-metric:not(:first-child), .is-tone-dark .pixelpro-jaxida-metrics.has-compact-layout > .jaxida-metrics-inner > :nth-child(n+3) .jaxida-metric, .is-tone-dark .pixelpro-jaxida-metrics.has-compact-layout > .jaxida-metrics-inner > .jaxida-metric:nth-child(n+3), .is-tone-dark .pixelpro-jaxida-metrics.has-pillars-layout > .jaxida-metrics-inner > :nth-child(n+3) .jaxida-metric, .is-tone-dark .pixelpro-jaxida-metrics.has-pillars-layout > .jaxida-metrics-inner > .jaxida-metric:nth-child(n+3) {
    border-top-color: rgba(255, 255, 255, 0.16);
    border-left-color: rgba(255, 255, 255, 0.16);
  }
}

/**
* Jaxida Parallax-Band (docs/jaxida-blocks.md, Abschnitt 10)
* Export: <section class="jx-parallax" aria-hidden style="height clamp(320px,40vw,520px); background cover center 42% no-repeat fixed; bg navy-deep">
*         < 900px: background-attachment scroll
*/
.pixelpro-jaxida-parallax {
  display: block;
  width: 100%;
  height: clamp(var(--jaxida-parallax-min, 320px), var(--jaxida-parallax-vw, 40vw), var(--jaxida-parallax-max, 520px));
  background-color: var(--navy-deep, #06182e);
  background-size: cover;
  background-position: center 42%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.pixelpro-jaxida-parallax.has-fixed-attachment {
  background-attachment: fixed;
}
.pixelpro-jaxida-parallax > .pixelpro-block-note {
  height: 100%;
}
@media (max-width: 900px) {
  .pixelpro-jaxida-parallax.has-fixed-attachment {
    background-attachment: scroll;
  }
}

/**
* Jaxida Sektion – Sektionswrapper (docs/jaxida-blocks.md, Abschnitt 1)
* Export: <section style="background: var(--paper|--cloud|--cream-lt|--navy-deep); padding: 96|104|110px 0">
*         <div style="max-width: var(--maxw); margin: 0 auto; padding: 0 var(--gutter)">
*/
.pixelpro-jaxida-section {
  position: relative;
  width: 100%;
  padding: var(--jaxida-section-padding-top, var(--jaxida-section-padding, 104px)) 0 var(--jaxida-section-padding-bottom, var(--jaxida-section-padding, 104px));
  background-color: transparent;
}
.pixelpro-jaxida-section > .jaxida-section-inner {
  width: 100%;
  max-width: var(--jaxida-section-width, var(--maxw));
  margin: 0 auto;
  padding: 0 var(--gutter);
  box-sizing: border-box;
}
.pixelpro-jaxida-section > .jaxida-section-inner.has-width-narrow {
  --jaxida-section-width: 900px;
}
.pixelpro-jaxida-section > .jaxida-section-inner.has-width-text {
  --jaxida-section-width: 820px;
}
.pixelpro-jaxida-section > .jaxida-section-inner.has-width-full {
  --jaxida-section-width: none;
  padding: 0;
}
.pixelpro-jaxida-section.has-paper-background {
  background-color: var(--paper);
}
.pixelpro-jaxida-section.has-cloud-background {
  background-color: var(--cloud);
}
.pixelpro-jaxida-section.has-cream-background {
  background-color: var(--cream-lt);
}
.pixelpro-jaxida-section.has-white-background {
  background-color: #fff;
}
.pixelpro-jaxida-section.has-navy-background {
  background-color: var(--navy-deep);
}
.pixelpro-jaxida-section.has-padding-sm {
  --jaxida-section-padding: 96px;
}
.pixelpro-jaxida-section.has-padding-md {
  --jaxida-section-padding: 104px;
}
.pixelpro-jaxida-section.has-padding-lg {
  --jaxida-section-padding: 110px;
}
.pixelpro-jaxida-section.has-padding-xs {
  --jaxida-section-padding: 64px;
}
.pixelpro-jaxida-section.has-padding-none {
  --jaxida-section-padding: 0px;
}
.pixelpro-jaxida-section.has-overflow-hidden {
  overflow: hidden;
}
@media (max-width: 900px) {
  .pixelpro-jaxida-section.has-padding-sm, .pixelpro-jaxida-section.has-padding-md, .pixelpro-jaxida-section.has-padding-lg {
    --jaxida-section-padding: 72px;
  }
}
@media (max-width: 700px) {
  .pixelpro-jaxida-section > .jaxida-section-inner {
    padding: 0 24px;
  }
}

/**
* Jaxida Statement (docs/jaxida-blocks.md, Abschnitt 3)
* Export Uebergang/IntroA: <div maxWidth 820; textAlign center> GoldPlus 16 (mb 26) + <p 200 clamp(24px,3vw,36px)/1.35 navy; em italic steel>
*        Vertrauen (Unterseiten): maxWidth 860; Overline (mb 18) + <p clamp(22px,2.6vw,32px); maxWidth 40ch; margin 0 auto>
* Die Typografie der Zeile selbst steht in main-partials/_text.scss (.jaxida-statement-text).
*/
.pixelpro-jaxida-statement {
  width: 100%;
  max-width: var(--jaxida-statement-max-width, 820px);
}
.pixelpro-jaxida-statement > .jaxida-statement-inner {
  gap: 0;
}
.pixelpro-jaxida-statement .jaxida-overline {
  margin-bottom: 0;
}
.pixelpro-jaxida-statement.has-mark > .jaxida-statement-inner::before {
  content: "";
  display: inline-block;
  flex: none;
  width: 16px;
  height: 16px;
  background: var(--gold);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  margin-bottom: 26px;
}
.is-tone-dark .pixelpro-jaxida-statement.has-mark > .jaxida-statement-inner::before {
  background: var(--gold-lt);
}
.pixelpro-jaxida-statement.has-size-md .jaxida-statement-text {
  font-size: clamp(22px, 2.6vw, 32px);
  max-width: 40ch;
}
.pixelpro-jaxida-statement.jaxida-align-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.pixelpro-jaxida-statement.jaxida-align-center > .jaxida-statement-inner {
  align-items: center;
}
.pixelpro-jaxida-statement.jaxida-align-center .jaxida-statement-text {
  margin-left: auto;
  margin-right: auto;
}
.pixelpro-jaxida-statement .jaxida-statement-text + .pixelpro-button-group {
  margin-top: 34px;
}

/**
* Jaxida Zeitleiste (docs/jaxida-blocks.md, Abschnitt 13)
* Export: HerkunftU – Zeile .jx-jahr (grid 120px 1fr; gap 28; padding 34px 0; border-top mist-lt; letzte border-bottom)
*         Jahr 200 40px gold lh 1 · Ort 12px 500 .16em uppercase steel mt 10 · Text jaxida-copy · < 900px 1 Spalte, gap 14
* Die Stationen (Item-Block) stylen sich in jaxida-timeline-item.scss; hier Container + Linie der letzten Zeile.
*/
.pixelpro-jaxida-timeline {
  width: 100%;
}
.pixelpro-jaxida-timeline > .jaxida-timeline-inner {
  gap: 0;
}
.pixelpro-jaxida-timeline .jaxida-timeline-inner > .jaxida-timeline-item:last-child,
.pixelpro-jaxida-timeline .jaxida-timeline-inner > :last-child .jaxida-timeline-item {
  border-bottom: 1px solid var(--mist-lt, #dce5ef);
}

/**
* Jaxida Zeitleiste – Station (docs/jaxida-blocks.md, Abschnitt 13)
* Export: .jx-jahr – grid 120px 1fr; gap 28; padding 34px 0; border-top mist-lt
*         Jahr fontWeight 200, 40px, gold, lh 1 · Ort mt 10, 12px 500 .16em uppercase steel · Text jaxida-copy
*         < 900px: grid 1fr, gap 14
*/
.jaxida-timeline-item {
  width: 100%;
  grid-template-columns: 120px 1fr;
  gap: 28px;
  padding: 34px 0;
  border-top: 1px solid var(--mist-lt, #dce5ef);
  box-sizing: border-box;
}
.jaxida-timeline-item .jaxida-timeline-meta {
  min-width: 0;
}
.jaxida-timeline-item .jaxida-timeline-year {
  font-family: var(--font-sans);
  font-weight: var(--fw-xlight, 200);
  font-size: 40px;
  line-height: 1;
  color: var(--gold, #c2a046);
}
.jaxida-timeline-item .jaxida-timeline-place {
  margin-top: 10px;
  font-size: 12px;
  font-weight: var(--fw-medium, 500);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--steel, #4e678c);
}
.jaxida-timeline-item > .jaxida-timeline-content {
  gap: 0;
  min-width: 0;
}
@media (max-width: 900px) {
  .jaxida-timeline-item {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/**
* Jaxida Videos (docs/jaxida-blocks.md, Abschnitt 11)
* Export: VideosE – .jx-vgrid (grid 1.8fr 1fr; gap 28; align start; < 900px 1 Spalte)
*         Player: radius-lg, border mist-lt, bg #06182e, 16/9; Bildunterschrift Titel 22px 400 navy, Meta 11.5px 500 .16em steel mt 8
*         Playlist: Spalte gap 12; .jx-vitem (flex gap 14 padding 10 bg #fff border mist-lt radius-lg; hover gold + lift 2px;
*                   aktiv border gold + inset 3px 0 0 gold); .jx-vthumb 108px 16/10 radius 6; .jx-vtitle 16px 400 navy; .jx-vsub 10.5px
*/
.pixelpro-jaxida-videos {
  width: 100%;
}
.pixelpro-jaxida-videos > .jaxida-videos-inner {
  grid-template-columns: 1.8fr 1fr;
  gap: 28px;
  align-items: start;
}
.pixelpro-jaxida-videos .jaxida-videos-player {
  margin: 0;
  min-width: 0;
}
.pixelpro-jaxida-videos .jaxida-videos-frame {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: var(--radius-lg, 10px);
  border: 1px solid var(--mist-lt, #dce5ef);
  background: #06182e;
}
.pixelpro-jaxida-videos .jaxida-videos-frame .jaxida-videos-media,
.pixelpro-jaxida-videos .jaxida-videos-frame .jaxida-videos-embed {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.pixelpro-jaxida-videos .jaxida-videos-frame video,
.pixelpro-jaxida-videos .jaxida-videos-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}
.pixelpro-jaxida-videos .jaxida-videos-caption {
  margin-top: 18px;
}
.pixelpro-jaxida-videos .jaxida-videos-title {
  color: var(--navy, #002e5b);
  font-weight: var(--fw-regular, 400);
  font-size: 22px;
  line-height: 1.3;
}
.pixelpro-jaxida-videos .jaxida-videos-title:empty {
  display: none;
}
.pixelpro-jaxida-videos .jaxida-videos-meta {
  margin-top: 8px;
  font-size: 11.5px;
  font-weight: var(--fw-medium, 500);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--steel, #4e678c);
}
.pixelpro-jaxida-videos .jaxida-videos-meta:empty {
  display: none;
}
.pixelpro-jaxida-videos .jaxida-videos-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.pixelpro-jaxida-videos .jaxida-videos-item {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  margin: 0;
  padding: 10px;
  font-family: var(--font-sans);
  text-align: left;
  background: #fff;
  border: 1px solid var(--mist-lt, #dce5ef);
  border-radius: var(--radius-lg, 10px);
  color: inherit;
  cursor: pointer;
  appearance: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.pixelpro-jaxida-videos .jaxida-videos-item:hover {
  border-color: var(--gold, #c2a046);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0, 46, 91, 0.1);
}
.pixelpro-jaxida-videos .jaxida-videos-item:focus-visible {
  outline: 2px solid var(--focus-ring, var(--gold));
  outline-offset: 3px;
}
.pixelpro-jaxida-videos .jaxida-videos-item[data-active=true] {
  border-color: var(--gold, #c2a046);
  box-shadow: inset 3px 0 0 var(--gold, #c2a046);
}
.pixelpro-jaxida-videos .jaxida-videos-thumb {
  display: block;
  flex: none;
  width: 108px;
  aspect-ratio: 16/10;
  overflow: hidden;
  border-radius: 6px;
  background: var(--cloud, #f1f5fa);
}
.pixelpro-jaxida-videos .jaxida-videos-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pixelpro-jaxida-videos .jaxida-videos-item-meta {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
.pixelpro-jaxida-videos .jaxida-videos-item-title {
  color: var(--navy, #002e5b);
  font-weight: var(--fw-regular, 400);
  font-size: 16px;
  line-height: 1.3;
}
.pixelpro-jaxida-videos .jaxida-videos-item-sub {
  font-size: 10.5px;
  font-weight: var(--fw-medium, 500);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--steel, #4e678c);
}
.pixelpro-jaxida-videos .jaxida-videos-item-sub:empty {
  display: none;
}
@media (max-width: 900px) {
  .pixelpro-jaxida-videos > .jaxida-videos-inner {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pixelpro-jaxida-videos .jaxida-videos-item {
    transition: none;
  }
  .pixelpro-jaxida-videos .jaxida-videos-item:hover {
    transform: none;
  }
}

#site-flybar {
  z-index: var(--z-index-overlay, 20);
}

.flybar {
  --flybar-content-width: 300px;
  --flybar-icon-size: 3rem;
  max-width: calc(var(--flybar-icon-size) + var(--flybar-content-width));
  grid-template-columns: var(--flybar-icon-size) var(--flybar-content-width);
  position: fixed;
  top: 50%;
  right: calc(-1 * var(--flybar-content-width));
  transform: translateY(-50%);
  transition: right 0.6s ease;
}
.flybar.is-active {
  right: 0;
}

.flybar-button {
  --icon-size: var(--flybar-icon-size);
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  background-color: var(--color-brand-primary-500);
  cursor: pointer;
  transition: background-color var(--transition-default, 0.2s ease);
}
.flybar-button:hover, .flybar-button.is-active:hover {
  background-color: var(--color-brand-primary-300);
}
.flybar-button.is-active {
  background-color: var(--color-brand-primary-700);
}

.flybar-button-icon {
  width: 50%;
  background-color: var(--surface-neutral-icon-inverse-strong);
}
.flybar-button-icon.icon-email {
  --media-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cpath d='M2.917,198.297c-1.894-3.198-2.917-6.872-2.917-10.652V62.355c0-5.544,2.202-10.861,6.124-14.782,3.919-3.921,9.237-6.123,14.782-6.123h208.189c5.544,0,10.862,2.202,14.782,6.123,3.921,3.921,6.124,9.238,6.124,14.782v125.29c0,3.78-1.024,7.454-2.918,10.652-.224,1.863-1.096,3.657-2.596,5.012-1.216,1.098-2.677,1.756-4.185,1.984-3.325,2.111-7.207,3.257-11.207,3.257H20.905c-4,0-7.882-1.146-11.207-3.257-1.508-.228-2.968-.886-4.184-1.984-1.501-1.355-2.373-3.149-2.597-5.012h0ZM233.895,179.565v-100.129l-52.797,41.658,52.797,58.471h0ZM233.029,59.605c-.16-.229-.34-.445-.54-.645-.9-.9-2.122-1.406-3.395-1.406H20.905c-1.273,0-2.494.506-3.395,1.406-.2.2-.38.416-.54.645l68.605,54.131c.035.027.069.055.103.082l37.008,29.2c1.357,1.071,3.27,1.071,4.627,0l37.008-29.2c.034-.027.069-.055.103-.082l68.605-54.131h0ZM16.104,79.436v100.129l52.797-58.471-52.797-41.658h0ZM26.171,192.446h197.657l-55.4-61.355-31.139,24.57c-7.207,5.686-17.372,5.686-24.579,0l-31.139-24.57-55.4,61.355h0Z'/%3E%3C/svg%3E");
}
.flybar-button-icon.icon-phone {
  --media-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cpath d='M40.984,223.003V26.997c0-14.91,12.087-26.997,26.997-26.997h114.038c14.91,0,26.997,12.087,26.997,26.997v196.006c0,14.91-12.087,26.997-26.997,26.997h-114.038c-14.91,0-26.997-12.087-26.997-26.997h0ZM189.551,32.092v-5.095c0-4.16-3.372-7.532-7.532-7.532h-114.038c-4.16,0-7.532,3.372-7.532,7.532v5.095h129.102ZM189.551,178.729V51.556H60.449v127.173h129.102ZM60.449,198.194v24.809c0,4.16,3.372,7.532,7.532,7.532h114.038c4.16,0,7.532-3.372,7.532-7.532v-24.809H60.449ZM113.73,225.122c-5.372,0-9.733-4.361-9.733-9.733s4.361-9.732,9.733-9.732h22.541c5.371,0,9.732,4.361,9.732,9.732s-4.361,9.733-9.732,9.733h-22.541Z'/%3E%3C/svg%3E");
}
.flybar-button-icon.icon-address {
  --media-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cpath d='M125,0c55.151,0,99.927,44.776,99.927,99.927,0,30.178-14.251,60.434-32.072,85.602-24.887,35.148-55.985,60.152-56.304,60.409l-2.641,1.769-2.851,1.271-2.98.764-3.042.258-3.042-.246-2.984-.752-2.856-1.259-2.648-1.758c-.329-.263-31.45-25.079-56.356-60.212-17.818-25.133-32.078-55.426-32.078-85.846C25.073,44.776,69.849,0,125,0h0ZM124.997,230.243c4.363-3.599,30.607-25.788,51.972-55.962,15.524-21.923,28.493-48.067,28.493-74.354,0-44.409-36.054-80.462-80.462-80.462S44.538,55.518,44.538,99.927c0,26.504,12.968,52.691,28.492,74.589,21.361,30.132,47.6,52.152,51.967,55.727h0ZM125,46.452c26.873,0,48.69,21.818,48.69,48.691s-21.817,48.69-48.69,48.69-48.691-21.817-48.691-48.69,21.818-48.691,48.691-48.691h0ZM125,65.917c-16.13,0-29.226,13.096-29.226,29.226s13.096,29.225,29.226,29.225,29.225-13.095,29.225-29.225-13.095-29.226-29.225-29.226h0Z'/%3E%3C/svg%3E");
}

.flybar-content {
  padding: var(--spacing-md, 24px);
  background-color: var(--color-neutral-white);
}

.marquee {
  justify-content: center;
  min-height: var(--site-marquee-height);
  padding: 10px 0;
  background-color: var(--color-brand-primary-100);
  overflow: hidden;
}
.marquee .marquee-inner {
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
  animation: marquee-animation linear infinite running;
  will-change: transform;
}
.marquee .marquee-inner p {
  margin: 0;
}
.marquee:hover .marquee-inner {
  animation-play-state: paused;
}

@keyframes marquee-animation {
  to {
    transform: translateX(-100%);
  }
}
/**
* =============================================================
* # Jaxida Cover – Frontend-Hauptdatei des Child-Themes
* =============================================================
*
* Wird vom SassCompiler als LETZTES an main.scss des Parent angehängt (nach allen Block-SCSS-Dateien).
* Reihenfolge: Tokens -> Schrift -> Basis -> Utilities -> Parent-Block-Umstylings -> Header/Footer/Menü -> Formulare.
*/
/**
* =============================================================
* # Jaxida Cover – Design-Tokens
* =============================================================
*
* Quelle: wp-content/jaxida-html-static/_ds/…/tokens/{colors,typography,spacing}.css (Claude-Design-Export).
* Teil 1: Original-Tokens des Design-Systems (--navy, --gold, --font-sans, …) – die Block-SCSS-Dateien nutzen sie 1:1.
* Teil 2: Umbelegung der PixelPro-Parent-Tokens (Farb-Primitives, Schrift, Größen), damit Parent-Blöcke
*         (Headline, Paragraph, Listing, Button, Formulare) automatisch im Jaxida-Look erscheinen.
*
* Wird von main.scss (Frontend) und editor.scss (innerhalb .editor-styles-wrapper) importiert.
*/
/**
* -------------------------------------------------------------
* Teil 1 – Design-System-Tokens (Farben rollenstrikt: Navy = Bühne, Gold = sparsamer Akzent)
* -------------------------------------------------------------
*/
:root,
[data-theme=light],
[data-theme=dark] {
  /* Core */
  --navy: #002E5B;
  --navy-deep: #06182E;
  --gold: #C2A046;
  --gold-lt: #D8C88A;
  /* Kühle Neutral-Rampe (technisch) */
  --steel: #4E678C;
  --slate: #93A4BC;
  --mist: #C3CEDD;
  --mist-lt: #DCE5EF;
  --cloud: #F1F5FA;
  --pale: #E7ECF3;
  /* Warme Neutral-Rampe (emotional) */
  --cream: #F4F1E6;
  --cream-lt: #FAF8F0;
  /* Grund & Text */
  --paper: #FBFAF6;
  --ink: #0E1B2B;
  --text-muted: #4A5A6E;
  --text-faint: #8593A6;
  --text-copy: #42505f; /* Fließtext in Sektionen (Export: #42505f) */
  --text-on-dark-soft: #d6dfea; /* Hero-Lead */
  --text-on-dark-copy: #c9d5e3; /* Fließtext auf Navy */
  /* Semantische Aliase */
  --surface-page: var(--paper);
  --surface-cool: var(--cloud);
  --surface-warm: var(--cream-lt);
  --surface-stage: var(--navy-deep);
  --surface-card: #ffffff;
  --text-body: var(--ink);
  --text-heading: var(--navy);
  --text-on-dark: #ffffff;
  --text-on-dark-muted: #b9c6d6;
  --accent: var(--gold);
  --accent-on-dark: var(--gold-lt);
  --line-structure: var(--pale);
  --line-accent: var(--gold);
  --line-on-dark: rgba(255, 255, 255, 0.16);
  --focus-ring: var(--gold);
  /* Typografie – eine Schrift: Jost (lokal eingebunden, variable Font 100–900) */
  --font-sans: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fw-xlight: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --font-display: var(--fw-xlight) clamp(40px, 6vw, 74px) / 1.04 var(--font-sans);
  --font-display-lg: var(--fw-xlight) clamp(38px, 7vw, 88px) / 1.02 var(--font-sans);
  --font-h2: var(--fw-light) clamp(26px, 3.4vw, 42px) / 1.12 var(--font-sans);
  --font-h3: var(--fw-regular) 23px / 1.25 var(--font-sans);
  --tracking-heading: -0.01em;
  --font-body: var(--fw-regular) 16px / 1.6 var(--font-sans);
  --font-lead: var(--fw-light) 18px / 1.6 var(--font-sans);
  --tracking-body: 0.005em;
  --font-overline: var(--fw-medium) 12px / 1 var(--font-sans);
  --tracking-overline: 0.28em;
  --tracking-label: 0.18em;
  --tracking-nav: 0.04em;
  /* Abstände, Radien, Layout, Bewegung */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 82px;
  --section-y: var(--space-7);
  --gutter: 32px;
  --radius: 4px;
  --radius-lg: 10px;
  --maxw: 1220px;
  --hairline: 1px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 0.2s;
  --dur: 0.25s;
  --dur-slow: 0.7s;
  --shadow-card-hover: 0 18px 40px rgba(0, 46, 91, 0.10);
  /* Jaxida-eigene Hilfstokens */
  --jaxida-logo-mark: var(--gold);
  --jaxida-check-size: 13px;
  --jaxida-check-color: var(--gold);
  --jaxida-header-height: 136px; /* Logo 88px + 2 × 24px Padding */
}

/**
* -------------------------------------------------------------
* Teil 2 – PixelPro-Parent-Tokens auf Jaxida umbelegen
* -------------------------------------------------------------
* Die semantischen Parent-Tokens (--surface-*, --text-color-*) leiten sich aus diesen Primitives ab.
* Wir belegen beide Themes gleich (Jaxida hat kein Dark-Theme; Navy-Bühnen sind Sektionshintergründe).
*/
:root,
[data-theme=light],
[data-theme=dark] {
  /* Primär = Navy-Rampe */
  --color-brand-primary-50: #F1F5FA;
  --color-brand-primary-100: #DCE5EF;
  --color-brand-primary-300: #4E678C;
  --color-brand-primary-500: #002E5B;
  --color-brand-primary-700: #06182E;
  --color-brand-primary-900: #06182E;
  /* Sekundär = Gold-Rampe */
  --color-brand-secondary-50: #FAF8F0;
  --color-brand-secondary-100: #F4F1E6;
  --color-brand-secondary-300: #D8C88A;
  --color-brand-secondary-500: #C2A046;
  --color-brand-secondary-700: #A8883A;
  --color-brand-secondary-900: #7D6428;
  /* Neutral = kühle Rampe, Text stark = Navy */
  --color-neutral-white: #ffffff;
  --color-neutral-100: #F1F5FA;
  --color-neutral-300: #DCE5EF;
  --color-neutral-500: #93A4BC;
  --color-neutral-700: #4A5A6E;
  --color-neutral-900: #002E5B;
  --color-overlay-default-0: #00000000;
  --color-overlay-default-4: #0000000a;
  --color-overlay-default-8: #00000014;
  --color-overlay-default-12: #0000001f;
  --color-overlay-default-16: #00000029;
  --color-overlay-default-20: #00000033;
  --color-overlay-default-24: #0000003d;
  --color-overlay-default-32: #00000052;
  --color-overlay-default-40: #00000066;
  --color-overlay-default-48: #0000007a;
  --color-overlay-default-56: #0000008f;
  --color-overlay-default-64: #000000a3;
  --color-overlay-default-80: #000000cc;
  --color-overlay-inverse-0: #ffffff00;
  --color-overlay-inverse-4: #ffffff0a;
  --color-overlay-inverse-8: #ffffff14;
  --color-overlay-inverse-12: #ffffff1f;
  --color-overlay-inverse-16: #ffffff29;
  --color-overlay-inverse-20: #ffffff33;
  --color-overlay-inverse-24: #ffffff3d;
  --color-overlay-inverse-32: #ffffff52;
  --color-overlay-inverse-40: #ffffff66;
  --color-overlay-inverse-48: #ffffff7a;
  --color-overlay-inverse-56: #ffffff8f;
  --color-overlay-inverse-64: #ffffffa3;
  --color-overlay-inverse-80: #ffffffcc;
}

:root {
  /* Seitengrund & Text (Parent: --surface-neutral-background = Weiß) */
  --surface-neutral-background: var(--paper);
  --text-color-neutral-strong: var(--navy);
  --text-color-neutral-medium: var(--text-copy);
  /* Schrift */
  --text-font-primary: var(--font-sans);
  --text-font-secondary: var(--font-sans);
  /* Fließtext (Parent-Paragraph/Listing): 18px / 1.6 / Light */
  --text-standard-font-family: var(--font-sans);
  --text-standard-font-size: 1.125rem;
  --text-standard-font-weight: 300;
  --text-standard-line-height: 1.6;
  --text-standard-letter-spacing: 0.005em;
  --text-text-xs-font-size: 0.875rem;
  --text-text-sm-font-size: 1rem;
  --text-text-md-font-size: 1.125rem;
  --text-text-lg-font-size: 1.25rem;
  /* Überschriften (Parent-Headline-Block) */
  --text-heading-xxl-font-family: var(--font-sans);
  --text-heading-xxl-font-size: clamp(40px, 6vw, 74px);
  --text-heading-xxl-font-weight: 300;
  --text-heading-xxl-line-height: 1.04;
  --text-heading-xxl-letter-spacing: -0.01em;
  --text-heading-xl-font-family: var(--font-sans);
  --text-heading-xl-font-size: clamp(28px, 3.4vw, 42px);
  --text-heading-xl-font-weight: 300;
  --text-heading-xl-line-height: 1.14;
  --text-heading-xl-letter-spacing: -0.01em;
  --text-heading-lg-font-family: var(--font-sans);
  --text-heading-lg-font-size: 1.625rem;
  --text-heading-lg-font-weight: 400;
  --text-heading-lg-line-height: 1.2;
  --text-heading-lg-letter-spacing: -0.01em;
  --text-heading-md-font-family: var(--font-sans);
  --text-heading-md-font-size: 1.5rem;
  --text-heading-md-font-weight: 400;
  --text-heading-md-line-height: 1.25;
  --text-heading-md-letter-spacing: -0.01em;
  --text-heading-sm-font-family: var(--font-sans);
  --text-heading-sm-font-size: 1.375rem;
  --text-heading-sm-font-weight: 400;
  --text-heading-sm-line-height: 1.25;
  --text-heading-sm-letter-spacing: -0.01em;
  --text-heading-xs-font-family: var(--font-sans);
  --text-heading-xs-font-size: 1.25rem;
  --text-heading-xs-font-weight: 400;
  --text-heading-xs-line-height: 1.3;
  --text-heading-xs-letter-spacing: 0;
  /* Tagline = Overline-Register */
  --text-tagline-font-family: var(--font-sans);
  --text-tagline-font-size: 0.75rem;
  --text-tagline-font-weight: 500;
  --text-tagline-line-height: 1;
  --text-tagline-letter-spacing: 0.28em;
  /* Buttons */
  --text-button-sm-font-family: var(--font-sans);
  --text-button-sm-font-size: 0.75rem;
  --text-button-sm-font-weight: 500;
  --text-button-sm-letter-spacing: 0.04em;
  --text-button-md-font-family: var(--font-sans);
  --text-button-md-font-size: 0.875rem;
  --text-button-md-font-weight: 500;
  --text-button-md-line-height: 1;
  --text-button-md-letter-spacing: 0.04em;
  --text-button-lg-font-family: var(--font-sans);
  --text-button-lg-font-size: 1rem;
  --text-button-lg-font-weight: 500;
  --text-button-lg-letter-spacing: 0.04em;
  /* Radien: 4px Buttons/kleine Flächen, 10px Karten/Medien */
  --border-radius-xxs: 2px;
  --border-radius-xs: 4px;
  --border-radius-sm: 4px;
  --border-radius-md: 10px;
  --border-radius-lg: 10px;
  --border-radius-xl: 10px;
  --border-radius-xxl: 10px;
  --border-radius-xxxl: 10px;
  /* Inhaltsbreite (Parent-Utilities has-content-width-*) */
  --content-width: var(--maxw);
  --content-width-sm: 860px;
  --content-width-md: var(--maxw);
  --content-width-lg: var(--maxw);
  /* Sektions-Rhythmus des Parent (has-section-spacing-*) auf Jaxida-Werte */
  --section-spacing-sm: 96px;
  --section-spacing-md: 104px;
  --section-spacing-lg: 110px;
  --spacing-container-inner: var(--gutter);
  --site-header-height: var(--jaxida-header-height);
  --scroll-margin-top: 110px;
  --transition-default: 0.2s ease;
}

/**
* =============================================================
* # Schrift: Jost (Google Fonts v20, lokal – variable Font, DSGVO-konform ohne externen Request)
* =============================================================
* Dateien: assets/fonts/jost-latin[-ext][-italic].woff2 – Gewichte 100–900 in einer Datei.
*/
@font-face {
  font-display: swap;
  font-family: "Jost";
  font-style: normal;
  font-weight: 100 900;
  src: url("/wp-content/themes/pixelpro-child/assets/fonts/jost-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-display: swap;
  font-family: "Jost";
  font-style: normal;
  font-weight: 100 900;
  src: url("/wp-content/themes/pixelpro-child/assets/fonts/jost-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-display: swap;
  font-family: "Jost";
  font-style: italic;
  font-weight: 100 900;
  src: url("/wp-content/themes/pixelpro-child/assets/fonts/jost-latin-ext-italic.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-display: swap;
  font-family: "Jost";
  font-style: italic;
  font-weight: 100 900;
  src: url("/wp-content/themes/pixelpro-child/assets/fonts/jost-latin-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**
* =============================================================
* # Basis-Elemente (Quelle: tokens/base.css + site.css des Design-Exports)
* =============================================================
*/
html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-sans);
  font-size: 18px;
  font-weight: var(--fw-regular);
  line-height: 1.6;
  letter-spacing: var(--tracking-body);
  color: var(--text-body);
  background-color: var(--surface-page);
  -webkit-font-smoothing: antialiased;
}

#site-content {
  background-color: var(--surface-page);
}

button,
input,
select,
textarea,
optgroup {
  font-family: var(--font-sans);
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: var(--tracking-heading);
  color: var(--text-heading);
}

:where(.pixelpro-block) :where(h1, h2, h3, h4):where(:not(.headline)) {
  margin: 0;
}

:where(a) {
  color: var(--gold);
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);
}
:where(a):hover {
  color: var(--gold-lt);
}

a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
}

::selection {
  color: #fff;
  background: var(--navy);
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}
.pixelpro-jaxida-section {
  scroll-margin-top: -40px;
}

div:has(> .grecaptcha-badge) {
  display: none;
}

div:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) {
  position: relative;
}
div:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker {
  margin: 0 !important;
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: rgba(8, 8, 8, 0.8);
  backdrop-filter: blur(1.5px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  border-radius: 0.5rem;
  overflow: hidden;
}
div:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b {
  max-height: unset;
  height: 100%;
  background-color: transparent;
  display: flex;
  align-items: center;
}
div:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-thumbnail {
  background-image: none !important;
}
div:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-main {
  display: flex !important;
  justify-content: center;
  flex-flow: wrap;
  background-color: transparent !important;
  gap: 3rem;
}
div:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-content {
  padding: 0;
  width: 100%;
  flex-basis: 100%;
}
div:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-content .brlbs-cmpnt-cb-description {
  color: #FFFFFF;
}
div:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-buttons {
  max-width: 384px;
  width: 100%;
  flex-basis: 100%;
}
div:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-buttons a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: var(--fw-medium);
  line-height: 1.2;
  letter-spacing: 0.03em;
  padding: 14px 22px;
  border-radius: var(--radius);
  border: 1px solid var(--mist);
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: all 0.2s ease;
}
div:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-buttons a:hover {
  background: var(--navy);
  color: #fff;
  border-color: var(--navy);
}

/* Jaxida Galerie – feste Pfeile des Laufbands */
.pixelpro-jaxida-gallery.has-rail-layout {
  position: relative;
}

.pixelpro-jaxida-gallery.has-rail-layout > .jaxida-gallery-rail-btn {
  position: absolute;
  z-index: 5;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #222;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background-color 180ms ease, color 180ms ease;
}

.pixelpro-jaxida-gallery.has-rail-layout > .jaxida-gallery-rail-btn.is-prev {
  left: 12px;
}

.pixelpro-jaxida-gallery.has-rail-layout > .jaxida-gallery-rail-btn.is-next {
  right: 12px;
}

.pixelpro-jaxida-gallery.has-rail-layout > .jaxida-gallery-rail-btn:hover {
  background: #222;
  color: #fff;
}

.pixelpro-jaxida-gallery.has-rail-layout > .jaxida-gallery-rail-btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .pixelpro-jaxida-gallery.has-rail-layout > .jaxida-gallery-rail-btn {
    transition: none;
  }
}
/**
* =============================================================
* # Jaxida-Utilities (Design-System-Primitives als CSS-Klassen)
* =============================================================
* Diese Klassen werden von den Jaxida-Blöcken und den pixelpro/text-Zeilen ihrer Templates verwendet.
*/
.jaxida-check {
  display: inline-block;
  flex: none;
  width: var(--jaxida-check-size, 13px);
  height: var(--jaxida-check-size, 13px);
  background: var(--jaxida-check-color, var(--gold));
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}

.jaxida-overline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  margin: 0;
  font: var(--font-overline);
  letter-spacing: var(--tracking-overline);
  text-transform: uppercase;
  color: var(--gold);
}
.jaxida-overline::before {
  content: "";
  flex: none;
  width: 34px;
  height: 1px;
  background: currentColor;
}
.jaxida-overline.is-centered, .has-text-align-center .jaxida-overline, .is-align-center > .jaxida-overline, .jaxida-align-center .jaxida-overline {
  justify-content: center;
}
.jaxida-overline.is-centered::before, .has-text-align-center .jaxida-overline::before, .is-align-center > .jaxida-overline::before, .jaxida-align-center .jaxida-overline::before {
  display: none;
}
.is-tone-dark .jaxida-overline, .jaxida-overline.is-tone-dark {
  color: var(--gold-lt);
}

.jaxida-label {
  font-size: 12px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--steel);
  line-height: 1.4;
}

.jaxida-label-wide {
  font-size: 12px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--steel);
  line-height: 1.4;
}

.jaxida-hairline {
  height: 1px;
  width: 100%;
  border: 0;
  margin: 0;
  background: var(--line-structure);
}
.jaxida-hairline.is-gold {
  background: var(--line-accent);
}
.jaxida-hairline.is-on-dark {
  background: var(--line-on-dark);
}

.jaxida-align-center {
  text-align: center;
}

.is-tone-dark {
  color: #fff;
}
.is-tone-dark h1, .is-tone-dark h2, .is-tone-dark h3, .is-tone-dark h4 {
  color: #fff;
}

.jaxida-rise {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.jaxida-rise.in {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .jaxida-rise {
    opacity: 1 !important;
    transform: none !important;
  }
}

.jaxida-sticky {
  position: sticky;
  top: 110px;
  align-self: start;
}
@media (max-width: 900px) {
  .jaxida-sticky {
    position: static;
  }
}

.jaxida-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#site-modal-group:has(> #site-overlay-menu-modal.is-active) {
  z-index: 999;
}

/* --------------------------------------------------
 * FsLightbox – Jaxida Styling
 * -------------------------------------------------- */
.fslightbox-container {
  background: rgba(6, 24, 46, 0.94) !important;
}

/* Innenabstand der Lightbox */
.fslightbox-nav {
  padding: 72px 78px !important;
  box-sizing: border-box;
}

/* Bild */
.fslightbox-source {
  max-width: 100% !important;
  max-height: 78vh !important;
  object-fit: contain;
  border-radius: var(--radius-lg, 10px);
}

/* --------------------------------------------------
 * Previous / Next Buttons
 * -------------------------------------------------- */
.fslightbox-slide-btn-container {
  width: 52px !important;
  height: 52px !important;
  top: 50% !important;
  transform: translateY(-50%);
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* Abstand vom linken Rand */
.fslightbox-slide-btn-container-previous {
  left: 48px !important;
}

/* Abstand vom rechten Rand */
.fslightbox-slide-btn-container-next {
  right: 48px !important;
}

.fslightbox-slide-btn {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  padding: 0 !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 50% !important;
  background: rgba(6, 24, 46, 0.5) !important;
  color: #fff;
}

/* --------------------------------------------------
 * Toolbar / Close Button
 * -------------------------------------------------- */
.fslightbox-toolbar {
  top: 26px !important;
  right: 30px !important;
}

.fslightbox-toolbar-button {
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  border-radius: 4px !important;
}

/* --------------------------------------------------
 * Mobile
 * -------------------------------------------------- */
@media (max-width: 768px) {
  .fslightbox-nav {
    padding: 60px 20px !important;
  }
  .fslightbox-slide-btn-container-previous {
    left: 14px !important;
  }
  .fslightbox-slide-btn-container-next {
    right: 14px !important;
  }
  .fslightbox-slide-btn-container,
  .fslightbox-slide-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
  .fslightbox-toolbar {
    top: 18px !important;
    right: 18px !important;
  }
  .fslightbox-toolbar-button {
    width: 40px !important;
    height: 40px !important;
  }
}
/**
* =============================================================
* # Buttons – Parent-Button-Block (pixelpro/button) im Jaxida-Design
* =============================================================
* Zuordnung der Parent-Layouts (Feld pixelpro_block_button_layout_field):
*   is-primary-button   -> Gold-Button (Goldfläche, Navy-Text, hover Gold-Light)        = DS "Button gold"
*   is-secondary-button -> Ghost-Button für dunkle Bühnen (weiße Haarlinie, weißer Text) = DS "Button ghost"
*                          .is-inverse -> Ghost auf hellem Grund (Navy-Haarlinie)
*   is-ghost-button     -> Outline-Button hell (Navy-Rahmen, hover Navy-Fläche)         = Export .jx-outline
*   is-link-button      -> Textlink mit Gold-Unterstrich                                 = DS "LinkLine underline"
*                          .is-inverse -> weißer Text, Gold-Light-Strich (dunkle Bühne)
*   is-plus-link-button -> Textlink mit 1px-Gold-Plus (Child-Erweiterung ButtonExtension) = DS "LinkLine plus"
* Der Parent zeichnet Hover als Overlay (::after) – wird hier neutralisiert.
*/
.pixelpro-button {
  --pixelpro-button-min-height: 0;
  --pixelpro-button-padding: 15px 26px;
  --pixelpro-button-border-radius: var(--radius, 4px);
  --pixelpro-button-overlay-color: transparent;
  --pixelpro-button-overlay-color-active: transparent;
  --button-overlay-color: transparent;
  position: relative;
  gap: 10px;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: var(--fw-medium);
  line-height: 1;
  letter-spacing: 0.04em;
  border: 1px solid transparent;
  outline: none;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
}
.pixelpro-button::after {
  display: none !important;
}
.pixelpro-button .button-label {
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
}
.pixelpro-button:active:not(.is-link-button):not(.is-plus-link-button) {
  transform: translateY(1px);
}
.pixelpro-button:focus, .pixelpro-button:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
}
.pixelpro-button.is-primary-button {
  background-color: var(--gold);
  border-color: var(--gold);
  color: var(--navy-deep);
}
.pixelpro-button.is-primary-button:hover {
  background-color: var(--gold-lt);
  border-color: var(--gold-lt);
  color: var(--navy-deep);
}
.pixelpro-button.is-primary-button.is-inverse {
  background-color: var(--gold-lt);
  border-color: var(--gold-lt);
}
.pixelpro-button.is-secondary-button {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.35);
  color: #fff;
}
.pixelpro-button.is-secondary-button:hover {
  border-color: #fff;
  color: #fff;
}
.pixelpro-button.is-secondary-button.is-inverse {
  border-color: rgba(0, 46, 91, 0.35);
  color: var(--navy);
}
.pixelpro-button.is-secondary-button.is-inverse:hover {
  border-color: var(--navy);
  color: var(--navy);
}
.pixelpro-button.is-ghost-button {
  background-color: transparent;
  border-color: var(--navy);
  color: var(--navy);
}
.pixelpro-button.is-ghost-button:hover {
  background-color: var(--navy);
  color: #fff;
}
.pixelpro-button.is-ghost-button.is-inverse {
  border-color: #fff;
  color: #fff;
}
.pixelpro-button.is-ghost-button.is-inverse:hover {
  background-color: #fff;
  color: var(--navy);
}
.pixelpro-button.is-link-button {
  padding: 0 0 3px;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--gold);
  border-radius: 0;
  color: var(--navy);
}
.pixelpro-button.is-link-button:hover {
  color: var(--gold);
  border-bottom-color: var(--gold-lt);
}
.pixelpro-button.is-link-button.is-inverse {
  color: #fff;
  border-bottom-color: var(--gold-lt);
}
.pixelpro-button.is-link-button.is-inverse:hover {
  color: var(--gold-lt);
}
.pixelpro-button.is-plus-link-button {
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: var(--navy);
}
.pixelpro-button.is-plus-link-button::before {
  content: "";
  display: inline-block;
  flex: none;
  width: 12px;
  height: 12px;
  background: linear-gradient(var(--gold), var(--gold)) 0 center/12px 1px no-repeat, linear-gradient(var(--gold), var(--gold)) center 0/1px 12px no-repeat;
}
.pixelpro-button.is-plus-link-button:hover {
  color: var(--gold);
}
.pixelpro-button.is-plus-link-button.is-inverse {
  color: #fff;
}
.pixelpro-button.is-plus-link-button.is-inverse::before {
  content: "";
  display: inline-block;
  flex: none;
  width: 12px;
  height: 12px;
  background: linear-gradient(var(--gold-lt), var(--gold-lt)) 0 center/12px 1px no-repeat, linear-gradient(var(--gold-lt), var(--gold-lt)) center 0/1px 12px no-repeat;
}
.pixelpro-button.is-plus-link-button.is-inverse:hover {
  color: var(--gold-lt);
}
.pixelpro-button.is-size-md:not(.is-link-button) {
  --pixelpro-button-min-height: 0;
  --pixelpro-button-padding: 15px 26px;
}
.pixelpro-button.is-size-sm:not(.is-link-button) {
  --pixelpro-button-min-height: 0;
  --pixelpro-button-padding: 11px 18px;
  font-size: 13px;
}
.pixelpro-button.is-size-lg:not(.is-link-button) {
  --pixelpro-button-min-height: 0;
  --pixelpro-button-padding: 17px 30px;
  font-size: 15px;
}
.pixelpro-button.is-size-sm .button-label, .pixelpro-button.is-size-md .button-label, .pixelpro-button.is-size-lg .button-label {
  font: inherit;
  letter-spacing: inherit;
}
.pixelpro-button .button-icon {
  background-color: currentColor;
}

.pixelpro-button-group :where(.button-group-inner) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 26px;
}
:where(.pixelpro-button-group.has-margin-top) {
  margin-top: 38px;
}
.jaxida-align-center .pixelpro-button-group > .button-group-inner {
  justify-content: center;
}
.pixelpro-jaxida-badges + .pixelpro-button-group {
  margin-top: 34px;
}

/**
* =============================================================
* # Listen – Parent-Listing-Block (pixelpro/listing) mit Jaxida-Listenstilen
* =============================================================
* Die Stile werden im Editor über den Filter 'pixelpro_listing_listStyles' (assets/js/pixelpro.js) angeboten:
*   has-jaxida-plus-layout    -> "Haken kompakt"      = DS PlusList (13px Gold-Haken, 11px Zeilenabstand)
*   has-jaxida-rows-layout    -> "Zeilen mit Linie"   = Export Nachhaltigkeit/Garantie (Haarlinie oben, 20px)
*   has-jaxida-rows-3-layout  -> "Zeilen 3-spaltig"   = Export Vorteile (3 Spalten, 18px, Haarlinie oben)
*   has-jaxida-specs-layout   -> "Spezifikationen"    = Export Material (Versalien 13px, Haarlinie oben, ohne Marker)
* Markup: ul.pixelpro-list > li.list-item > span
*/
.pixelpro-list.has-jaxida-plus-layout, .pixelpro-list.has-jaxida-rows-layout, .pixelpro-list.has-jaxida-rows-3-layout, .pixelpro-list.has-jaxida-specs-layout {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: var(--font-sans);
  color: var(--navy);
}
.pixelpro-list.has-jaxida-plus-layout .list-item, .pixelpro-list.has-jaxida-rows-layout .list-item, .pixelpro-list.has-jaxida-rows-3-layout .list-item, .pixelpro-list.has-jaxida-specs-layout .list-item {
  padding: 0;
  margin: 0;
}
.pixelpro-list.has-jaxida-plus-layout .list-item::marker, .pixelpro-list.has-jaxida-rows-layout .list-item::marker, .pixelpro-list.has-jaxida-rows-3-layout .list-item::marker, .pixelpro-list.has-jaxida-specs-layout .list-item::marker {
  content: none;
}
.pixelpro-list.has-jaxida-plus-layout.list-box .list-item span, .pixelpro-list.has-jaxida-rows-layout.list-box .list-item span, .pixelpro-list.has-jaxida-rows-3-layout.list-box .list-item span, .pixelpro-list.has-jaxida-specs-layout.list-box .list-item span {
  display: block;
  color: rgb(66, 80, 95);
  font-weight: 300;
  font-size: 17px;
  line-height: 1.6;
}
.pixelpro-list.has-jaxida-plus-layout.list-box .list-item strong, .pixelpro-list.has-jaxida-rows-layout.list-box .list-item strong, .pixelpro-list.has-jaxida-rows-3-layout.list-box .list-item strong, .pixelpro-list.has-jaxida-specs-layout.list-box .list-item strong {
  display: block;
  color: var(--navy);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.25;
  margin-bottom: 6px !important;
}
.pixelpro-list.has-jaxida-plus-layout.list-box .list-item br, .pixelpro-list.has-jaxida-rows-layout.list-box .list-item br, .pixelpro-list.has-jaxida-rows-3-layout.list-box .list-item br, .pixelpro-list.has-jaxida-specs-layout.list-box .list-item br {
  display: none;
}
.pixelpro-list.has-jaxida-plus-layout.list-box .list-item::before, .pixelpro-list.has-jaxida-rows-layout.list-box .list-item::before, .pixelpro-list.has-jaxida-rows-3-layout.list-box .list-item::before, .pixelpro-list.has-jaxida-specs-layout.list-box .list-item::before {
  align-self: start;
  position: relative;
  top: 7px;
}
.pixelpro-list.has-jaxida-plus-layout .list-item {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 11px;
  font-weight: var(--fw-light);
  font-size: 18px;
  line-height: 1.6;
}
.pixelpro-list.has-jaxida-plus-layout .list-item::before {
  content: "";
  display: inline-block;
  flex: none;
  width: 13px;
  height: 13px;
  background: var(--gold);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.pixelpro-list.has-jaxida-plus-layout .list-item:last-child {
  margin-bottom: 0;
}
.pixelpro-list.has-jaxida-plus-layout.is-tone-dark .list-item, .is-tone-dark .pixelpro-list.has-jaxida-plus-layout .list-item {
  color: var(--text-on-dark-muted);
}
.pixelpro-list.has-jaxida-plus-layout.is-tone-dark .list-item::before, .is-tone-dark .pixelpro-list.has-jaxida-plus-layout .list-item::before {
  background: var(--gold-lt);
}
.pixelpro-list.has-jaxida-rows-layout .list-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 0;
  border-top: 1px solid var(--mist-lt);
  font-weight: var(--fw-light);
  font-size: 18px;
  line-height: 1.45;
}
.pixelpro-list.has-jaxida-rows-layout .list-item::before {
  content: "";
  display: inline-block;
  flex: none;
  width: 12px;
  height: 12px;
  background: var(--gold);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.pixelpro-list.has-jaxida-rows-3-layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 48px;
  row-gap: 0;
}
.pixelpro-list.has-jaxida-rows-3-layout .list-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 0;
  border-top: 1px solid var(--mist-lt);
  font-weight: var(--fw-light);
  font-size: 17px;
  line-height: 1.45;
}
.pixelpro-list.has-jaxida-rows-3-layout .list-item::before {
  content: "";
  display: inline-block;
  flex: none;
  width: 12px;
  height: 12px;
  background: var(--gold);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
@media (max-width: 1040px) {
  .pixelpro-list.has-jaxida-rows-3-layout {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 700px) {
  .pixelpro-list.has-jaxida-rows-3-layout {
    grid-template-columns: 1fr;
  }
}
.pixelpro-list.has-jaxida-specs-layout .list-item {
  border-top: 1px solid var(--mist-lt);
  padding: 13px 0;
  font-size: 13px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.13em;
  text-transform: uppercase;
  line-height: 1.5;
}

/**
* =============================================================
* # Textzeilen der Jaxida-Templates (pixelpro/text mit wrapperClass)
* =============================================================
* Die Jaxida-Blöcke bauen ihre Inhalte aus pixelpro/text-Zeilen (RichText, inline editierbar) mit diesen
* Klassen. Größen-Modifikatoren: .is-size-sm / .is-size-md / .is-size-lg. Ton: .is-tone-dark am Vorfahren.
* Kursiv (<em>) ist die redaktionelle Auszeichnung für den Akzent: im Hero Gold-Light (nicht kursiv),
* im Statement Steel kursiv, in Überschriften Gold kursiv.
*/
.jaxida-h1 {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: var(--fw-light);
  font-size: clamp(40px, 6vw, 74px);
  line-height: 1.04;
  letter-spacing: var(--tracking-heading);
  color: var(--navy);
}
.jaxida-h1.is-size-md {
  font-size: clamp(40px, 5.4vw, 68px);
  line-height: 1.05;
}
.jaxida-h1.is-size-sm {
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1.06;
}
.jaxida-h1 em {
  font-style: normal;
  color: var(--gold);
}
.is-tone-dark .jaxida-h1 {
  color: #fff;
}
.is-tone-dark .jaxida-h1 em {
  color: var(--gold-lt);
}

.jaxida-h2 {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: var(--fw-light);
  font-size: clamp(28px, 3.4vw, 42px);
  line-height: 1.14;
  letter-spacing: var(--tracking-heading);
  color: var(--navy);
  margin-bottom: 6px !important;
}
.jaxida-h2.is-size-lg {
  font-size: clamp(28px, 3.6vw, 44px);
  line-height: 1.12;
}
.jaxida-h2.is-size-sm {
  font-size: clamp(26px, 3.4vw, 40px);
  line-height: 1.14;
}
.jaxida-h2.is-size-xs {
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.15;
}
.jaxida-h2 em {
  font-style: italic;
  color: var(--gold);
}
.is-tone-dark .jaxida-h2 {
  color: #fff;
}
.is-tone-dark .jaxida-h2 em {
  color: var(--gold-lt);
}

.jaxida-h3 {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: var(--fw-regular);
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: var(--tracking-heading);
  color: var(--navy);
  margin-bottom: 0 !important;
}
.jaxida-h3.is-size-sm {
  font-size: 20px;
}
.jaxida-h3.is-size-md {
  font-size: 22px;
  line-height: 1.2;
}
.jaxida-h3.is-size-lg {
  font-size: 26px;
  line-height: 1.2;
}
.jaxida-h3.is-weight-light {
  font-weight: var(--fw-light);
}
.is-tone-dark .jaxida-h3 {
  color: #fff;
}

.jaxida-lead {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: var(--fw-light);
  font-size: clamp(20px, 2.2vw, 24px);
  line-height: 1.5;
  color: var(--text-muted);
}
.jaxida-lead.is-size-sm {
  font-size: clamp(18px, 2vw, 21px);
  line-height: 1.6;
}
.jaxida-lead.is-size-xs {
  font-size: 18px;
  line-height: 1.65;
}
.jaxida-lead em {
  font-style: normal;
  font-weight: var(--fw-regular);
  color: var(--gold);
}
.is-tone-dark .jaxida-lead {
  color: var(--text-on-dark-soft);
}
.is-tone-dark .jaxida-lead em {
  color: var(--gold-lt);
}
.is-tone-dark .jaxida-lead.is-size-xs {
  color: var(--text-on-dark-copy);
}

.jaxida-copy {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: var(--fw-light);
  font-size: 18px;
  line-height: 1.65;
  color: var(--text-copy);
}
.jaxida-copy.is-size-sm {
  font-size: 17px;
}
.jaxida-copy.is-size-xs {
  font-size: 16px;
  line-height: 1.6;
}
.jaxida-copy.is-color-navy {
  color: var(--navy);
}
.jaxida-copy.is-color-steel {
  color: var(--steel);
}
.jaxida-copy a {
  color: var(--navy);
  border-bottom: 1px solid var(--gold);
}
.jaxida-copy a:hover {
  color: var(--gold);
}
.is-tone-dark .jaxida-copy {
  color: var(--text-on-dark-copy);
  line-height: 1.7;
}

.jaxida-statement-text {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: var(--fw-xlight);
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.35;
  color: var(--navy);
}
.jaxida-statement-text.is-size-sm {
  font-size: clamp(22px, 2.6vw, 32px);
}
.jaxida-statement-text em {
  font-style: italic;
  color: var(--steel);
}
.is-tone-dark .jaxida-statement-text {
  color: #fff;
}
.is-tone-dark .jaxida-statement-text em {
  color: var(--gold-lt);
}

.jaxida-kicker {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--steel);
  line-height: 1.5;
}

.jaxida-overline + .jaxida-h1,
.jaxida-overline + .jaxida-h2 {
  margin-top: 18px;
}

.jaxida-h1 + .jaxida-lead {
  margin-top: 26px;
}

.jaxida-h2 + .jaxida-copy,
.jaxida-h2 + .jaxida-lead,
.jaxida-h3 + .jaxida-copy {
  margin-top: 16px;
}

.jaxida-copy + .jaxida-copy {
  margin-top: 18px;
}

.jaxida-h2 + .pixelpro-list,
.jaxida-copy + .pixelpro-list,
.jaxida-kicker + .pixelpro-list {
  margin-top: 20px;
}

.jaxida-copy + .jaxida-kicker {
  margin-top: 32px;
}

.jaxida-copy + .pixelpro-button-group,
.pixelpro-list + .pixelpro-button-group,
.jaxida-h2 + .pixelpro-button-group {
  margin-top: 28px;
}

.jaxida-lead + .pixelpro-button-group {
  margin-top: 38px;
}

.jaxida-overline + .jaxida-h3 {
  margin-top: 16px;
}

.jaxida-kicker + .pixelpro-jaxida-cards,
.jaxida-kicker + .pixelpro-jaxida-columns {
  margin-top: 22px;
}

.jaxida-align-center .jaxida-copy,
.jaxida-align-center .jaxida-lead,
.jaxida-align-center .jaxida-statement-text {
  margin-left: auto;
  margin-right: auto;
}
.jaxida-align-center .jaxida-copy {
  max-width: 52ch;
}

.pixelpro-jaxida-section :where(.pixelpro-headline) {
  margin-bottom: 16px;
}
.pixelpro-jaxida-section :where(.pixelpro-paragraph) {
  margin-bottom: 18px;
}
.pixelpro-jaxida-section :where(.pixelpro-paragraph):last-child {
  margin-bottom: 0;
}

/**
* =============================================================
* # Header (header.php des Child) – Quelle: Nav in Homepage.jsx + site.css
* =============================================================
* Absolut über dem Seitenanfang (Hero), transparent. Logo 88px, Menü rechts, Sprachumschalter, Ghost-Button.
*/
#site-header.jaxida-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--z-index-sticky, 30);
  min-height: 0;
  background-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  transition: none;
}
.has-marquee #site-header.jaxida-header {
  top: var(--site-marquee-height, 50px);
}

.jaxida-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 24px var(--gutter);
}

.jaxida-header-logo {
  display: flex;
  color: #fff;
  --jaxida-logo-mark: var(--gold-lt);
}
.jaxida-header-logo svg {
  display: block;
  height: 88px;
  width: auto;
}

.jaxida-nav {
  display: flex;
  align-items: center;
  gap: 22px;
}

.jaxida-nav-links {
  display: flex;
  align-items: center;
  gap: 34px;
}
@media (max-width: 1080px) {
  .jaxida-nav-links {
    display: none;
  }
}

.jaxida-menu {
  display: flex;
  align-items: center;
  gap: 34px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.jaxida-menu > .menu-item {
  position: relative;
  margin: 0;
  padding: 0;
}
.jaxida-menu > .menu-item > a {
  display: inline-flex;
  align-items: center;
  color: #eaf0f7;
  font-size: 16px;
  font-weight: var(--fw-regular);
  letter-spacing: 0.03em;
  line-height: 1;
  padding: 4px 0;
  border-bottom: 1px solid transparent;
  white-space: nowrap;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.jaxida-menu > .menu-item > a:hover {
  border-bottom-color: var(--gold-lt);
  color: #fff;
}
.jaxida-menu > .menu-item.current-menu-item > a, .jaxida-menu > .menu-item.current-menu-ancestor > a {
  color: #fff;
}
.jaxida-menu > .menu-item.menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  flex: none;
  width: 11px;
  height: 11px;
  background: linear-gradient(var(--gold-lt), var(--gold-lt)) 0 center/11px 1px no-repeat, linear-gradient(var(--gold-lt), var(--gold-lt)) center 0/1px 11px no-repeat;
  margin-left: 9px;
  mask: none;
  -webkit-mask: none;
}
.jaxida-menu > .menu-item.menu-item-has-children:hover > a {
  border-bottom-color: transparent;
}
.jaxida-menu .sub-menu {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 12px 0 0;
  padding: 8px;
  min-width: 210px;
  list-style: none;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(6px);
  border-radius: var(--radius);
  box-shadow: 0 18px 40px rgba(0, 46, 91, 0.16);
}
.jaxida-menu .sub-menu::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  height: 14px;
}
.jaxida-menu .sub-menu .menu-item {
  margin: 0;
  padding: 0;
}
.jaxida-menu .sub-menu a {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--navy);
  font-size: 14px;
  font-weight: var(--fw-regular);
  line-height: 1.3;
  padding: 10px 14px;
  border-radius: var(--radius);
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}
.jaxida-menu .sub-menu a:hover {
  background: rgba(0, 46, 91, 0.1);
  color: var(--navy);
}
.jaxida-menu .sub-menu a[aria-current=page] {
  color: var(--gold);
}
.jaxida-menu .sub-menu .menu-item-icon {
  height: 22px;
  width: auto;
  flex: none;
}
.jaxida-menu > .menu-item:hover > .sub-menu,
.jaxida-menu > .menu-item:focus-within > .sub-menu {
  display: flex;
}

.jaxida-lang {
  color: #eaf0f7;
  font-size: 13px;
  letter-spacing: 0.06em;
  white-space: nowrap;
}
.jaxida-lang b {
  font-weight: var(--fw-semibold);
}
.jaxida-lang .jaxida-lang-sep {
  opacity: 0.5;
  margin: 0 2px;
}
.jaxida-lang a {
  color: inherit;
}
.jaxida-lang a:hover {
  color: #fff;
}

.jaxida-header-cta {
  flex: none;
  display: none !important;
}

.jaxida-header .overlay-menu-toggle {
  display: none;
  left: 0;
}
.jaxida-header .overlay-menu-toggle span {
  background: #fff;
}
.jaxida-header .overlay-menu-toggle:hover span, .jaxida-header .overlay-menu-toggle:not(.is-active):hover span {
  background: var(--gold-lt);
}
@media (max-width: 1080px) {
  .jaxida-header .overlay-menu-toggle {
    display: block;
  }
}

@media (max-width: 700px) {
  .jaxida-header-inner {
    padding: 18px 24px;
  }
  .jaxida-header-logo svg {
    height: 64px;
  }
  .jaxida-header-cta {
    display: none;
  }
}
body:not(:has(.pixelpro-jaxida-hero)) #site-header.jaxida-header {
  background-color: #06182E;
  position: relative;
}

/**
* =============================================================
* # Overlay-Menü (mobil) – Parent-Modal (#site-overlay-menu-modal) im Jaxida-Design
* =============================================================
* Der Export hat keine mobile Navigation; hier wird das Overlay-Menü des Parent (Burger unterhalb 1080px)
* in Navy/Gold gestaltet: Navy-Deep-Fläche, weiße Menüpunkte, Gold-Light-Akzente, Flugzeug-Icons.
*/
#site-overlay-menu-modal {
  --overlay-menu-width: 400px;
}
#site-overlay-menu-modal .modal-background {
  background-color: rgba(6, 24, 46, 0.55);
}
#site-overlay-menu-modal .overlay-menu-modal-inner {
  background-color: var(--navy-deep);
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  padding: 120px 32px 48px;
  gap: 8px;
}
#site-overlay-menu-modal .overlay-menu-close {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: var(--radius);
}
#site-overlay-menu-modal .overlay-menu-close:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
#site-overlay-menu-modal .overlay-menu-close span {
  background-color: #fff;
}

.menu.overlay-menu {
  gap: 4px;
}
.menu.overlay-menu .menu-item a {
  min-height: 44px;
  padding: 10px 0;
  font-family: var(--font-sans);
  font-size: 18px;
  font-weight: var(--fw-light);
  letter-spacing: 0.02em;
  color: #eaf0f7;
  border-radius: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: none;
}
.menu.overlay-menu .menu-item a:hover {
  color: var(--gold-lt);
  background: none;
}
.menu.overlay-menu .menu-item.current-menu-item > a {
  color: var(--gold-lt);
}
.menu.overlay-menu .menu-item.menu-item-has-children > a::after {
  background-color: var(--gold-lt);
}
.menu.overlay-menu .menu-item .menu-item-icon {
  height: 20px;
  width: auto;
  margin-right: 12px;
  color: var(--gold-lt);
}
.menu.overlay-menu .menu-item .menu .menu-item a {
  font-size: 16px;
  border-bottom: 0;
}
.menu.overlay-menu .menu-item .menu .menu-item a::before {
  display: none;
}

/**
* =============================================================
* # Footer (template-parts/footer-socket.php des Child) – Quelle: Footer in Homepage.jsx + site.css
* =============================================================
*/
#site-socket.jaxida-footer {
  min-height: 0;
  background-color: var(--navy-deep);
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  container-type: normal;
}

.jaxida-footer-inner {
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 var(--gutter);
}

.jaxida-footer-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  flex-wrap: wrap;
  padding: 48px 0;
}

.jaxida-footer-cta-headline {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: var(--fw-light);
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.15;
  color: #fff;
  white-space: nowrap;
}
.jaxida-footer-cta-headline em {
  font-style: italic;
  color: var(--gold-lt);
}
@media (max-width: 700px) {
  .jaxida-footer-cta-headline {
    white-space: normal;
  }
}

.jaxida-footer-hair {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  margin: 0;
  height: 0;
  background: none;
}

.jaxida-footer-grid {
  display: grid;
  grid-template-columns: 1.8fr 1fr 1fr;
  gap: 40px;
  padding: 48px 0;
}
@media (min-width: 1041px) {
  .jaxida-footer-grid:has(> :nth-child(4)) {
    grid-template-columns: 1.8fr 1fr 1fr 1fr;
  }
}
@media (max-width: 1040px) {
  .jaxida-footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 900px) {
  .jaxida-footer-grid {
    grid-template-columns: 1fr;
  }
}

.jaxida-footer-logo {
  display: inline-flex;
  color: #fff;
  --jaxida-logo-mark: var(--gold-lt);
}
.jaxida-footer-logo svg {
  display: block;
  height: 62px;
  width: auto;
}

.jaxida-footer-address {
  margin-top: 22px;
  font-size: 14px;
  font-weight: var(--fw-light);
  line-height: 1.9;
  color: #fff;
}

.jaxida-footlink,
.jaxida-footer-menu a {
  color: #fff;
  transition: color 0.2s ease;
}
.jaxida-footlink:hover,
.jaxida-footer-menu a:hover {
  color: var(--gold-lt);
}

.jaxida-footer-col {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: var(--fw-light);
  line-height: 2;
  color: #fff;
}

.jaxida-footer-col-head {
  font-size: 12px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 14px;
  line-height: 1.4;
}

.jaxida-footer-menu {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
.jaxida-footer-menu .menu-item {
  padding: 0;
  margin: 0;
}
.jaxida-footer-menu a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font: inherit;
  line-height: inherit;
  padding: 0;
  min-height: 0;
  border-radius: 0;
  font-size: 14px;
}
.jaxida-footer-menu .menu-item-icon {
  height: 16px;
  width: auto;
  color: var(--gold-lt);
}

.jaxida-footer-copyright {
  padding: 22px 0 34px;
  font-size: 12.5px;
  font-weight: var(--fw-light);
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.7);
}

/**
* =============================================================
* # Formulare (Contact Form 7) im Jaxida-Design – Quelle: site.css (.jx-field, .jx-seg, .jx-check, .jx-covertyp, .jx-checkbox)
* =============================================================
* Markup-Konventionen im CF7-Formular (siehe docs/jaxida-forms.md):
*   <fieldset class="jaxida-form-step" data-step="Titel">            Schritt eines mehrstufigen Formulars
*   <label class="jaxida-field"><span class="jaxida-field-label">…</span>[text …]</label>   Textfeld/Select/Textarea
*   <div class="jaxida-field is-segmented"><span class="jaxida-field-label">…</span>[radio …]</div>  Segment-Buttons
*   <div class="jaxida-field is-checks">[checkbox …]</div>            Auswahlkarten mit Haken
*   <div class="jaxida-field is-cover-types">[radio …]</div>          Auswahlkarten mit Name · Info (JS trennt am " · ")
*   [acceptance …]                                                    DSGVO-Checkbox
*   <div class="jaxida-form-grid">…</div>                             zweispaltig (Kontaktformular)
*/
.wpcf7 {
  font-family: var(--font-sans);
}
.wpcf7 form {
  margin: 0;
}
.wpcf7 .jaxida-field {
  display: block;
  margin: 0 0 20px;
}
.wpcf7 .jaxida-field.is-full {
  grid-column: 1/-1;
}
.wpcf7 .jaxida-field-label {
  display: block;
  font-size: 12px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--steel);
  margin-bottom: 8px;
  line-height: 1.4;
}
.wpcf7 .wpcf7-form-control-wrap {
  display: block;
  position: relative;
}
.wpcf7 .wpcf7-text,
.wpcf7 .wpcf7-email,
.wpcf7 .wpcf7-tel,
.wpcf7 .wpcf7-number,
.wpcf7 .wpcf7-date,
.wpcf7 .wpcf7-url,
.wpcf7 .wpcf7-textarea,
.wpcf7 .wpcf7-select {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: var(--fw-light);
  line-height: 1.4;
  color: var(--navy);
  background: #fff;
  border: 1px solid var(--mist-lt);
  border-radius: var(--radius);
  padding: 13px 15px;
  margin: 0;
  outline: none;
  box-shadow: none;
  transition: border-color 0.2s ease;
}
.wpcf7 .wpcf7-text:focus,
.wpcf7 .wpcf7-email:focus,
.wpcf7 .wpcf7-tel:focus,
.wpcf7 .wpcf7-number:focus,
.wpcf7 .wpcf7-date:focus,
.wpcf7 .wpcf7-url:focus,
.wpcf7 .wpcf7-textarea:focus,
.wpcf7 .wpcf7-select:focus {
  border-color: var(--gold);
  box-shadow: none;
}
.wpcf7 .wpcf7-text::placeholder,
.wpcf7 .wpcf7-email::placeholder,
.wpcf7 .wpcf7-tel::placeholder,
.wpcf7 .wpcf7-number::placeholder,
.wpcf7 .wpcf7-date::placeholder,
.wpcf7 .wpcf7-url::placeholder,
.wpcf7 .wpcf7-textarea::placeholder,
.wpcf7 .wpcf7-select::placeholder {
  color: var(--slate);
  opacity: 1;
}
.wpcf7 .wpcf7-text.wpcf7-not-valid,
.wpcf7 .wpcf7-email.wpcf7-not-valid,
.wpcf7 .wpcf7-tel.wpcf7-not-valid,
.wpcf7 .wpcf7-number.wpcf7-not-valid,
.wpcf7 .wpcf7-date.wpcf7-not-valid,
.wpcf7 .wpcf7-url.wpcf7-not-valid,
.wpcf7 .wpcf7-textarea.wpcf7-not-valid,
.wpcf7 .wpcf7-select.wpcf7-not-valid {
  border-color: #B03A2E;
}
.wpcf7 .wpcf7-textarea {
  resize: vertical;
  line-height: 1.6;
  min-height: 120px;
}
.wpcf7 .wpcf7-select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 46px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' fill='none' stroke='%23002E5B' stroke-width='1.2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
  cursor: pointer;
}
.wpcf7 .wpcf7-radio,
.wpcf7 .wpcf7-checkbox,
.wpcf7 .wpcf7-acceptance {
  display: block;
}
.wpcf7 .wpcf7-radio .wpcf7-list-item,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item {
  display: block;
  margin: 0;
}
.wpcf7 .wpcf7-radio label,
.wpcf7 .wpcf7-checkbox label,
.wpcf7 .wpcf7-acceptance label {
  cursor: pointer;
  margin: 0;
}
.wpcf7 .is-segmented .wpcf7-radio,
.wpcf7 .is-segmented .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.wpcf7 .is-segmented .wpcf7-list-item {
  margin: 0;
}
.wpcf7 .is-segmented input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.wpcf7 .is-segmented label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: var(--fw-regular);
  letter-spacing: 0.02em;
  line-height: 1.2;
  padding: 11px 18px;
  border-radius: var(--radius);
  border: 1px solid var(--mist-lt);
  background: #fff;
  color: var(--navy);
  transition: all 0.18s ease;
}
.wpcf7 .is-segmented label:hover {
  border-color: var(--gold);
}
.wpcf7 .is-segmented label:has(input:checked) {
  background: var(--navy);
  color: #fff;
  border-color: var(--navy);
}
.wpcf7 .is-segmented label:has(input:focus-visible) {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
}
.wpcf7 .is-segmented .wpcf7-list-item-label {
  display: inline;
}
.wpcf7 .is-checks .wpcf7-radio,
.wpcf7 .is-checks .wpcf7-checkbox,
.wpcf7 .is-cover-types .wpcf7-radio,
.wpcf7 .is-cover-types .wpcf7-checkbox {
  display: grid;
  gap: 12px;
}
.wpcf7 .is-checks .wpcf7-list-item,
.wpcf7 .is-cover-types .wpcf7-list-item {
  margin: 0;
}
.wpcf7 .is-checks input,
.wpcf7 .is-cover-types input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.wpcf7 .is-checks label,
.wpcf7 .is-cover-types label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--mist-lt);
  border-radius: var(--radius);
  background: #fff;
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: var(--fw-light);
  line-height: 1.5;
  color: var(--navy);
  text-align: left;
  transition: border-color 0.18s ease, background 0.18s ease;
}
.wpcf7 .is-checks label::before,
.wpcf7 .is-cover-types label::before {
  content: "";
  display: inline-block;
  flex: none;
  width: 13px;
  height: 13px;
  background: var(--mist);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath d='M1.5 6.8L4.9 10.2L11.5 2.9' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  margin-top: 4px;
  transition: background 0.18s ease;
}
.wpcf7 .is-checks label:hover,
.wpcf7 .is-cover-types label:hover {
  border-color: var(--gold);
}
.wpcf7 .is-checks label:has(input:checked),
.wpcf7 .is-cover-types label:has(input:checked) {
  border-color: var(--gold);
  background: var(--cream-lt);
}
.wpcf7 .is-checks label:has(input:checked)::before,
.wpcf7 .is-cover-types label:has(input:checked)::before {
  background: var(--gold);
}
.wpcf7 .is-checks label:has(input:focus-visible),
.wpcf7 .is-cover-types label:has(input:focus-visible) {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
}
.wpcf7 .is-cover-types .wpcf7-radio,
.wpcf7 .is-cover-types .wpcf7-checkbox {
  gap: 10px;
}
.wpcf7 .is-cover-types label {
  font-weight: var(--fw-regular);
}
.wpcf7 .is-cover-types .wpcf7-list-item-label {
  display: grid;
  gap: 3px;
}
.wpcf7 .is-cover-types .jaxida-cover-name {
  font-size: 15px;
  color: var(--navy);
}
.wpcf7 .is-cover-types .jaxida-cover-info {
  font-size: 13px;
  font-weight: var(--fw-light);
  color: var(--steel);
}
.wpcf7 .wpcf7-acceptance label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: var(--fw-light);
  line-height: 1.5;
  color: var(--navy);
}
.wpcf7 .wpcf7-acceptance input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  flex: none;
  width: 17px;
  height: 17px;
  margin: 3px 0 0;
  border: 1px solid var(--mist);
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.wpcf7 .wpcf7-acceptance input[type=checkbox]:hover {
  border-color: var(--gold);
}
.wpcf7 .wpcf7-acceptance input[type=checkbox]:checked {
  border-color: var(--gold);
  background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9'%3E%3Cpath d='M1 4.6l2.9 2.9L10 1.4' fill='none' stroke='%23002E5B' stroke-width='1.6'/%3E%3C/svg%3E") center/11px 9px no-repeat;
}
.wpcf7 .wpcf7-acceptance input[type=checkbox]:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}
.wpcf7 .jaxida-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
}
@media (max-width: 700px) {
  .wpcf7 .jaxida-form-grid {
    grid-template-columns: 1fr;
  }
}
.wpcf7 .wpcf7-submit {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: var(--fw-medium);
  line-height: 1;
  letter-spacing: 0.04em;
  padding: 15px 26px;
  border-radius: var(--radius);
  border: 1px solid var(--gold);
  background: var(--gold);
  color: var(--navy-deep);
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.wpcf7 .wpcf7-submit:hover {
  background: var(--gold-lt);
  border-color: var(--gold-lt);
}
.wpcf7 .wpcf7-submit:active {
  transform: translateY(1px);
}
.wpcf7 .wpcf7-submit:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.wpcf7 .wpcf7-spinner {
  margin: 0 0 0 12px;
}
.wpcf7 .wpcf7-form-control-wrap::after {
  display: none !important;
}
.wpcf7 .wpcf7-form-control-wrap::before {
  display: none !important;
}
.wpcf7 .wpcf7-form-control-wrap input:not([type=checkbox]):not([type=radio]):not(.wpcf7-date):not(:focus):valid:not(:placeholder-shown),
.wpcf7 .wpcf7-form-control-wrap textarea:not(:focus):valid:not(:placeholder-shown),
.wpcf7 .wpcf7-form-control-wrap input:not([type=checkbox]):not([type=radio]):not(:focus):invalid,
.wpcf7 .wpcf7-form-control-wrap textarea:not(:focus):invalid,
.wpcf7 .wpcf7-form-control-wrap select:not(:focus):invalid,
.wpcf7 .wpcf7-form-control-wrap input.wpcf7-date[data-enpassusermodified=yes],
.wpcf7 .wpcf7-form-control-wrap select[data-enpassusermodified=yes] {
  border-color: var(--mist-lt);
}
.wpcf7 .wpcf7-form-control-wrap input:not([type=checkbox]):not([type=radio]):not(:focus).wpcf7-not-valid,
.wpcf7 .wpcf7-form-control-wrap textarea:not(:focus).wpcf7-not-valid,
.wpcf7 .wpcf7-form-control-wrap select:not(:focus).wpcf7-not-valid {
  border-color: #B03A2E;
}
.wpcf7 .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  font-size: 12.5px;
  font-weight: var(--fw-regular);
  letter-spacing: 0.02em;
  color: #B03A2E;
}
.wpcf7 .wpcf7-response-output {
  margin: 24px 0 0;
  padding: 14px 16px;
  border: 1px solid var(--mist-lt);
  border-radius: var(--radius);
  font-size: 15px;
  font-weight: var(--fw-light);
  color: var(--navy);
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #B03A2E;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: var(--gold);
  background: var(--cream-lt);
}
.wpcf7 .jaxida-form-step {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.wpcf7 .jaxida-form-step[hidden] {
  display: none;
}
.wpcf7 [data-jaxida-show-if][hidden] {
  display: none;
}
.wpcf7 .pflichtfeld-formular {
  font-size: 15px;
}

/*# sourceMappingURL=https://jaxida-cover.de/wp-content/pixelpro-compiled-css/development/2026-11-09_15-00-38/main.map */