/* ____________________________________ @Font-Face ____________________________________ */
@font-face{
font-family: 'Ivar Fine Light Italic';
src: url('../fonts/ivar_light_italic/ivar_light_italic.woff') format('woff');
src: url('../fonts/ivar_light_italic/ivar_light_italic.woff2') format('woff2');
}

@font-face{
font-family: 'Haas Grotesk Display R Web';
src: url('../fonts/haas_grotesk_light/haas_grotesk_light.woff') format('woff');
src: url('../fonts/haas_grotesk_light/haas_grotesk_light.woff2') format('woff2');
}

/* ____________________________________ Schriftart ____________________________________ */
.iva_lii{
font-family: var(--font_iva_lii);
}

.nha_lig{
font-family: var(--font_nha_lig);
}

/* ____________________________________ Schriftgröße EM ____________________________________ */
body{
font-size: 34px;
}

body.for_fs{
font-size: 26px;
}

.fs_1{
font-size: 1em;
}

.fs_0_7{
font-size: 0.7em;
}

.fs_0_53{
font-size: 0.53em;
}

/* ____________________________________ Schriftgröße VW ____________________________________ */
.fs_22_vw{
font-size: 22vw;
}

.fs_19_vw{
font-size: 19vw;
}

.fs_8_8_vw{
font-size: 8.8vw;
}

.fs_7_vw{
font-size: 7vw;
}

.fs_3_4_vw{
font-size: 3.4vw;
}

.fs_2_5_vw{
font-size: 2.5vw;
}

/* ____________________________________ Zeilenabstand ____________________________________ */
.lh150{
line-height: 150%;
}

.lh120{
line-height: 120%;
}

.lh110{
line-height: 115%;
}

.lh100{
line-height: 100%;
}

/* ____________________________________ Zeichenabstand ____________________________________ */
.ls_1_1{
letter-spacing: 1.1px;
}

/* ____________________________________ Schriftfarbe ____________________________________ */
.black{
color: var(--color_black);
}

.gray{
color: var(--color_hover);
}

.white{
color: var(--color_white);
}

.ci{
color: inherit;
}

/* ____________________________________ Schriftfarbe Cases ____________________________________ */
.fritje_yellow{
color: var(--color_fritje_yellow);
}

/* ____________________________________ BG Color ____________________________________ */
.bg_black{
background-color: var(--color_black);
}

.bg_white{
background-color: var(--color_white);
}

/* ____________________________________ Fill Color ____________________________________ */
.fc_black{
fill: var(--color_black);
}

.fc_tkw_blue{
fill: var(--color_tkw_blue);
}

/* ____________________________________ BG Color Cases ____________________________________ */
.bg_fritje_yellow{
background-color: var(--color_fritje_yellow);
}

.bg_fritje_green{
background-color: var(--color_fritje_green);
}

.bg_tkw_blue{
background-color: var(--color_tkw_blue);
}

.bg_tkw_black{
background-color: var(--color_tkw_black);
}

.bg_tkw_green{
background-color: var(--color_tkw_green);
}

.bg_tkw_orange{
background-color: var(--color_tkw_orange);
}

.bg_tkw_yellow{
background-color: var(--color_tkw_yellow);
}

.bg_tkw_pink{
background-color: var(--color_tkw_pink);
}

.bg_tkw_lblue{
background-color: var(--color_tkw_lblue);
}

.bg_zautoo_green{
background-color: var(--color_zautoo_green);
}

.bg_sbs_blue{
background-color: var(--color_sbs_blue);
}

.bg_sbs_cyan{
background-color: var(--color_sbs_cyan);
}

.mbm_d{
mix-blend-mode: difference;
}

/* ____________________________________ Extras ____________________________________ */
.button{
padding: 2vh 2vw;
border-radius:3vh;
}

.button.white{
border: 1px solid var(--color_white);
}

.button.white:hover{
color: var(--color_black);
background-color: var(--color_white);
}

.button.black{
border: 1px solid var(--color_black);
}

.button.black:hover{
color: var(--color_white);
background-color: var(--color_black);
}

.ta_center{
text-align: center;
}

.ta_right{
text-align: right;
}

.ta_left{
text-align: left;
}

.tt_up{
text-transform: uppercase;
}

.tt_no{
text-transform: none;
}

.fw_bol{
font-weight: bold;
}

.wb{
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

.rot_90{
transform: rotate(-90deg);
transform-origin: top left;
-webkit-transform-origin: top left;
}

/* ____________________________________ Fade Animation ____________________________________ */
.fad_ele{
opacity: 0;
}