@font-face
{
	font-family: Inter;
	src: url('../fonts/Inter.woff2');
}
  
body
{
	font-family: Inter;
	font-weight: bold;
}

button, a
{
	all: unset; /* Keine Browser-Styles wie Rahmen, Farbe usw. */
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
}

/* ALL *******************************************************************************************************/
@media
{
	h1
		{
			font-size: 4vw;
			color: var(--gold);
		}
	h2
		{
			font-size: 3vw;
			color: var(--gold);
		}


	.thick
	{
		font-size: 1.7vw;	
		line-height: 2.3vw;
	}



	p, a, h5, ul, input, button
		{
				font-size: 1vw;
				line-height: 1.7vw;
		}

	.number
	{
		font-size: 5.5vw;
		color: var(--salmon);
	}

}

/* 1400 px *******************************************************************************************************/
@media (max-width: 1400px)
{
	h1
		{
			font-size: 5vw;
		}
	h2
		{
			font-size: 3vw;
		}

	.thick
		{
			font-size: 2vw;
		}

	p, a, h4, ul, input, button
		{
				font-size: 1.3vw;
				line-height: 2vw;
		}
}

/* 800 px *******************************************************************************************************/
@media (max-width: 800px)
{
	h1
	{
		font-size: 15vw;
	}
	h2
		{
			font-size: 11vw;
			line-height: 14vw;
		}

	.thick
		{
			font-size: 6vw;
			line-height: 8vw;
		}

	p, a, h5, ul, input, button
		{
				font-size: 4vw;
				line-height: 6vw;
		}

	.number
	{
		font-size: 15vw;
	}
}