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

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

ol
{
	width: 100%;
}
ul
	{
		width: 100%;
		list-style-position: outside;
 		list-style-type: disc;
	}


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, table, ol
	{
			font-size: 1vw;
			line-height: 2.2vw;
	}

	ul, ol
	{
		padding-left: 1vw;
	}

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

}

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

ul
{
	padding-left: 2vw;
}


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


}

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


p, a, ul, h3, #searchInput, #searchInput::placeholder, table, ol
	{
			font-size: 4.1vw;
			line-height: 6vw;
	}

math
	{
		font-size: 5vw;
		margin-top: 2vw;
		margin-bottom: 2vw;
	}
ul, ol
	{
		padding-left: 5vw;
	}
}