:host,
.maui-theme-mmg {
  color-scheme: light;

  /* Theme */
  --maui-theme: maui-mmg;

  /* Breakpoints (min-width, max-width = next breakpoint - 1px) */
  --maui-breakpoint-xxs: 0;
  --maui-breakpoint-xs: 376px;
  --maui-breakpoint-sm: 768px;
  --maui-breakpoint-md: 1024px;
  --maui-breakpoint-lg: 1025px;
  --maui-breakpoint-xl: 1281px;

  /*****************************************************************************
  * Typography
   *****************************************************************************/

  /* Base definition */

  --maui-font-family-headline: 'LufthansaHead', Arial, Helvetica, sans-serif;
  --maui-font-family-copy: 'LufthansaText', Arial, Helvetica, sans-serif;

  --maui-font-size-1: 12px;
  --maui-font-size-2: 14px;
  --maui-font-size-3: 18px;
  --maui-font-size-4: 20px;
  --maui-font-size-5: 24px;
  --maui-font-size-6: 28px;
  --maui-font-size-7: 30px;
  --maui-font-size-8: 34px;
  --maui-font-size-9: 36px;
  --maui-font-size-10: 48px;

  --maui-line-height-1: 16px;
  --maui-line-height-2: 20px;
  --maui-line-height-3: 24px;
  --maui-line-height-4: 26px;
  --maui-line-height-5: 28px;
  --maui-line-height-6: 32px;
  --maui-line-height-7: 36px;
  --maui-line-height-8: 40px;
  --maui-line-height-9: 44px;
  --maui-line-height-10: 46px;
  --maui-line-height-11: 62px;

  --maui-font-weight-light: 300;
  --maui-font-weight-regular: 400;
  --maui-font-weight-bold: 700;

  /*****************************************************************************/
  /*****************************************************************************/
  /*****************************************************************************/

  /* Radii */

  --maui-radii-default-radius: 2px;
  --maui-radii-pill-radius: 99999px;

  /* Spacing */

  --maui-spacing-base: 10px;

  --maui-spacing-0: 2px;
  --maui-spacing-1: 4px;
  --maui-spacing-2: 8px;
  --maui-spacing-3: 12px;
  --maui-spacing-4: 16px;
  --maui-spacing-5: 20px;
  --maui-spacing-6: 24px;
  --maui-spacing-7: 28px;
  --maui-spacing-8: 32px;
  --maui-spacing-9: 40px;
  --maui-spacing-10: 48px;
  --maui-spacing-11: 56px;
  --maui-spacing-12: 64px;
  --maui-spacing-13: 80px;

  --maui-form-column-width: 335px;

  /*
   * Palette Colors
   *
   * Color values are only allowed to appear once!
   */

  --maui-color-brand-white: #ffffff;
  /* White. */
  --maui-color-brand-mmg-grey1: #f5f5f5;
  --maui-color-brand-mmg-grey1-transparent-40: #f5f5f566;
  --maui-color-brand-mmg-grey1-transparent-50: #f5f5f580;
  /* gray-800 */
  --maui-color-brand-mmg-grey2: #ebebeb;
  /* gray-700 */
  --maui-color-brand-mmg-grey2-transparent: #ebebeb4d;
  /* gray-700 at 30% opacity */
  --maui-color-brand-mmg-grey3: #dcdcdc;
  /* gray-600 */
  --maui-color-brand-mmg-grey3-transparent: #dcdcdc4d;
  /* gray-600 at 30% opacity */
  --maui-color-brand-mmg-grey4: #cccccc;
  /* gray-500 */
  --maui-color-brand-mmg-grey4-transparent: #cccccc4d;
  /* gray-500 at 30% opacity */
  --maui-color-brand-mmg-grey5: #b4b4b4;
  /* gray-400 */
  --maui-color-brand-mmg-grey6: #878787;
  /* gray-300 */
  --maui-color-brand-mmg-grey7: #666666;
  /* gray-200 */
  --maui-color-brand-mmg-grey8: #333333;
  /*gray-200 at 50% opacity*/
  --maui-color-brand-mmg-grey8-transparent: #33333380;
  /* gray-100 */
  --maui-color-brand-black: #000000;
  --maui-color-brand-black-transparent: #0000004d;
  /* 30% opacity */

  /* Brand color*/
  --maui-color-brand-mmg-deepblue: #05164d;
  /* Main brand color */

  /* Accent colors */
  --maui-color-brand-mmg-bright-blue: #2a5fea;
  --maui-color-brand-mmg-vibrant-red: #ff613d;

  /* Text specific colors */
  --maui-color-brand-mmg-copy: #333333;
  --maui-color-brand-mmg-caption: #707070;

  /* Interaction specific colors */
  --maui-color-brand-mmg-interaction: #1e449c;

  /* Message specific colors */
  --maui-color-brand-mmg-info: #05164d;
  --maui-color-brand-mmg-success: #009900;
  --maui-color-brand-mmg-warning: #ffcc00;
  --maui-color-brand-mmg-error: #cc0000;

  /* Extra notification colors */
  --maui-color-brand-mmg-info-bg: #e3ecff;
  --maui-color-brand-mmg-success-bg: #e3f4e3;
  --maui-color-brand-mmg-warning-bg: #fff9e3;
  --maui-color-brand-mmg-error-bg: #f9e3e3;

  /* Status specific colors */
  --maui-color-brand-mmg-member: #05164d;
  --maui-color-brand-mmg-member-light: #505c82;
  --maui-color-color-brand-mmg-ftl-traveller: #757575;
  --maui-color-color-brand-mmg-ftl-traveller-light: #9e9e9e;
  --maui-color-brand-mmg-senator: #8f7231;
  --maui-color-brand-mmg-senator-light: #b09c6f;
  --maui-color-brand-mmg-hon: #191919;
  --maui-color-brand-mmg-hon-light: #686868;

  /* Status hover specific colors */
  --maui-color-brand-mmg-ftl-hover: #555555;
  --maui-color-brand-mmg-sen-hover: #855d11;
  --maui-color-brand-mmg-hon-hover: #373737;

  /* cabinclass specific colors */
  --maui-color-brand-mmg-first: #a54a4a;
  --maui-color-brand-mmg-business: #47616c;
  --maui-color-brand-mmg-premium-economy: #2c5744;
  --maui-color-brand-mmg-economy: #4c6e48;

  /* Elevations */
  --maui-color-brand-mmg-elevation-1: rgba(0, 0, 0, 0.15);
  --maui-color-brand-mmg-elevation-2: rgba(0, 0, 0, 0.2);
  --maui-color-brand-mmg-elevation-3: rgba(0, 0, 0, 0.2);

  /*
   * Functional colors
   *
   * These should match between the tenants, only reassigning of existing variables.
   */

  /* Brand */
  --maui-color-brand-primary: var(--maui-color-brand-mmg-deepblue);
  --maui-color-brand-secondary: var(--maui-color-brand-mmg-deepblue);
  --maui-color-brand-light: var(--maui-color-brand-white);
  --maui-color-brand-dark: var(--maui-color-brand-mmg-grey8);

  /* Grey */
  --maui-color-grey-01: var(--maui-color-brand-mmg-grey1);
  --maui-color-grey-02: var(--maui-color-brand-mmg-grey2);
  --maui-color-grey-03: var(--maui-color-brand-mmg-grey3);
  --maui-color-grey-04: var(--maui-color-brand-mmg-grey4);
  --maui-color-grey-05: var(--maui-color-brand-mmg-grey5);
  --maui-color-grey-06: var(--maui-color-brand-mmg-grey6);
  --maui-color-grey-07: var(--maui-color-brand-mmg-grey7);
  --maui-color-grey-08: var(--maui-color-brand-mmg-grey8);

  /* Status */
  --maui-color-status-member: var(--maui-color-brand-mmg-member);
  --maui-color-status-member-light: var(--maui-color-brand-mmg-member-light);
  --maui-color-status-frequenttraveller: var(--maui-color-color-brand-mmg-ftl-traveller);
  --maui-color-status-frequenttraveller-light: var(--maui-color-color-brand-mmg-ftl-traveller-light);
  --maui-color-status-senator: var(--maui-color-brand-mmg-senator);
  --maui-color-status-senator-light: var(--maui-color-brand-mmg-senator-light);
  --maui-color-status-hon: var(--maui-color-brand-mmg-hon);
  --maui-color-status-hon-light: var(--maui-color-brand-mmg-hon-light);

  /* Class */
  --maui-color-cabinclass-first: var(--maui-color-brand-mmg-first);
  --maui-color-cabinclass-business: var(--maui-color-brand-mmg-business);
  --maui-color-cabinclass-premiumeconomy: var(--maui-color-brand-mmg-premium-economy);
  --maui-color-cabinclass-economy: var(--maui-color-brand-mmg-economy);

  /* Disabled */
  --maui-color-disabled-background: var(--maui-color-brand-mmg-grey3);
  --maui-color-disabled-foreground: var(--maui-color-brand-mmg-grey4);
  --maui-color-disabled-background-inverted: var(--maui-color-brand-mmg-grey1-transparent-40);
  --maui-color-disabled-foreground-inverted: var(--maui-color-brand-mmg-grey1-transparent-50);

  /* Text */
  --maui-color-text-headline: var(--maui-color-brand-mmg-deepblue);
  --maui-color-text-copy: var(--maui-color-brand-mmg-copy);
  --maui-color-text-caption: var(--maui-color-brand-mmg-caption);
  --maui-color-text-label: var(--maui-color-brand-mmg-caption);
  --maui-color-text-headline-inverted: var(--maui-color-brand-white);
  --maui-color-text-copy-inverted: var(--maui-color-brand-light);
  --maui-color-text-caption-inverted: var(--maui-color-brand-light);
  --maui-color-text-label-inverted: var(--maui-color-brand-light);

  /* Interaction */
  --maui-color-interaction-interaction: var(--maui-color-brand-mmg-deepblue);
  --maui-color-interaction-interactionhover: var(--maui-color-brand-mmg-interaction);
  --maui-color-interaction-buttonprimary: var(--maui-color-brand-mmg-deepblue);
  /* primary-1 */
  --maui-color-interaction-buttonprimaryhover: var(--maui-color-brand-mmg-interaction);
  /* primary-2*/
  --maui-color-interaction-buttonsecondary: var(--maui-color-brand-mmg-deepblue);
  /* secondary */
  --maui-color-interaction-buttonsecondaryhover: var(--maui-color-brand-mmg-interaction);
  /* secondary-2 */
  --maui-color-interaction-selection: var(--maui-color-brand-primary);
  --maui-color-interaction-focus: var(--maui-color-brand-mmg-deepblue);
  --maui-color-interaction-interaction-inverted: var(--maui-color-brand-light);
  --maui-color-interaction-interaction-invertedhover: var(--maui-color-brand-mmg-grey3);
  --maui-color-interaction-selection-inverted: var(--maui-color-brand-mmg-grey3);
  --maui-color-interaction-focus-inverted: var(--maui-color-brand-light);

  /* Notification */
  --maui-color-message-info: var(--maui-color-brand-mmg-info);
  --maui-color-message-bg-info: var(--maui-color-brand-mmg-info-bg);
  --maui-color-message-success: var(--maui-color-brand-mmg-success);
  --maui-color-message-bg-success: var(--maui-color-brand-mmg-success-bg);
  --maui-color-message-warning: var(--maui-color-brand-mmg-warning);
  --maui-color-message-bg-warning: var(--maui-color-brand-mmg-warning-bg);
  --maui-color-message-error: var(--maui-color-brand-mmg-error);
  --maui-color-message-bg-error: var(--maui-color-brand-mmg-error-bg);

  /* Display */
  --maui-color-display-ontime: var(--maui-color-brand-mmg-success);
  --maui-color-display-delayed: var(--maui-color-brand-mmg-error);

  /* Modal */
  --maui-color-modal-dim: var(--maui-color-brand-mmg-grey8-transparent);

  /* Focus */
  --maui-focus-outline-offset: 6px;
  --maui-focus-radius: 2px;
  --maui-focus-outline-box-shadow: var(--maui-effect-shadow-focus-offset-x, 0) var(--maui-effect-shadow-focus-offset-y, 0) var(--maui-effect-shadow-focus-radius, 0) var(--maui-effect-shadow-focus-spread, 1px) var(--maui-color-brand-mmg-grey7);
}

/*****************************************************************************
 * 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('../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('../fonts/lufthansa/LufthansaHeadWeb-Light.woff') format('woff');
}

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

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

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

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