@font-face
  {
    font-family: Baloo2-ExtraBold;
    src: url('../fonts/Baloo2-ExtraBold.woff2');
  }
  
  
@font-face
{
font-family: Baloo2-SemiBold;
src: url('../fonts/Baloo2-SemiBold.woff2');
}
  


body
	{
		font-family: Baloo2-SemiBold;
		color: var(--darkgray);
		word-wrap: break-word;
		text-align: center;
	}

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;
}


h1, h2, h3, nav
	{
		font-family: Baloo2-ExtraBold;
	}


/* ALL *******************************************************************************************************/
@media
{
h1, h2
	{
		font-size: 3vw;
	}


h3
	{
		font-size: 1.5vw;
	}



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

}

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

h3
	{
		font-size: 2vw;
	}

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


}

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

h3
	{
		font-size: 6vw;
		line-height: 10vw;
	}

p, a, h5, ul
	{
			font-size: 4.1vw;
			line-height: 7vw;
	}
}