@font-face {
    font-family: 'OpenSans-Light';
    src: url('https://www.goethe.de/resources/relaunch/fonts/OpenSans-VariableFont_wdth_wght.ttf') format('truetype-variations');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('https://www.goethe.de/resources/relaunch/fonts/OpenSans-VariableFont_wdth_wght.ttf') format('truetype-variations');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans-Medium';
    src: url('https://www.goethe.de/resources/relaunch/fonts/OpenSans-VariableFont_wdth_wght.ttf') format('truetype-variations');
    font-weight: 550;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('https://www.goethe.de/resources/relaunch/fonts/OpenSans-VariableFont_wdth_wght.ttf') format('truetype-variations');
    font-weight: 700;
    font-display: swap;
}
:root {
	--gi-font-bold: 'OpenSans-Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	--gi-font-medium: 'OpenSans-Medium', "Helvetica Neue", Helvetica, Arial, sans-serif;
	--gi-font-news: 'OpenSans-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	--gi-font-regular: 'OpenSans-Light', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html:lang(el) .webfont-bold { font-family: var(--gi-font-bold) !important; font-weight: 700 !important; }
html:lang(el) .webfont-medium { font-family: var(--gi-font-medium) !important;  font-weight: 550 !important; }
html:lang(el) .webfont-news { font-family: var(--gi-font-news) !important; font-weight: 400 !important; }
html:lang(el) .webfont-regular { font-family: var(--gi-font-regular) !important; font-weight: 300 !important; }
html:lang(el) body { letter-spacing:-0.5px; }
.hero, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-weight: 700 !important;
}
.kicker {
	font-weight: 400 !important;
}
button, .btn {
	font-weight: 550 !important;
}
strong,
b {
    font-family: var(--gi-font-medium);
    font-weight: 550;
}
@media (min-width: 1200px) {
	html:lang(el) .webfont-xl-regular {
		font-family: var(--gi-font-regular) !important;
		font-weight: 300 !important;
	}
	html:lang(el) .webfont-xl-news {
		font-family: var(--gi-font-news) !important;
		font-weight: 400 !important;
	}
	html:lang(el) .webfont-xl-medium {
		font-family: var(--gi-font-medium) !important;
		font-weight: 550 !important;
	}
	html:lang(el) .webfont-xl-bold {
		font-family: var(--gi-font-bold) !important;
		font-weight: 700 !important;
	}
}