@font-face {
	font-family: 'Be Vietnam Pro Light';
	src: url('../../fonts/BeVietnamPro[wght].ttf') format('truetype-variations');
	font-weight: 300;
	font-display: swap;
}
@font-face {
	font-family: 'Be Vietnam Pro Regular';
	src: url('../../fonts/BeVietnamPro[wght].ttf') format('truetype-variations');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Be Vietnam Pro Medium';
	src: url('../../fonts/BeVietnamPro[wght].ttf') format('truetype-variations');
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: 'Be Vietnam Pro Bold';
	src: url('../../fonts/BeVietnamPro[wght].ttf') format('truetype-variations');
	font-weight: 700;
	font-display: swap;
}

:root {
	--gi-font-bold: "Be Vietnam Pro Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--gi-font-medium: "Be Vietnam Pro Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--gi-font-news: "Be Vietnam Pro Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--gi-font-regular: "Be Vietnam Pro Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html:lang(vi) .webfont-bold { font-family: var(--gi-font-bold) !important; font-weight: 700 !important; }
html:lang(vi) .webfont-medium { font-family: var(--gi-font-medium) !important; font-weight: 600 !important; }
html:lang(vi) .webfont-news { font-family: var(--gi-font-news) !important; font-weight: 400 !important; }
html:lang(vi) .webfont-regular { font-family: var(--gi-font-regular) !important; font-weight: 300 !important; }

html:lang(vi) h1, html:lang(vi) .h1,
html:lang(vi) h2, html:lang(vi) .h2,
html:lang(vi) h3, html:lang(vi) .h3,
html:lang(vi) h4, html:lang(vi) .h4,
html:lang(vi) h5, html:lang(vi) .h5,
html:lang(vi) h6, html:lang(vi) .h6,
html:lang(vi) .spitzmarke,
html:lang(vi) .nachOben,
html:lang(vi) ul.sprachen,
html:lang(vi) nav.navigation,
html:lang(vi) .kursOptionen,
html:lang(vi) .kursInfo .preis,
html:lang(vi) .kursBuchen,
html:lang(vi) input.buchen,
html:lang(vi) .filter div.filterForm,
html:lang(vi) .sortForm label,
html:lang(vi) .filter input[type="submit"],
html:lang(vi) .filter input[type="reset"],
html:lang(vi) legend,
html:lang(vi) .standardFormular label,
html:lang(vi) .labelHDL,
html:lang(vi) button[type="submit"],
html:lang(vi) ul.ankerNavigation,
html:lang(vi) .mm-navbar-top li a,
html:lang(vi) a.v-teaser .v-titel,
html:lang(vi) .accordion_toggle,
html:lang(vi) .dtSpracheFilter .accordion_content a {
	font-family: var(--gi-font-bold) !important;
}

html:lang(vi) .veranstaltungen .teaser-kultur-hdl .spitzmarke { font-family: var(--gi-font-regular) !important;}

/*v3*/
html:lang(vi) body,
html:lang(vi) .kicker,
html:lang(vi) p,
html:lang(vi) .lead,
html:lang(vi) .text-meta,
html:lang(vi) .opening-hours td,
html:lang(vi) .footer-link-list-item a,
html:lang(vi) .copyright-text,
html:lang(vi) .bullet-list-text {
	font-family: var(--gi-font-regular) !important;
	font-weight: 400 !important;
}

html:lang(vi) .btn,
html:lang(vi) .accordion-button,
html:lang(vi) .opening-hours th,
html:lang(vi) .location-name,
html:lang(vi) .header-nav-c.webfont-medium,
html:lang(vi) .hero,
html:lang(vi) strong,
html:lang(vi) b,
html:lang(vi) .banner-has-link a,
html:lang(vi) article p.artikelintro {
	font-family: var(--gi-font-bold) !important;
	font-weight: 700 !important;
}

html:lang(vi) .logo-extension-c.webfont-medium,
html:lang(vi) .header-brand-container .name-extension,
html:lang(vi) .dossier-ankernav,
html:lang(vi) button.standard,
html:lang(vi) a.standard {
	font-family: var(--gi-font-medium) !important;
	font-weight: 600 !important;
}

html:lang(vi) [class^="icon-"]:before,
html:lang(vi) [class*=" icon-"]:before,
html:lang(vi) li[class*="list-icon"]:before {
	font-family: 'GI-Iconset' !important;
}