.bodybg {
    background-image: url('bg.jpg');
    background-size: cover; /* Stellt sicher, dass das Bild den gesamten Bereich abdeckt */
}

body, html {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
     /*background-color: #f7f7f7; /* Hintergrundfarbe */
}


.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px; /* Abstand zwischen den Elementen */
    /*border: 2px solid black; /* Schwarzer Rand für den äußeren Container */
    padding: 20px; /* Abstand im Inneren des Containers */
    background-color: white; /* Hintergrundfarbe für den Container */
}

.content {
    display: flex; /* Flexbox-Layout für die Elemente nebeneinander */
    gap: 20px; /* Abstand zwischen den Elementen */
}

.textarea_index, .output_index {
    width: 390px;
    height: 250px;
    border: 2px solid black; /* Schwarzer Rand */
    justify-content: center;
    /* Weitere Stilisierung nach Bedarf */
}