/*
CHILD
Basisdefinition fuer die Variablen (Farben und Abstaende)
Die CSS-Styles werden im Frontend und im Backend-Block-Editor verwendet
*/




/* -------------------------------------------------------------------------- */
/*	Schriften als Variable
/* -------------------------------------------------------------------------- */

:root {
	--font-general-family:	'Open Sans', Verdana, sans-serif;
	--font-general-regular:	300;
	--font-general-bold:	600;
	--font-heading-family:	'Arvo', Georgia, sans-serif;
	--font-heading-regular:	400;
	--font-heading-bold:	700;
	}




/* -------------------------------------------------------------------------- */
/*	Vertikale Abstaende als Variable
/* -------------------------------------------------------------------------- */

:root {
	--spacer-big: 3rem;
	--spacer-small: 1.5rem;
	--spacer-text: 0.75rem;
	}

	@media (min-width: 600px) {
			:root {
				--spacer-big: 4rem;
				--spacer-small: 2rem;
				--spacer-text: 1rem;
				}
			}
	@media (min-width: 900px) {
			:root {
				--spacer-big: 5rem;
				--spacer-small: 2.5rem;
				--spacer-text: 1.5rem;
				}
			}
	@media (min-width: 1200px) {
			:root {
				--spacer-big: 6rem;
				--spacer-small: 3rem;
				--spacer-text: 1.5rem;
				}
			}
	@media (min-width: 1600px) {
			:root {
				--spacer-big: 8rem;
				--spacer-small: 4rem;
				--spacer-text: 1.5rem;
				}
			}