/********************************************************************************************************************/
/*Flexgrid - Universal Tabellen zur Auswahl für Administratorbereich*/

.gridbox {									/*Grid Wrapper*/
	display: -ms-grid;
	display: grid;
	margin: 1px auto;
	max-width: 100%;
	font-family: Helvetica, Verdana, sans-serif;
	border: 1px solid;
	border-color: #C03;
}

.gridbox1 {									/*1 Spalten - Grid Wrapper*/
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
}

.gridbox4 {									/*4 Spalten - Grid Wrapper*/
	-ms-grid-columns: 4fr 10fr 20fr 6fr;
	grid-template-columns: 4fr 10fr 20fr 6fr;
}

.gridbox7 {									/*4 Spalten - Grid Wrapper*/
	-ms-grid-columns: 4fr 8fr 10fr 15fr 6fr 3fr 6fr;
	grid-template-columns: 4fr 8fr 10fr 15fr 6fr 3fr 6fr;
}

.gridbox2 {									/*2 Spalten - Grid im Grid Wrapper*/
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 5fr 1fr;
	grid-template-columns: 5fr 1fr;
	border-color: #CF0;
}
.gridbox .head{
	color:#C03;
	font-size: 16px;
	font-weight:bold;
}

.gridbox .data{
	color:#000;
	font-size: 14px;
	font-weight:normal;
}

.gridbox .fat{								/*Fette Texte mit etwas Abstand oben und unten*/
	color:#000;
	font-size: 15px;
	font-weight:bold;
	padding:0.2em 0 0.4em 0;
}

.gridbox_button{							/*Für Button anzeige*/
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto auto auto;
	grid-template-rows: auto auto auto;
	text-align:center;
}

.gridbox_button1{							/*Für Button anzeige*/
	display: -ms-grid;
	display: grid;
	grid-template-rows: auto;
	text-align:center;
	-ms-flex-line-pack: center;
	    align-content: center;
}

.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7 {
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border: 1px solid;
	padding: 8px;
	margin: 2px;
}

.grid1 {grid-area: 1 / 1 / 2 / 2;}			/*Zeile Start, Spalte Start, Zeile Ende, Spalte Ende*/
.grid2 {grid-area: 1 / 2 / 2 / 3;}
.grid3 {grid-area: 1 / 3 / 2 / 4;}
.grid4 {grid-area: 1 / 4 / 2 / 5;}
.grid5 {grid-area: 1 / 5 / 2 / 6;}
.grid6 {grid-area: 1 / 6 / 2 / 7;}
.grid7 {grid-area: 1 / 7 / 2 / 8;}

.gridbox2 .grid_sp1 {grid-area: 1 / 1 / 2 / 2;}	/*Zeile Start, Spalte Start, Zeile Ende, Spalte Ende*/
.gridbox2 .grid_sp2 {grid-area: 1 / 2 / 1 / 3;}

.grid1 { background:hsl( 50,70%,85%); border-color:hsl( 50,90%,50%);}
.grid2 { background:hsl(100,70%,85%); border-color:hsl(100,90%,50%);}
.grid3 { background:hsl(150,70%,85%); border-color:hsl(150,90%,50%);}
.grid4 { background:hsl(200,70%,85%); border-color:hsl(200,90%,50%);}
.grid5 { background:hsl(250,70%,85%); border-color:hsl(250,90%,50%);}
.grid6 { background:hsl(280,70%,85%); border-color:hsl(280,90%,50%);}
.grid7 { background:hsl(350,70%,85%); border-color:hsl(350,90%,50%);}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
/* CSS3 Stylesheet E N D E  */