@media print { .no-print, .no-print *     {display: none !important; }}
	    .xmail :first-child:after {content: "\0040" attr(data-benutzer);unicode-bidi: bidi-override;direction: rtl;}
    	.xmail :first-child:before {content: "." attr(data-rechner); unicode-bidi: bidi-override;direction: rtl;}

		address > strong {font-family: Verdana, sans-serif; letter-spacing: -0.1ex;} 
	    nav > div:last-of-type {height: 0.5ex;}

		svg.vcardicon {fill: hsl(217, 71%, 53%); stroke:hsl(217, 71%, 53%);}
		svg.vcardicon:hover {fill: black; stroke:black; filter: grayscale(1);}

	code {background-color: inherit; color: inherit; }


.tile-big {transform: scale(1);  position: relative;}
.tile-container {position: relative;          border-style: dotted; border-width: 0.1ex; border-color: white;}
.tile-container:hover {background-color: hsl(0, 0%, 98%); border-color: black;}
.tile-link {display: block;margin: 0;text-decoration: none; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.tile-link:before {content: ''; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block;}
     
	.zitate > div  {
				overflow: hidden;
	        	opacity: 0; position: absolute;
	        	animation-play-state:running;
	        	animation: ueberblendung 72s ease-in infinite;  
			}
	.zitate div:nth-child(2) { animation-delay: 12s }
	.zitate div:nth-child(3) { animation-delay: 24s }
	.zitate div:nth-child(4) { animation-delay: 36s }
	.zitate div:nth-child(5) { animation-delay: 48s }
	.zitate div:nth-child(6) { animation-delay: 60s;}
	.zitate div:nth-child(7) { position: relative; 	animation: abblendung 72s ease-in 0s 1;}

.rating { position: relative; vertical-align: middle; display: inline-block; color: lightgrey; overflow: hidden;}
.rating-full{position: absolute;overflow: hidden; color: #EEBD01;}
.rating-full-100{width:100%;}
.rating-full-99{width:99%;}
.rating-full-95{width:95%;}
.rating-full-90{width:90%;}
.rating-full-85{width:85%;}
.rating-full-80{width:80%;}
.rating-full-77{width:77%;}
.rating-full-65{width:65%;}

.rating-empty:before, .rating-full:before {content: "\2605\2605\2605\2605\2605"; font-size: 14pt;}

	a.tooltip {border-bottom: 1px dashed hsl(0, 0%, 78%); color:inherit;}

			
@keyframes abblendung {
0%,10% {opacity: 1;}
11%,100% {opacity: 0.0;}
}
			
@keyframes ueberblendung {
0%, 30%,100%  {opacity: 0;}
8% {opacity: 0.3;}
10%, 20% {opacity: 1;}
28% {opacity: 0.7;}
}