body
	{
		font-family: "Segoe UI", Roboto, sans-serif;
    	background-color: #202122;

		word-wrap: break-word;
		text-align: left;
	}

ul
	{
		width: 100%;
		list-style-position: inside;
	}


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


/* ALL *******************************************************************************************************/
@media
{
	h1,h2,h3,h4,h5
	{
		font-weight: normal;
	}
h1, h2
	{
		font-size: 1.6vw;
	}



p, a, ul, h3, #searchInput, #searchInput::placeholder 
	{
			font-size: 1vw;
			line-height: 2.2vw;
	}

math
{
	font-size: 1.5vw;
		margin-top: 0.5vw;
		margin-bottom: 0.5vw;
}

}

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



p, a, ul, h3, #searchInput, #searchInput::placeholder 
	{
			font-size: 2vw;
			line-height: 3vw;
	}


}

/* 800 px *******************************************************************************************************/
@media (max-width: 800px)
{
h1, h2
	{
		font-size: 6vw;
		line-height: 7vw;
	}


p, a, ul, h3, #searchInput, #searchInput::placeholder 
	{
			font-size: 4.7vw;
			line-height: 9vw;
	}

math
	{
		font-size: 6vw;
		margin-top: 2vw;
		margin-bottom: 2vw;
	}
}