body {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f0f0f0; /* Optionale Hintergrundfarbe für den Körper */
}
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.cell {
    width: 70%;
    max-width: 700px;
    background-color: lightyellow;
    border: 1px solid black;
    padding: 20px; /* Optional: Padding innerhalb der Zelle */
    box-sizing: border-box; /* Stellt sicher, dass die Breite die Ränder einschließt */
}
textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid black;
    background-color: white; /* Hintergrundfarbe der Textarea auf weiß gesetzt */
    resize: none; /* Optional: Verhindert das manuelle Größenändern der Textarea */
}
@media (max-width: 600px) {
    .cell {
        width: 90%; /* Breite der Zelle bei kleineren Bildschirmen */
    }
}
.error-message {
    color: rgba(254, 73, 2, 0.902);
}

.ok-message {
    color: rgb(6, 254, 2);
}