

.administration_main_page {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-wrap: wrap;
	font-weight: normal;
	height: calc(100vh - 90px); 
	align-items: stretch; 
}


.administration_main_box {
	cursor: pointer;
	padding: 1em;
	margin: 1.5em;
	font-size: 1.5em;

	flex-grow: 1;
	width: 300px;
	text-align: center;
	border-radius: 2em;
	

	display: flex;
	flex-direction: column; 
	justify-content: center;
	align-items: center;
	

	transition: all 0.2s ease-in-out;
}


.administration_main_box img {
    max-height: 100px; 
    width: auto;
    margin-bottom: 0.8em; 
}




/* Grün */
.admin_main_box_green { 
    border: 0.2em solid darkgreen; 
    background-color: rgba(198, 255, 109, .5); 
    color: darkgreen;
}
.admin_main_box_green:hover { 
    outline: darkgreen 0.6em solid; 
}

/* Rot */
.admin_main_box_red {
    border: 0.2em solid darkred; 
    background-color: rgba(255, 161, 168, .5);
    color: darkred;
}
.admin_main_box_red:hover { 
    outline: darkred 0.6em solid; 
}

/* Blau */
.admin_main_box_blue {
    border: 0.2em solid darkblue; 
    background-color: rgba(95, 255, 255, .5);
    color: darkblue;
}
.admin_main_box_blue:hover { 
    outline: darkblue 0.6em solid; 
}

/* Gelb */
.admin_main_box_yellow { 
    border: 0.2em solid darkgoldenrod; /* darkyellow ist oft kein schönes Gelb */
    background-color: rgba(249, 231, 159, .5);
    color: darkgoldenrod;
}
.admin_main_box_yellow:hover { 
    outline: darkgoldenrod 0.6em solid; 
}

/* Grau */
.admin_main_box_grey { 
    border: 0.2em solid darkgrey; 
    background-color: rgba(200, 190, 180, .5);
    color: dimgrey; /* Besser lesbar als darkgrey auf diesem Hintergrund */
}
.admin_main_box_grey:hover { 
    outline: darkgrey 0.6em solid; 
}

/* Lila */
.admin_main_box_purple { 
    border: 0.2em solid indigo; 
    background-color: rgba(204, 153, 255, .5);
    color: indigo;
}
.admin_main_box_purple:hover { 
    outline: indigo 0.6em solid; 
}

/* Orange */
.admin_main_box_orange { 
    border: 0.2em solid darkorange; 
    background-color: rgba(255, 200, 120, .5);
    color: darkorange;
}
.admin_main_box_orange:hover { 
    outline: darkorange 0.6em solid; 
}