.entry-title {
    display: none; /* Versteckt den Titel */
}
/* Pokémon-Container Styling */
#pokemon-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    color: #ffffff !important; /* Textfarbe passend zum Layout */
}

/* Tabellen- und Zellenstyling */
#pokemon-stats-table {
    width: 100%;
    margin-top: 20px;
    border-collapse: collapse;
}

#pokemon-stats-table th, #pokemon-stats-table td {
    padding: 2px;
    /*border: 1px solid #00ff00 !important; /* Grüne Trennstriche */
}

#pokemon-stats-table td {
    text-align: left !important;
}

/* Stat-Balken Styling */
#pokemon-stats-table div {
    height: 20px !important;
    transition: width 0.5s ease !important;
    max-width: 100% !important; /* Verhindert, dass die Balken aus der Zelle herausragen */
    border-radius: 5px !important; /* Abgerundete Ecken für die Balken */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3) !important; /* Schatten hinzugefügt */

    /* Farbverlauf (wird überschrieben durch JS, wenn eine Natur stat. erhöht oder verringert) */
    /*background: linear-gradient(90deg, #66ff66, #00cc00);*/
}

/* Styling für das Level-Input */
#level-select {
    width: 50px !important; /* Passt die Breite an, etwas größer als die Zahl 100 */
    padding: 5px !important;
    font-size: 16px !important;
    color:#ffffff;
    border: 1px solid #00ff00 !important; /* Rahmen passend zur Layoutfarbe */
    border-radius: 5px !important;
    background-color: #000000 !important; /* Hintergrundfarbe schwarz */
    /*color: #00ff00 !important; /* Textfarbe passend zum Layout */
    appearance: textfield !important; /* Stellt sicher, dass das Feld als Zahl angezeigt wird */
}
/* Verhindert, dass die Pfeile im Zahleneingabefeld verschwinden */
#level-select::-webkit-inner-spin-button, 
#level-select::-webkit-outer-spin-button {
    opacity: 1 !important; /* Pfeile immer sichtbar */
    color: #00ff00 !important; /* Farbe der Pfeile passend zum Layout */
}

/* Optional: Schwebende Wirkung beim Hover */
#level-select:hover {
    box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
    transition: box-shadow 0.3s ease-in-out !important;
}

/* Styling für das Wesen-Auswahlfeld */
#nature-select {
    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 */
#nature-select:hover {
    box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
    transition: box-shadow 0.3s ease-in-out !important;
}

#formeSelect {
    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 */
#formeSelect:hover {
    box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
    transition: box-shadow 0.3s ease-in-out !important;
}

/* Styling für den Dropdown-Pfeil 
#nature-select::after {
    content: '\25BC'; /* Unicode für den Pfeil nach unten 
    font-size: 10px;
    color: #00ff00; /* Grüne Farbe für den Pfeil 
    position: absolute;
    right: 10px;
    pointer-events: none; /* Pfeil ist nicht klickbar */
/*}*/
.type {
        display: inline-block;
        padding: 2px 6px;
        width: 85px; /* Feste Breite für die Typen */
        text-align: center; /* Zentriert den Text */
        border-radius: 4px;
        color: white !important;
        font-weight: bold;
        margin-right: 4px;
        border: 2px solid white;
        text-decoration: none !important; /* Unterstrich bei Links entfernen */
        transition: box-shadow 0.3s ease; /* Sanfter Übergang für den Hover-Effekt */
    }
    .type: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.grass {
        background-color: #7AC74C; /* Grüner Hintergrund */
        border-color: darkgreen;
    }
    .type.poison {
        background-color: #5f0f5d; /* Violetter Hintergrund */
        border-color: rgb(51, 3, 60);
    }
    .type.fire {
        background-color: #cc0e2a; 
        border-color: darkred;
    }
    .type.water {
        background-color: #3a4cd6;
        border-color: darkblue;
    }
    .type.dragon {
        background-color: #551f97; 
        border-color: darkslateblue;
    }
    .type.steel {
        background-color: #656567;
        border-color: rgb(75, 75, 76);
    }
    .type.flying {
        background-color: #26deeb; 
        border-color: rgb(6, 147, 160);
    }
    .type.fairy {
        background-color: #d63aaa;
        border-color: rgb(131, 4, 87);
    }
    .type.rock {
        background-color: #ca9e24; 
        border-color: rgb(115, 91, 30);
    }
    .type.ground {
        background-color: #754117;
        border-color: rgb(65, 43, 8);
    }
    .type.bug {
        background-color: #688a14; 
        border-color: rgb(63, 80, 11);
    }
    .type.dark {
        background-color: #2d2a2a;
        border-color: rgb(0, 0, 0);
    }
    .type.psychic {
        background-color: #b52aa7; 
        border-color: rgb(81, 34, 71);
    }
    .type.ghost {
        background-color: #3a0648;
        border-color: rgb(47, 4, 51);
    }
    .type.fighting {
        background-color: #5e2200; 
        border-color: rgb(57, 16, 0);
    }
    .type.normal {
        background-color: #b6b6b6;
        border-color: rgb(103, 103, 103);
    }
    .type.ice {
        background-color: #439db4; 
        border-color: rgb(43, 81, 98);
    }
    .type.electric {
        background-color: #ffee05;
        border-color: rgb(137, 114, 0);
    }

    #pokemon-hp-dv {
        width: 75px !important; /* Passt die Breite an, etwas größer als die Zahl 100 */
        padding: 5px !important;
        font-size: 16px !important;
        color:#ffffff;
        border: 1px solid #00ff00 !important; /* Rahmen passend zur Layoutfarbe */
        border-radius: 5px !important;
        background-color: #000000 !important; /* Hintergrundfarbe schwarz */
        /*color: #00ff00 !important; /* Textfarbe passend zum Layout */
        appearance: textfield !important; /* Stellt sicher, dass das Feld als Zahl angezeigt wird */
    }
    /* Verhindert, dass die Pfeile im Zahleneingabefeld verschwinden */
    #pokemon-hp-dv::-webkit-inner-spin-button, 
    #pokemon-hp-dv::-webkit-outer-spin-button {
        opacity: 1 !important; /* Pfeile immer sichtbar */
        color: #00ff00 !important; /* Farbe der Pfeile passend zum Layout */
    }
    
    /* Optional: Schwebende Wirkung beim Hover */
    #pokemon-hp-dv:hover {
        box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
        transition: box-shadow 0.3s ease-in-out !important;
    }
    #pokemon-atk-dv {
        width: 75px !important; /* Passt die Breite an, etwas größer als die Zahl 100 */
        padding: 5px !important;
        font-size: 16px !important;
        color:#ffffff;
        border: 1px solid #00ff00 !important; /* Rahmen passend zur Layoutfarbe */
        border-radius: 5px !important;
        background-color: #000000 !important; /* Hintergrundfarbe schwarz */
        /*color: #00ff00 !important; /* Textfarbe passend zum Layout */
        appearance: textfield !important; /* Stellt sicher, dass das Feld als Zahl angezeigt wird */
    }
    /* Verhindert, dass die Pfeile im Zahleneingabefeld verschwinden */
    #pokemon-atk-dv::-webkit-inner-spin-button, 
    #pokemon-atk-dv::-webkit-outer-spin-button {
        opacity: 1 !important; /* Pfeile immer sichtbar */
        color: #00ff00 !important; /* Farbe der Pfeile passend zum Layout */
    }
    
    /* Optional: Schwebende Wirkung beim Hover */
    #pokemon-atk-dv:hover {
        box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
        transition: box-shadow 0.3s ease-in-out !important;
    }
    #pokemon-def-dv {
        width: 75px !important; /* Passt die Breite an, etwas größer als die Zahl 100 */
        padding: 5px !important;
        font-size: 16px !important;
        color:#ffffff;
        border: 1px solid #00ff00 !important; /* Rahmen passend zur Layoutfarbe */
        border-radius: 5px !important;
        background-color: #000000 !important; /* Hintergrundfarbe schwarz */
        /*color: #00ff00 !important; /* Textfarbe passend zum Layout */
        appearance: textfield !important; /* Stellt sicher, dass das Feld als Zahl angezeigt wird */
    }
    /* Verhindert, dass die Pfeile im Zahleneingabefeld verschwinden */
    #pokemon-def-dv::-webkit-inner-spin-button, 
    #pokemon-def-dv::-webkit-outer-spin-button {
        opacity: 1 !important; /* Pfeile immer sichtbar */
        color: #00ff00 !important; /* Farbe der Pfeile passend zum Layout */
    }
    
    /* Optional: Schwebende Wirkung beim Hover */
    #pokemon-def-dv:hover {
        box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
        transition: box-shadow 0.3s ease-in-out !important;
    }
    #pokemon-spa-dv {
        width: 75px !important; /* Passt die Breite an, etwas größer als die Zahl 100 */
        padding: 5px !important;
        font-size: 16px !important;
        color:#ffffff;
        border: 1px solid #00ff00 !important; /* Rahmen passend zur Layoutfarbe */
        border-radius: 5px !important;
        background-color: #000000 !important; /* Hintergrundfarbe schwarz */
        /*color: #00ff00 !important; /* Textfarbe passend zum Layout */
        appearance: textfield !important; /* Stellt sicher, dass das Feld als Zahl angezeigt wird */
    }
    /* Verhindert, dass die Pfeile im Zahleneingabefeld verschwinden */
    #pokemon-spa-dv::-webkit-inner-spin-button, 
    #pokemon-spa-dv::-webkit-outer-spin-button {
        opacity: 1 !important; /* Pfeile immer sichtbar */
        color: #00ff00 !important; /* Farbe der Pfeile passend zum Layout */
    }
    
    /* Optional: Schwebende Wirkung beim Hover */
    #pokemon-spa-dv:hover {
        box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
        transition: box-shadow 0.3s ease-in-out !important;
    }
    #pokemon-spd-dv {
        width: 75px !important; /* Passt die Breite an, etwas größer als die Zahl 100 */
        padding: 5px !important;
        font-size: 16px !important;
        color:#ffffff;
        border: 1px solid #00ff00 !important; /* Rahmen passend zur Layoutfarbe */
        border-radius: 5px !important;
        background-color: #000000 !important; /* Hintergrundfarbe schwarz */
        /*color: #00ff00 !important; /* Textfarbe passend zum Layout */
        appearance: textfield !important; /* Stellt sicher, dass das Feld als Zahl angezeigt wird */
    }
    /* Verhindert, dass die Pfeile im Zahleneingabefeld verschwinden */
    #pokemon-spd-dv::-webkit-inner-spin-button, 
    #pokemon-spd-dv::-webkit-outer-spin-button {
        opacity: 1 !important; /* Pfeile immer sichtbar */
        color: #00ff00 !important; /* Farbe der Pfeile passend zum Layout */
    }
    
    /* Optional: Schwebende Wirkung beim Hover */
    #pokemon-spd-dv:hover {
        box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
        transition: box-shadow 0.3s ease-in-out !important;
    }
    #pokemon-spe-dv {
        width: 75px !important; /* Passt die Breite an, etwas größer als die Zahl 100 */
        padding: 5px !important;
        font-size: 16px !important;
        color:#ffffff;
        border: 1px solid #00ff00 !important; /* Rahmen passend zur Layoutfarbe */
        border-radius: 5px !important;
        background-color: #000000 !important; /* Hintergrundfarbe schwarz */
        /*color: #00ff00 !important; /* Textfarbe passend zum Layout */
        appearance: textfield !important; /* Stellt sicher, dass das Feld als Zahl angezeigt wird */
    }
    /* Verhindert, dass die Pfeile im Zahleneingabefeld verschwinden */
    #pokemon-spe-dv::-webkit-inner-spin-button, 
    #pokemon-spe-dv::-webkit-outer-spin-button {
        opacity: 1 !important; /* Pfeile immer sichtbar */
        color: #00ff00 !important; /* Farbe der Pfeile passend zum Layout */
    }
    
    /* Optional: Schwebende Wirkung beim Hover */
    #pokemon-spe-dv:hover {
        box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
        transition: box-shadow 0.3s ease-in-out !important;
    }

    
    #pokemon-hp-ev {
        width: 50px !important; /* Passt die Breite an, etwas größer als die Zahl 100 */
        padding: 5px !important;
        font-size: 16px !important;
        color:#ffffff;
        border: 1px solid #00ff00 !important; /* Rahmen passend zur Layoutfarbe */
        border-radius: 5px !important;
        background-color: #000000 !important; /* Hintergrundfarbe schwarz */
        /*color: #00ff00 !important; /* Textfarbe passend zum Layout */
        appearance: textfield !important; /* Stellt sicher, dass das Feld als Zahl angezeigt wird */
    }
    /* Verhindert, dass die Pfeile im Zahleneingabefeld verschwinden */
    #pokemon-hp-ev::-webkit-inner-spin-button, 
    #pokemon-hp-ev::-webkit-outer-spin-button {
        opacity: 1 !important; /* Pfeile immer sichtbar */
        color: #00ff00 !important; /* Farbe der Pfeile passend zum Layout */
    }
    
    /* Optional: Schwebende Wirkung beim Hover */
    #pokemon-hp-ev:hover {
        box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
        transition: box-shadow 0.3s ease-in-out !important;
    }
    #pokemon-atk-ev {
        width: 50px !important; /* Passt die Breite an, etwas größer als die Zahl 100 */
        padding: 5px !important;
        font-size: 16px !important;
        color:#ffffff;
        border: 1px solid #00ff00 !important; /* Rahmen passend zur Layoutfarbe */
        border-radius: 5px !important;
        background-color: #000000 !important; /* Hintergrundfarbe schwarz */
        /*color: #00ff00 !important; /* Textfarbe passend zum Layout */
        appearance: textfield !important; /* Stellt sicher, dass das Feld als Zahl angezeigt wird */
    }
    /* Verhindert, dass die Pfeile im Zahleneingabefeld verschwinden */
    #pokemon-atk-ev::-webkit-inner-spin-button, 
    #pokemon-atk-ev::-webkit-outer-spin-button {
        opacity: 1 !important; /* Pfeile immer sichtbar */
        color: #00ff00 !important; /* Farbe der Pfeile passend zum Layout */
    }
    
    /* Optional: Schwebende Wirkung beim Hover */
    #pokemon-atk-ev:hover {
        box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
        transition: box-shadow 0.3s ease-in-out !important;
    }
    #pokemon-def-ev {
        width: 50px !important; /* Passt die Breite an, etwas größer als die Zahl 100 */
        padding: 5px !important;
        font-size: 16px !important;
        color:#ffffff;
        border: 1px solid #00ff00 !important; /* Rahmen passend zur Layoutfarbe */
        border-radius: 5px !important;
        background-color: #000000 !important; /* Hintergrundfarbe schwarz */
        /*color: #00ff00 !important; /* Textfarbe passend zum Layout */
        appearance: textfield !important; /* Stellt sicher, dass das Feld als Zahl angezeigt wird */
    }
    /* Verhindert, dass die Pfeile im Zahleneingabefeld verschwinden */
    #pokemon-def-ev::-webkit-inner-spin-button, 
    #pokemon-def-ev::-webkit-outer-spin-button {
        opacity: 1 !important; /* Pfeile immer sichtbar */
        color: #00ff00 !important; /* Farbe der Pfeile passend zum Layout */
    }
    
    /* Optional: Schwebende Wirkung beim Hover */
    #pokemon-def-ev:hover {
        box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
        transition: box-shadow 0.3s ease-in-out !important;
    }
    #pokemon-spa-ev {
        width: 50px !important; /* Passt die Breite an, etwas größer als die Zahl 100 */
        padding: 5px !important;
        font-size: 16px !important;
        color:#ffffff;
        border: 1px solid #00ff00 !important; /* Rahmen passend zur Layoutfarbe */
        border-radius: 5px !important;
        background-color: #000000 !important; /* Hintergrundfarbe schwarz */
        /*color: #00ff00 !important; /* Textfarbe passend zum Layout */
        appearance: textfield !important; /* Stellt sicher, dass das Feld als Zahl angezeigt wird */
    }
    /* Verhindert, dass die Pfeile im Zahleneingabefeld verschwinden */
    #pokemon-spa-ev::-webkit-inner-spin-button, 
    #pokemon-spa-ev::-webkit-outer-spin-button {
        opacity: 1 !important; /* Pfeile immer sichtbar */
        color: #00ff00 !important; /* Farbe der Pfeile passend zum Layout */
    }
    
    /* Optional: Schwebende Wirkung beim Hover */
    #pokemon-spa-ev:hover {
        box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
        transition: box-shadow 0.3s ease-in-out !important;
    }
    #pokemon-spd-ev {
        width: 50px !important; /* Passt die Breite an, etwas größer als die Zahl 100 */
        padding: 5px !important;
        font-size: 16px !important;
        color:#ffffff;
        border: 1px solid #00ff00 !important; /* Rahmen passend zur Layoutfarbe */
        border-radius: 5px !important;
        background-color: #000000 !important; /* Hintergrundfarbe schwarz */
        /*color: #00ff00 !important; /* Textfarbe passend zum Layout */
        appearance: textfield !important; /* Stellt sicher, dass das Feld als Zahl angezeigt wird */
    }
    /* Verhindert, dass die Pfeile im Zahleneingabefeld verschwinden */
    #pokemon-spd-ev::-webkit-inner-spin-button, 
    #pokemon-spd-ev::-webkit-outer-spin-button {
        opacity: 1 !important; /* Pfeile immer sichtbar */
        color: #00ff00 !important; /* Farbe der Pfeile passend zum Layout */
    }
    
    /* Optional: Schwebende Wirkung beim Hover */
    #pokemon-spd-ev:hover {
        box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
        transition: box-shadow 0.3s ease-in-out !important;
    }
    #pokemon-spe-ev {
        width: 50px !important; /* Passt die Breite an, etwas größer als die Zahl 100 */
        padding: 5px !important;
        font-size: 16px !important;
        color:#ffffff;
        border: 1px solid #00ff00 !important; /* Rahmen passend zur Layoutfarbe */
        border-radius: 5px !important;
        background-color: #000000 !important; /* Hintergrundfarbe schwarz */
        /*color: #00ff00 !important; /* Textfarbe passend zum Layout */
        appearance: textfield !important; /* Stellt sicher, dass das Feld als Zahl angezeigt wird */
    }
    /* Verhindert, dass die Pfeile im Zahleneingabefeld verschwinden */
    #pokemon-spe-ev::-webkit-inner-spin-button, 
    #pokemon-spe-ev::-webkit-outer-spin-button {
        opacity: 1 !important; /* Pfeile immer sichtbar */
        color: #00ff00 !important; /* Farbe der Pfeile passend zum Layout */
    }
    
    /* Optional: Schwebende Wirkung beim Hover */
    #pokemon-spe-ev:hover {
        box-shadow: 0px 4px 8px rgba(0, 255, 0, 0.5) !important;
        transition: box-shadow 0.3s ease-in-out !important;
    }