body {
    background-color: #101212 !important;
    color: #f7f7f7 !important;
}

/* Dunkelgrauer Container für Instagram-Namen-Eingabe, Hinzufügen, Suchen und Zurück-Buttons */
.button-container {
    background-color: #2c2c2c;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    display: flex; /* Um sicherzustellen, dass die Container gleich groß sind */
    align-items: center; /* Um die Elemente vertikal zu zentrieren */
}

.button-container input {
    background-color: #444; /* Hintergrundfarbe des Eingabefelds hier eingestellt */
    border: 1px solid #444;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    flex: 1; /* Um die Breite des Eingabefelds anzupassen */
    width: auto; /* Ignorieren Sie die feste Breite */

}


.button-container .buttons {
    background-color: #DB9423; /* Button-Farbe hier eingestellt */
    border: 1px solid #444;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    cursor: pointer;
}

.button-container .buttons:hover {
    background-color: #DB9423;
    opacity: 0.8; /* Fügt beim Überfahren eine leichte Dunkelheit hinzu */
}

.details-container {
    background-color: #1c1c1c;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    width: 88%;
    color: #fff;
}


.details-container .name-wrapper {
    display: block; /* Um sicherzustellen, dass der Name auch seine eigene Zeile hat */
    margin-right: 10px;
}

.details-container form {
    display: block; /* Ändert die Anzeige auf Block, um den Inhalt in die nächste Zeile zu verschieben */
}

.details-container form button {
    background-color: #DB9423; /* Button-Farbe hier eingestellt */
    border: none;
    border-radius: 5px;
    padding: 4px 8px; /* Ändern Sie die Padding-Werte, um die Button-Größe anzupassen */
    color: #fff;
    cursor: pointer;
    font-size: 0.9em; /* Optional: Ändern Sie die Schriftgröße, um die Textgröße anzupassen */
}


.details-container form button:hover {
    background-color: #DB9423;
    opacity: 0.8; /* Fügt beim Überfahren eine leichte Dunkelheit hinzu */
}

/* Zeitstempel */
.checked_details {
    display: block;
    margin: 10px 0;
    color: #b3b3b3;
    font-size: 0.70em; /* Einstellung der Schriftgröße hier */
}