.farbcodes{
	width:100%;
	height:auto;
	display:flex;
	flex-flow:wrap;
	justify-content:space-between;
}

	.farbcodes div{
		width:25%;
		padding:0.5rem 1rem;
	}
	
	.blau1{
		background-color:rgb(40, 53, 100);
		color:#fff;
	}
	
	.blau2{
		background-color:rgb(83, 93, 131);
		color:#fff;
	}
	
	.blau3{
		background-color:rgb(169, 174, 193);
		color:#000;
	}
	
	.blau4{
		background-color:rgb(212, 215, 224);
		color:#000;
	}
	
	.rot1{
		background-color:rgb(174, 19, 22);
		color:#fff;
	}
	
	.rot2{
		background-color:rgb(190, 66, 69);
		color:#fff;
	}
	
	.rot3{
		background-color:rgb(223, 161, 162);
		color:#000;
	}
	
	.rot4{
		background-color:rgb(239, 208, 208);
		color:#000;
	}
	
	.dunkelgrau{
		background-color:rgb(40, 40, 40);
		color:#fff;
	}
	
	.hellgrau1{
		background-color:rgb(220, 220, 220);
		color:#000;
	}
	
	.hellgrau2{
		background-color:rgb(240, 240, 240);
		color:#000;
	}
	
	.weiss{
		background-color:rgb(255, 255, 255);
		color:#000;
	}