#content .pillarcontainer {
	display:  grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

#content .pillar {
	display: grid;
	grid-template-rows: 0.1fr 0.7fr 1fr 0.1fr;
	max-width:240px;
	margin:0.4em;
	padding:0.4em;
}

div#navbar ul ul {
	margin-top:5px;
}

div#navbar ul ul ul {
	margin-top:0;
	margin-bottom:0;
}

div#navbar ul ul ul li {
	line-height: 12px;
	font-size:90%;
}

div#navbar ul ul ul li a {
	font-size:100%;
}

#content .pillar >.pillarname,
#content .pillar > .pillarkey, 
#content .pillar > .user, 
#content .pillar > .mail {
	box-sizing: border-box; 
	display:flex;
	padding:0;
	text-align:center;
	justify-content: center;
}

#content .pillar .user a {
	margin:0.4em;
	font-weight: bold;
	text-decoration:none;
	vertical-align: bottom;
}

#content .pillar .mail:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0e0\00a0";
}

#content  .pillar > .pillarkey {
	margin:0.4em;
	font-size:75%;
	text-align: left;
	vertical-align:top;
	hyphens: auto;
}

#content .pillar > .pillarkey:before {
	font-weight:bold;
	content: "Stichwörter:\00a0";
}

#content .bs {
	background: rgb(171,218,232);
}

#content .bs .pillarname {
	color: rgb(0,101,159);
	font-weight: bold;
}

#content .vs {
	background: rgb(251,182,197);
}

#content .vs .pillarname {
	color: rgb(179,17,44);
	font-weight: bold;
}

#content .ezs {
	background: rgb(165,222,139);
}

#content .ezs .pillarname {
	color: rgb(45,114,28);
	font-weight: bold;
}

#content .energy {
	background: rgb(233,199,157);
}

#content .energy .pillarname {
	color: rgb(165,92,0);
	font-weight: bold;
}