:host,
.maui-theme-four_y {
    color-scheme: light;
    /* Theme */
    --maui-theme: maui-four_y;
    /*****************************************************************************
  * Typography
   *****************************************************************************/
    /* Base definition */

    --maui-font-family-headline: 'LufthansaHead', Arial, Helvetica, 'MAMMilesSymbol', sans-serif;
    --maui-font-family-copy: 'LufthansaText', Arial, Helvetica, 'MAMMilesSymbol', sans-serif;
    --maui-font-size-1: 12px;
    --maui-font-size-2: 14px;
    --maui-font-size-3: 16px;
    --maui-font-size-4: 18px;
    --maui-font-size-5: 20px;
    --maui-font-size-6: 22px;
    --maui-font-size-7: 24px;
    --maui-font-size-8: 28px;
    --maui-font-size-9: 36px;
    --maui-font-size-10: 48px;
    --maui-font-size-11: 56px;
    --maui-font-size-12: 64px;
    --maui-font-size-13: 88px;
    --maui-line-height-1: 14px;
    --maui-line-height-2: 18px;
    --maui-line-height-3: 24px;
    --maui-line-height-4: 26px;
    --maui-line-height-5: 28px;
    --maui-line-height-6: 30px;
    --maui-line-height-7: 32px;
    --maui-line-height-8: 34px;
    --maui-line-height-9: 40px;
    --maui-line-height-10: 48px;
    --maui-line-height-11: 50px;
    --maui-line-height-12: 55px;
    --maui-line-height-13: 68px;
    --maui-line-height-14: 70px;
    --maui-font-weight-light: 300;
    --maui-font-weight-regular: 400;
    --maui-font-weight-bold: 700;
    /* Functional definitions */
    --maui-font-size-notification-headline: 16px;
    /*****************************************************************************/
    /*****************************************************************************/
    /*****************************************************************************/
    /* Radii */

    --maui-radii-radius-1: 4px;
    --maui-radii-radius-2: 6px;
    --maui-radii-radius-3: 8px;
    --maui-radii-radius-4: 10px;
    --maui-radii-radius-5: 99999px;
    --maui-radii-default-radius: var(--maui-radii-radius-1); /* Deprecated, use --maui-radii-radius-1 instead */
    --maui-radii-pill-radius: var(--maui-radii-radius-5); /* Deprecated, use --maui-radii-radius-5 instead */
    /* Spacing */

    --maui-spacing-base: 12px;
    --maui-spacing-1: 3px;
    --maui-spacing-2: 6px;
    --maui-spacing-3: 12px;
    --maui-spacing-4: 24px;
    --maui-spacing-5: 36px;
    --maui-spacing-6: 48px;
    --maui-spacing-7: 60px;
    --maui-spacing-8: 72px;
    --maui-spacing-9: 84px;
    --maui-spacing-10: 96px;
    --maui-form-column-width: 335px;
    /* Layout, Grid, and Section  */

    --maui-grid-gutter-mobile: 16px;
    --maui-grid-gutter-phablet: 24px;
    --maui-grid-gutter-mini-tablet: 24px;
    --maui-grid-gutter-desktop: 24px;
    --maui-grid-gutter-desktop-large: 24px;
    --maui-grid-row-gap-mobile: 24px;
    --maui-grid-row-gap-phablet: 24px;
    --maui-grid-row-gap-mini-tablet: 24px;
    --maui-grid-row-gap-desktop: 24px;
    --maui-grid-row-gap-desktop-large: 24px;
    --maui-layout-margin-mobile: 16px;
    --maui-layout-margin-phablet: 24px;
    --maui-layout-margin-mini-tablet: 48px;
    --maui-layout-margin-desktop: 72px;
    --maui-layout-margin-desktop-large: 84px;
    --maui-section-gap-mobile: 48px;
    --maui-section-gap-phablet: 48px;
    --maui-section-gap-mini-tablet: 48px;
    --maui-section-gap-desktop: 48px;
    --maui-section-gap-desktop-large: 84px;
    --maui-section-padding-mobile: 24px;
    --maui-section-padding-phablet: 24px;
    --maui-section-padding-mini-tablet: 36px;
    --maui-section-padding-desktop: 36px;
    --maui-section-padding-desktop-large: 48px;
    /*
   * Palette Colors
   *
   * Color values are only allowed to appear once!
   */

    --maui-color-brand-white: #ffffff;
    --maui-color-brand-white-transparent-1: #ffffff1a;
    /* 10% opacity */
    --maui-color-brand-white-transparent-2: #ffffff33;
    /* 20% opacity */
    --maui-color-brand-white-transparent-3: #ffffff4d;
    /* 30% opacity */
    --maui-color-brand-white-transparent-4: #ffffff66;
    /* 40% opacity */
    --maui-color-brand-white-transparent-5: #ffffff99;
    /* 60% opacity */
    --maui-color-brand-white-transparent-6: #ffffffbf;
    /* 75% opacity */
    --maui-color-brand-white-transparent-7: #ffffffcc;
    /* 80% opacity */

    --maui-color-brand-4ygrey1: #f4f4f4;
    --maui-color-brand-4ygrey2: #e9f2fb;
    --maui-color-brand-4ygrey3: #e9e9e9;
    --maui-color-brand-4ygrey4: #dedede;
    --maui-color-brand-4ygrey5: #c8c8c8;
    --maui-color-brand-4ygrey6: #7f868f;
    --maui-color-brand-4ygrey7: #373b3f;
    --maui-color-brand-4ygrey8: #373b3f;
    --maui-color-brand-black: #000000;
    --maui-color-brand-black-transparent: #00000026;
    /* 15% opacity */
    /* Text specific colors */
    --maui-color-brand-4y-caption: #4d6687;
    /* Primary */
    --maui-color-brand-sky-blue: #1e73af;
    /* Skyline colors */
    --maui-color-brand-sunny-yellow: #ffcd00;
    --maui-color-brand-dark-sky-blue: #003e7b;
    --maui-color-brand-dark-sky-blue-10: #003e7b1a;
    --maui-color-brand-dark-sky-blue-30: #003e7b4d;
    --maui-color-brand-dark-sky-blue-80: #003e7bcc;
    --maui-color-brand-light-sky-blue: #6aaae4;
    --maui-color-brand-night-sky-blue: #002554;
    --maui-color-brand-night-sky-blue-10: #0025541a;
    --maui-color-brand-night-sky-blue-20: #00255433;
    --maui-color-brand-night-sky-blue-80: #002554cc;
    --maui-color-brand-lighter-sky-blue: #e9f2fb;
    --maui-color-brand-electric-blue: #0968f6;
    /* Dot colors */
    --maui-color-brand-dot-sunny-yellow: #fbde40;
    --maui-color-brand-dot-sky-blue: #3487cd;
    /* Message specific colors */
    --maui-color-brand-watercourse: #076a52;
    --maui-color-brand-alizarin-crimson: #ce323b;
    --maui-color-brand-wisp-pink: #fdeff0;
    --maui-color-brand-gin-fizz: #fff9e0;
    --maui-color-brand-aqua-haze: #eef5f5;
    /* Status specific colors */
    --maui-color-brand-blue: #05164d;
    --maui-color-brand-light-blue: #505c82;
    --maui-color-brand-light-silver: #9e9e9e;
    --maui-color-brand-silver: #757575;
    --maui-color-brand-light-gold: #b09c6f;
    --maui-color-brand-gold: #8f7231;
    --maui-color-brand-light-black-2: #686868;
    --maui-color-brand-black-2: #191919;
    /* cabinclass specific colors */
    --maui-color-brand-mandy: #e15353;
    /*
   * Functional colors
   *
   * These should match between the tenants, only reassigning of existing variables.
   */
    /* Brand */
    --maui-color-brand-primary: var(--maui-color-brand-sky-blue);
    --maui-color-brand-secondary: var(--maui-color-brand-sunny-yellow);
    --maui-color-brand-light: var(--maui-color-brand-white);
    --maui-color-brand-dark: var(--maui-color-brand-night-sky-blue);
    /* Grey */
    --maui-color-grey-01: var(--maui-color-brand-4ygrey1);
    --maui-color-grey-02: var(--maui-color-brand-4ygrey2);
    --maui-color-grey-03: var(--maui-color-brand-4ygrey3);
    --maui-color-grey-04: var(--maui-color-brand-4ygrey4);
    --maui-color-grey-05: var(--maui-color-brand-4ygrey5);
    --maui-color-grey-06: var(--maui-color-brand-4ygrey6);
    --maui-color-grey-07: var(--maui-color-brand-4ygrey7);
    --maui-color-grey-08: var(--maui-color-brand-4ygrey8);
    /* Status */
    --maui-color-status-member: var(--maui-color-brand-blue);
    --maui-color-status-member-light: var(--maui-color-brand-light-blue);
    --maui-color-status-frequenttraveller: var(--maui-color-brand-silver);
    --maui-color-status-frequenttraveller-light: var( --maui-color-brand-light-silver );
    --maui-color-status-senator: var(--maui-color-brand-gold);
    --maui-color-status-senator-light: var(--maui-color-brand-light-gold);
    --maui-color-status-hon: var(--maui-color-brand-black-2);
    --maui-color-status-hon-light: var(--maui-color-brand-light-black-2);
    /* Class */
    --maui-color-cabinclass-first: var(--maui-color-brand-mandy);
    --maui-color-cabinclass-business: var(--maui-color-brand-night-sky-blue);
    --maui-color-cabinclass-premiumeconomy: var(--maui-color-brand-dark-sky-blue);
    --maui-color-cabinclass-economy: var(--maui-color-brand-sky-blue);
    /* Disabled */
    --maui-color-disabled-background: var(--maui-color-grey-01);
    --maui-color-disabled-foreground: var(--maui-color-grey-05);
    --maui-color-disabled-background-inverted: var( --maui-color-brand-white-transparent-5 );
    --maui-color-disabled-foreground-inverted: var( --maui-color-brand-white-transparent-4 );
    /* Text */
    --maui-color-text-headline-emphasized: var(--maui-color-brand-dark-sky-blue);
    --maui-color-text-headline: var(--maui-color-brand-dark-sky-blue);
    --maui-color-text-copy: var(--maui-color-brand-night-sky-blue);
    --maui-color-text-label: var(--maui-color-brand-dark-sky-blue);
    --maui-color-text-caption: var(--maui-color-brand-4y-caption);
    --maui-color-text-headline-inverted: var(--maui-color-brand-white);
    --maui-color-text-copy-inverted: var(--maui-color-brand-white);
    --maui-color-text-label-inverted: var(--maui-color-brand-white);
    --maui-color-text-caption-inverted: var(--maui-color-brand-white);
    /* Interaction */
    --maui-color-interaction-interaction: var(--maui-color-brand-dark-sky-blue);
    --maui-color-interaction-interactionhover: var( --maui-color-brand-night-sky-blue );
    --maui-color-interaction-buttonprimary: var(--maui-color-brand-sunny-yellow);
    --maui-color-interaction-buttonprimaryhover: var( --maui-color-brand-dot-sunny-yellow );
    --maui-color-interaction-buttonsecondary: var(--maui-color-brand-sky-blue);
    --maui-color-interaction-buttonsecondaryhover: var( --maui-color-brand-dot-sky-blue );
    --maui-color-interaction-selection: var(--maui-color-brand-sky-blue);
    --maui-color-interaction-focus: var(--maui-color-brand-electric-blue);
    --maui-color-interaction-interaction-inverted: var(--maui-color-grey-01);
    --maui-color-interaction-interaction-invertedhover: var( --maui-color-brand-white-transparent-6 );
    --maui-color-interaction-selection-inverted: var(--maui-color-brand-light);
    --maui-color-interaction-focus-inverted: var(--maui-color-brand-light);
    --maui-color-interaction-focus-error: var( --maui-color-brand-alizarin-crimson );
    /* Notification */
    --maui-color-message-info: var(--maui-color-brand-dark-sky-blue);
    --maui-color-message-bg-info: var(--maui-color-grey-01);
    --maui-color-message-success: var(--maui-color-brand-watercourse);
    --maui-color-message-bg-success: var(--maui-color-brand-aqua-haze);
    --maui-color-message-warning: var(--maui-color-brand-night-sky-blue);
    --maui-color-message-bg-warning: var(--maui-color-brand-gin-fizz);
    --maui-color-message-error: var(--maui-color-brand-alizarin-crimson);
    --maui-color-message-bg-error: var(--maui-color-brand-wisp-pink);
    /* Display */
    --maui-color-display-ontime: var(--maui-color-brand-watercourse);
    --maui-color-display-delayed: var(--maui-color-brand-alizarin-crimson);
    /* Modal */
    --maui-color-modal-dim: var(--maui-color-brand-night-sky-blue-80);
    /* Border */
    --maui-color-border-10: var(--maui-color-brand-dark-sky-blue-10);
    --maui-color-border-30: var(--maui-color-brand-dark-sky-blue-30);
    --maui-color-border-50: var(--maui-color-brand-dark-sky-blue-80);
    --maui-color-border-error: var(--maui-color-brand-alizarin-crimson);
    --maui-color-border-10-inverted: var(--maui-color-brand-white-transparent-1);
    --maui-color-border-30-inverted: var(--maui-color-brand-white-transparent-3);
    --maui-color-border-50-inverted: var(--maui-color-brand-white-transparent-7);
    --maui-border-weight-01: 1px;
    --maui-border-weight-02: 2px;
    --maui-border-default-width: var(--maui-border-weight-01);
    --maui-border-default-color: var(--maui-color-border-50);
    --maui-border-default-style: solid;
    --maui-border-default: var(--maui-border-default-width) var(--maui-border-default-style) var(--maui-border-default-color);
    --maui-border-10: var(--maui-border-default-width) var(--maui-border-default-style) var(--maui-color-border-10);
    --maui-border-30: var(--maui-border-default-width) var(--maui-border-default-style) var(--maui-color-border-30);
    --maui-border-50: var(--maui-border-default-width) var(--maui-border-default-style) var(--maui-color-border-50);
    --maui-border-error: var(--maui-border-default-width) var(--maui-border-default-style) var(--maui-color-border-error);
    --maui-border-10-inverted: var(--maui-border-default-width) var(--maui-border-default-style) var(--maui-color-border-10-inverted);
    --maui-border-30-inverted: var(--maui-border-default-width) var(--maui-border-default-style) var(--maui-color-border-30-inverted);
    --maui-border-50-inverted: var(--maui-border-default-width) var(--maui-border-default-style) var(--maui-color-border-50-inverted);
    /* Elevation Box Shadow */
    --maui-effect-elevation-1: 0px 4px 8px var(--maui-color-brand-night-sky-blue-10);
    --maui-effect-elevation-2: 0px 4px 12px var(--maui-color-brand-night-sky-blue-10);
    --maui-effect-elevation-3: 0px 4px 14px var(--maui-color-brand-night-sky-blue-20);
}

/*****************************************************************************
 * Utilities
 *****************************************************************************/

.maui-scroll-lock {
    padding-right: var(--maui-scroll-lock-size) !important;
    overflow: hidden !important;
}

/*****************************************************************************
 * Font face definitions
 *****************************************************************************/

@font-face {
    font-family: 'IconFontLH';
    src: url('../assets/fonts/lufthansa/Icons-v2.woff') format('woff');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'LufthansaHead';
    font-style: normal;
    font-weight: normal;
    src: url('../assets/fonts/lufthansa/LufthansaHeadWeb-Light.woff') format('woff');
}

@font-face {
    font-family: 'LufthansaHead';
    font-style: normal;
    font-weight: bold;
    src: url('../assets/fonts/lufthansa/LufthansaHeadWeb-Bold.woff') format('woff');
}

@font-face {
    font-family: 'LufthansaText';
    src: url('../assets/fonts/lufthansa/LufthansaTextWeb-Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'LufthansaText';
    src: url('../assets/fonts/lufthansa/LufthansaTextWeb-Bold.woff') format('woff');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'MAMMilesSymbol';
    src: url('../assets/fonts/mmg/LufthansaMAMTextWeb-Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'MAMMilesSymbol';
    src: url('../assets/fonts/mmg/LufthansaMAMTextWeb-Bold.woff') format('woff');
    font-style: normal;
    font-weight: 700;
}