#pokedex-table-container table {
    width: 100%;
    border-collapse: collapse;
}

#pokedex-table-container th, #pokedex-table-container td {
    border: 1px solid #ddd;
    padding: 8px;
}

#pokedex-table-container th {
    background-color: #f4f4f4;
    text-align: left;
}
.type_de {
        display: inline-block;
        padding: 2px 6px;
        width: 90px!important; /* Feste Breite für die Typen */
        text-align: center; /* Zentriert den Text */
        border-radius: 4px;
        color: white;
        font-weight: bold;
        margin-right: 4px;
        border: 2px solid white;
        text-decoration: none; /* Unterstrich bei Links entfernen */
        transition: box-shadow 0.3s ease; /* Sanfter Übergang für den Hover-Effekt */
    }
    .type_de:hover {
        box-shadow: 0 4px 8px 0 rgba(57, 201, 0, 0.2), 0 6px 20px 0 rgba(57, 201, 0, 0.19);
        color: white; /* Schriftfarbe bleibt unverändert */
    }
    .type_de.pflanze {
        background-color: #7AC74C; /* Grüner Hintergrund */
        border-color: darkgreen;
    }
    .type_de.gift {
        background-color: #5f0f5d; /* Violetter Hintergrund */
        border-color: rgb(51, 3, 60);
    }
    .type_de.feuer {
        background-color: #cc0e2a; 
        border-color: darkred;
    }
    .type_de.wasser {
        background-color: #3a4cd6;
        border-color: darkblue;
    }
    .type_de.drache {
        background-color: #551f97; 
        border-color: darkslateblue;
    }
    .type_de.stahl {
        background-color: #656567;
        border-color: rgb(75, 75, 76);
    }
    .type_de.flug {
        background-color: #26deeb; 
        border-color: rgb(6, 147, 160);
    }
    .type_de.fee {
        background-color: #d63aaa;
        border-color: rgb(131, 4, 87);
    }
    .type_de.gestein {
        background-color: #ca9e24; 
        border-color: rgb(115, 91, 30);
    }
    .type_de.boden {
        background-color: #754117;
        border-color: rgb(65, 43, 8);
    }
    .type_de.käfer {
        background-color: #688a14; 
        border-color: rgb(63, 80, 11);
    }
    .type_de.unlicht {
        background-color: #2d2a2a;
        border-color: rgb(0, 0, 0);
    }
    .type_de.psycho {
        background-color: #b52aa7; 
        border-color: rgb(81, 34, 71);
    }
    .type_de.geist {
        background-color: #3a0648;
        border-color: rgb(47, 4, 51);
    }
    .type_de.kampf {
        background-color: #5e2200; 
        border-color: rgb(57, 16, 0);
    }
    .type_de.normal {
        background-color: #b6b6b6;
        border-color: rgb(103, 103, 103);
    }
    .type_de.eis {
        background-color: #439db4; 
        border-color: rgb(43, 81, 98);
    }
    .type_de.elektro {
        background-color: #ffee05;
        border-color: rgb(137, 114, 0);
    }

    /* Styling für das Sortieren-Auswahlfeld */
#sort-dropdown {
    width: auto !important; /* Passt sich der Textbreite an */
    min-width: 100px !important; /* Ein wenig größer als das Wort "Maximum" */
    padding: 5px !important;
    font-size: 16px !important;
    color:#ffffff;
    border: 1px solid #00ff00 !important; /* Grüne Umrandung */
    border-radius: 5px !important;
    background-color: #000000 !important; /* Schwarzer Hintergrund */
    /*color: #00ff00 !important; /* Grüne Textfarbe */
    /*appearance: none !important; /* Entfernt den Standard-Pfeil des Dropdowns */
    text-align: center !important; /* Zentriert den Text im Dropdown */
}

/* Optional: Schwebende Wirkung beim Hover für das Auswahlelement */
#sort-dropdown:hover {
    box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
    transition: box-shadow 0.3s ease-in-out !important;
}