/* Allgemein */
/* Desktop */
@media screen and (min-width: 921px) {
	h2 {
			font-size:2vw;
		}
	p 	{
			font-size:1.5vw;
		}
	i 	{
			font-size:1.5vw;
		}
	a 	{
			font-size:1.5vw;
		}
	li 	{
			font-size:1.5vw;
		}
/* Kopf */
	.logokl {
			width:100px;
			height:100px;
			float:left;	
	} 
	.logogr {
			width:420px;
			height:420px;
			padding-left:30vw;
			padding-top:1vw;
			position: sicky;
	} 
	.kopftxt {
		text-align:center;
		font-size:3vw
	}
/* Navigation */
	footer {
			font-size:1.5vw;
		}
	.navmenu {
			width: 100%;
			padding: 0.5%;
			
			display: flex;
			flex-direction: row;
		}
		.navarticle {
			width: 16%;
			padding: 2%;
			font-size: 1.5vw;
		}
/* Tabelle */
	.cont {
			width: 100%;
			padding: 0.5%;
			
			display: flex;
			flex-direction: row;
		}
		.contarticle {
			width: 30%;
			padding: 2%;
			font-size: 1.5vw;
		}
		.contarticle2 {
			width: 30%;
			padding: 2%;
			font-size: 1.5vw;
		}
		.bild {
			width: 40%;
			height: 40%;
		}
}



/* Mobil */
@media screen and (min-width: 421px) and (max-width: 920px) {
	h2 {
			font-size:2vw;
		}
	p 	{
			font-size:1.5vw;
		}
	a 	{
			font-size:1.5vw;
		}
	li 	{
			font-size:1.5vw;
		}
/* Kopf */
	.logokl {
			width:40px;
			height:40px;
			float:left;	
	} 
	.logogr {
			width:80px;
			height:80px;
			padding-left:10vw;
			padding-top:1vw;
			position: sicky;
	} 
	.kopftxt {
		text-align:center;
		font-size:1.5vw
	}

/* Navigation */
	footer {
			font-size:1.5vw;
		}
	.navmenu {
			width: 70%;
			padding: 0.5%;
			
			display: flex;
			flex-direction: row;
		}
		.navarticle {
			width: 18%;
			padding: 2%;
			font-size: 1.5vw;	
		}
/* Tabelle */
	.cont {
			width: 100%;
			padding: 0.5%;
			
			display: flex;
			flex-direction: row;
		}
		.contarticle {
			width: 30%;
			padding: 2%;
			font-size: 1.5vw;
		}
		.contarticle2 {
			width: 30%;
			padding: 2%;
			font-size: 1.5vw;
		}
		.bild {
			width: 25%;
			height: 25%;
		}
}

/* */
@media screen and (max-width: 420px) {
	h2 {
			font-size:3.5vw;
		}
	p 	{
			font-size:2.5vw;
		}
	a 	{
			font-size:2.5vw;
		}
	li 	{
			font-size:2.5vw;
		}
/* Kopf */
	.logokl {
			width:40px;
			height:40px;
			float:left;	
	} 
	.logogr {
			width:100px;
			height:100px;
			padding-left:10vw;
			padding-top:1vw;
			position: sicky;
	} 
	.kopftxt {
		text-align:center;
		font-size:2.5vw
	}

/* Navigation */
	footer {
			font-size:1.8vw;
		}
	.navmenu {
			width: 80%;
			padding: 3.1%;
			
			display: flex;
			flex-direction: row;
		}
		.navarticle {
			width: 18%;
			padding: 2%;
			font-size: 4vw;	
		}
/* Tabelle */
	.cont {
			width: 100%;
			padding: 0.5%;
			
			display: flex;
			flex-direction: row;
		}
		.contarticle {
			width: 40%;
			padding: 2%;
			font-size: 2.5vw;
		}
		.contarticle2 {
			width: 40%;
			padding: 2%;
			font-size: 2.5vw;
		}
		.bild {
			width: 25%;
			height: 25%;
		}
}