.fertigkeiten {
height:270px; 
	width:140px; 
	background:#131313; 
	margin-left:200px; 
	position:absolute; 
	overflow:auto; 
	padding:5px; 
	color:#767676; 
	text-align:left; 
	font-size:10px;
}

.tooltip {
position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #131313;
  color: #767676;
  text-align: left;
  padding: 5px;
	font-size:10px;
	float:right;
	height:270px; 

  
  /* Position the tooltip */
	position:absolute;
  z-index: 1;
  margin-top:0px; 
margin-left: 200px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.meter { 
	height: 5px;  /* Can be anything */
width:160px;
	position: relative;
	background: var(--darkestbg);
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 15px;
	padding: 7px;
	box-shadow: inset 0 -1px 1px rgba(12,12,12,0.3);
margin-left:10px;
}

.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}