:root{
	--weiss: #ffffff;
	--schwarz: #000000;
	--orange: #f18700;
	--dunkelorange: #e56e0b;		/* Boxen */
	--hellgrau: #e5e3dc;			/* Boxen */
	--dunkelgrau: #525b52;
	--petrol: #275c74;				/* Footer */
	--hellgruen: #eceee7;			/* Background */
	
	--windowWidth: 100px;
	--windowHeight: 100px;
	
	--h1-size: 2.8rem;
	--h1-line-height: 1.2em;
	--h2-size: 1.8rem;
	--h2-line-height: 1.2em;
	--h3-size: 1.3rem;
	--h3-line-height: 1.2em;
	--h4-size: 1.25rem;
	--h4-line-height: 1.2em;

}


@media (min-width:984px) and (max-width:1303px)
{

}
@media (min-width:768px) and (max-width:979px)
{

}
@media (max-width:767px)
{

	:root{		
		--h1-size: 2.1rem;
		--h1-line-height: 1.2em;
		--h2-size: 1.8rem;
		--h2-line-height: 1.2em;
		--h3-size: 1.3rem;
		--h3-line-height: 1.2em;
		--h4-size: 1.25rem;
		--h4-line-height: 1.2em;

	}

}