/* fonts.css | mady by L2 – LUM */

@charset "UTF-8";

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# 00 Import Fonts
# 01 Global Font Tags
# 02 Fonts
--------------------------------------------------------------*/

/*============================
 ***** # 00 IMPORT FONTS *****
==============================
/* bai-jamjuree-200 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/BaiJamjuree/bai-jamjuree-v11-latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-200italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/BaiJamjuree/bai-jamjuree-v11-latin_latin-ext-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/BaiJamjuree/bai-jamjuree-v11-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/BaiJamjuree/bai-jamjuree-v11-latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/BaiJamjuree/bai-jamjuree-v11-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/BaiJamjuree/bai-jamjuree-v11-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/BaiJamjuree/bai-jamjuree-v11-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/BaiJamjuree/bai-jamjuree-v11-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/BaiJamjuree/bai-jamjuree-v11-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/BaiJamjuree/bai-jamjuree-v11-latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/BaiJamjuree/bai-jamjuree-v11-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/BaiJamjuree/bai-jamjuree-v11-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* CUSTOMIZED FONT IMPORT END */

/* //////////// SET UP DIFFERENT TAGS //////////// */

/*============================
 ***** # 01 GLOBAL TAGS *****
==============================

GLOBAL FONTSIZE*/

html {
    font-size: 18px;
}

/*TYPE SETTINGS*/

:root {
    --font-family-headlines: "Bai Jamjuree", sans-serif;
    --font-family-copy: "Bai Jamjuree", sans-serif;
    --type-scale: 1.333;
}

/*GLOBAL FONTDEF*/

body {
    font-family: var(--font-family-copy);
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--txt-dark-clr, #212121);
}

/* GLOBAL a TAG */

a {
    outline-width: 0;
    text-decoration: none;
    color: unset;
}

a:hover {
    outline-width: 0;
    text-decoration: none;
    color: var(--prim-clr);
}

/* GLOBAL p TAG */

p, .copytext h4 {
    font-family: var(--font-family-copy);
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56rem;
    letter-spacing: 0.5px;
    margin: 1rem 0 0 0;
    text-transform: none;
}

/* GLOBAL li TAG */

li {
    font-family: var(--font-family-copy);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.56rem;
    letter-spacing: 0.36px;
    color: var(--e-global-color-text);
}

/*=====================
 ***** # 02 FONTS *****
=======================

//////////// SET UP h1-h6 TAGS IN MEDIA QUERIES ////////////
USED MEDIA QUERIES: 1600 - 1200px, 1199px - 992px, 991px - 768px, 768px - 576px, 575px - 0px
MEDIA QUERY DESKTOP - ALLE SCREENS MIT RESOLUTION VON WIDTH 1600px - 1200px --> Laptop, Big Desktop */

h1,
h2,
.display,
.header_h1 {
    font-family: var(--font-family-headlines);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1em !important;
    letter-spacing: 0;
    margin: 0 0 1rem 0;
    /* text-transform: uppercase; */
}
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-headlines);
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0;
    margin: 0 0 1rem 0;
    overflow-wrap: break-word;
    /* text-transform: uppercase; */
}

h1,
.h1,
.header_h1 {
    font-size: calc(2.5rem + (58 - 48) * (100vw - 575px) / (1920 - 575));
    line-height: calc((2.5rem + (58 - 48) * (100vw - 575px) / (1920 - 575)) * 1.25);
    /*margin: 0 calc((2.5rem + (58 - 48) * (100vw - 575px) / (1920 - 320)) * 0.20);*/
}


h2,
.h2 {
    font-size: calc(2rem + (45 - 40) * (100vw - 575px) / (1920 - 575));
    line-height: calc((2rem + (45 - 40) * (100vw - 575px) / (1920 - 575)) * 1.25);
    /*margin: 0 calc((2rem + (45 - 40) * (100vw - 575px) / (1920 - 320)) * 0.20);*/
}

h3,
.h3 {
    font-size: calc(1.5rem + (26 - 24) * (100vw - 575px) / (1920 - 575));
    line-height: calc((1.5rem + (26 - 24) * (100vw - 575px) / (1920 - 575)) * 1.25);
    /*margin: 0 calc((1.5rem + (26 - 24) * (100vw - 575px) / (1920 - 320)) * 0.20);*/
}

h4,
.h4 {
    font-size: calc(1rem + (26 - 20) * (100vw - 575px) / (1920 - 575));
    line-height: calc((1rem + (26 - 20) * (100vw - 575px) / (1920 - 575)) * 1.25);
    /*margin: 0 calc((1rem + (26 - 20) * (100vw - 575px) / (1920 - 320)) * 0.20);*/
}

h5,
.h5 {
    font-size: calc(1rem + (16 - 16) * (100vw - 575px) / (1920 - 575));
    line-height: calc((1rem + (16 - 16) * (100vw - 575px) / (1920 - 575)) * 1.25);
    /*margin: 0 calc((1rem + (16 - 16) * (100vw - 575px) / (1920 - 320)) * 0.20);*/
}

h6,
.h6 {
    font-size: 14px;
    text-transform: uppercase;
}

.display {
    font-size: calc(3.5rem + (66 - 56) * (100vw - 575px) / (1920 - 575));
    line-height: calc((3.5rem + (66 - 56) * (100vw - 575px) / (1920 - 575)) * 1.25);
    /*margin: 0 calc((3.5rem + (66 - 56) * (100vw - 575px) / (1920 - 320)) * 0.20);*/
}


.subtitle-1,
.subtitle-2,
.p-small p,
a .btn-big p,
a .btn-small,
.caption p,
.overline p {
    font-family: var(--font-family-copy);
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0;
}


.subtitle-1,
.subtitle-1 p,
.subtitle-2 p,
.subtitle-1-white {
    font-size: 1.3rem;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: 0.23px;
    margin: 0 0 1rem 0;
}

.subtitle-2, .subtitle-2 p {
    font-size: 0.777rem;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: 0.1px;
    margin: 0 0 1rem 0;
}

.p-small p {
    font-size: 0.777rem;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: 0.25px;
}

a.kc_button.btn-big {
    font-size: 0.777rem;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.29;
    letter-spacing: 1.35px;
}

a.kc_button.btn-small {
    font-size: 0.666rem;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 1.16px;
}

.caption, .scapt {
    font-size: 0.666rem;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: 0.4px;
}

.overline {
    font-size: 0.555rem;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: 1.5px;
}
.bold{
  font-weight: bold;
}