#radar-widget{
    position:relative;
    width:400px;
    left:260px;
 /*   margin:auto; */
    background:white;
    border-radius:10px;
    padding:15px;
    box-shadow:0 4px 10px rgba(0,0,0,0.2);
}

#radar-widget img{
    width:100%;
    border-radius:8px;
}

#marker{
    position:absolute;
    width:14px;
    height:14px;
    background:red;
    border-radius:50%;
    border:2px solid white;

    /* Position ungefähr Bad Pyrmont */
    top:77%;
    left:57%;

    box-shadow:0 0 6px rgba(0,0,0,0.5);
}

#container{
 position:absolute;
 width:250px;

 border:5px solid black; 
/* margin:auto; */
}

.update{
    font-size:12px;
    color:#666;
    margin-top:5px;
}



.cards{
 display:flex;
 /* gap:20px; */
 margin-top:20px;
}

.card{
 background:white;
 padding:20px;
 border-radius:10px;
 flex:1;
 text-align:center;
/* font-size:22px; */
}

.chart{
 background:white;
 margin-top:30px;
 padding:20px;
 border-radius:10px;
}

#pfeil {
    display: block; /* WICHTIG: Damit die Rotation greift */
    transition: transform 0.5s ease; /* Optional: Macht die Drehung flüssig */
}