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


@font-face
  {
    font-family: Pop-Reg;
    src: url('../Font/Poppins/Poppins-Regular.ttf');
  }
@font-face
  {
    font-family: Pop-Semi;
    src: url('../Font/Poppins/Poppins-Semibold.ttf');
  }


html
	{
		scroll-behavior: smooth;
	}

body
	{
		color: black;
		font-family: Pop-Reg;
		--Blau1: #0a5b8f;
		--Blau1_Transparent: #0a5b8f60;
		--Blau1_Transparent2: #0a5b8fdf;
		--Blau1_Transparent3: #204c67bf;
		--Blau1_Transparent4: #02619ebf;
		--Blau2: #1f4c68;
		--Lachs: #f69b9b;
		text-align: center;
			word-wrap: break-word;
	}

a
	{
		text-decoration: none;
	}


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


img
	{
		object-fit: contain;
	}

div, section, footer, header, nav
	{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

section, footer, header, div
	{
		width: 100%;
	}
section
{
	justify-content: flex-start;
}
h1
	{
		font-family: Pop-Reg;
		font-weight: normal;
	}
h2
{
	background: linear-gradient(to right ,var(--Blau1_Transparent3), var(--Blau1_Transparent4));
	font-family: Arial;
}
h2.whiteBG
{
			background-color: var(--Blau1);
}
h3, h4
{
	font-family: Pop-Reg;
	color: var(--Blau1);
}
h1, h2, h3
	{
		text-align: center;
	}
button, a
	{
		all: unset;
		cursor: pointer;
		box-sizing: border-box;
	}