time .tooltip::after{content:'Publikationsdatum'}.tooltip{display:inline-block;opacity:0;visibility:hidden;transition:opacity 1s,box-shadow 1s,visibility 1s;z-index:100;position:absolute;top:-2.5em;padding:.1em .5em;margin-top:.5em;color:#dcdcdc;background-color:#152032;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,.69);white-space:nowrap}@media screen and (hover:hover){#sidebar .tooltip,.submenu .tooltip,.upcoming-events .tooltip{transition-delay:.5s}#sidebar .tooltip:hover,.submenu .tooltip:hover,.upcoming-events .tooltip:hover{visibility:hidden;transition:none}}time:hover .tooltip{opacity:1;visibility:visible}.flash:has(+time:hover) .tooltip{opacity:1;visibility:visible}span:has(.tooltip):hover .tooltip{opacity:1;visibility:visible}span:has(.state-pending) .tooltip::after,div:has(.state-pending)~time .tooltip::after{content:'Event steht an'}span:has(.state-upcoming) .tooltip::after,div:has(.state-upcoming)~time .tooltip::after{content:'Event beginnt demnächst'}span:has(.state-running) .tooltip::after,div:has(.state-running)~time .tooltip::after{content:'Event hat begonnen'}span:has(.state-ended) .tooltip::after,div:has(.state-ended)~time .tooltip::after{content:'Event ist beendet'}.submenu time .tooltip:hover{opacity:0;visibility:hidden}.submenu .tooltip{font-family:Arial,sans-serif}