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

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

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

  /* Base definition */

  --maui-font-family-headline: 'OpenSans', Arial, Helvetica, 'MAMMilesSymbol',
    sans-serif;
  --maui-font-family-copy: 'OpenSans', Arial, Helvetica, 'MAMMilesSymbol',
    sans-serif;

  --maui-font-size-0: 12px;
  --maui-font-size-1: 14px;
  --maui-font-size-2: 16px;
  --maui-font-size-3: 18px;
  --maui-font-size-4: 20px;
  --maui-font-size-5: 22px;
  --maui-font-size-6: 24px;
  --maui-font-size-7: 25px;
  --maui-font-size-8: 28px;
  --maui-font-size-9: 32px;
  --maui-font-size-10: 36px;
  --maui-font-size-11: 40px;
  --maui-font-size-12: 48px;
  --maui-font-size-13: 56px;
  --maui-font-size-14: 64px;
  --maui-font-size-15: 88px;

  --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: 56px;
  --maui-line-height-10: 80px;
  --maui-line-height-11: 112px;

  --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: 2px;
  --maui-radii-radius-2: 4px;
  --maui-radii-radius-3: 8px;
  --maui-radii-radius-4: 99999px;

  --maui-radii-default-radius: var(--maui-radii-radius-3);
  --maui-radii-pill-radius: var(--maui-radii-radius-4);

  /* Z-Index */
  /* These are the same as in parts-catalog and should be the same for all tenants */
  --maui-z-index-modal: 1050;
  --maui-z-index-tooltip: 1070;

  /* Spacing */

  --maui-spacing-base: 10px;

  --maui-spacing-1: 4px;
  --maui-spacing-2: 8px;
  --maui-spacing-3: 12px;
  --maui-spacing-4: 16px;
  --maui-spacing-5: 24px;
  --maui-spacing-6: 32px;
  --maui-spacing-7: 40px;
  --maui-spacing-8: 48px;
  --maui-spacing-9: 64px;
  --maui-spacing-10: 80px;
  --maui-spacing-11: 96px;
  --maui-spacing-12: 120px;

  --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;
  /* White. */
  --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-5: #ffffff80;
  /* 50% opacity */
  --maui-color-brand-white-transparent-8: #ffffffcc;
  /* 80% opacity */

  --maui-color-brand-ita-grey1: #f8f8f9;
  /* gray-800 */
  --maui-color-brand-ita-grey2: #f3f3f4;
  /* gray-700 */
  --maui-color-brand-ita-grey3: #e7e7ea;
  /* gray-600 */
  --maui-color-brand-ita-grey4: #d1d1d5;
  /* gray-500 */
  --maui-color-brand-ita-grey5: #a4a4ad;
  /* gray-400 */
  --maui-color-brand-ita-grey6: #a4a4ad;
  /* gray-300 */
  --maui-color-brand-ita-grey7: #72727f;
  /* gray-200 */
  --maui-color-brand-ita-grey8: #72727f;
  /* gray-100 */
  --maui-color-brand-black: #000000;

  --maui-color-brand-black-transparent-1: #0b23401a;
  /* 16% opacity */
  --maui-color-brand-black-transparent-2: #00000099;
  /* 60% opacity */
  --maui-color-brand-black-transparent-3: #000000a8;
  /* 66% opacity */

  --maui-color-brand-ita-deepblue: #0171cf;
  /* Main brand color */
  --maui-color-brand-ita-deepblue-hover: #01569d;
  /* Main brand color hover*/
  --maui-color-brand-ita-deepblue-focus: #040f72;
  /* Main brand color focus*/
  --maui-color-brand-ita-dark: #0b2340;
  /* Secondary brand color */
  --maui-color-brand-electric-blue: #0968f6;

  /* Message specific colors */
  --maui-color-brand-ita-info: #040f72;
  --maui-color-brand-ita-success: #05663f;
  --maui-color-brand-ita-warning: #ffa23a;
  --maui-color-brand-ita-error: #b01411;
  --maui-color-brand-ita-info-bg: #f4f8fc;
  --maui-color-brand-ita-success-bg: #f5fffb;
  --maui-color-brand-ita-warning-bg: #fffedc;
  --maui-color-brand-ita-error-bg: #fdf5f5;

  /* Extra notification colors */
  --maui-color-brand-green: #05663f;
  --maui-color-brand-red: #b01411;

  /* 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-ita-eco: #0171cf;
  --maui-color-brand-ita-premium-eco: #194c76;
  --maui-color-brand-ita-business: #0c2340;
  --maui-color-brand-ita-first: #cf1448;
  
  /*
   * Functional colors
   *
   * These should match between the tenants, only reassigning of existing variables.
   */

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

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

  /* 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-frequenttraveller-avatar: #808080; /* needs to be removed after desy 2.0 migration */
  --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);
  --maui-color-status-hon-avatar: #1a1a1a; /* needs to be removed after desy 2.0 migration */

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

  /* Disabled */
  --maui-color-disabled-background: var(--maui-color-grey-03);
  --maui-color-disabled-foreground: var(--maui-color-grey-04);
  --maui-color-disabled-background-inverted: var(
    --maui-color-brand-white-transparent-1
  );
  --maui-color-disabled-foreground-inverted: var(
    --maui-color-brand-white-transparent-2
  );

  /* Text */
  --maui-color-text-headline-emphasized: var(--maui-color-brand-ita-dark);
  --maui-color-text-headline: var(--maui-color-brand-ita-dark);
  --maui-color-text-copy: var(--maui-color-brand-ita-dark);
  --maui-color-text-label: var(--maui-color-brand-ita-grey7);
  --maui-color-text-caption: var(--maui-color-brand-ita-grey7);
  --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-ita-grey7);
  --maui-color-interaction-interactionhover: var(--maui-color-brand-ita-grey7);
  --maui-color-interaction-buttonprimary: var(--maui-color-brand-ita-deepblue);
  --maui-color-interaction-buttonprimaryhover: var(
    --maui-color-brand-ita-deepblue-hover
  );
  --maui-color-interaction-buttonsecondary: var(--maui-color-brand-ita-dark);
  --maui-color-interaction-buttonsecondaryhover: var(
    --maui-color-brand-ita-dark
  );
  --maui-color-interaction-selection: var(--maui-color-brand-ita-deepblue);
  --maui-color-interaction-focus: var(--maui-color-brand-electric-blue);
  --maui-color-interaction-interaction-inverted: var(--maui-color-brand-white);
  --maui-color-interaction-interaction-invertedhover: var(
    --maui-color-brand-ita-grey1
  );
  --maui-color-interaction-selection-inverted: var(--maui-color-brand-white);
  --maui-color-interaction-focus-inverted: var(--maui-color-brand-white);
  --maui-color-interaction-focus-error: var(--maui-color-brand-ita-error);

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

  /* Display */
  --maui-color-display-ontime: var(--maui-color-brand-green);
  --maui-color-display-delayed: var(--maui-color-brand-red);

  /* Modal */
  --maui-color-modal-dim: var(--maui-color-brand-black-transparent-3);

  /* Elevation Box Shadow */
  --maui-effect-elevation-1: 0px 3px 6px
    var(--maui-color-brand-black-transparent-1);
  --maui-effect-elevation-2: 0px 6px 12px
    var(--maui-color-brand-black-transparent-1);
  --maui-effect-elevation-3: 0px 6px 12px
    var(--maui-color-brand-black-transparent-1);

  /* Border */
  --maui-color-border-10: var(--maui-color-brand-ita-grey3);
  --maui-color-border-30: var(--maui-color-brand-ita-grey4);
  --maui-color-border-50: var(--maui-color-brand-ita-grey8);
  --maui-color-border-error: var(--maui-color-brand-ita-error);
  --maui-color-border-10-inverted: var(--maui-color-brand-white-transparent-3);
  --maui-color-border-30-inverted: var(--maui-color-brand-white-transparent-5);
  --maui-color-border-50-inverted: var(--maui-color-brand-white-transparent-8);

  --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);

  /* New border colors */
  --maui-color-new-border-30: #C7C7CB;
}

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

.maui-scroll-lock {
  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: 'OpenSans';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/ita/OpenSans-Regular.woff') format('woff');
}

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

@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/ita/OpenSans-Regular.woff') format('woff');
  font-style: normal;
  font-weight: 300;
}

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

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

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

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