.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: 547px;
    height: 500px;
    overflow:auto;
    }

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


/*Profil*/


.awardhead{
font-family: var(--font-headline1);
text-align:center;
font-size:16px;
height:19px;
background-color: var(--akzent3);
color: var(--hintergrund2);
padding: 3px;}

.awardbox2{
	width: 574px;
	height: 235px;
	overflow: auto;
}

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

.award {
	position: relative;
	display: inline-block;
	margin: 4px 16px;
	/* border: 1px solid; */
}

.award .info {
	position: absolute;
	background: var(--hintergrund5);
	color: var(--font-color);
	opacity: 0.9;
	top: -3px;
	left: -16px;
	width: 180px;
	height: 152px;
	padding: 2px;
	display:
	none;
	z-index: 1;
	font-size: 9.5pt;
	text-align: justify;
	backdrop-filter: blur(15px);
	border: 1px solid var(--akzent2);
}

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

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

.award .info .awardheadline {
	text-transform: uppercase;
	border-bottom: 1px solid var(--akzent5);
	color: var(--font-color);
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
}

.award .info .date {
	font-style: oblique;
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	color:var(--font-color);
	display:
	block;
	width: 180px;
}


.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;
}