/*
	Theme Name:		MiWiki 2023
	Theme Part:		j4b-fonts.css
	Description:	CSS-Formatierungen für die Schriften
	Author:			Stefan Kuhn
	Author URI:		https://just4business.de/
	Template:		Generatepress Child-Theme MiWiki 2023
	Version:		0.1
*/



/******************************************************************************
 *	Variable Schriften "Source Sans Pro" installieren
 *
 *	Quelle: source-sans-variable - latin
 *			https://github.com/adobe-fonts/source-sans/releases/tag/3.046R
 ******************************************************************************/

/* Set up 'Source Sans 3' for modern browsers, all weights */
@supports (font-variation-settings: normal) {
	/* source-sans-3-vf - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-weight: 200 900;
		font-style: normal;
		font-display: swap;
		src: url('../fonts/source-sans-3-vf-latin.woff2') format('woff2');
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/*
	 * Umgewandelt mit python3 und pyftsubset aus den fonttools mit folgendem Befehl (Tipp: https://markoskon.com/creating-font-subsets/):
	 * pyftsubset SourceSans3VF-Roman.ttf --output-file="source-sans-3-vf-latin.woff2" --flavor=woff2 --layout-features="wght,ccmp,dnom,frac,liga,locl,numr,pnum,kern" --unicodes="U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD"
	 */

	/* source-sans-3-vf-italic - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-weight: 200 900;
		font-style: italic;
		font-display: swap;
		src: url('../fonts/source-sans-3-vf-latin-italic.woff2') format('woff2');
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/*
	 * Umgewandelt mit python3 und pyftsubset aus den fonttools mit folgendem Befehl (Tipp: https://markoskon.com/creating-font-subsets/):
	 * pyftsubset SourceSans3VF-Italic.ttf --output-file="source-sans-3-vf-latin-italic.woff2" --flavor=woff2 --layout-features="wght,ccmp,dnom,frac,liga,locl,numr,pnum,kern" --unicodes="U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD"
	 */
}



/******************************************************************************
 *	Standard-Schriften "Source Sans Pro" installieren (regular + bold)
 *
 *	Quelle: source-sans-3 - latin
 *			https://github.com/adobe-fonts/source-sans
 ******************************************************************************/

@supports not (font-variation-settings: normal) {
	/* source-sans-3-200 - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: normal;
		font-weight: 200;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-200.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-200.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-200.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-300 - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: normal;
		font-weight: 300;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-300.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-300.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-300.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-regular - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: normal;
		font-weight: 400;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-regular.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-regular.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-500 - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: normal;
		font-weight: 500;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-500.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-500.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-500.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-700 - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: normal;
		font-weight: 700;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-700.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-700.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-700.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-600 - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: normal;
		font-weight: 600;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-600.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-600.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-600.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-800 - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: normal;
		font-weight: 800;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-800.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-800.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-800.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-900 - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: normal;
		font-weight: 900;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-900.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-900.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-900.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-200italic - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: italic;
		font-weight: 200;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-200italic.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-200italic.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-200italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-300italic - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: italic;
		font-weight: 300;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-300italic.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-300italic.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-300italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-italic - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: italic;
		font-weight: 400;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-italic.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-italic.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-600italic - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: italic;
		font-weight: 600;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-600italic.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-600italic.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-600italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-500italic - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: italic;
		font-weight: 500;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-500italic.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-500italic.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-500italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-700italic - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: italic;
		font-weight: 700;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-700italic.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-700italic.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-700italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-800italic - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: italic;
		font-weight: 800;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-800italic.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-800italic.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-800italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* source-sans-3-900italic - latin */
	@font-face {
		font-family: 'Source Sans 3';
		font-style: italic;
		font-weight: 900;
		font-display: swap;
		src: url('../fonts/source-sans-3-v5-latin-900italic.eot'); /* IE9 Compat Modes */
		src: local(''),
			url('../fonts/source-sans-3-v5-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/source-sans-3-v5-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-900italic.woff') format('woff'), /* Modern Browsers */
			url('../fonts/source-sans-3-v5-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/source-sans-3-v5-latin-900italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
}



/******************************************************************************
 *	Source Sans 3 als Standard-Schrift verwenden
 ******************************************************************************/

::placeholder{
	font-family: "Source Sans 3", "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
::-moz-placeholder{
	font-family: "Source Sans 3", "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
::-webkit-input-placeholder{
	font-family: "Source Sans 3", "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
:-moz-placeholder{
	font-family: "Source Sans 3", "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
:-ms-input-placeholder {
	font-family: "Source Sans 3", "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
body, button, input, select, textarea {
	font-family: "Source Sans 3", "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}



/******************************************************************************
 * Variable Schriftgrößen / Zeilenhöhen
 *
 * siehe:		https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/
 * Richtwerte:	Mobile 18px / Desktop 20px Schriftgröße (hier Desktop 21px)
 *				siehe: https://ec.europa.eu/component-library/
 * Tool:		https://royalfig.github.io/fluid-typography-calculator/
 *
 ******************************************************************************/

/* CSS in here for mobile only */
@media (max-width: 600px) {
	body, button, input, select, textarea {
		font-size: 18px;
		font-size: clamp(16px, calc( (100vw - 32px) * 18/358 ), 30px)
	}
}
/* CSS in here for tablet (portrait modus) only */
@media (min-width: 601px) and (max-width: 768px) {
	body, button, input, select, textarea {
		font-size: 18px;
		font-size: clamp(16px, calc( (100vw - 32px) * 21/682.4 ), 23px)
	}
}
/* CSS in here for tablet (landscape modus) and desktop only */
@media (min-width: 769px) and (max-width: 1024px) {
	/* minimum 14px, maximum 21px */
	body, button, input, select, textarea {
		font-size: 18px;
		font-size: clamp(14px, 2.05078125vw, 21px);
	}
}
/* CSS in here for desktops only */
@media (min-width:1025px) {
	body, button, input, select, textarea {
		font-size: 21px;
	}
}





/*****************************************************************************
 *
 *	BASIC TYPOGRAPHY
 *
 *	Richtwerte:	Zeilenhöhe 1.5 / Headlines 1.2 (hier H1 mit 1.08)
 *				Fettung normal / Headlines 600 (hier Headlines 900)
 *				siehe: https://ec.europa.eu/component-library/
 *
 *****************************************************************************/

@media (max-width: 600px) {
	body {
		--wp--preset--font-size--small: 0.8em;
		--wp--preset--font-size--medium: 1em;
		--wp--preset--font-size--large: 1.11111111111em;
		--wp--preset--font-size--x-large: 1.33333333333em;
	}
}
@media (min-width: 601px) {
	body {
		--wp--preset--font-size--small: 0.8em;
		--wp--preset--font-size--medium: 1em;
		--wp--preset--font-size--large: 1.4em;
		--wp--preset--font-size--x-large: 2em;
	}
}

body, button, input, select, textarea {
	line-height: 1.5;
}

/* Smartphone Typo - Major Second - 2 Headline-Ebenen */
@media (max-width: 600px) {
	h1 { font-size:1.33333333333em;}	/* 24.0px */
	h2 { font-size:1.11111111111em;}	/* 20.0px */
	h3,h4,h5,h6 { font-size: 1em}		/* 18.0px */
	h1, h2, h3, h4, h5, h6 { hyphens: auto; }
}
@media (min-width: 601px) {
	/* Tablet (Landscape) & Desktop Typo - Major Third - 4 Headline-Ebenen */
	h1 { font-size:2.0em;}		/* 42.0px */
	h2 { font-size:1.6em;}		/* 33.6px */
	h3 { font-size:1.4em;}		/* 29.4px */
	h4 { font-size:1.2em;}		/* 25.2px */
	h5,h6 { font-size: 1em}		/* 21.0px */
}
h1 {
	font-weight: 900;
	line-height: 1.1;
}
h2, h3, h4, h5, h6 {
	font-weight: 900;
	line-height: 1.2;
}
@media (max-width: 768px) {
	h1, h2, h3, h4, h5, h6 { hyphens: auto; }
}