body { 
            font-family: 'Segoe UI', Arial, sans-serif; 
            max-width: 1200px; margin: 0 auto; 
            padding: 20px; background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%); 
            color: white; 
        }
        .header { text-align: center; margin-bottom: 40px;}
        .servers-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); 
            gap: 25px; margin-bottom: 40px;
        }
        .server-card { 
            background: linear-gradient(45deg, #667eea 0%, #764ba2 100%); 
            padding: 25px; border-radius: 20px; 
            text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            transition: transform 0.3s;
        }
        .server-card:hover { transform: translateY(-5px); }
        .status-online { background: linear-gradient(45deg, #28a745, #20c997)!important; }
        .status-offline { background: linear-gradient(45deg, #dc3545, #fd7e14)!important; }
        .server-name { font-size: 1.4em; margin-bottom: 10px; }
        .players { font-size: 1.3em; font-weight: bold; margin: 10px 0; }

        /* NEU: Modpack-Bild und Link */
        .modpack-image {
            width: 150px; height: 120px;
            border-radius: 20px;
            object-fit: cover;
            margin-bottom: 10px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.4);
            border: 2px solid rgba(255,255,255,0.3);
        }
        .modpack a {
            color: white;
            text-decoration: none;
            font-weight: bold;
        }
        .modpack a:hover { text-decoration: underline; }

        .modpack { background: rgba(255,255,255,0.2); padding: 8px; border-radius: 15px; font-size: 0.9em; }
        .server-ip { 
            background: rgba(255,255,255,0.1); padding: 12px; 
            border-radius: 10px; font-family: monospace; font-size: 1.1em; margin: 15px 0;
        }
        .discord { 
            background: linear-gradient(45deg, #5865F2, #7289da); 
            color: white; padding: 15px 30px; text-decoration: none; 
            border-radius: 25px; display: inline-block; font-weight: bold; 
            margin-top: 15px;
        }
        .last-update { font-size: 0.85em; opacity: 0.8; margin-top: 10px; }

        nav {
            background-color: #0f0f23;
            padding: auto;
            position: fixed;
            width: 100%;
            top: 5;
            left: 50;
        }

        nav ul li {
            display: inline;
        }

        nav ul li a{
            color: antiquewhite;
            text-decoration: none;
            font-size: 1.2em;
            padding: 10px 20px;
            transition: color 0.3s;
        }

        nav ul li a:hover{
            color: #dc3545;
        }

        footer {
            background-color: #0f0f23;
            padding: 20px;
            margin-top: 50px;
            text-align: center;
            width: 80%;
        }

        /* Mobile Optimierung */
        @media (max-width: 600px) {
            .container {
                width: 95%;
                    padding: 15px;
            }
        }