/*
    OpenSans ist unsere default Schriftart für alle Shops

    https://fonts.google.com/specimen/Open+Sans

    Laut UX/UI haben wir folgende Schriftarten jeweils mit Italic
    - Regular
    - Semibold
    - Medium
    - Bold

    Es kann sein, dass entweder Semibold oder Medium zukünftig wegfällt.
*/

/*
   Regular
*/
@font-face {
	font-display: swap;
	font-family: 'OpenSans';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/OpenSans-Regular.woff2') format('woff2'),
		url('/fonts/OpenSans-Regular.woff') format('woff');
}

@font-face {
	font-display: swap;
	font-family: 'OpenSans';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: italic;
	font-weight: 400;
	src: url('/fonts/OpenSans-Italic.woff2') format('woff2'),
		url('/fonts/OpenSans-Italic.woff') format('woff');
}

/*
   Medium
*/
@font-face {
	font-display: swap;
	font-family: 'OpenSans';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 500;
	src: url('/fonts/OpenSans-Medium.woff2') format('woff2'),
		url('/fonts/OpenSans-Medium.woff') format('woff');
}

@font-face {
	font-display: swap;
	font-family: 'OpenSans';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: italic;
	font-weight: 500;
	src: url('/fonts/OpenSans-MediumItalic.woff2') format('woff2'),
		url('/fonts/OpenSans-MediumItalic.woff') format('woff');
}

/*
    SemiBold
*/
@font-face {
	font-display: swap;
	font-family: 'OpenSans';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 600;
	src: url('/fonts/OpenSans-SemiBold.woff2') format('woff2'),
		url('/fonts/OpenSans-SemiBold.woff') format('woff');
}

@font-face {
	font-display: swap;
	font-family: 'OpenSans';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: italic;
	font-weight: 600;
	src: url('/fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
		url('/fonts/OpenSans-SemiBoldItalic.woff') format('woff');
}

/*
    Bold
*/
@font-face {
	font-display: swap;
	font-family: 'OpenSans';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 700;
	src: url('/fonts/OpenSans-Bold.woff2') format('woff2'),
		url('/fonts/OpenSans-Bold.woff') format('woff');
}

@font-face {
	font-display: swap;
	font-family: 'OpenSans';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: italic;
	font-weight: 700;
	src: url('/fonts/OpenSans-BoldItalic.woff2') format('woff2'),
		url('/fonts/OpenSans-BoldItalic.woff') format('woff');
}

/**
* Albra 
* Ist der Walbusch Font u.A. für Banner
*/
@font-face {
	font-display: swap;
	font-family: 'Albra';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 800;
	src: local('Albra-Bold'), local('Albra Bold'),
		url('/fonts/Albra-Bold.woff2') format('woff2'),
		url('/fonts/Albra-Bold.woff') format('woff');
}

/**
* Billion Miracles 
* Ist der Avena Font u.A. für Banner
*/
@font-face {
	font-display: swap;
	font-family: 'BillionMiracles';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: 400;
	src: local('Billion-Miracles'), local('Billion Miracles'),
		url('/fonts/Billion-Miracles.woff2') format('woff2'),
		url('/fonts/Billion-Miracles.woff') format('woff');
}