/* ____________________________________ @Font-Face ____________________________________ */
@font-face{
font-family: 'AkkoPro-Regular';
src: url('fonts/akko_regular/akko_regular.ttf') format('truetype');
}

@font-face{
font-family: 'AkkoW01-Light';
src: url('fonts/akko_light/akko_light.otf') format('opentype');
}

@font-face{
font-family: 'AkkoRoundedW01-Thin';
src: url('fonts/akko_thin/akko_thin.otf') format('opentype');
}

/* ____________________________________ Schriftart ____________________________________ */
.akk_reg{
font-family: var(--font_akk_reg);
}

.akk_lig{
font-family: var(--font_akk_lig);
}

.akk_thi{
font-family: var(--font_akk_thi);
}

/* ____________________________________ Schriftgrösse VW ____________________________________ */
.fs_2_vw{
font-size: 2vw;
}

.fs_1_3_vw{
font-size: 1.3vw;
}

/* ____________________________________ Schriftgrösse EM ____________________________________ */
body{
font-size: 17px;
}

.fs_1_7_em{
font-size: 1.7em;
}

.fs_1_em{
font-size: 1em;
}

.fs_0_88_em{
font-size: 0.88em;
}

.fs_0_76_em{
font-size: 0.76em;
}

/* ____________________________________ Zeilenabstand ____________________________________ */
.lh140{
line-height: 140%;
}

.lh120{
line-height: 120%;
}

.lh100{
line-height: 100%;
}

/* ____________________________________ Zeichenabstand ____________________________________ */
.ls_0_1_vw{
letter-spacing: var(--ls_01_vw);
}

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

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

.blue{
color: var(--color_blue);
}

/* ____________________________________ Hintergrundfarbe ____________________________________ */
.bg_white{
background-color: var(--color_white);
}

.bg_blue{
background-color: var(--color_blue);
}

/* ____________________________________ List ____________________________________ */
.list li{
padding: 10px 0px;
}

.blue .list li{
border-bottom: 1px solid var(--color_trans_blue);
}

.white .list li{
border-bottom: 1px solid var(--color_trans_white02);
}

/* ____________________________________ Extras ____________________________________ */
.ta_center{
text-align: center;
} 

.ta_right{
text-align: right;
} 

.td_no{
text-decoration: none;
}

.tt_up{
text-transform: uppercase;
}

.wb{
hyphens: auto;
}

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

.mbm_n{
mix-blend-mode: normal;
}