h2 	{
    font-size: 2rem;
	color: #fff;
	font-weight: 350;
	}


h3 	{
    font-size: 1.2rem;
	color: #fff;
	font-weight: 400;
	}


.kopf h1 {
 	font-size: 3rem;
	color: #fff;
	font-weight: 450;
	}

		
.text p    {
	/* padding-top: 2rem; */
	font-size: 1.0rem;
	line-height: 150%;
	color: #fff;
	font-weight: 400;
	}

.text a 	{
	color: #CDE1D6;
	text-decoration:  underline;
	}

.text a:hover     {
	letter-spacing: 1px;
	color:#CDE1D6;
	font-weight: 500;
	text-decoration: underline;
	transition: 0.3s;
	}

.text h3    {
	font-size: 1.5rem;
	line-height: 150%;
	color: #fff;
	font-weight: 400;
	}

.content h2 {
	font-size: 1.5rem;
	line-height: 150%;
	color: #fff;
	font-weight: 400;
   }


.content h3 {
	font-size: 1.2rem;
	font-weight: 400;
	color: #fff;
   }


.content p {
	font-size: 1.0rem;
	font-weight: 400;
	color: #fff;
	}


.menu ul li
	{
	font-size: 1.0rem;
	}


@media only screen and (min-width: 1025px)
 	{	

	}


@media only screen and (min-width: 768px) and (max-width: 1024px)
 	{

	}


@media only screen and (max-width: 767px)
	{
	

h2 	{
    font-size: 4.5rem;
	color: #fff;
	font-weight: 350;
	}


h3 	{
    font-size: 3.5rem;
	color: #fff;
	font-weight: 400;
	}

.kopf h1 {
 	font-size: 6rem;
	color: #fff;
	font-weight: 450;
	}


		
.text p    {
	padding-top: 2rem;
	font-size: 4.0rem;
	line-height: 150%;
	color: #fff;
	font-weight: 400;
	}

.text a 	{
	color: #CDE1D6;
	text-decoration:  underline;
	}

.text a:hover     {
	letter-spacing: 1px;
	color:#CDE1D6;
	font-weight: 500;
	text-decoration: underline;
	transition: 0.3s;
	}

.text h3    {
	font-size: 4.5rem;
	line-height: 150%;
	font-weight: 400;
	}


.article h2 {
	font-size: 6rem;
	font-weight: 450;
	}


.article h3 {
	font-size: 4.5rem;
	font-weight: 400;
	}


.article p {
	font-size: 4.0rem;
	font-weight: 400;
	}

.menu ul li
	{
	font-size: 4.5rem;
	}


.content h2 {
	font-size: 5.0rem;
	font-weight: 400;
   }


.content h3 {
	font-size: 4.5rem;
	font-weight: 400;	
	}


.content p {
	font-size: 4.0rem;
	font-weight: 400;
	}
	}