#siteNoticeBackdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 9998;
}

#siteNoticePanel {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    width: 90%;
    max-width: 500px;
    padding: 24px;
    background: #f1f1f1;
    color: #333;
    border-radius: 10px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease;
    z-index: 9999;
}

/* Sichtbar */

#siteNoticeBackdrop.active {
    opacity: 1;
    visibility: visible;
}

#siteNoticePanel.active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
}