@font-face
  {
    font-family: Rubik-SemiBoldItalic;
    src: url('../Fonts/Rubik-SemiBoldItalic.woff2');
  }
  
  
@font-face
  {
    font-family: NotoSans-ExtraBold;
    src: url('../Fonts/NotoSans-ExtraBold.woff2');
  }
  
  
@font-face
{
font-family: NotoSans-Medium;
src: url('../Fonts/NotoSans-Medium.woff2');
}
  


body
	{
		font-family: NotoSans-Medium;
		color: #2f2f2f;
		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, nav
	{
		font-family: Rubik-SemiBoldItalic;
	}



/* ALL *******************************************************************************************************/
@media
{
h1
	{
		font-size: 1.6vw;
	}

h2
	{
		font-size: 2.5vw;
	}

h3, h4
	{
		font-size: 1vw;
	}

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

}

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

h2
	{
		font-size: 3vw;
	}

h3
	{
		font-size: 1.5vw;
	}

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

}

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

h2
	{
		font-size: 9vw;
		line-height: 10vw;
	}

h3
	{
		font-size: 4.7vw;
		line-height: 5.2vw;
	}

h4
	{
		font-size: 5.7vw;
		line-height: 7vw;
	}

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