[data-theme=tui],{
  --color-theme-base-dark: #1a7ead;
  --color-theme-base: #71cbf4;
  --color-theme-base-light: #c2e6fa;
  --color-theme-base-lighter: #e1f3fe;
  --color-theme-background: white;
  --color-theme-surface: white;
  --color-theme-base-variant: #09295d;
  --color-theme-base-variant-dark: #11516f;
  --color-theme-contrast: #fdb612;
  --color-theme-contrast-dark: #d99902;
  --color-theme-promotion: #d30d14;
  --color-on-theme-base-dark: #09295d;
  --color-on-theme-base: #09295d;
  --color-on-theme-base-light: #09295d;
  --color-on-theme-base-lighter: #09295d;
  --color-on-theme-background: #4d4d4d;
  --color-on-theme-surface: #4d4d4d;
  --color-on-theme-base-variant: white;
  --color-on-theme-base-variant-dark: white;
  --color-on-theme-contrast: black;
  --color-on-theme-contrast-dark: black;
  --color-on-theme-promotion: white;
  --color-achromatic-base: #d6d1c2;
  --color-achromatic-base-light: #e7e2da;
  --color-achromatic-base-lighter: #f3f0ec;
  --color-on-achromatic-base: #4d4d4d;
  --color-on-achromatic-base-light: #4d4d4d;
  --color-on-achromatic-base-lighter: #4d4d4d;
  --color-functional-base: #1a7ead;
  --color-functional-base-light: #b4d5e4;
  --color-functional-base-lighter: #e9f2f7;
  --color-functional-important-dark: #73070b;
  --color-functional-important: #d30d14;
  --color-functional-important-light: #fdd8d8;
  --color-functional-neutral-black: black;
  --color-functional-neutral-dark: #4d4d4d;
  --color-functional-neutral-light: #bababa;
  --color-functional-neutral-lighter: #dbdbdb;
  --color-functional-neutral: #737373;
  --color-functional-positive-dark: #506600;
  --color-functional-positive: #a8d600;
  --color-functional-positive-light: #eaf5bd;
  --color-functional-warning-dark: #d6a800;
  --color-functional-warning: #ffe100;
  --color-functional-warning-light: #fffbe0;
  --color-on-functional-base: white;
  --color-on-functional-base-light: #09295d;
  --color-on-functional-base-lighter: #09295d;
  --color-on-functional-important-dark: white;
  --color-on-functional-important-light: #09295d;
  --color-on-functional-important: white;
  --color-on-functional-neutral-black: white;
  --color-on-functional-neutral-dark: white;
  --color-on-functional-neutral-light: black;
  --color-on-functional-neutral-lighter: #4d4d4d;
  --color-on-functional-neutral: white;
  --color-on-functional-positive-dark: white;
  --color-on-functional-positive-light: #09295d;
  --color-on-functional-positive: #09295d;
  --color-on-functional-warning-dark: black;
  --color-on-functional-warning-light: black;
  --color-on-functional-warning: black;
  --color-text-heading: var(--color-theme-base-variant);
  --color-text-base: var(--color-functional-neutral-dark);
  --color-text-link: var(--color-functional-base);
  --color-text-promotion: var(--color-theme-promotion);
  --color-text-background: var(--color-theme-background);
  --font-family-primary: "TUITypeLight", tuitypelightregular, tui-type, arial, sans-serif;
  --font-family-base: "TUITypeLight", tuitypelightregular, tui-type, arial, sans-serif;
  --font-size-xsmall: .75rem;
  --font-size-small: 1rem;
  --font-size-medium: 1.125rem;
  --font-size-large: 1.5rem;
  --font-size-xlarge: 1.875rem;
  --font-size-xxlarge: 2.25rem;
  --font-size-xxxlarge: 2.625rem;
  --line-height-text-xsmall: 1.333;
  --line-height-text-small: 1.333;
  --line-height-text-medium: 1.333;
  --line-height-text-large: 1.333;
  --line-height-text-xlarge: 1.2;
  --line-height-text-xxlarge: 1.111;
  --line-height-text-xxxlarge: 1.047;
  --line-height-spaced: 1.556;
  --line-height-normal: 1.333;
  --line-height-baseline: 1;
  --font-fix: 1px;
  --grid-baseline: 4px;
  --spacing-0: 0;
  --spacing-05: calc(var(--grid-baseline) / 2);
  --spacing-1: var(--grid-baseline);
  --spacing-2: calc(var(--grid-baseline) * 2);
  --spacing-3: calc(var(--grid-baseline) * 3);
  --spacing-4: calc(var(--grid-baseline) * 4);
  --spacing-5: calc(var(--grid-baseline) * 5);
  --spacing-6: calc(var(--grid-baseline) * 6);
  --spacing-7: calc(var(--grid-baseline) * 7);
  --spacing-8: calc(var(--grid-baseline) * 8);
  --spacing-9: calc(var(--grid-baseline) * 9);
  --spacing-10: calc(var(--grid-baseline) * 10);
  --spacing-11: calc(var(--grid-baseline) * 11);
  --spacing-12: calc(var(--grid-baseline) * 12);
  --border-width-thin: .056em;
  --border-width-medium: .112em;
  --border-width-thick: .168em;
  --border-radius-0: 0;
  --border-radius-1: .125rem;
  --border-radius-2: .25rem;
  --border-radius-3: .375rem;
  --border-radius-4: .5rem;
  --border-radius-100: 100rem;
  --layer-hidden: - 1;
  --layer-default: 0;
  --layer-top: 1;
  --layer-dropdown-background: 900;
  --layer-dropdown: 1000;
  --layer-sticky: 1020;
  --layer-fixed: 1030;
  --layer-modal-overlay: 1040;
  --layer-modal: 1050;
  --layer-popover: 1060;
  --layer-tooltip: 1070;
  --input-border-radius: var(--border-radius-2);
  --input-count-border-radius: var(--border-radius-100);
  --input-radio-border-radius: var(--border-radius-100);
  --input-toggle-border-radius: var(--border-radius-100);
  --review-border-radius: var(--border-radius-2);
  --stroke-border-radius: var(--border-radius-1);
  --button-border-radius-large: var(--border-radius-3);
  --button-border-radius-medium: var(--border-radius-2);
  --button-border-radius-small: var(--border-radius-1);
  --button-border-radius-xlarge: var(--border-radius-4);
  --button-border-radius: var(--border-radius-2);
  --button-border-width: 0;
  --button-disabled-border: transparent;
  --button-disabled-text: var(--color-on-functional-neutral-lighter);
  --button-disabled: var(--color-functional-neutral-lighter);
  --button-focus: 0 0 0 1px var(--color-theme-background), 0 0 0 3px var(--color-functional-base), 0 0 12px 0 var(--color-theme-base);
  --button-font-weight: 700;
  --button-height-large: 3rem;
  --button-height-medium: 2.5rem;
  --button-height-small: 2rem;
  --button-height-xlarge: 4rem;
  --button-space-large: 0 var(--spacing-3);
  --button-space-medium: 0 var(--spacing-2);
  --button-space-small: 0 var(--spacing-2);
  --button-space-xlarge: 0 var(--spacing-3);
  --button-ghost-active-image: var(--color-darken-300);
  --button-ghost-border: transparent;
  --button-ghost-hover-image: var(--color-darken-150);
  --button-ghost-hover-text: var(--color-theme-base-variant);
  --button-ghost-hover: transparent;
  --button-ghost-text: var(--color-functional-base);
  --button-ghost: transparent;
  --button-primary-active-image: var(--color-darken-300);
  --button-primary-border: transparent;
  --button-primary-hover-image: var(--color-darken-150);
  --button-primary-hover-text: var(--color-on-theme-contrast);
  --button-primary-hover: var(--color-theme-contrast);
  --button-primary-text: var(--color-on-theme-contrast);
  --button-primary: var(--color-theme-contrast);
  --button-secondary-active-image: var(--color-darken-300);
  --button-secondary-border: transparent;
  --button-secondary-hover-image: var(--color-darken-150);
  --button-secondary-hover-text: var(--color-on-theme-base-variant);
  --button-secondary-hover: var(--color-theme-base-variant);
  --button-secondary-text: var(--color-on-theme-base-variant);
  --button-secondary: var(--color-theme-base-variant);
  --button-tertiary-active-image: var(--color-darken-300);
  --button-tertiary-border: transparent;
  --button-tertiary-hover-image: var(--color-darken-150);
  --button-tertiary-hover-text: var(--color-on-theme-base);
  --button-tertiary-hover: var(--color-theme-base);
  --button-tertiary-text: var(--color-on-theme-base);
  --button-tertiary: var(--color-theme-base);
  --link-text-color-default: var(--color-functional-base);
  --link-text-color-visited: var(--color-functional-base);
  --link-text-color-disabled: var(--color-functional-neutral);
  --link-underline-color-default: var(--color-theme-base);
  --link-underline-color-hover: var(--color-theme-base-light);
  --link-underline-color-active: var(--color-theme-base-lighter);
}

@import 'layouts/base-styles/variables';
@import 'layouts/base-styles/mixins';

@import 'partials/atoms/cards/cards';
@import 'partials/atoms/icon-svg/icon-svg';
@import 'partials/atoms/images/images';
//@import 'partials/atoms/logo-tui/logo-tui';
@import 'partials/atoms/main/main';
@import 'partials/atoms/toggle-icon/toggle-icon';

.main-content {
  > section {
    padding: var(--spacing-2);
    position: relative;

    @include breakpoint(sm) {
      padding: var(--spacing-6) 0;

      &:nth-of-type(n+2) {
        padding-top: 0;
      }
    }

    > :last-child {
      margin-bottom: 0;
    }

    &:empty {
      display: none;
    }
  }
}


@import 'partials/atoms/section/tui-container';
@import 'partials/atoms/typography/type';
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  color: var(--color-theme-base-variant);
}

ul, ol {
  padding-left: 0;
  list-style: none;
}

a {
  color: $link-color;
  text-decoration: none;

  &:hover,
  &:focus {
    color: $link-hover-color;
    text-decoration: underline;
  }

  &:active,
  &:hover {
    outline: 0;
  }
}


//@import 'partials/molecules/footer-communicate/footer-communicate';
//@import 'partials/molecules/footer-company-info/footer-company-info';
//@import 'partials/molecules/footer-menu/footer';
@import 'partials/molecules/page-intro/page-intro';
@import 'partials/molecules/site-search/tui-text-search';
@import 'partials/molecules/text-in-image/text-in-image';
//@import 'partials/molecules/tools-navigation/tools-navigation';
@import 'partials/molecules/text-block/text-block';
//@import 'partials/molecules/tui-navigation/tui-navigation';
@import 'partials/molecules/tui-accordion/tui-accordion';


@import 'partials/molecules/tui-card/tui-card';
@import 'partials/molecules/content-card/content-card';

@import 'partials/organisms/hero/hero';
//@import 'partials/organisms/footer/footer';

@import 'partials/organisms/tui-card-list/tui-card-list';
@import 'partials/organisms/content-cards/content-cards';


@font-face {
  font-family: 'tui-type';
  src: url('https://static.tui.com/assets/v2/fonts/tuitypelight-regular.woff2') format('woff2');
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'tui-type';
  src: url('https://static.tui.com/assets/v2/fonts/tuitypelight-bold.woff2') format('woff2');
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

// 1. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom.
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%; // 1
}

body {
  font-size: 16px;
  font-family: var(--font-family-base);
  line-height: var(--line-height-normal);
  color: var(--color-text-base);
  background-color: var(--color-theme-background);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}