/* Tooltip container */
.tooltip {
position: relative;
display: inline-block;
margin-right:1em;
color: #666;
opacity:1;
background-color: #fafafa;
border-radius: 4px;
    padding:.5em
}

/* Tooltip text */
.tooltip .tooltiptext,
.tooltip .tooltiptext {
  position: absolute;
  bottom: 110%;
  left: 50%;
  z-index:2;
  background-color:#fafafa;
box-shadow:1px 1px 1px rgba(0,0,0,0.2);
  padding:1.5em;

  /* Aussehen */	
  width: 500px;
  margin-left: -300px; /* Use half of the width (120/2 = 60), to center the tooltip */
  
  /* Schriftformatierung */
  font-weight:normal;
  font-size:1.4em;
  line-height:24px;
 
  /* Animation */
  transition:all .3s ease;
  opacity:0;
  visibility:collapse;
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover {
box-shadow:1px 1px 1px rgba(0,0,0,0.2);
background-color: #f6f6f6;
}

.tooltip:hover .tooltiptext, 
.tooltip:hover .tooltiptext .tooltip:hover .tooltiptext {
  margin-left: -250px;
  opacity:1;
  visibility:visible;
}



.tooltip > a,
.tooltip > b > a,
.tooltip > strong > a {
	text-decoration: none;
	display: block;
	color: #666;
	padding: 0px 5px;
	transition: all .3s ease;
	font-size: 1.4em;
}

.tooltip > a:hover,
.tooltip > b > a:hover,
.tooltip > strong > a:hover {
	color:#333;
}