@font-face { font-family: 'Covered By Your Grace'; src: url('/css/fonts/mistral.ttf') format('truetype'), url('/css/fonts/mistral.eot') format('eot'), url('/css/fonts/mistral.svg') format('svg'), url('/css/fonts/mistral.woff') format('woff'); font-display: swap; }
@font-face { font-family: 'Fjalla One'; src: url('/css/fonts/FjallaOne-Regular.ttf') format('truetype'), url('/css/fonts/FjallaOne-Regular.eot') format('eot'), url('/css/fonts/FjallaOne-Regular.svg') format('svg'), url('/css/fonts/FjallaOne-Regular.woff') format('woff'); font-display: swap; }
@font-face { font-family: 'Rambla'; src: url('/css/fonts/FranklinBook.ttf') format('truetype'), url('/css/fonts/FranklinBook.eot') format('eot'), url('/css/fonts/FranklinBook.svg') format('svg'), url('/css/fonts/FranklinBook.woff') format('woff') ; font-display: swap; }
@font-face { font-family: 'Yanone Kaffeesatz'; src: url('/css/fonts/FjallaOne-Regular.ttf') format('truetype'), url('/css/fonts/FjallaOne-Regular.eot') format('eot'), url('/css/fonts/FjallaOne-Regular.svg') format('svg'), url('/css/fonts/FjallaOne-Regular.woff') format('woff') ; font-display: swap; }

	h1, .slH1, .MPH1 { font-size: 60px }
	h2, .slH2, .MPH2 { font-size: 56px }
	h3, .slH3, .MPH3 { font-size: 44px }
	h4, .slH4, .MPH4 { font-size: 32px}
	h5, .slH5, .MPH5  { font-size: 28px }
	h6, .slH6, .MPH6  { font-size: 22px }	
	section, p { font-size: 18px; line-height: 1.5; margin-top: 10px }
	a:link, a:visited, a:active { color: yellow; }
	a:hover { color: white; }

	.subtitle { font-size: 28px; color: DarkGray; text-shadow: 1px 1px 3px black; line-height: 1.25; padding: 0.25em 0 2em 0 }
	.SubTitleIntro { font-size: 22px; line-height: 1.55; text-align: center; text-shadow: 3px 3px 3px #000000 }
	.mobile-menu li a { font-size: 20px; }
	.bgintro { font-family: 'Fjalla One'; font-size: 28px; }
	.bgintro p { font-size: 20px; }
	.WAprodukt { font-family: 'Fjalla One'; font-size: 32px; }
	.WAprodSub { font-family: 'Rambla'; font-size: 22px; font-style: italic; }
	.WApreis { font-family: 'Rambla'; font-size: 18px; margin-bottom: 1.5em; font-weight: bold; }
	.gadgets { font-family: 'Rambla'; font-size: 22px; color: White; line-height: 1.5; padding: 1.5em; }
	.gadgets p {font-size: 22px; margin: 0 0 1em 0; }

	.note-editor .note-editable { line-height: 1.35; font-size: 18px; }

	@media screen and (min-width: 768px) and (max-width: 1023px) {
		h1, .slH1, .MPH1 { font-size: 56px }
		h2, .slH2, .MPH2 { font-size: 52px }
		h3, .slH3, .MPH3 { font-size: 42px }
		h4, .slH4, .MPH4 { font-size: 30px }
		h5, .slH5, .MPH5 { font-size: 26px }
		h6, .slH6, .MPH6  { font-size: 20px }	
		p { font-size: 16px; line-height: 1.5;}
		.subtitle { font-size: 26px }
		.SubTitleIntro {font-size: 20px }
		.mobile-menu li a { font-size: 18px }
		.bgintro {font-size: 26px }
		.bgintro p {font-size: 20px }
		.gadgets { font-size: 20px }
		.gadgets p {font-size: 20px}
	}	

	@media screen and (max-width: 767px) {
		h2, h3, .slH2, .slH3 { margin-top: -0.25em; }
		h1, .slH1, .MPH1 { font-size: 52px }
		h2, .slH2, .MPH2 { font-size: 48px }
		h3, .slH3, .MPH3 { font-size: 40px }
		h4, .slH4, .MPH4 { font-size: 28px }
		h5, .slH5, .MPH5 { font-size: 24px }
		h6, .slH6, .MPH6  { font-size: 18px }	
		p{ font-size: 15px; line-height: 1.45;}
		.subtitle { font-size: 24px; }
		.SubTitleIntro {font-size: 18px }
		.mobile-menu li a { font-size: 16px }
		.bgintro {font-size: 22px }
		.bgintro p {font-size: 18px }
		.gadgets { font-size: 18px }
		.gadgets p {font-size: 18px }
	}