@font-face {
    font-family: 'Cairo-Light';
    src: url('../../fonts/Cairo-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Cairo-Regular';
    src: url('../../fonts/Cairo-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Cairo-Medium';
    src: url('../../fonts/Cairo-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Cairo-Bold';
    src: url('../../fonts/Cairo-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 650;
    font-display: swap;
}
:root {
    --gi-font-bold: 'Cairo-Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
    --gi-font-medium: 'Cairo-Medium', "Helvetica Neue", Helvetica, Arial, sans-serif;
    --gi-font-news: 'Cairo-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
    --gi-font-regular: 'Cairo-Light', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* el */
html:lang(ar) body, html:lang(ar) .webfont-news, html:lang(ar) .veranstaltungen .teaser-kultur-hdl .spitzmarke { font-family: var(--gi-font-news); font-weight:400; }
html:lang(ar) h1, html:lang(ar) h2, html:lang(ar) h3, html:lang(ar) h4, html:lang(ar) h5, html:lang(ar) h6 { font-family: var(--gi-font-bold); font-weight:700; }
html:lang(ar) .webfont-medium, html:lang(ar) .spitzmarke, html:lang(ar) .nachOben, html:lang(ar) ul.sprachen, html:lang(ar) nav.navigation, html:lang(ar) .kursOptionen, html:lang(ar) .kursInfo .preis, html:lang(ar) .kursBuchen, html:lang(ar) input.buchen, html:lang(ar) .filter div.filterForm, html:lang(ar) .sortForm label, html:lang(ar) .filter input[type="submit"], html:lang(ar) .filter input[type="reset"], html:lang(ar) legend, html:lang(ar) .standardFormular label, html:lang(ar) .labelHDL, html:lang(ar) button[type="submit"], html:lang(ar) ul.ankerNavigation, html:lang(ar) .mm-navbar-top li a, html:lang(ar) a.v-teaser .v-titel, html:lang(ar) .artikel-zitat, html:lang(ar) .logo-extension-c.webfont-medium, html:lang(ar) .header-brand-container .name-extension { font-family: var(--gi-font-medium); font-weight:500; }
#giHead h1 { font-family: "ClanWebPro-NarrMedium","Helvetica Neue",Helvetica,Arial,-apple-system,Roboto,sans-serif !important; font-weight: normal !important; }
html:lang(ar) .zitat-text:before { font-family:"ClanWebPro-NarrMedium","Helvetica Neue",Helvetica,Arial,-apple-system,Roboto,sans-serif; font-weight:normal; }
html:lang(ar) .webfont-news { font-family: var(--gi-font-news) !important; }