*
	{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

html
	{
		scroll-behavior: smooth;
		font-family: 'Segoe UI';
		font-weight: bold;
	}

img
	{
		object-fit: cover;
    /* Image is zoomed, until width + height are fully filled. Alternative: contain = image gets shrinked, until it fits completely in the widh + height frame*/
	}

div, section, footer, header, main
	{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 100%;
	}



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

a
{
	display: flex;
	justify-content: center;
	align-items: center;
}


@media
	{
		html
		{
			font-size: 2vw;
		}
	}

@media (max-width: 1400px)
	{
		html
		{
			font-size: 3vw;
		}
	}


@media (max-width: 800px)
	{
		html
		{
			font-size: 6vw;
		}

	}