body {
	margin:0;
	padding:0;
	overflow:hidden;
	height:100vh;
	width:100%;
	background:#fff;
}
a.close{
	display:block;
	position:absolute;
	z-index:100;
	height:100%;
	width:100%;
}
/* rot #ff0000; */
.rg1 #links  { display:block;float:left;width:50%;height:100%;background-color:rgb(227,35,34);}
/* gruen #00ffff; */
.rg1 #rechts { display:block;float:left;width:50%;height:100%;background-color:rgb(0,142,91);}
.gr1 #links  { display:block;float:left;width:50%;height:100%;background-color:rgb(0,142,91);}
.gr1 #rechts { display:block;float:left;width:50%;height:100%;background-color:rgb(227,35,34);}

/* orange #ffff00 */
.ob1 #links  { display:block;float:left;width:33.5%;height:100%;background-color:rgb(241,142,28);}
/* blau #0000ff */
.ob1 #rechts { display:block;float:left;width:66.5%;height:100%;background-color:rgb(42,113,176);}
.bo1 #links  { display:block;float:left;width:66.5%;height:100%;background-color:rgb(42,113,176);}
.bo1 #rechts { display:block;float:left;width:33.5%;height:100%;background-color:rgb(241,142,28);}

/* gelb #00ff00 */
.gv1 #links  { display:block;float:left;width:25%;height:100%;background-color:rgb(244,229,0);}
/* violet #ff00ff */
.gv1 #rechts { display:block;float:left;width:75%;height:100%;background-color:rgb(109,57,139);}
.vg1 #links  { display:block;float:left;width:75%;height:100%;background-color:rgb(109,57,139);}
.vg1 #rechts { display:block;float:left;width:25%;height:100%;background-color:rgb(244,229,0);}

.rg2 #links  { display:block;height:50%;width:100%;background-color:rgb(227,35,34);}
.rg2 #rechts { display:block;height:50%;width:100%;background-color:rgb(0,142,91);}
.gr2 #links  { display:block;height:50%;width:100%;background-color:rgb(0,142,91);}
.gr2 #rechts { display:block;height:50%;width:100%;background-color:rgb(227,35,34);}

.ob2 #links  { display:block;height:33.5%;width:100%;background-color:rgb(241,142,28);}
.ob2 #rechts { display:block;height:66.5%;width:100%;background-color:rgb(42,113,176);}
.bo2 #links  { display:block;height:66.5%;width:100%;background-color:rgb(42,113,176);}
.bo2 #rechts { display:block;height:33.5%;width:100%;background-color:rgb(241,142,28);}

.gv2 #links  { display:block;height:25%;width:100%;background-color:rgb(244,229,0);}
.gv2 #rechts { display:block;height:75%;width:100%;background-color:rgb(109,57,139);}
.vg2 #links  { display:block;height:75%;width:100%;background-color:rgb(109,57,139);}
.vg2 #rechts { display:block;height:25%;width:100%;background-color:rgb(244,229,0);}