.awardpagehead{background-color: var(--akzent3);
    color: var(--hintergrund2);
	font-family: var(--font-headline1);
    font-size: 15pt;
	text-align:center;}

.awardpagebox{float:left;
margin:1px;}

.awardpagebox2{
    width: 572px;
    height: 400px;
    overflow:auto;
    }

.awardreason{
	text-align: justify;
	font-size: 10pt;
	padding: 3px;
	height: 45px;
	overflow: auto;}


/*Profil*/


.plusertitel{
font-family: var(--font-headline1);
text-align:center;
font-size:16px;
height:19px;
 background-color: #1c8fb8;
color: #d0d3d3;
padding: 3px;}

.profawardbox{
	width: 628px;
	height: 255px;
}

.profawards{height: 231px;overflow: auto;}

.award {
	position: relative;
	display: inline-block;
	margin: 5px 9px;
}

.award .info {
	position: absolute;
	background: var(--akzent0);
	color: var(--font-color);
	opacity: 1;
	bottom: 0px;
	left: -9px;
	width: 111px;
	height: 100px;
	padding: 2px;
	/* display:
	none; */
	z-index: 1;
	font-size: 9.5pt;
	text-align: justify;
	backdrop-filter: blur(5px);
}

.award .info i{color: var(--font-color);}

.award:hover .info {
	display: block;
}

.award .info h3 {
	text-transform: uppercase;
	border-bottom: 1px solid var(--akzent5);
	color: var(--font-color);
	text-align: center;
}

.award .info .date {
	font-style: oblique;
	font-size: 10px;
	float: right;
	background-color: #03526e33;
	color:var(--font-color);
	display:
	block;
	width:
	auto;
	margin-top: -17px;
}


.away, .ban {
	width: 90%;
	border: solid #d0d3d3;
	border-width: 1px 5px;
	padding: 15px 10px 5px 10px;
	margin: 10px auto;
}

.ban { border: solid #d0d3d3; }

.away i, .ban i {
	font-size: 20px;
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
	color: #d0d3d3;
}

.away div, .ban div {
	display: inline-block;
	width: 90%;
	border-top: 1px solid #d0d3d3;
	padding-top: 5px;
}