.badge {
    position: fixed;

    /* Abstand vom rechten Rand: 20px + 15% des Badges nach links */
    right: calc(20px + 15%); 
    
    /* Vertikale Mitte + 100px nach unten */
    top: 50%;
    transform: translateY(-50%) translateY(100px);

    /* 15% größer als vorher (90px * 1.15 = 103.5px) */
    width: 103.5px;
    height: 103.5px;

    /* Flexbox für perfekte Zentrierung */
    display: flex;
    align-items: center;      /* vertikal */
    justify-content: center;  /* horizontal */

    background-color: #E2B007; /* goldgelb */
    color: #000000;             /* Text schwarz */
    font-weight: bold;
    font-size: 1.05rem;         /* Schrift proportional anpassen */
    text-align: center;
    border-radius: 50%;          /* rund */
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 9999;
    cursor: default;
    font-family: sans-serif;
    transition: all 0.3s ease;
}

/* Ausblenden */
.hidden {
    display: none;
}