* { box-sizing: border-box; }
        body { background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.85)), url("Background.png"); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; min-height: 100vh; color:white; font-family:Arial, sans-serif; margin:0; padding:0; }
        .server-status { position:fixed; top:10px; right:25px; z-index:30; background:rgba(0,0,0,0.65); border:1px solid rgba(212,175,55,0.6); border-radius:8px; padding:7px 14px; font-size:13px; text-align:center; min-width:90px; box-shadow:0 0 10px black; }
        .server-status.online { color:#8cff8c; } .server-status.offline { color:#ff6b6b; } .server-status .players { display:block; color:white; font-size:12px; margin-top:3px; }
        nav { position:fixed; top:0; left:0; width:100%; padding:20px 0; text-align:center; background:rgba(0,0,0,0.85); border-bottom:1px solid rgba(255,255,255,0.2); z-index:20; backdrop-filter: blur(5px); }
        nav a { color:white; text-decoration:none; margin:0 15px; font-size:18px; text-shadow:0 0 10px black; transition:0.3s; display: inline-block; vertical-align: middle; }
        nav a:hover { color:#d4af37; }
        .hero { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; text-align: center; padding: 0 20px; background: transparent !important; }
        h1 { font-size: 75px; letter-spacing: 8px; margin: 0; color: #d4af37; text-shadow: 0 0 20px black, 0 0 40px black; }
        .subtitle { margin-top: 25px; font-size: 30px; color: #ccc; text-shadow: 0 0 15px black; }
        .buttons { margin-top: 50px; }
        .button { display: inline-block; margin: 10px; padding: 16px 45px; border: 2px solid #d4af37; border-radius: 8px; color: #d4af37; text-decoration: none; background: rgba(0,0,0,0.4); font-size: 20px; font-weight: bold; transition: 0.3s; }
        .button:hover { background: #d4af37; color: black; }
        .footer { position: fixed; bottom: 10px; width: 100%; color: #666; text-align: center; font-size: 14px; }
        .footer a { color: white; text-decoration: none; transition: 0.3s; } .footer a:hover { color: #d4af37; }
        @media(max-width:800px) { nav { position: absolute; } h1 { font-size: 50px; } .subtitle { font-size: 22px; } .footer { position: static; padding: 20px 0; } }
    
/* Elesmera Hauptserver-Status auf der RP Arena */
.elesmera-main-status {
    position: fixed;
    top: 70px;
    right: 25px;
    z-index: 9999;
    background: rgba(0,0,0,0.65);
    border: 1px solid rgba(212,175,55,0.6);
    border-radius: 8px;
    padding: 7px 14px;
    font-size: 13px;
    text-align: center;
    min-width: 90px;
    box-shadow: 0 0 10px black;
}

.elesmera-main-status.online {
    color: #8cff8c;
}

.elesmera-main-status.offline {
    color: #ff6b6b;
}

.elesmera-main-status .players {
    display: block;
    color: white;
    font-size: 12px;
    margin-top: 3px;
}