body {
        background-color: #000000;
        font-size: 1em;
        font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#AAA;
        margin:0;
}

#player .material-icons {
    font-size: 15em; /* Oder eine andere gewünschte Größe */
    cursor: pointer;
}
/* force pointer on night layer */
.leaflet-interactive {
	cursor: grab;
}
.red-dot {
      background-color: rgba(100, 100, 100, 0.4);
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 1px solid rgba(100, 100, 100, 0.8);
}
.pulse-dot {
      background-color: rgba(200, 0, 0, 0.4);
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 1px solid rgba(200, 0, 0, 0.8);
      animation: pulse 2.5s infinite;
}
@keyframes pulse {
      0% {
        transform: scale(1);
        opacity: 0.8;
      }
      50% {
        transform: scale(1.5);
        opacity: 0.5;
      }
      100% {
        transform: scale(1.0);
        opacity: 0.8;
      }
}