body {
    /* Animierter, alternierender dunkelgrün-bläulicher Hintergrund */
    background: linear-gradient(270deg, #0a3c2f, #0a1a3c, #145a5a, #0a3c2f, #0a1a3c);
    background-size: 800% 800%;
    animation: greenBlueShift 30s ease-in-out infinite;
    color: white;
}

@keyframes greenBlueShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.info-box {
    background: linear-gradient(135deg, rgba(30, 80, 80, 0.8), rgba(20, 60, 80, 0.7));
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
    margin: 5px;
    color: #e0f7fa;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}