body {
            font-family: Arial, sans-serif;
            max-width: 100%;
            overflow-x: hidden;
            padding: 10px;
            text-align: center;
            transition: background-color 0.3s, color 0.3s;
        }

        /* Dark Mode */
        body.dark {
            background-color: #000;
            color: #e2e2e2;
        }
        body.dark select, body.dark th {
            background-color: #000;
            color: #e2e2e2;
            border: 1px solid #e2e2e2;
        }

        /* Light Mode */
        body.light {
            background-color: #fff;
            color: #000;
        }
        body.light select, body.light th {
            background-color: #f4f4f4;
            color: #000;
            border: 1px solid #ccc;
        }

        h1 { font-size: 24px; }
        select { padding: 5px; font-size: 16px; }
        .table-container { overflow-x: auto; max-width: 100%; margin: auto; }
        table { width: 100%; border-collapse: collapse; margin-top: 15px; }
        th, td { padding: 8px; text-align: left; font-size: 14px; word-break: break-word; }
        @media (max-width: 600px) { th, td { font-size: 12px; padding: 5px; } }
        .pagination { margin: 15px 0; font-size: 14px; }
        .pagination a, .pagination span { margin: 0 3px; padding: 5px 9px; border: 1px solid #ccc; text-decoration: none; border-radius: 3px; }

        /* Umschalter oben rechts */
        .theme-toggle {
            position: absolute;
            top: 10px;
            right: 10px;
            background: none;
            border: none;
            font-size: 22px;
            cursor: pointer;
        }